@charset "utf-8";
/* 
	
CSS base.css */



/*
main #cc0001
sub #79511b
*/



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


Header


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

#header {   }
#header .hcnt{text-align: right;}
#header .hcnt>.inwrap{display: inline-block;}
#header .caution{font-size: 1.3rem;margin-top: 10px;text-align: left;}
#header .h_contactbox{ text-align: right; margin-top: 35px;  }
#header .h_contactbox>ul{ margin-left: -15px; }
#header .h_contactbox>ul>li.tellink{ display: inline-block; vertical-align: middle; margin-left: 15px; }
#header .h_contactbox>ul>li.tellink>a{ text-decoration: none; }
#header .h_contactbox>ul>li.tellink svg{ width: 24px; margin-right: 5px; vertical-align: middle; }
#header .h_contactbox>ul>li.tellink .tel{ font-size: 1.3rem; }
#header .h_contactbox>ul>li.tellink .cap{ font-size: 1.2rem; }
#header .h_contactbox>ul>li.contactlink{ display: inline-block; vertical-align: middle; margin-left: 15px; }
#header .h_contactbox>ul>li.contactlink>a{ text-decoration: none; }
#header .h_contactbox>ul>li.contactlink svg{ width: 26px; margin-right: 5px; vertical-align: middle; }
#header .h_contactbox>ul>li.contactlink .contact{ text-decoration: none; position: relative; font-size: 1.3rem; }
#header .h_contactbox>ul>li.pagetop{ display: none!important; }
#header .h_contactbox>ul>li.instagram{ display: inline-block; vertical-align: middle; margin-left: 15px; }
#header .h_contactbox>ul>li.instagram>a{ text-decoration: none; font-size: 1.3rem; }
#header .h_contactbox>ul>li.instagram>img{ width: 28px; height: 28px; vertical-align: middle; margin-right: 5px; }
#header .incnt { }
#header .hlogobox{ margin-top: 100px; }
#header .hlogobox>.incnt{ position: static; }
#header .hlogobox>.incnt>.inwrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; position: relative; }
#header .hlogobox .logo {  z-index: 10000; }
#header .hlogobox .logo+.cap{ margin-left: 15px; }
#header .hlogobox .logo a{ text-decoration: none; }
#header .hlogobox .logo a img{ max-width: 138px; width: 100%; }
#header .hlogobox .facebook{ text-align: right; position: absolute; top: 0; right: 0; z-index: 100000; }
#header .hlogobox .facebook>a{ text-decoration: none; vertical-align: middle; font-size: 1.3rem; }
#header .hlogobox .facebook>svg{ width: 28px; height: 28px; vertical-align: middle; margin-left: 5px; }
#header .fixedcnt{ background: #fff; position: absolute; top: 0; left: 0; width: 100%;  z-index: 10000; }
#header .fixedcnt>.incnt>.inwrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; height: 115px; -ms-align-items: center; align-items: center; padding-bottom: 60px; }
#header .fixedcnt .h_contactbox{ margin-top: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; }
#header .fixedcnt .hlogobox{ margin-top: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding-left: 100px; padding-top: 50px; }
#header .caution{display: none;}
#index #header .fixedcnt>.incnt>.inwrap{ justify-content: flex-end; }
#index #header .fixedcnt{ padding-top: 40px; }
#index #header .hlogobox{ display: none; }
#index #header .caution{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
#header .fixedtitle{ font-weight: bold; font-size: 2.4rem; letter-spacing: 0.2em; display: none; }

#header.fixed {  }
#header.fixed .fixedcnt{ display: block; top: -120px; }
#header.fixed.scroll .fixedcnt{ position: fixed; transition: all 1s; }
#header.fixed.scrolled .fixedcnt{ top: 0; }
#header.fixed .fixedcnt .hlogobox{ padding-top: 0; }
#header.fixed .fixedcnt>.incnt>.inwrap{ padding-bottom: 0; }
#index #header.fixed .hlogobox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
#index #header.fixed .fixedcnt>.incnt>.inwrap{ justify-content: space-between; }
#index #header.fixed .caution{ display: none; }
#index #header.fixed .fixedcnt{ padding-top: 0; }
#header.fixed .hlogobox .logo{ /*margin-top: 70px;*/ margin-top: 0; }
#header.fixed .hlogobox .logo img{ display: none; }
#header.fixed .fixedtitle{ display: block; }
@media screen and (max-width: 1200px){
	#header .hlogobox .logo+.cap{ display: none; }
}
@media screen and (max-width: 1280px){
	#header .hlogobox .facebook{ right: 40px; }
}
@media screen and (max-width: 1300px){
}
@media screen and (max-width: 1040px) {
	#header.fixed .hlogobox .logo{ margin-top: 0; }
	#header .fixedcnt>.incnt>.inwrap{ padding-bottom: 0; }
	#header .hcnt>.inwrap{ display: block; }
	#header .fixedcnt .hlogobox,
	#header .hlogobox .logo{ width: 100%; }
	#header>.incnt>.caution{ display: none; }
	#header .rightbox{ display: none; }
	#header .logo{ position: static; text-align: right; }
	#header .hcnt .caution{ display: none; }
	#header .h_contactbox{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: #f8f7f7; z-index: 1000; padding-top: 0; padding-bottom: 5px; text-align: center; }
	#header .h_contactbox>ul{ margin-left: -13px; }
	#header .h_contactbox>ul>li:first-child{ border-left: none; }
	#header .h_contactbox>ul>li{ border-left: 1px solid #191919; padding-left: 18px; }
	#header .h_contactbox>ul>li.tellink,
	#header .h_contactbox>ul>li.contactlink{ margin-left: 8px; }
	#header .h_contactbox>ul>li.tellink{ margin-left: 0; padding-left: 0; }
	#header .h_contactbox>ul>li.tellink .cap,
	#header .h_contactbox>ul>li.contactlink .contact{ display: none; }
	#header .h_contactbox>ul>li.pagetop{ display: inline-block!important; vertical-align: middle; margin-left: 10px; }
	#header .h_contactbox>ul>li.pagetop img{ width: 20px; height: 14px; }
	#header .fixedcnt .hlogobox{margin-top: 0px; }
	#header .hlogobox>.incnt>.inwrap{ display: block; }
	#header .hlogobox .logo{ text-align: right; }
	#header .hlogobox .facebook{ display: none; }
	#header .fixedcnt>.incnt>.inwrap{ height: auto; }
	#header .fixedcnt{  }
	#header .fixedcnt{ animation:none; }
	#header .fixedcnt .h_contactbox{ text-align: center; justify-content: center; }
	#header .h_contactbox>ul{ margin-left: 0; }
	#header .h_contactbox>ul>li.instagram,
	#header .h_contactbox>ul>li.tellink,
	#header .h_contactbox>ul>li.contactlink{ display: none; }
	#header .h_contactbox>ul>li.pagetop{ border-left: none; padding-left: 0; margin-left: 0; }
	#index #header .fixedcnt{ padding-top: 0; position: static; }
	#index #header .caution{ display: none; }
	#index #header .hlogobox{ display: block; }
	body:not(#index) #header .fixedcnt .hlogobox{ padding-left: 0; padding-bottom: 30px; }
	#index #header .fixedtitle{ display: none; }
}
@media screen and (max-width: 767px) {
	#header .logo{ margin-top: 0; }
	#header .hlogobox .logo a img{ margin-right: -5px; }
	#header .fixedcnt .hlogobox{ margin-top: 0px;  padding-top:20px;}
	body:not(#index) #header .fixedcnt .hlogobox{ padding-bottom: 20px; }
}

/* スライド画像のエフェクト */
@keyframes navfit {
  0% { transform: translate(0px, -50px); }
  100% { transform: translate(0px, 0px); }
}






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


Nav


//////////////////*/
#gnav{  }
#gnav .navbox{ position: fixed; left: -620px; /* これで隠れる */ top: 0; width: 600px; /* スマホに収まるくらい */ transition: all .6s; z-index: 200000; overflow: hidden; }
#gnav .navbox>.inwrap{  height: 100vh; background-color: #fff; overflow-y: auto; /* メニューが多くなったらスクロールできるように */ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 130px; width: 615px; }
#gnav .navbox>.inwrap>.inwrap{ margin-top: auto; margin-bottom: auto; padding-bottom: 20px; padding-left: 70px; padding-right: 70px; }
#gnav .navbox .menutitle{ margin-bottom: 20px; letter-spacing: 0.2em; font-size: 1.3rem; }
#gnav .navbox .mainlist{ margin: 0; padding: 0; list-style: none; font-size: 1.8rem; }
#gnav .navbox .mainlist>li{ margin-bottom: 10px; }
#gnav .navbox .mainlist>li a{ display: block; text-decoration: none; color: initial; }
#gnav .navbox .mainlist>li a:hover{ color: #61b56f; }
#gnav .navbox .sublist{ padding-left: 20px; margin-top: 10px; }
#gnav .navbox .navoption{ margin-top: 60px; }
#gnav .navbox .navoption .instagram{  }
#gnav .navbox .navoption .instagram>a{ text-decoration: none; vertical-align: middle; letter-spacing: 0.2em; font-size: 1.3rem; }
#gnav .navbox .navoption .instagram>img{ width: 28px; height: 28px; vertical-align: middle; margin-left: 5px; }
#gnav .navbox .navoption .logo{ position: static; margin-top: 60px; margin-bottom: 20px; }
#gnav .navbox .navoption .logo img{ max-width: 138px; width: 100%; }
#gnav .navbox .navoption .contactbox{ margin-top: 10px; }
#gnav .navbox .navoption .contactbox>ul>li.tellink{  }
#gnav .navbox .navoption .contactbox>ul>li.tellink>svg{ width: 24px; margin-right: 10px; vertical-align: middle; }
#gnav .navbox .navoption .contactbox>ul>li.tellink>.tel{ line-height: 1.6; font-size: 2rem; }
#gnav .navbox .navoption .contactbox>ul>li.tellink>.cap{ font-size: 1.2rem; line-height: 1.6; }
#gnav .navbox .navoption .contactbox>ul>li.contactlink{ margin-top: 10px; }
#gnav .navbox .navoption .contactbox>ul>li.contactlink>svg{ width: 26px; margin-right: 10px; vertical-align: middle; }
#gnav .navbox .navoption .contactbox>ul>li.contactlink>.contact{ text-decoration: none; position: relative; font-weight: bold; letter-spacing: 0.15em; }
#gnav .bg{  position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100000; background-color: #000; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; }
#gnav.is-open .navbox{ left: 0; }
#gnav.is-open .bg{ opacity: .8; visibility: visible; }
@media screen and (max-width: 1040px) {
	#gnav .navbox{ left: calc(-100% - 20px); width: 100%;  }
	#gnav .navbox>.inwrap{  padding-top: 200px; width: calc(100% + 17px); }
	#gnav .navbox .navoption .logo{ text-align: left; }
	#gnav.is-open .navbox{ left: 0; }
	#gnav .navbox>.inwrap>.inwrap{ margin-top: 0; padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 767px) {
	#gnav .navbox>.inwrap{ padding-top: 100px; }
	#gnav .navbox .navoption{ margin-top: 40px; }
	
	#gnav .navbox .navoption .logo img{ max-width: 156px; }
}
@media screen and (max-width: 479px) {
	#gnav .navbox .navoption .contactbox>ul>li.tellink>.cap{ display: block; padding-left: 30px; }
}



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


Menubtn


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

/*#menubtn {display: none; }*/
/*@media screen and (max-width: 1040px){*/
	#menubtn { display: block; background: transparent; width: 50px; height: 45px; cursor: pointer; z-index: 10000001; position: fixed; top: 38px; left: 45px; }
	#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; }
	#menubtn a:hover{ color: initial; }
	#menubtn .closetxt{ display: none; }
	#menubtn a .line { width: 48px; height: 5px; background: #191919; position: absolute; left: 50%; margin-left: -24px;transition: all 0.6s; }
	#menubtn a #line1 { top: 15px; }
	#menubtn a #line2 { bottom: 15px; }
	#menubtn.active a .line { width: 24px; }
	#menubtn.active a #line1 {
		-webkit-transform:translateY(5px) translateX(0) rotate(45deg);
		transform:translateY(5px) translateX(0) rotate(45deg);
	}
	#menubtn.active a #line2 { 
		-webkit-transform:translateY(-5px) translateX(0) rotate(-45deg); 
		transform:translateY(-5px) translateX(0) rotate(-45deg);
	}
	#menubtn.active .closetxt{ font-size: 1.4rem; position: absolute; left: 30px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; display: flex; align-items: center; }
/*}*/
@media screen and (max-width: 1040px){
	#menubtn { left: 6%; }
}
@media screen and (max-width: 767px){
	#menubtn { top: 20px; }
}







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


Mainv_index


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

#topmv_news{ margin-top: 30px; }
#topmv_news .inwrap{ float: right; width: 510px; overflow: visible; position: relative; height: 34px; }
#topmv_news .newslist{ overflow: hidden; height: 34px; }
#topmv_news .newslist>ul{ margin:0; padding:0; position:relative; }
#topmv_news .newslist>ul>li{ width:510px; height:34px; position:absolute; top:-34px; list-style:none; }
#topmv_news .newslist._count1>ul>li:nth-child(1){ opacity: 1; top:0; }
#topmv_news .newslist._count2>ul>li:nth-child(1){ -webkit-animation:cycle2_1 10s linear infinite; animation:cycle2_1 10s linear infinite; }
#topmv_news .newslist._count2>ul>li:nth-child(2){ -webkit-animation:cycle2_2 10s linear infinite; animation:cycle2_2 10s linear infinite; }
#topmv_news .newslist._count3>ul>li:nth-child(1){ -webkit-animation:cycle3_1 15s linear infinite; animation:cycle3_1 15s linear infinite; }
#topmv_news .newslist._count3>ul>li:nth-child(2){ -webkit-animation:cycle3_2 15s linear infinite; animation:cycle3_2 15s linear infinite; }
#topmv_news .newslist._count3>ul>li:nth-child(3){ -webkit-animation:cycle3_3 15s linear infinite; animation:cycle3_3 15s linear infinite; }
#topmv_news .newslist>ul>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#topmv_news .newslist>ul>li>dl>dt{ width: 120px; padding-top: 7px; font-size: 1.2rem; }
#topmv_news .newslist>ul>li>dl>dd{ width: calc(100% - 120px) }
#topmv_news .newslist>ul>li>dl>dd a{ text-decoration: none; }
#topmv_news .link{ display: none; }
@keyframes cycle2_1 {
	0% { top:0px; }
	5% { top:0px; }
	45% { top:0px; opacity:1; z-index:0; }
	50% { top:34px; opacity:0; z-index:0; }
	51% { top:-34px; opacity:0; z-index:-1; }
	90% { top:-34px; opacity:0; z-index:0; }
	95% { top:-34px; opacity:0; }
	100% { top:0px; opacity:1; }
}
@keyframes cycle2_2 {
	0% { top:-34px; opacity:0; z-index:-1; }
	40% { top:-34px; opacity:0; z-index:0; }
	45% { top:-34px; opacity:0; }
	50% { top:0px; opacity:1; }
	55% { top:0px; }
	95% { top:0px; opacity:1; z-index:0; }
	100% { top:34px; opacity:0; z-index:0; }
}
@keyframes cycle3_1 {
	0% { top:0px; }
	5% { top:0px; }
	28% { top:0px; opacity:1; z-index:0; }
	33% { top:34px; opacity:0; z-index:0; }
	34% { top:-34px; opacity:0; z-index:-1; }
	90% { top:-34px; opacity:0; z-index:0; }
	95% { top:-34px; opacity:0; }
	100% { top:0px; opacity:1; }
}
@keyframes cycle3_2 {
	0% { top:0px; opacity:0; z-index:-1; }
	23% { top:-34px; opacity:0; z-index:0; }
	28% { top:-34px; opacity:0; }
	33% { top:0px; opacity:1;}
	37% { top:0px; }
	61% { top:0px; opacity:1; z-index:0; }
	66% { top:34px; opacity:0; z-index:0; }
	67% { top:-34px; opacity:0; z-index:-1; }
	100% { top:0px; opacity:0; z-index:-1; }
}
@keyframes cycle3_3 {
	0% { top:-34px; opacity:0; z-index:-1; }
	56% { top:-34px; opacity:0; z-index:0; }
	61% { top:-34px; opacity:0; }
	66% { top:0px; opacity:1;}
	71% { top:0px; }
	95% { top:0px; opacity:1; z-index:0; }
	99% { top:34px; opacity:0; z-index:0; }
	100% { top:-34px; opacity:0; z-index:-1; }
}
#mainv_index{ margin-top: 220px; }
#mainv_index>.inwrap {position: relative;display: flex;align-items: center;}
#mainv_index .logo{ margin-bottom: 100px; text-align: center; padding-right: 40px; }
#mainv_index .logo a img{ max-width: 156px; width: 100%; }
#mainv_index .copybox{ width: 33%; text-align: center; margin: 40px auto 0;}
#mainv_index .copybox .inwrap{ display: inline-block; text-align: left; }
#mainv_index .copybox .maincopy{ font-weight: bold; font-size: 2.4rem; letter-spacing: 0.3em; }
#mainv_index .copybox .subcopy{ font-size: 1.4rem; margin-top: 10px; letter-spacing: 0.15em; }
#mainv_index .bglist{/* padding-left: 34%; */position: relative;width: 67%;}
#mainv_index .bglist .slidebox{  }
#mainv_index .bglist .slidebox img{ width: 100%; }
#mainv_index .bglist .slidearrows{ margin-left: -10px; text-align: right; position: absolute; bottom: 15px; right: 0; width: 100%; }
#mainv_index .bglist .slick-next{ width: 14px; height: 20px; margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
#mainv_index .bglist .slick-next .next_st0.st0{ transition: 0.3s; }
#mainv_index .bglist .slick-next:hover .next_st0.st0{ stroke: #666; }
#mainv_index .bglist .slick-prev{ width: 14px; height: 20px; margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
#mainv_index .bglist .slick-prev .prev_st0.st0{ transition: 0.3s; }
#mainv_index .bglist .slick-prev:hover .prev_st0.st0{ stroke: #666; }
	#mainv_index .bglist .slidearrows{ display: none; }
@media screen and (max-width: 1040px){
	#topmvbox{ margin-top: 0; }
	#mainv_index{margin-top: 110px;margin-bottom: 80px;}
	#mainv_index .logo{ display: none; }
	#mainv_index .copybox{ position: static; }
	#mainv_index .copybox>.incnt>.inwrap{ width: 100%; }
	#mainv_index .bglist{width: 55%;/* padding-left: 6%; *//* margin-top: 20px; */ }
	#mainv_index .bglist img {width:100%;height:300px; object-fit: cover; font-family: 'object-fit: cover;'; display: block; object-position: left; }
	#mainv_index .copybox{ width: 45%; margin: 80px auto 30px; }
	#topmv_news .inwrap{ float: none; width: 100%; }
	#topmv_news .inwrap{ height: auto; }
	#topmv_news .newslist{ height: auto; overflow: visible; }
	#topmv_news .newslist>ul>li{ width:100%; height:auto; top:0; position: static; margin-bottom: 20px; }
	#topmv_news .newslist>ul>li:last-child{ margin-bottom: 0; }
	#topmv_news .newslist>ul>li>dl{ display: block; }
	#topmv_news .newslist>ul>li>dl>dt{ width: 100%; padding-top: 0; }
	#topmv_news .newslist>ul>li>dl>dd{ width: 100% }
	
	#topmv_news .newslist>ul>li:nth-child(1),
	#topmv_news .newslist>ul>li:nth-child(2),
	#topmv_news .newslist>ul>li:nth-child(3){ -webkit-animation:none!important; animation:none!important; }
	#topmv_news .link{ display: block; margin-top: 30px; text-align: center; }
}
@media screen and (max-width: 767px){
	#mainv_index{margin-top: 80px;}
	#mainv_index .copybox .maincopy{ font-size: 2rem; }
	#mainv_index .copybox .subcopy{ font-size: 1rem; }
	#topmv_news .newslist>ul>li>dl>dt{ font-size: 1.1rem; }
	#mainv_index .copybox{ padding-bottom: 10px; }
	#mainv_index .bglist .slidebox img{  }
}
@media screen and (max-width: 639px){
    #mainv_index>.inwrap {display: block;}
    #mainv_index .copybox{ width: 80%; margin: 60px auto 30px; text-align: left;}
	#mainv_index .bglist{width: 100%;}
	#mainv_index .bglist  img{ width: 100%; height: 380px; }
}
@media screen and (max-width: 479px){
	#mainv_index .bglist  img{ height: 320px; }
}

#main_index{ margin-top: 70px; }
@media screen and (max-width: 1040px){
	#main_index{ margin-top: 50px; }
}
@media screen and (max-width: 767px){
	
}




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


main


//////////////////*/
#undermvbox{ margin-top: 180px; }
#undermvbox._nomv{ margin-top: 250px; }
#undermvbox>.incnt{  }
#undermvbox>.incnt>.inwrap{  }
#undermvbox #mv{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#undermvbox #mv .pagetitlebox{ background: #F8F8F8; width: 61%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12%; padding-right: 6%; }
#undermvbox #mv .pagetitlebox .titlebox>.inwrap{ line-height: 1.8; position: relative; margin-bottom: 8px; }
#undermvbox #mv .pagetitlebox .titlebox .title{ font-weight: bold; font-size: 2.4rem; letter-spacing: 0.1em; }
#undermvbox #mv .pagetitlebox .titlebox .title span{ font-weight: bold; }
#undermvbox #mv .pagetitlebox .subtitle1{ font-size: 1.2rem; letter-spacing: 0.3em; }
#undermvbox #mv .pagetitlebox .description{ margin-top: 45px; line-height: 2.4; }
#undermvbox #mv .pagetitlebox+.imgbox{ width: 39%; }
#undermvbox #mv .pagetitlebox+.imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 622px; }


#undermvbox #pankuzu { line-height: 1.4; margin-top: 20px; position: relative; margin-bottom: 25px; }
#undermvbox #pankuzu ol li { display:inline; font-size: 1.4rem; }
#undermvbox #pankuzu ol li:after { content: " /"; }
#undermvbox #pankuzu ol li:last-child:after{ content: none }
#undermvbox #pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 1040px) { 
	#undermvbox #pankuzu{ display: none; }
	#undermvbox{ margin-top: 100px!important; }
	#undermvbox #mv .pagetitlebox+.imgbox>img{ height: 100%; }
	#undermvbox #mv .pagetitlebox{ background: rgba(248, 248, 248, 0.7); padding:80px 8%; }
	#undermvbox #mv .pagetitlebox .description{ margin-top: 30px; }
	#undermvbox #mv .pagetitlebox .titlebox>.inwrap{ display: inline-block; }
}
@media screen and (max-width: 767px) { 
	#undermvbox{ margin-top: 40px!important; }
	#undermvbox>.incnt{ max-width: 100%; width: 100%; margin: 0; }
	#undermvbox #mv{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	#undermvbox #mv .pagetitlebox{ background: #F8F8F8; width: 100%; display: block; padding: 40px 6%; text-align: center; }
	#undermvbox #mv .pagetitlebox+.imgbox{ width: 100%; }
	#undermvbox #mv .pagetitlebox+.imgbox>img{ height: 300px; }
	#undermvbox #mv .pagetitlebox .titlebox>.inwrap{ line-height: 2; }
	#undermvbox #mv .pagetitlebox .titlebox>.inwrap>svg+.title{ font-size: 2.2rem; }
	#undermvbox #mv .pagetitlebox .description{ margin-top: 20px; line-height: 2; }
	#undermvbox #mv .pagetitlebox .titlebox>.inwrap{ margin-bottom: 0; }
}
@media screen and (max-width: 479px) { 
	#undermvbox #mv .pagetitlebox .titlebox .title{ font-size: 2.2rem; line-height: 1.8; }
}


#main{ }
#main>#secwrap_1{ padding-top: 45px; padding-bottom: 60px; }
#undermvbox._nomv+#main>#secwrap_1{ padding-top: 80px; }
#main #content{  }
@media screen and (max-width: 1040px){
	#main #content{  }
	#undermvbox._nomv+#main>#secwrap_1{ padding-top: 45px; }
}
@media screen and (max-width: 767px) { 
}


#maincnt{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
#maincnt #sec_1{ min-width: calc(94% - 310px); }
#maincnt #aside{ max-width: 310px; margin-left: 6%; flex-shrink: 0; text-align: right; }
#maincnt #aside .cssection{ margin-bottom: 50px; display: inline-block; text-align: left; }
#maincnt #aside .cssection:last-child{ margin-bottom: 0; }
#maincnt #aside .cssection .cstitle{ margin-bottom: 30px; }
#maincnt #aside .cssection .cstitle._1{ margin-bottom: 10px; }
#maincnt #aside .cssection .cstitle .maintitle{ display: inline-block; vertical-align: middle; font-size: 1.2rem; }
#maincnt #aside .cssection .cstitle .subtitle1:before{ content: " / " }
#maincnt #aside .cssection .cstitle .subtitle1{ display: inline-block; vertical-align: middle; font-size: 1.4rem; }
#maincnt #aside .cssection .bloglist2{ overflow: hidden; }
#maincnt #aside .cssection .bloglist2>ul{ margin-bottom: -25px; }
#maincnt #aside .cssection .bloglist2>ul>li{ margin-bottom: 25px; }
#maincnt #aside .cssection .bloglist2>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; text-decoration: none; }
#maincnt #aside .cssection .bloglist2>ul>li .img{ width: 120px; }
#maincnt #aside .cssection .bloglist2>ul>li .img>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: calc(100% - 8px); }
#maincnt #aside .cssection .bloglist2>ul>li .txtbox{ width: calc(100% - 135px); margin-top: -8px; }
#maincnt #aside .cssection .bloglist2>ul>li .txtbox .title{ font-size: 1.4rem; }
#maincnt #aside .cssection .bloglist2>ul>li .txtbox .date{ font-size: 1.2rem; margin-top: 10px; }
#maincnt #aside .cssection .categorylist>li>a{ text-decoration: none; }
@media screen and (max-width: 1040px){
	#maincnt{ display: block; }
	#maincnt #sec_1{ width: 100%; min-width: 100%; }
	#maincnt #aside{ margin-top: 40px; margin-left: 0; width: 100%; max-width: 100%; text-align: left; }
	#maincnt #aside .bloglist2>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; }
	#maincnt #aside .cssection .bloglist2>ul>li{ margin-left: 40px; width: calc(50% - 40px) }
	#maincnt #aside .cssection .categorylist{ -webkit-columns: 3; -moz-columns: 3; -o-columns: 3; columns: 3; }
}
@media screen and (max-width: 767px) { 
	#maincnt{ margin-bottom: 60px; }
	#maincnt #aside .cssection{ margin-bottom: 30px; display: block; }
	#maincnt #aside .cssection .categorylist{ -webkit-columns: 2; -moz-columns: 2; -o-columns: 2; columns: 2; }
	#maincnt #aside .cssection .bloglist2>ul{ margin-bottom: -20px; }
	#maincnt #aside .cssection .bloglist2>ul>li{ margin-bottom: 20px; }
}
@media screen and (max-width: 639px){
	#maincnt #aside .bloglist2>ul{ display: block; margin-left: 0; }
	#maincnt #aside .cssection .bloglist2>ul>li{ margin-left: 0; width: 100%; }
	#maincnt #aside .cssection .categorylist{ -webkit-columns: auto; -moz-columns: auto; -o-columns: auto; columns: auto; }
	#maincnt #aside .cssection .bloglist2>ul{ margin-bottom: -15px; }
	#maincnt #aside .cssection .bloglist2>ul>li{ margin-bottom: 15px; }

}





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


Footer


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

#bnrlist{ padding-top: 50px; margin-bottom: 100px; }
#index #bnrlist{ margin-bottom: 140px; }
#bnrlist .bnrbox{  }
#bnrlist .bnrbox>a{ background: #e6eade; display: block; text-decoration: none; padding: 76px 6%; position: relative; transition: 0.6s;  }
#bnrlist .bnrbox>a:after{ content: ""; background: url(../img/common/arr.svg) no-repeat; width: 26px; height: 26px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 50px; }
#bnrlist .bnrbox .titlebox{ text-align: center; margin-bottom: 20px; }
#bnrlist .bnrbox .titlebox svg{ width: 34px; height: 30px; margin-right: 5px; display: inline-block; vertical-align: middle; }
#bnrlist .bnrbox .titlebox svg .home_st0.st0{ transition: 0.6s;  }
#bnrlist .bnrbox .titlebox .title{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; display: inline-block; vertical-align: middle; letter-spacing: 0.3em; }
#bnrlist .bnrbox .txt{ font-size: 1.8rem; text-align: center; line-height: 1.8; }
#bnrlist .bnrbox>a:hover{ background: #5FAD6C; color: #fff; }
#bnrlist .bnrbox>a:hover .titlebox svg .home_st0.st0{ fill:#fff; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#bnrlist{ margin-bottom: 60px !important; padding-top: 0; }
	#bnrlist .bnrbox>a{ padding: 76px 80px; }
	#bnrlist .bnrbox>a:after{ right: 30px; }
	#bnrlist .bnrbox .titlebox .title{ font-size: 2rem; }
	#bnrlist .bnrbox .txt{ font-size: 1em; }
}
@media screen and (max-width: 639px){
	#bnrlist .bnrbox>a{ padding: 60px 6%; }
	#bnrlist .bnrbox .txt{ text-align: center; }
	#bnrlist .bnrbox>a:after{ content: none }
	#bnrlist .contactbox .contactlist>li{ text-align: center; }
}

#bnrlist .contactbox{ background: #61b56f; display: block; text-decoration: none; padding: 64px 6%; color: #fff; margin-top: 10px; }
#bnrlist .contactbox .title{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; text-align: center; margin-bottom: 10px; letter-spacing: 0.3em; }
#bnrlist .contactbox .title span{ font-weight: bold; }
#bnrlist .contactbox .txt{ font-size: 1.8rem; text-align: center; }
#bnrlist .contactbox .contactlist{ margin-top: 35px; text-align: center; }
#bnrlist .contactbox .contactlist>li{ display: inline-block; vertical-align: middle; margin-left: 20px; padding-left: 30px; position: relative; }
#bnrlist .contactbox .contactlist>li:before{ content: ""; width: 1px; height: 43px; background: #fff; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; -webkit-transform:rotate(20deg); transform:rotate(20deg); }
#bnrlist .contactbox .contactlist>li:first-child{ margin-left: 0; padding-left: 0; }
#bnrlist .contactbox .contactlist>li:first-child:before{ content: none }
#bnrlist .contactbox .contactlist>li>img{  }
#bnrlist .contactbox .contactlist>li>.tel{  }
#bnrlist .contactbox .contactlist>li.tellink{  }
#bnrlist .contactbox .contactlist>li.tellink>svg{ width: 25px; height: 26px; margin-right: 10px; vertical-align: middle; }
#bnrlist .contactbox .contactlist>li.tellink>svg .tel_st0.st0{ fill:#fff; stroke:#fff; }
#bnrlist .contactbox .contactlist>li.tellink>a{ font-size: 2rem; text-decoration: none; color: #fff; }
#bnrlist .contactbox .contactlist>li.contactlink{  }
#bnrlist .contactbox .contactlist>li.contactlink>svg{ width: 28px; height: 22px; margin-right: 10px; vertical-align: middle; }
#bnrlist .contactbox .contactlist>li.contactlink>svg .mail_st0.st0{ fill:#fff; stroke:#fff; }
#bnrlist .contactbox .contactlist>li.contactlink>a{ font-size: 2rem; text-decoration: none; color: #fff; }
#bnrlist .contactbox .contactlist>li.contactlink>a>span{ position: relative; overflow: hidden; }
#bnrlist .contactbox .contactlist>li.contactlink>a:hover{  }
#bnrlist .contactbox .contactlist>li.contactlink>a>span:before{ content: ""; background: #fff; height: 1px; display: inline-block; position: absolute; left: 0; width: 0; bottom: 0; transition: 0.3s; }
#bnrlist .contactbox .contactlist>li.contactlink>a:hover>span:before{ width: 100%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#bnrlist .contactbox .title{ font-size: 2rem; }
	#bnrlist .contactbox .txt{ font-size: 1em; }
	#bnrlist .contactbox .contactlist>li.tellink>a,
	#bnrlist .contactbox .contactlist>li.contactlink>a{ font-size: 1.8rem; }
}
@media screen and (max-width: 639px){
	#bnrlist .contactbox{ padding: 40px 6%; }
	#bnrlist .contactbox .txt{ text-align: center; }
	#bnrlist .contactbox .contactlist{ text-align: center; margin-bottom: -10px; }
	#bnrlist .contactbox .contactlist>li{ display: block; margin-left: 0; padding-left: 0; margin-bottom: 10px; }
	#bnrlist .contactbox .contactlist>li:before{ content:none }
}


/* footer */
#footer{  padding-top: 20px; }
#footer .footermain{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
#footer .footermain .leftbox{  }
#footer .footermain .leftbox .logo{ width: 222px; }
#footer .footermain .leftbox .logo>a{  }
#footer .footermain .leftbox .logo>a>img{  }
#footer .footermain .leftbox .address{ margin-top: 20px; }
#footer .footermain .leftbox .tel{ margin-top: 20px; font-size: 2rem; }
#footer .footermain .leftbox .tel span{ }
#footer .footermain .leftbox .tel .line{ display: inline-block; padding-left: 10px; padding-right: 10px; }
#footer .footermain .leftbox .opentime{  }
#footer .footermain .leftbox .caution{font-size: 1.4rem;text-indent: -1em;}
#footer .footermain .rightbox{  }
#footer .footermain .rightbox .instagram.instagram{margin-top: 30px;text-align: right;margin-right: 5px;}
#footer .footermain .rightbox .instagram.instagram>a{ text-decoration: none; vertical-align: middle; font-size: 1.2rem; }
#footer .footermain .rightbox .instagram.instagram>img{ width: 34px; height: 34px; vertical-align: middle; margin-left: 5px; }
#footer .footermain .rightbox .cap{ margin-top: 30px; text-align: right; }
#footer .footermain .rightbox #cr{ font-size: 1.2rem; text-align: right; margin-top: 10px; letter-spacing: 0.3em; }
@media screen and (max-width: 1040px){
	#footer{ margin-bottom: 50px; }
	#footer .footermain{ display: block; }
	#footer .footermain .rightbox .instagram.instagram{ margin-top: 50px; }
}
@media screen and (max-width: 767px){
	#footer .footermain .leftbox .logo{ width: 138px; }
	#footer .footermain .rightbox .instagram.instagram{ text-align: left; }
	#footer .footermain .rightbox .cap{ text-align: left; }
	#footer .footermain .rightbox #cr{ text-align: left; }
}


/* fnav */
#fnav{ background: #f7f7f7; margin-top: 20px; padding: 30px 0; }
#fnav .list{ text-align: center; }
#fnav .list>ul{ margin-left: -10px; }
#fnav .list>ul>li{ display: inline-block; vertical-align: middle; margin-left: 10px; }
#fnav .list>ul>li>a{ text-decoration: none; }
#fnav .list>ul>li>a:hover{ color: #61b56f; }
@media screen and (max-width: 1040px){
	#fnav{ display: none; }
}
@media screen and (max-width: 767px){
}


/* pagetop */
#pagetop{ position: fixed; bottom: 50px; right: 60px; z-index: 10000; }
#pagetop>a{ text-decoration: none; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-direction: column; width: 120px; height: 120px; }
#pagetop>a>img{ text-align: center; width: 49px; }
#pagetop>a>span{ text-align: center; font-size: 1.2rem; display: block; margin-top: 5px; }
#pagetop>a:hover{ color: #61b56f; }
@media screen and (max-width: 1040px){
	#pagetop{ display: none!important; }
}