@charset "UTF-8";

/* ルートカラー　*/
:root {
	--main-color: #E0EFD6;/*#F6F0D7;#F5F5EE;*/
    /*#C7EABB;#B4D9D5;#E0EFD6;#A9D9C7;*/
	--accent1-color: #56704B;
	--accent2-color: #5D9E7E;
	--accent3-color: #8B6914;
	--accent4-color: #F2EDDF;
	--accent5-color: #476974;
    
	--bright1-color: #f0f6da;
	--bright2-color: #dbebc4;
	--bright3-color: #D1E28A;
    --bright4-color: #EDF7F5;
	--bright5-color: #3397EE;
    
    --black1-color: #000;
	--dark-main-color: #63732C;
	
	--gray1-color: #F5F5F5;
	--gray2-color: #E0E0E0;
	--gray3-color: #9E9E9E;
	
	--white1-color: #fff;
    --white2-color: #FDFDFC;
	
	--text-dark-color: #333;
	--text-bright-color: #fff;
	
	--icon-color: #FFF; /*#E3D2CC;*/
	--icon-top-color: #F0F7DA;
	--icon-bk-color: #000;
		
	--large-width: 1600px;
	/*--middle-width: 800px;*/
	
}


/* 共通基本設定　*/
body {
	/*font-size: 4vw;*/
	color: #000;
	margin: 0;
	padding: 0;
	
	/*font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";*/
	font-family: "M PLUS Rounded 1c", sans-serif;
	/*font-family: "Noto Serif JP", sans-serif;
	/*font-family: "Sawarabi Mincho", sans-serif;*/
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	
	/*background-color: #E0EFD6;*/
	/*background-color: var(--main-color);*/
}
h1 {
	/*font-size: 4vw;*/
	/*color: #FFF;
	color: var(--text-bright-color);*/
		
}

h2 {
	/*font-size: 3vw;*/
	/*color: #FFF;
	color: var(--text-bright-color);*/
		
}

a {
    text-decoration: none;
    color: var(--white-color);
    
}

a:link {
    text-decoration: none;
    
}

a:visited {
    text-decoration: none;
    
}

a:hover {
	color: var(--text-dark-color);
    background-color: var(--bright-color);
    
}

a:active {
    text-decoration: none;
    
}


/*---------------------------------------------
　　clearfix
---------------------------------------------
.clfix:after{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
	font-size:0.1em;
}

.clfix{
	display:inline-block;
}*/

/* ********************************************** */

/*　デフォルト　*/
/*　ページ全体　*/
.page-one {
    /*position: absolute;
	/*header position:fixedの高さ100px分*/
	/*margin-top: 130px;*/
	
}


.page-one header{
    position: relative;
	background-color: var(--white1-color);
}

.page-one .wrap-hd {
	display: flex;
    width:100%;
	height: 100px;
	overflow-y: visible;

}

.page-one .pladia-hd-wrap {
	display: block;
	min-width: 400px;
	margin-top: -16px;

}

.page-one .pladia-hd {
	/*position: relative;*/
    display: block;
	width: 100%;
	height: auto;
    margin: 0 auto 0;
    padding: 20px 0;
    /*top: 100px;*/
    overflow-y: visible;
}

.page-one .pladia-hd h1{
	display: block;
	margin: 8px 0 15px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-size: 120%;
	text-align: center;
	color: var(--accent2-color);

}

.page-one .pladia-hd p{
	display:block;
	margin: 0 auto;
	font-family: "Zen Old Mincho", serif;
	font-weight: lighter;
	font-size: 70%;
	letter-spacing: 0.1em;
	/*line-height: 80%;*/
	text-align: center;
	
}

.page-one .pladia-hd::before {
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bright2-color);/*var(--white2-color);*/   
	transform: skewY(-5deg);
    z-index: -1;
}

.page-one .pladia-hd::after {
	content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: var(--accent2-color);
    transform: skewY(-7deg);
    z-index: -2;
}

.page-one .pladia-hd-rb-wp1 {
	position: relative;
	/*width: auto;
	margin: 0 0 0 auto;
	text-align: right;*/
}

.page-one .pladia-hd-rb1 {
	display: block;
	width: calc(1.0rem * 20);
	font-family: "M PLUS Rounded 1c", sans-serif ;
	font-size: 90%;
	font-weight: 500;
	margin: 10px 30px 0 auto;
	padding: 5px 15px 0;
	color: var(--accent5-color);
	border-bottom: var(--gray3-color) solid 1px;
	text-align: center;
	
}

.page-one .pladia-hd-rb-wp2 {
	position: relative;
}

.page-one .pladia-hd-rb2 {
	display: block;
	width: calc(1.0rem * 20);
	font-family: "M PLUS Rounded 1c", sans-serif ;
	font-size: 90%;
	font-weight: 500;
	margin: 0 30px 0 auto;
	padding: 5px 15px 0 ;
	color: var(--accent5-color);
	text-align: center;
	
}

/*　ナビゲーション　*/
.page-one nav{
	min-width: 400px;
	margin: 0 0;
	padding: 20px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: lighter;
	overflow-y: visible;

}

.page-one .wrap-nav {
	display: flex;
	justify-content:space-around;
	border-top: var(--gray3-color) solid 1px;
	border-bottom: var(--gray3-color) solid 1px;
	padding: 20px 50px;
        
}

.page-one .navmn-wp {
    margin-top: 20px;

}

.page-one .nav-menu {
	display:inline-block;
	line-height: calc(1.2rem * 1);
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
	text-align: center;
	color: var(--accent2-color);
	box-shadow: 0 0 0 transparent;

}

.page-one .icon-nav {
	display:inline-block;
	font-size: 100%;
	width: 100%;
	height: 100%;
	padding-top: 0;	
	border-radius: 0;
	text-align: center; 
	background-color: transparent;
	color: var(--accent2-color);
}

.page-one .nav-menu p {
	font-size: 90%;
	font-weight: lighter;
	margin:20px 0 30px 0;
	padding: 0 20px;
	line-height: 0;
	color: var(--black1-color);
}

.wphd-inA-wp a {
	text-decoration: none;
    
}

.wphd-inA-wp a:link {
	color: var(--white1-color);/*text-decoration: none;が効かない*/

}

.wphd-inA-wp a:visited {
	color: var(--white1-color);/*text-decoration: none;が効かない*/

}

/*　フッターコンテンツ　**************************/
footer {
	/*仮のサイズ設定　*/
	display: block;
	height: auto;
	
    color: var(--white1-color);
    background-color: var(--accent2-color);
}

footer .cont-box {
    margin: 10px 30px 10px;

}

.ft-wp {
    padding: 30px 20px;
}

.ft-wp nav{
	display: flex;
    
    justify-content: space-between;
}

.ft-a-wp {
	display: flex;
	justify-content: space-around;
    margin: 0 30px;
}

.ft-a-l {
	font-size: 80%;
    line-height: 100%;
    font-weight: normal;
    color: var(--white1-color);
	text-align: center;
	margin:50px 20px 30px;

}

.ft-a-r {
	
}

.ft-a {
    margin-bottom: 0;
    
}

.ft-a h1 {
	font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    color: var(--white1-color);
	text-align: left;
	margin: 10px auto 10px;

}
.ft-a h2 {
	font-size: 80%;
    line-height: 80%;
    font-weight: normal;
    color: var(--white1-color);
	text-align: left;
	margin: 10px 0 0 30px;

}

.ft-b {
    margin: 0 5px;
}

.ft-b h3 {
    margin: 20px 0 5px 0;
    border-bottom: solid 1px var(--white1-color);
    font-size: 80%;
    font-weight: normal;
    
}

.ft-b ul {
    margin: 0 20px 0 20px;
    padding: 0;
    list-style: none;
    font-size: 65%;
    font-weight: normal;
}

.ft-caution  {
	width: auto;
}

.ft-caution ul {
	margin: 30px 20px 30px 20px;
    padding: 0;
    /*list-style: none;*/
}

.ft-caution li {
	margin: 0 0 20px 0;
    padding: 0;
    /*list-style: none;*/
    font-size: 65%;
    font-weight: normal;
}

.ft-cprt {
	display: inline-block;
	width: 20%;
	margin: 20px 20px 0 20px;
    padding: 5px;
    font-size: 60%;
    font-weight: normal;
	text-align: center;
	border-top: solid 1px var(--white1-color);
	border-bottom: solid 1px var(--white1-color);
	
}


/* ページトップへ　------------------------*/
html {
    scroll-behavior: smooth;
}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: var(--bright1-color);
	opacity: 0.6;
    border: solid 1px var(--accent1-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 4px solid var(--accent1-color);
    border-right: 4px solid var(--accent1-color);
    transform: translateY(20%) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: var(--bright5-color);
		background: var(--white1-color);
		opacity: 0.8;
    }
}