@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: 'Zen Old Mincho', serif;
*/
* {box-sizing: border-box;  font-family: 'Zen Old Mincho', serif;font-weight: 500;
	   letter-spacing: 1px;margin: 0; padding: 0;
    }
* img{width: 100%;vertical-align: top;}
a{text-decoration: none; color: rgba(84,61,160,1.00);}
a:hover{opacity: 0.7;}
* em{font-style: normal;}
html,body { margin: 0;width: 100%; height: 100%;text-align: center;}
.inner{margin: 0 auto; padding: 0;position: relative; }
main .mini{color: #666;}

@media screen and (min-width:641px){ /*PC*/
	html,body { min-width: 1230px; font-size: 16px;line-height: 34px;}
	main{width:100%;min-width: 1200px;}
	main p{text-align: left;}
	main .mini{display: block; font-size: 13px; line-height:26px;}
	article{display: block;width:100%;}
	.inner{ max-width: 1100px;}
	.spOnly{display: none;}
	
}
@media screen and (max-width:640px){
	
	html,body {font-size: 15px;line-height:30px;}
	main p{text-align: left;}
	main .mini{display: block; font-size: 13px; margin: 10px auto; line-height:26px;}
	.inner{width:90%;}
	.pcOnly{display: none;}
}


/*ページ内のレイアウト */


main div.lead{display: block; padding: 0;}
main h1,main h2,main h3,main h4,main h5{display: block;}
main h2.line,main h3.line,main h1.line{border-bottom: 1px solid #aaa;}
main h4.line,main h5.line{border-bottom: 1px dotted #ccc;}
main h1.grd,main h2.grd,main h3.grd{border-bottom:5px solid;}
main ul{list-style: none;}

.page01 article h1.obi,.page01 article h2.obi,.page01 article h3.obi{ background: linear-gradient(to right, rgba(191, 161, 163, 0.50) 0%, rgba(133, 96, 100, 0.50) 100%);padding: 6px; color: rgba(255,255,255,1.00);text-shadow:1px 1px 2px rgba(0,0,0,0.10);}
.page01 article h1.grd,.page01 article h2.grd,.page01 article h3.grd{ border-image: linear-gradient(to right, rgba(191, 161, 163, 0.50) 0%, rgba(133, 96, 100, 0.50) 100%);border-image-slice: 1;}
.page02 article h1.grd,.page02 article h2.grd,.page02 article h3.grd{ border-image: linear-gradient(to right, rgba(161,177,173,0.5) 0%, rgba(97,119,115,0.5) 100%);border-image-slice: 1;}
.page03 article h1.grd,.page03 article h2.grd,.page03 article h3.grd{ border-image: linear-gradient(to right, rgba(177,161,119,0.5) 0%, rgba(122,102,58,0.5) 100%);border-image-slice: 1;}
/*淡い紙*/
.page01 main .bg01{background: url("/img/common/bg_w_pk.webp") repeat;}
.page02 main .bg01{background: url("/img/common/bg_w_grn.webp") repeat;}
.page03 main .bg01{background: url("/img/common/bg_w_yel.webp") repeat;}
/*淡いグラデ*/
.page01 main .bg02{background:linear-gradient(to bottom , rgba(191,161,163,0.05) 0%, rgba(133,96,100,0.1) 100%);}
.page02 main .bg02{background:linear-gradient(to bottom , rgba(161,177,173,0.05) 0%, rgba(97,119,115,0.1) 100%);}
.page03 main .bg02{background:linear-gradient(to bottom , rgba(177,161,119,0.05) 0%, rgba(122,102,58,0.1) 100%);}
/*濃い単色*/
.page01 main .bg03{background:rgba(161,122,124,1);color: rgba(255,255,255,1.00);}
.page02 main .bg03{background:rgba(161,177,173,1);color: rgba(255,255,255,1.00);}
.page03 main .bg03{background:rgba(177,161,119,1);color: rgba(255,255,255,1.00);}
/*濃い紙*/
.page01 main .bg04{background: url("/img/common/bg_b_pk.jpg") repeat;color: rgba(255,255,255,1.00);}
.page02 main .bg04{background: url("/img/common/bg_b_grn.jpg") repeat;color: rgba(255,255,255,1.00);}
.page03 main .bg04{background: url("/img/common/bg_b_yel.jpg") repeat;color: rgba(255,255,255,1.00);}


@media screen and (min-width: 641px){ /*PC*/
	main .w15{width: 15%; margin: auto;}
	main .w20{width: 20%; margin: auto;}
	main .w25{width: 25%; margin: auto;}
	main .w30{width: 30%; margin: auto;}
	main .w35{width: 35%; margin: auto;}
	main .w40{width: 40%; margin: auto;}
	main .w45{width: 45%; margin: auto;}
	main .w50{width: 50%; margin: auto;}
	main .w55{width: 55%; margin: auto;}
	main .w60{width: 60%; margin: auto;}
	main .w65{width: 65%; margin: auto;}
	main .w70{width: 70%; margin: auto;}
	main .w75{width: 75%; margin: auto;}
	main .w80{width: 80%; margin: auto;}
	main .w85{width: 85%; margin: auto;}
	main .w90{width: 90%; margin: auto;}
	main article .mb_s{ margin-bottom: 40px !important;}
	main article .mb_m{ margin-bottom: 80px !important;}
	main article .mb_l{ margin-bottom: 110px !important;}
	main h1,main h2{font-size: 30px; line-height: 48px; margin:0 auto 50px; padding-bottom: 12px;}
	main h3{font-size: 24px; line-height: 45px; margin:0 auto 40px; padding-bottom: 12px;text-align: left;}
	main h4{font-size: 20px; line-height: 40px; margin:0 auto 35px; padding-bottom: 10px;}
	main h5{font-size: 18px; line-height: 30px; margin:0 auto 35px; padding-bottom: 8px;}
	main h2.emp{font-size:37px; line-height:70px; letter-spacing:6px; margin:0 auto 70px;font-feature-settings:"palt"; }
	main h1.grd,main h2.grd{width: 50%; margin: 0px auto 80px; padding:0 0 25px;font-size:32px; line-height:50px; letter-spacing:5px;}
	main div.lead{width: 70%; margin: 0 auto 100px;}
}
@media screen and (max-width: 640px){ /*SP*/
	main article .mb_s{ margin-bottom:20px !important;}
	main article .mb_m{ margin-bottom:35px !important;}
	main article .mb_l{ margin-bottom:60px !important;}
	main h1,main h2{font-size: 24px; line-height: 40px; margin:0 auto  35px; padding-bottom: 10px;}
	main h3{font-size: 21px; line-height: 40px; margin:0 auto 35px; padding-bottom:10px;}
	main h4{font-size: 18px; line-height: 30px; margin:0 auto 20px; padding-bottom: 8px;}
	main h5{font-size: 16px; line-height: 25px; margin:0 auto 20px; padding-bottom: 6px;}
	main h2.emp{line-height:45px; letter-spacing:5px; margin:0 auto 30px;}
	main h1.grd,main h2.grd{width: 80%; margin: 0px auto 46px; padding:0 0 20px; letter-spacing:3px;}
	main div.lead{margin: 0 auto 60px;}
}

/*articleで囲むと標準テキストのレイアウトが適応*/
main article section{display: block; overflow: hidden;}
main article section p{display: block;}
main article .ta_center{text-align: center;}
main article .ta_right{text-align: right;}
main article .ta_left{text-align: left}
main article .waku01{background-color:#0000000d;padding: 10px;}
main article .waku01 .inner{border: 1px solid #c1c1c1; overflow: hidden;}
main article .waku02{background-color: rgba(255,255,255,0.8);border: 1px solid #ccc; overflow: hidden;}
main article .photo_flex2,main article .photo_flex3{display: flex;justify-content: center; align-content: center;margin:0 0 80px 0;align-items: start;}
main article .photo_flex2 img,main article .photo_flex3 img{margin: 0;}
main article .photo_flex2 img{width:48%!important;}
main article .photo_flex3 img{width:31%}
main article .photo_flex2 img:nth-child(1){margin-right:4%}
main article .photo_flex3 img:nth-child(1),main article .photo_flex3 img:nth-child(2){margin-right:  3.5%}
main article .video{position: relative; padding-bottom: 50%;padding-top: 30px;height: 0; overflow: hidden; width: 100%;}
main article .video iframe{border: none; position: absolute;top: 0; left: 0;  width: 100%; height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
	main article .inner{padding:120px 0px; }
	main article .fl_right{float:right; margin:0 0 0 35px;}
	main article .fl_left{float:left;margin:0 35px 0 0;}
	main article .waku01 {width: 100%; margin: 80px 0;}
	main article .waku01 .inner{padding:80px;}
	main article .waku02 { padding:80px; width: 100%; margin: 80px 0;}
	main .flex_box02,main .flex_box03,main .flex_box04{display: flex;justify-content: center; align-content: center;margin:0 0 70px 0;flex-wrap: wrap;}
	main .flex_box02 > div,main .flex_box03 > div,main .flex_box04 > div{margin: 0;}
	main .flex_box02 > div{width:48%}
	main .flex_box03 > div{width:31%;margin-right:  3.5%;}
	main .flex_box04 > div{width:22%;margin-right:4%;}
	main .flex_box02 > div:nth-child(odd){margin-right:4%}
	main .flex_box03 > div:nth-child(3),
	main .flex_box03 > div:nth-child(6),
	main .flex_box03 > div:nth-child(9),
	main .flex_box03 > div:nth-child(12),
	main .flex_box04 > div:nth-child(4),
	main .flex_box04 > div:nth-child(8),
	main .flex_box04 > div:nth-child(12){margin-right:0;}
	main article .video{width:90%; margin: 0 auto 60px; }
}
@media screen and (max-width: 640px){ /*SP*/
	main article .inner{padding:70px 0; }
	main article .waku01 .inner{padding:30px;width: 100%;}
	main article .waku02 {padding:30px; width: 100%; margin:30px 0;}
	main .flex_box02 > div,
	main .flex_box03 > div{margin: 0 0 40px;}
	/*main .flex_box02 > div:last-child,
	main .flex_box03 > div:last-child{margin: 0 0 0px;}
	*/
	main .flex_box04{display: flex;justify-content: center; align-content: center;flex-wrap: wrap;}
	main .flex_box04 > div{width:47%;margin:0 5% 40px 0;}
	main .flex_box04 > div:nth-child(even){margin:0 0 40px 0;}
	main article .photo_flex2,main article .photo_flex3{margin:0 0 30px 0;}
	main article .video{margin:0 0 40px; }
}

/*----3つ並びのサブメニュー-------------------------------*/

main article ul.submenu { border-top:  dotted 1px #999;border-bottom: dotted 1px #999;/*background-color: #efefef;*/}
main article ul.submenu li a{color: rgba(41,41,41,1.00);}
main article ul.submenu li img{opacity: 0.4;vertical-align:text-bottom; margin:0 10px 0px 0;}

	@media screen and (min-width: 641px){ /*PC*/
	main article ul.submenu {width: 85%; margin:40px auto 40px; padding: 50px 25px;text-align: center;}
	main article ul.submenu li{width: 32%;display: inline-block;}
	main article ul.submenu li img{width: 18px;vertical-align: middle; margin-bottom: 6px;}
	}
	@media screen and (max-width: 640px){ /*SP*/
	main article ul.submenu {margin:50px 0 0; padding:25px;text-align: center;}
	main article ul.submenu li{text-align: left;display:block; padding:17px 0;line-height: 20px;}
	main article ul.submenu li img{width: 18px;}
	}
/*----3つ並びのタブメニュー-------------------------------*/
	.tubmenu{display: flex;justify-content: space-between;}
	.tubmenu li {width: 30%; margin: 0 1.5%;border-top:3px solid rgba(0,0,0,0.3); background-color:#ddd;}
	.tubmenu li.active{ background-color: rgba(255,255,255,1.00);}
	.tubmenu li a{color: rgba(0,0,0,1.00);display:block;}
	.tubmenu li a span{font-size: 80%; opacity: 0.4;}
	@media screen and (min-width:641px){ /*PC*/
		.tubmenu{padding:30px 15% 0;}
		.tubmenu li {}
		.tubmenu li a{padding: 18px 0;}
	}
	@media screen and (max-width:640px){ /*SP*/
		.tubmenu{padding:5px 2% 0;}
		.tubmenu li {display:inline-block;align-content: center;justify-content: center;}
		.tubmenu li a{font-size:13px;line-height: 16px; padding:5px 10px;}
	}



/*----テーブル-------------------------------*/
main article table{width:100%; background-color: rgba(255,255,255,0.5);border-top:1px solid #d0d0d0;border-collapse: collapse;}
main article table tr{width:100%;align-items:center;}
main article table th{background: #eee;text-align: center;vertical-align: middle;}
main article table th,main article table td{ border-bottom: 1px solid #d0d0d0;  }
main article table td{text-align: left; background-color: rgba(255,255,255,1);}

@media screen and (min-width: 641px){ /*PC*/
main article th,main article td{padding: 20px; line-height:32px;}
}


/*----リストDLDTDD-------------------------------*/
main article dl{width:100%; background-color: rgba(255,255,255,1.00); border-bottom: 1px solid #d0d0d0;align-items:center;flex-direction: column;justify-content: space-between;}
main article dl:nth-child(1){border-top:1px solid #d0d0d0;}
main article dl dt{background: #eee;text-align: center;vertical-align: middle;}
main article dl dt,main article dl dd{border: none;overflow-wrap:anywhere;white-space: normal;  }
main article dl dd{text-align: left;}
@media screen and (min-width: 641px){ /*PC*/
main article dl{display:table;}
main article dl dt,main article dl dd{display:table-cell;padding: 20px; line-height:32px;}
main article dl dt{width:25%;}
main article dl dd{width:75%;}
}
@media screen and (max-width:640px){ /*SP*/
main article dl{display:flex;}
main article dl dt{display: block; border-bottom: 1px double #ddd;}
main article dl dt,main article dl dd{width: 100%; padding: 10px;}
}

/*----セレクト-------------------------------*/
.page01 .select select {border: 1px solid #856064; color:#814246;}
.page02 .select select {border: 1px solid #3c6059; color:#3c6059;}
.page03 .select select {border: 1px solid #7a663a; color:#7a663a;}

.select select {border-radius: 50px; background-color: rgba(255,255,255,0.5) }
.select h4{text-align: center;}

@media screen and (min-width: 641px){ /*PC*/
	.select select {margin:0px 0 0; font-size: 22px; width: 45%;line-height: 40px;padding:20px 30px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.select select {margin:20px 0; font-size: 18px; width:90%;line-height: 20px;padding:15px;}
}


/*----イメージ切り替え４枚 ------------------*/
.switchBox {overflow: hidden; position: relative;}
.switchBox img {opacity: 0;  object-fit: cover;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); animation: sbanime 20s 0s infinite;}
.switchBox img:nth-of-type(2) {animation-delay: 5s;}
.switchBox img:nth-of-type(3) {animation-delay: 10s;}
.switchBox img:nth-of-type(4) {animation-delay: 15s;}

/* ふわっとアニメーション */
@keyframes sbanime {
	0% { opacity: 0;}
	20% {  opacity: 1;}
	30% { opacity: 1;}
	40% {opacity: 0;z-index:9;}
	100% { opacity: 0 }
}
@media screen and (min-width: 641px){ /*PC*/
	.switchBox {width: 100%;height: 500px;}
	.switchBox img {min-width: 100%; width: 100%; min-height: 500px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.switchBox {width: 100%;height: 300px;}
	.switchBox img {min-width: 100%; width: 100%; min-height: 300px;}
}

/*-------------共通タイトル--------------*/

/*----背景あり----*/

/*-------メインタイトル---------------------------*/
.title01{display: block;width: 100%;overflow: hidden;position: relative;background:rgba(0,0,0,0.85);}
.title01 img{position:absolute;left: 0; right: 0;width:100%;opacity: 0.5; }
.title01 h1,.title01 h1 a,.title01 h2,.title01 h2 a{filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.1));color:#fff; letter-spacing:4px;font-weight: 400; margin: 0; padding: 0;}
.title01 .subtitle{color:rgba(255,255,255,0.8); letter-spacing:4px;display: block;opacity: 0.6;font-weight:200;}
.title01 h1 a:visited,.title01 h2 a:visited{color:#fff;}

.title01.slim h1,.title01.slim h1 a,.title01.slim h2,.title01.slim h2 a{text-align: left;}
.title01.slim .subtitle{float: right;display: inline-block;}
@media screen and (min-width: 641px){ /*PC*/
	.title01.main img{min-height:400px; min-width: 1429px;}/*編集不可！*/
	.title01.main .inner{padding: 135px 0 165px 0;}
	.title01.main h1,.title01.main h1 a,.title01.main h2,.title01.main h2 a{font-size: 34px; line-height:34px;}
	.title01.main .subtitle{font-size:20px; line-height:20px; padding: 0px 0 40px 0;}
	.title01.slim{height:120px;}
	.title01.slim img{top:-50px;}
	.title01.slim .inner{padding:44px 0; line-height:30px;}
	.title01.slim h1,.title01.slim h1 a,.title01.slim h2,.title01.slim h2 a{font-size:30px; line-height: inherit;}
	.title01.slim .subtitle{font-size:20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.title01.main{text-align: center;}
	.title01.main img{ width: auto; height: 100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.title01.main .inner{padding:75px 0 95px; line-height:26px;}
	.title01.main h1,.title01.main h1 a,.title01.main h2,.title01.main h2 a{font-size:26px; line-height: 26px;}
	.title01.main .subtitle{ padding: 0 0 20px 0;}
	.title01.slim{height:80px;}
	.title01.slim .inner{padding:30px 0; line-height:26px;}
	.title01.slim h1,.title01.slim h1 a,.title01.slim h2,.title01.slim h2 a{font-size:18px;letter-spacing:2px;line-height:18px; margin-bottom: 0px;padding-bottom: 0px;}
	.title01.slim .subtitle{letter-spacing: 1px;}
	
}


/*----縦ボーダータイトル .innerの中に配置の想定----*/
.page01 .title02 .subtitle{ color:#bfa1a3;}
.page02 .title02 .subtitle{ color:#a1b1ad;}
.page03 .title02 .subtitle{ color:#c1b497;}
.bg03 .title02 .subtitle,.bg04 .title02 .subtitle,.title02.wt .subtitle{ color:rgba(255,255,255,0.6);}
.title02{position:relative;}
.title02.wt{color: rgba(255,255,255,1.00);}
.title02 .subtitle:before{content:"";position:absolute;left:50%;top:0;background:#000000;}
.bg03 .title02 .subtitle:before,.bg04 .title02 .subtitle:before,.title02.wt .subtitle:before{background:#FFFFFF;}

.title02 .subtitle{letter-spacing:1px; opacity: 0.4;font-weight:200;}
.title02 h1,.title02 h1 a,.title02 h2,.title02 h2 a,.title02 h3,.title02 h3 a{font-weight:400; margin: 0; padding: 0;}
.title02.tcenter,main .title02.tcenter h3{text-align: center;}
.title02 h4{font-size: 16px; margin: 30px 0 0 0;}
.page01 .title02 h4{color:#856064;}
.page02 .title02 h4{color:#617773;}
.page03 .title02 h4{color:#786c4e;}
.title02 h4:before{content:"～ ";}
.title02 h4:after{content:" ～";}
@media screen and (min-width: 641px){ /*PC*/
	.title02{padding: 0 0 80px 0;margin-top: -120px;}
	.title02 .subtitle:before{width:2px;height:100px;}
	.title02 .subtitle{padding:105px 0 6px;font-size:46px;line-height:70px;}
	.title02 h1,.title02 h1 a,.title02 h2,.title02 h2 a,.title02 h3,.title02 h3 a{font-size:28px; line-height:52px;letter-spacing:7px;text-align: center;}
	.title02.tleft,.title02.tleft h2,.title02.tleft h3,.title02.tleft h1{text-align:left;}
	.title02.tleft .subtitle:before{left:0%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.title02{padding: 0 0 60px 0;margin-top: -70px;}
	.title02 .subtitle:before{width:1px;height:75px;}
	.title02 .subtitle{padding:80px 0 10px;font-size:32px;line-height:46px;}
	.title02 h1,.title02 h1 a,.title02 h2,.title02 h2 a,.title02 h3,.title02 h3 a{font-size:20px; line-height: 26px;letter-spacing:4px;}
}

/*-------------共通ボタン各種--------------*/

.bot , .botmini , .botbig{border-radius:40px;text-align: center;position: relative;display: block; }
.bot span,.botmini span,.botbig span {font-size:95%; opacity:0.7;}
.vm01{border: 1px solid #000;background-color: rgba(255,255,255,0.5); color: rgba(0,0,0,1.00);}
.vm03{background-color: rgba(255,255,255,0.5);}
.vm04{border:1px solid rgba(0,0,0,0.2); color: rgba(0,0,0,0.6); }
.vm02{color: rgba(255,255,255,1.00);}
.b_red{color:#fff;background-color:#661e21;}
.page01 .vm02{background:#bfa1a3/*#856064*/;}
.page02 .vm02{background:#a1b1ad/*#617773*/;}
.page03 .vm02{background:#b1a177/*#786c4e*/;}
.page01 .vm03{border: 1px solid #bfa1a3; color:#856064;}
.page02 .vm03{border: 1px solid #a1b1ad; color:#617773;}
.page03 .vm03{border: 1px solid #b1a177; color:#786c4e;}
main .bot span.material-icons,main .botbig span.material-icons,
main .botmini span.material-icons{position: absolute; top: 50%; transform: translate(-50%, -50%);}
@media screen and (min-width: 641px){ /*PC*/
	main .bot{padding:17px 0px; width: 360px; margin:70px auto;font-size: 115%;}
	main .botbig{padding:24px 0px; width:420px; margin:70px auto;font-size:130%;}
	main .botmini{padding:10px 0px; width: 280px; margin:40px auto;font-size: 105%;}
	main .bot span.material-icons,main .botmini span.material-icons,main .botbig span.material-icons{ right:20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	main .bot{padding:12px 0px; width: 75%; margin:35px auto;font-size: 115%;}
	main .botbig{padding:18px 0px; width:90%; margin:35px auto;font-size: 125%;}
	main .botmini{padding:8px 0px; width: 65%; margin:30px auto;font-size: 105%;}
	main .bot span.material-icons,main .botmini span.material-icons,main .botbig span.material-icons{ right:10px;}
}



/*----ヘッダーメニュー-----*/

header {color: #333;}
header.h01{background:#fff url("/img/common/hed_bg01.jpg") top center repeat-x;background-size:380px;}
header.h02{background:#fff url("/img/common/hed_bg02.jpg") top center repeat-x;background-size:380px;}
header.h03{background:#fff url("/img/common/hed_bg03.jpg") top center repeat-x;background-size:380px;}
nav > ul { list-style: none; padding: 0; margin: 0;}
nav > ul > li a,nav > ul > li div.toggle-button { color: #222; display: block;font-weight: 500;font-size: 16px; line-height: 16px;}
nav > ul > li.hed_bottom a{ color: rgba(255,255,255,1.00);}
nav > ul > li a span,nav > ul > li div.toggle-button span{color: rgba(255,255,255,0.4);}

@media (min-width: 641px) {
	header .logo{width: 160px;}
    header > .inner { display: flex; justify-content: space-between; align-items: center;padding:33px 0 30px 0;}

    nav > ul {display: flex;}
    nav > ul > li { margin-right: 20px; position: relative;}
    nav > ul > li a {padding:9px 10px;}
	nav > ul > li div.toggle-button{display: none;}
	nav > ul > li a.active {font-weight: 700; color: #856064; border-bottom: 3px solid;}
/*topボタン*/
	nav > ul > li.hed_bottom{margin-right: 0px;}
	nav > ul > li.hed_bottom a{font-size: 14.4px; line-height: 14.4px; padding:9px 19px 9px 29px; border-radius: 30px; }
	.sub_sp{display: none;}
	nav > ul > li.hed_bottom a span{font-size:80%;}
	nav > ul > li.hed_bottom a.active{border: none;}

	.nav02{background-color: rgba(0,0,0,1.00);}
	.nav02 .inner{padding:24px 0 26px 0;}
	.nav02 ul { display: flex; list-style: none; padding: 0; margin: 0;width: 100%; justify-content:center;text-align: center }
	.nav02 ul li {display:inline-block; position: relative; margin-right: 25px;}
	.nav02 ul li a{font-weight: 500;font-size:85%;color: rgba(255,255,255,1.00);padding:5px 8px; }
	.nav02 ul li a.active{border-bottom: 1px dotted rgba(255,255,255,0.6);}
	
	.hamburger { display: none; cursor: pointer; }
	.hamburger a span{color: rgba(0,0,0,1.00)!important;}
}
@media (max-width: 640px) {
	header{background-size:100%;}
	header > .inner{padding:14px 0 0px; display: flex;flex-wrap: wrap;width: 100%;align-content: center;align-items: center;}
	header .logo{display: inline-block;width:125px; margin-right: auto;padding:2px 0 10px 10px;}
	header .logo img{width:100%;}
	.hamburger {display: inline-block;width:30%; text-align: right;margin-left: auto;line-height: 15px;padding:0 10px 10px 0;}
	.hamburger span{font-size: 30px;cursor: pointer;}
	.inner nav { display: none; flex-direction: column;width: 100%; }
    .inner nav.active { display: flex;}
	header ul li{border-bottom: 0.5px solid #444;}
	nav > ul > li a,nav > ul > li div.toggle-button {padding: 20px;background-color: rgba(0,0,0,1.00); color: #fff;text-align: left;}
	nav > ul {display:block;}
	nav > ul > li a span,nav > ul > li div.toggle-button span{float:right;}
	header .nav02{display: none;}
	ul.sub_sp{display:none;width: 100%; margin: 0; padding: 0;}
	.sub_sp li{color: rgba(255,255,255,1.00);}
	.sub_sp li a{background-color: rgb(99 99 99); width: 100%;}
}

/*　色出し分け　*/
nav.menu01 li.hed_bottom a{background-color:#814246;}
nav.menu02 li.hed_bottom a{background-color:#617773;}
nav.menu03 li.hed_bottom a{background-color:#7a663a;}
@media (min-width: 641px) {
	nav.menu01 > ul > li a.active {color: #856064;border-image: linear-gradient(to right, rgba(191,161,163,0.50) 0%, rgba(133,96,100,0.50) 100%);border-image-slice: 1;}
	nav.menu01 > ul > li.hed_bottom a.active{background:linear-gradient(to right, rgba(191,161,163,0.90) 0%, rgba(133,96,100,0.90) 100%);}
	nav.menu02 > ul > li a.active {color: #617773;border-image: linear-gradient(to right, rgba(161,177,173,0.50) 0%, rgba(97,119,115,0.50) 100%);border-image-slice: 1;}
	nav.menu02 > ul > li.hed_bottom a.active{background:linear-gradient(to right, rgba(161,177,173,0.90) 0%, rgba(97,119,115,0.90) 100%);}
	nav.menu03 > ul > li a.active {color: #7a663a;border-image: linear-gradient(to right, rgba(177,161,119,0.50) 0%, rgba(122,102,58,0.50) 100%);border-image-slice: 1;}
	nav.menu03 > ul > li.hed_bottom a.active{background:linear-gradient(to right, rgba(177,161,119,0.90) 0%, rgba(122,102,58,0.90) 100%);}
	.nav02.a ul li a.active,.nav02.b ul li a.active{ color:#fde7e7;}
	.nav02.c ul li a.active,.nav02.d ul li a.active,.nav02.e ul li a.active,.nav02.f ul li a.active{ color:rgba(223,244,234,1.00);}
	nav > ul > li.hed_bottom a.active{color: rgba(255,255,255,1.00); }
}




/*　フッダーメニュー　*/

/* フッダー　パンくずリスト　*/
.footer_menu .breadcrumns {padding: 20px 0 0 0;text-align: left;}
.footer_menu .breadcrumns p{display: inline-block;}
.footer_menu .breadcrumns p,
.footer_menu .breadcrumns p a{color: rgba(0,0,0,0.7);}
@media (min-width: 641px) {
.footer_menu .breadcrumns p{font-size: 12px;}
}
@media (max-width: 640px) {
.footer_menu .breadcrumns p{font-size: 10px;}
}

/* フッダー　常時表示　*/
.footer_menu .f_menu a{text-align: center;padding:20px 26px; color: rgba(0,0,0,1.00);display: block;}
.footer_menu .f_menu a.bot00{width:90px;border: 1px solid #000; vertical-align: text-bottom;}
.footer_menu .f_menu a.bot01,.footer_menu .f_menu a.bot02{width: 265px;background-color: rgba(0,0,0,1.00);color: rgba(255,255,255,1.00);border: 1px solid #000;}
.footer_menu .f_menu a.bot03{border: 1px solid rgba(122,102,58,0.50);}
.footer_menu .f_menu .hamburger02 {width:90px;}
.footer_menu .f_menu .hamburger02 a{width:90px;border: 1px solid #000;padding:25px 20px 15px;vertical-align: text-bottom;}
.footer_menu .f_menu .material-icons{font-size: 30px;}
.footer_menu .f_menu a em span.material-icons{font-size: 12px; opacity: 0.4; margin-left: -15px;}
.footer_menu .f_menu a em{border-bottom: 3px solid #ccc;display: block; padding: 2px 0 6px; font-style: normal;}
.footer_menu .fm01 a em{border-image: linear-gradient(to right, rgba(191,161,163,0.50) 0%, rgba(133,96,100,0.50) 100%);border-image-slice: 1;}
.footer_menu .fm02 a em{border-image: linear-gradient(to right, rgba(161,177,173,0.50) 0%, rgba(97,119,115,0.50) 100%);border-image-slice: 1;}
.footer_menu .fm03 a em{border-image: linear-gradient(to right, rgba(177,161,119,0.50) 0%, rgba(122,102,58,0.50) 100%);border-image-slice: 1;}
@media (min-width: 641px) {
.footer_menu .dispiaymenu .f_menu{padding:90px 0; display: flex;}
	.footer_menu .f_menu a.bot00{padding-top: 25px;}
.footer_menu .f_menu a.bot00,.footer_menu .f_menu a.bot01,.footer_menu .f_menu a.bot02{margin-right:50px;}
.footer_menu .f_menu a.bot03 {width: 250px; margin-left: auto;}
.footer_menu .f_menu .hamburger02 {margin-left: auto;}
}
@media (max-width: 640px) {
.footer_menu .dispiaymenu .f_menu{padding:80px 0 40px;}
.footer_menu .f_menu a.bot00,
.footer_menu .f_menu a.bot01,
.footer_menu .f_menu a.bot02,
.footer_menu .f_menu .hamburger02{margin:0 auto 50px;}
.footer_menu .f_menu a.bot03{margin:0 auto 50px;width: 265px;}
}

/* フッダー　トグルメニュー　*/

.footer_menu .togglemenu{display: none;}
.footer_menu .togglemenu dt{ margin-bottom: 20px;border-bottom: 3px solid #ccc;display: block; padding: 2px 10px 10px; font-style: normal;}
.footer_menu .togglemenu .f_nav01 dt a{color:rgba(133,96,100,1.00);}
.footer_menu .togglemenu .f_nav02 dt a{color:rgba(97,119,115,1.00);}
.footer_menu .togglemenu dt a{display: block; font-size: 110%;text-align:left;}
.footer_menu .togglemenu dt a img{width: 26px; opacity: 0.3;float: right;}
		
.footer_menu .togglemenu dl dd{display: flex;flex-wrap: wrap;margin: 0;}
		
.footer_menu .togglemenu dl dd a{display: block; color: rgba(0,0,0,1.00); width: 100%; padding:14px 10px;text-align:left;}
	
.footer_menu .togglemenu dt.bot a{text-align: center;padding:22px 30px; color: rgba(0,0,0,1.00);display: block; width: 100%;border: 1px solid rgba(133,96,100,0.50); filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.1)); background: rgba(255,255,255,1.00);}
.footer_menu .togglemenu dt.bot a em{border-bottom: 3px solid #ccc;display: block; padding: 2px 0 6px; font-style: normal;}
.footer_menu .togglemenu dt.bot a em span.material-icons{font-size: 12px; opacity: 0.4; margin-left: -15px;}
		
.footer_menu .togglemenu .f_nav01 dl:nth-child(3) dt{border: none;}
.footer_menu .togglemenu .f_nav01 dt,.footer_menu .f_nav01 dt.bot a em{border-image: linear-gradient(to left, rgba(191,161,163,0.30) 0%, rgba(133,96,100,0.30) 100%);border-image-slice: 1;}
.footer_menu .togglemenu .f_nav02 dt{border-image: linear-gradient(to left, rgba(161,177,173,0.30) 0%, rgba(97,119,115,0.30) 100%);border-image-slice: 1;}

	
@media (min-width: 641px) {
	.footer_menu .togglemenu .f_nav{display: flex;border-top: 1px solid #ddd;padding:70px 0;}

	.footer_menu .togglemenu .f_nav01 dl:nth-child(1){width: 35%; margin-right:80px;}
	.footer_menu .togglemenu .f_nav01 dl:nth-child(2){width: 20%;}
	.footer_menu .togglemenu .f_nav01 dl:nth-child(3){width: 27%; margin-left: auto;}

	.footer_menu .togglemenu .f_nav02 dl:nth-child(1){width:18%; margin-right:70px;}
	.footer_menu .togglemenu .f_nav02 dl:nth-child(2){width:18%; margin-right:70px;}
	.footer_menu .togglemenu .f_nav02 dl:nth-child(3){width:40%; margin-right:70px;}
	.footer_menu .togglemenu .f_nav02 dl:nth-child(4){width:19%;}
	.footer_menu .togglemenu dl dd a{font-size: 13px; line-height: 18px;}
	.footer_menu .togglemenu dl dd div{width: 50%;}
}
@media (max-width: 640px) {
	.footer_menu .togglemenu dl {margin: 50px 20px;}
	.footer_menu .togglemenu dl dd div{width:100%;}
}


/* フッダー　会社案内バナー　*/

@media (min-width: 641px) {
	.footer_menu .banner{display: flex;}
	.footer_menu .banner .ban01,.footer_menu .banner .ban02{width: 50%;}
	.footer_menu .banner img.text{width: 70%; top:46%;}
}
@media (max-width: 640px) {
	.footer_menu .banner{display: block;}
	.footer_menu .banner .ban01{padding-bottom: 10px;}
	.footer_menu .banner .ban01,.footer_menu .banner .ban02{width:100%;}
	.footer_menu .banner img.text{width: 75%; top:46%;}
}
	.footer_menu .banner .ban01,.footer_menu .banner .ban02{position: relative;display: block;}
	.footer_menu .banner img.bg{width:100%;top: 0;}
	.footer_menu .banner img.text{position: absolute; left: 50%; transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);}



footer{background:url("../img/common/footer_bg.jpg") no-repeat top center;}
footer .outer{background-color: rgba(0,0,0,0.7);}
footer .inner{color: rgba(255,255,255,1.00);}
footer .right_sec{ margin-top: auto;text-align: right;}
footer .freedial{padding:0px 0 70px;}
footer .freedial p{}
footer .freedial p span{background-color: rgba(255,255,255,1.00);border-radius: 20px;font-size:12px; display: inline-block;padding: 4px 10px 4px 12px; font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 600; margin-left: 15px; line-height: 12px;}
footer .freedial a{color: rgba(255,255,255,1.00);font-size:44px;line-height:80px;  display: block;}
footer .freedial em{opacity: 0.8;font-size: 85%;}
footer .logo .nw{width: 140px;}
footer .logo .jpx{width: 100px;}

footer .left_sec .sns{display: flex;}
footer .left_sec .sns a{border-radius:18px;width: 36px;height: 36px; margin-right: 20px;text-align: center;display:flex;align-items:center;justify-content: center;}
footer .left_sec .sns a:nth-child(4){margin-right:0px;}
footer .left_sec .sns a img{width:18px;}
footer .left_sec .sns a:nth-child(3) img{width:11px;}
footer .left_sec .pplink {padding:40px 0 20px;}
footer .left_sec .pplink a {color: rgba(255,255,255,1.00);display: inline-block;}
footer .left_sec .copyright{font-size: 10px; opacity: 0.6;}	

@media (min-width: 641px) {
	footer {background-size:100%;}
footer .inner{display: flex;flex-direction: row-reverse;padding:110px 0px 80px;height: 440px;}
footer .right_sec{ width: 50%;}
footer .logo{display: flex;justify-content:flex-end;align-content: center;align-items: center;}
footer .logo .jpx{margin-left: 50px;}
	
footer .left_sec{width: 50%; text-align: left; margin-top: auto;}
footer .sns{justify-content: flex-start;}
footer .pplink a {font-size: 13px; padding: 0 20px;}
}
@media (max-width: 640px) {
footer{ background-size: auto 100%;}
footer .inner{padding:80px 0 50px;}
footer .right_sec{text-align: center;}
footer .logo{padding-bottom: 70px;}
footer .logo a{display: block;}
footer .logo .jpx{margin:30px auto 0;}
	
footer .left_sec{text-align: center;}
footer .sns{justify-content:center;}
footer .pplink a {font-size: 11px; padding: 0 10px;}
}

.page01 footer .freedial p span{color:rgba(133,96,100,1.0);}
.page03 footer .freedial p span{color:rgba(122,102,58,1.0);}
.page01 footer .sns a{ background-color: #bfa1a3;}
.page02 footer .sns a{ background-color: #a1b1ad;}
.page03 footer .sns a{ background-color: #c1b497;}






/*　その他共通パーツ　*/


/*　アンカーリンク　*/
.anchorlink .set .cta_text{ color: #a54248;}
.anchorlink .set a{display: block; border-radius:60px; border: 1px solid #a54248a1; width: 85%;margin: 0 auto;letter-spacing: 1px; background-color: rgba(255,255,255,0.7)}
.anchorlink .set a span{font-size: 80%; line-height: 24px;}
.anchorlink .set .bot01 a{background-color: #a54248; color: rgba(255,255,255,1.00); }
.anchorlink .set .bot02 a{color: #a54248;}
@media (min-width: 641px) {
	.anchorlink {background:#fbfaf9 url("../img/common/p_anchorlink_bg_pc.webp") repeat-y top center;background-size:1700px;}
	.anchorlink .inner{padding: 105px 60px 140px;}
	.anchorlink .set a{font-size: 23px;line-height: 24px; padding: 28px 0;}
	.anchorlink .set{display: flex; }
	.anchorlink .set .cta_text{margin-bottom:25px; padding-top:0px; font-size: 16px;}
	.anchorlink .bot01,.anchorlink .bot02{width:50%;}
}
@media (max-width: 640px) {
	.anchorlink {background:#fbfaf9 url("../img/common/p_anchorlink_bg_sp.webp") no-repeat top center;background-size: 110%;}
	.anchorlink .inner{padding:70px 20px 40px;}
	.anchorlink .set .cta_text{margin-bottom: 15px; padding-top: 20px; font-size: 14px;}
	.anchorlink .set a{font-size: 16px; width:100%; margin-bottom: 40px; padding: 15px 0;}
}

/*----------------エラーページページ 基本レイアウト-------------------*/
.error section{background-color: rgba(255,255,255,1.00);text-align: center;border-radius: 10px;}
.error main section .botmini span{padding: 0;}
.error article h3{color: rgba(0,0,0,0.3); text-align: center;}
.error article h1 b{display: block;}
@media screen and (min-width:641px){ /*PC*/
	.error section{padding:90px 90px 40px 90px;}
	.error article h1.grd{margin-bottom: 30px;}
	.error article h1 b{font-size:60px;line-height: 68px;}
	.error .botmini span.material-icons{right:auto;left: 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.error section{padding:50px 30px 30px 30px;}
	.error article h1.grd{margin-bottom: 20px;}
	.error article h1 b{font-size:50px;line-height: 58px;}
	.error .botmini span.material-icons{right:auto;left: 10px;}

}