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


/*
//color
black #191919
main #e54c4c
brown #664c28
lightbrown #f0ede9
border #ccc
back #f1f1f1
*/




/* ---------------------------------------
base
--------------------------------------- */
body{
	color: #333333;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" ,"Noto Sans Japanese", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.001em;
	max-height: 999999px;
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width: 639px) {
	body { font-size: 14px; }
}










/*
---------------------------------------
#header
--------------------------------------- */
#header{ height: 145px; position: relative;  }
#header .incnt{ display: table; height: 100%; max-width: 1280px; width: 92% }
#header .incnt>.inwrap{ display: table-cell; vertical-align: middle; height: 100%; }
#header .logo { max-width: 326px; width: 100%; margin-right: 30px; display: inline-block; vertical-align: middle; }
#header .cap{ display: inline-block; max-width: 490px; vertical-align: top; width: 45% }
#header .cap .sptxt2 span{ font-weight: bold; }
#header .sptxt3{padding-top:8px;}
#hlinklist{ width: 210px; position: absolute; top:0; right: 0; z-index: 1 }
#hlinklist>ul>li>a{ display: block; text-decoration: none }
#hlinklist>ul>li>a.h_tellink{ background: #edf8ef; padding:20px 15px 13px 10px; font-size: 0.85em; }
#hlinklist>ul>li>a.h_tellink>p{ text-align: center; }
#hlinklist>ul>li>a.h_tellink .txt1{ color:#22ac38; font-weight: bold; margin-bottom: 7px; }
#hlinklist>ul>li>a.h_tellink .img1{ margin-bottom: 7px; }
#hlinklist>ul>li>a.h_tellink .img1 img{ max-width: 184px; width: 100%; }
#hlinklist>ul>li>a.hlinkbtn{ background: #22ac38; color:#fff; font-weight: bold; font-size: 1.07em; padding:16px 35px 16px 25px; position: relative; text-align: center; }
#hlinklist>ul>li>a.hlinkbtn:after{ content: " "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top:0; bottom:0; right:15px; margin:auto 0; }
#hlinklist>ul>li>a.hlinkbtn:hover{ opacity: 1; background: #abd257 }
@media screen and (max-width: 1180px) {
#header .cap .sptxt1 span{display:block;}
}
@media screen and (max-width: 1040px) {
	#header{ height: auto; }
	#header .incnt{ display: block; width: 100%!important; margin:0!important; }
	#header .incnt>.inwrap{ display: block; }
	#header .logo{ padding:15px 4%; }
	#header .cap{ width: 100%; max-width: 100% }
	#header .cap .sptxt1{ width: 92%; display: block; font-weight: bold; color:#fff; font-size: 0.93em; background:#22ac38; padding:7px 4%; line-height: 1.5; text-align: center; }
	#header .cap .sptxt1 span{display:inline; font-weight: bold; }
	#header .cap .sptxt2{ width: 92%; display: block;  font-weight: bold; color:#22ac38; font-size: 1.07em; background:#fff; padding:7px 4% 10px; line-height: 1.5; text-align: center; }
	#header .cap .sptxt2 .sptxt2_1{ font-size: 1.53em; font-weight: bold; padding:0 1px; display: inline-block; vertical-align: middle; line-height: 1 }
	#header .cap .sptxt2 .sptxt2_2{ display: inline-block; vertical-align: middle; font-weight: bold; }
	#header .cap .sptxt3{text-align:center; color:#22ac38;}
	#hlinklist{ display: none }
}
@media screen and (max-width: 639px) {
	#header .logo{ max-width: 234px }
}







/*
---------------------------------------
#gnav
--------------------------------------- */
.navlist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.navlist { z-index: 10001; position: relative; text-align: center; height: 74px }
#gnav{ margin-top: 45px; margin-bottom: -35px }
#navill01,#navill02{display:none;}
#index .navlist, #fnav{ margin-top: -50px; margin-bottom: 0 }
#fnav .top{ display: none }
#fnav{ font-size: 14px }
#index #gnav:before{ content:" "; background: url(../img/index/mv_bg1.png) no-repeat; background-size: contain; display: inline-block; width: 138px; height: 78px; position: absolute; left:10px; bottom:15px; }
.navlist .incnt{ position: static; height: 100%; width: 100%!important; margin:0!important; }
.navlist .top{ width: 79px; display: inline-block; height: 100%; vertical-align: middle; }
.navlist .top>a{ display: block; background: #dae000; width: 100%; text-align: center; position: relative; line-height: 1; height: 100% }
.navlist .top>a>img{ position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 18px; height: 18px; display: inline-block; }
.navlist .top>a:hover/*, .navlist .top.current>a*/{ opacity: 1; background: #22ac38 }
.navlist .mainlist{ background: #abd257; padding:0 35px 0 20px; display: inline-block; vertical-align: middle; height: 100% }
.navlist .mainlist>li{ display: inline-block; margin-left: 15px; height: 100%; }
.navlist .mainlist>li>a:hover, .navlist .mainlist>li.current>a{ color:#22ac38; opacity: 1 }
.navlist .mainlist>li>a{ text-decoration: none; color:#fff; display: table; width: 100%; height: 100% }
.navlist .mainlist>li>a span{ font-weight: bold; display: table-cell; height: 100%; vertical-align: middle; }
.navlist .mainlist .childlist{ position: absolute; top:38px; left:0; right:0; width: 100%; background: #e9f7eb; padding:55px 0 25px; z-index: -1; }
#index .navlist .mainlist .childlist{ top:45px; }
.navlist .mainlist .childlist>ul{ width: 960px; text-align: center; margin:0 auto; }
.navlist .mainlist .childlist>ul>li{ width: 25%; margin-bottom: 5px; text-align: left; float: left; }
.navlist .mainlist li[data-cat="treatment"] .childlist>ul>li{ width: 16.6% }
.navlist .mainlist .childlist>ul>li>a{ text-decoration: none; }
.navlist .mainlist .childlist>ul>li:before{ content: " "; background: url(../img/common/arr1_lightgreen.png) no-repeat; background-size: contain; width: 8px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 10px }
.navlist li.nopc { display: none; }
@media screen and (max-width: 1470px) {
	#index #gnav:before{ bottom: 50px; height: 115px; }
}
@media screen and (max-width: 1390px) {
	#index #gnav:before{ display: none; }
}
@media screen and (max-width: 1170px) {
	.navlist .top{ width: 65px }
	.navlist .mainlist{ padding:0 15px 0 5px; }
	.navlist .mainlist>li{ margin-left: 10px }
	.navlist{ height: 65px; font-size: 14px }
	#fnav{ font-size: 13px }
	#index #gnav:before{ bottom: 50px; }
}

@media screen and (max-width: 1040px) {
	#fnav{ display: none }
	#index #gnav:before{ display: none }
	#gnav, #gnav .scrollcover, #gnav .box1, #gnav, #gnav li a{ display: block; }
	#gnav .incnt{ margin:0 4%!important; width:92%!important; position: static; height: auto }
	#gnav .top{ height: auto; display: inline-block; text-align: center; width: 96% }
	#gnav .top>a{ width: auto; height: auto; text-decoration: none; line-height: inherit; }
	#gnav .top>a>img{ position: static; }
	#gnav .top>a>span{ font-weight: bold; }
	#gnav { height: auto; padding: 0; position: fixed; top: 0; right: 0; width: auto; z-index: 2000; overflow-y: auto; display: block; width: 100%; max-width: none; background:url("../img/common/nav_bg.jpg") center center no-repeat; background-size:cover; text-align: right; vertical-align: inherit; margin-top: 0 }
	#gnav .box1{position:relative; text-align: left; padding: 60px 8%; width: 85%!important; margin:0!important; }
	#gnav .box1 #navill01,#gnav .box1 #navill02{position:absolute; display:block;}
	#gnav .box1 #navill01 img,#gnav .box1 #navill02 img{width:68px; height:auto;}
	#gnav .box1 #navill01{top:10px; left:10px;}
	#gnav .box1 #navill02{bottom:10px; right:20px;}
	#gnav ul { display: block; background: inherit; width:96%; margin:0 auto; padding:0; vertical-align: inherit; }
	#gnav li { height: auto; display: block; width: 100%; text-align: center; float: none; padding: 0!important; position: relative; border-left:none; margin: 0; }
	#gnav .mainlist{ text-align: center; display: inline-block; vertical-align: middle; margin-bottom: 0; height: auto; width: 96%; }
	#gnav .mainlist>li{ border-left: none; float: none; padding:0; height: auto; display: block; }
	#gnav .mainlist>li:after{ content:none; }
	#gnav .mainlist>li.pclast{ border-right: none }
	#gnav .mainlist li p, #gnav .mainlist li a, #gnav .top>a { color: #735853; padding: 6px 40px!important; position: relative; font-size: 16px; display: block; background: url(../img/common/arr1_brown.png) no-repeat 96% 50%; background-size: 8px 12px; letter-spacing: 0 }
	#gnav .mainlist .lows{ position: static; padding-left:0; text-align: center; display: block; height:auto; width: 100% }
	#gnav .mainlist li a span{ display: inline; margin-bottom: 0; color:#fff; }
	#gnav li a{ margin-right: 0 }
	#gnav li a span { border-left: none; }
	#gnav .mainlist ul ul li a:hover{ background: transparent; }
	#gnav .mainlist li a span, #gnav .mainlist li p span{ color:#735853; }
	#gnav .mainlist>li>a:hover:after, #gnav .mainlist>li.current>a:after, #gnav .mainlist>li.has.current p:after{ content:none; }
	#gnav .mainlist>li.current:hover>p, #gnav .mainlist>li:hover>a, #gnav .mainlist>li.current:hover>a, #gnav .mainlist>li.current>a, #gnav .mainlist ul.lows>li>a:hover, #gnav .mainlist ul.lows>li.current>a, #gnav .top>a:hover, #gnav .top>a.current, #gnav .top.current>a{ background:url(../img/common/arr1_white.png) no-repeat 96% 50%, #735853; background-size: 8px 12px;  opacity: 1; }
	#gnav .mainlist>li.current:hover>p span, #gnav .mainlist>li:hover>a span, #gnav .mainlist>li.current:hover>a span, #gnav .mainlist>li.current>a span, #gnav .mainlist ul.lows>li>a:hover span, #gnav .mainlist ul.lows>li.current>a span, #gnav .top>a:hover span, #gnav .top>a.current span, #gnav .top.current>a span{ color:#fff; }
	#gnav .mainlist li a, #gnav .top>a{ width: auto; border-bottom: 1px dashed #735853 }
	#gnav .mainlist li.nopc { display: block; }
	#gnav .mainlist .lows>li:after{ content:none; }
	/*#gnav .mainlist .haslow>p,#gnav .mainlist .haslow>a{ display: none }*/
	#gnav .mainlist .splast>a{ border-bottom: 0 }
	#gnav .mainlist .childlist{ display: none }
}
@media screen and (max-width: 639px) {
	#gnav .box1{ text-align: center; padding: 65px 8%; width: 84%!important; margin:0!important; }
	#gnav .mainlist li p, #gnav .mainlist li a, #gnav .top>a { color: #735853; padding: 4px 40px!important; position: relative; font-size: 16px; display: block; background: url(../img/common/arr1_brown.png) no-repeat 96% 50%; background-size: 8px 12px; letter-spacing: 0 }
}






/*
---------------------------------------
btn
--------------------------------------- */
/* #menubtn */
#menubtn { display: none; z-index: 2000; padding: 0; }
@media screen and (max-width: 1040px) {
	#menubtn { position: fixed; top: 15px; right: 15px; }
	#menubtn a { position: relative; display: block; width: 40px; height: 45px; background:#d3eed7; }
	#menubtn a:before{ content: "MENU"; color:#735853; font-weight: bold; font-size: 9px; position: absolute; top:5px; left:0; right:0; text-align: center; }
	/* fast */
	#menubtn .line {
		width: 20px; height: 1px; background: #735853; position: absolute; left: 0; right:0; margin:0 auto;
		-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	#menubtn #line1 { top: 27px; }
	#menubtn #line3 { bottom: 8px; }
	#menubtn.active #line1 {
		-webkit-transform:translateY(4px) translateX(0) rotate(224deg);
		-moz-transform:translateY(4px) translateX(0) rotate(224deg);
		transform:translateY(4px) translateX(0) rotate(224deg);
	}
	#menubtn.active #line3 {
		-webkit-transform:translateY(-5px) translateX(0) rotate(-224deg);
		-moz-transform:translateY(-5px) translateX(0) rotate(-224deg);
		transform:translateY(-5px) translateX(0) rotate(-224deg);
	}
}





/* ---------------------------------------
#mainv
--------------------------------------- */
#mainv { width: 100%; background: #22ac38; height: 175px; display: table; color:#fff; }
#mainv .pagetitle { padding: 35px 4% 0; line-height: 1.4; display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center;  }
#mainv .pagetitle .jptitle{ font-weight: bold; font-size: 32px; letter-spacing: 3px }
#mainv .pagetitle .entitle{ font-weight: bold; font-size: 0.93em; letter-spacing: 2px }
@media screen and (max-width: 1040px) {
	#mainv{ height: 125px }
	#mainv .pagetitle .jptitle{ font-size: 27px }
	#mainv .pagetitle{ padding-top: 0 }
}
@media screen and (max-width: 639px) {
#mainv{ height: 80px }
#mainv .pagetitle .jptitle{ font-size: 20px }
}
@media screen and (max-width: 400px) {
#mainv .pagetitle .jptitle{  letter-spacing: 1px }
#mainv .pagetitle .entitle{ letter-spacing: 1px }
}

/* #mainv_index */
#mainv_index { height: 660px; position: relative; width: 100%;  overflow: hidden;  }
#mainv_index .bg{ width: 100%; z-index: -1; }
#mainv_index .mycanvas{ padding-top: 44px; margin:0 auto; position: absolute; top:0; left:0; right:0; text-align: center; }
#mainv_index .mycanvas>.inwrap{ display: inline-block; text-align: left; }
#mainv_index .txtbox1{ padding-top: 45px; padding-right: 35px; position: relative; float: left; width: 300px; margin-right: 55px }
#mainv_index .txtbox1:after{ content:" "; background: url(../img/index/mv_bg3.png) no-repeat; background-size: contain; width: 48px; height: 48px; display: inline-block; position: absolute; top:0; right:0; visibility: visible; }
#mainv_index .txtbox1:before{ content:" "; background: url(../img/index/mv_bg4.png) no-repeat; background-size: contain; width: 42px; height: 42px; display: inline-block; position: absolute; bottom:25px; left:-80px; }
#mainv_index .txtbox1 .txt1{ max-width: 198px; width: 100%; margin-right: 40px; float: left; }
#mainv_index .txtbox1 .txt2{ max-width: 58px; width: 100%; float: left; }
#mvtxtbox2{ padding-top: 170px; position: relative; float: left; /*width: 556px*/ }
#mvtxtbox2:after{ content:" "; background: url(../img/index/mv_bg2.png) no-repeat; background-size: contain; width: 120px; height: 76px; display: inline-block; position: absolute; top:8px; right:30px; }
#mvtxtbox2 .txt1{ max-width: 556px; width: 100%; margin-bottom: 30px }
#mvtxtbox2 .txt2{ margin-bottom: 5px }
#mvtxtbox2 .txt2>.inwrap{ background: #22ac38; display: inline-block; padding:12px 15px; font-weight: bold; font-size: 1.2em; color:#fff; line-height: 1.5 }
#mvtxtbox2 .txt2 .txt2_1{ font-size: 1.44em; vertical-align: text-bottom; line-height: 1; font-weight: bold; padding:0 3px; }
#mvtxtbox3 { margin:auto; width:1000px; }
#mvtxtbox3 .txt3>.link1{ background: #32a1c5; padding:5px 40px 5px 40px; display: inline-block; font-weight: bold; font-size: 1.2em; color:#fff; }
#mvtxtbox3 .flinkbtn{ text-decoration: none; font-weight: bold; }
#mvtxtbox3 .txt3{ width: 100%; height: 100%; position: relative;left:-139px; top:12px; }
#mvtxtbox4 { margin:auto; width:1000px; }
#mvtxtbox4 .txt4>.link1{ background: #735853; padding:5px 40px; display: inline-block; font-weight: bold; font-size: 1.2em; color:#fff;text-align: left; width:auto;}
#mvtxtbox4 .txt4{ width: 100%; height: 100%; position: relative;left:-12px; top: 17px; }
#mvtxtbox4 .flinkbtn{ text-decoration: none; font-weight: bold; text-align: }
#mvtxtbox4 span.under_bold{ font-weight: bolder; border-bottom: solid 1px; }

#w479 .txt4>.link1{ display: none; }
#w479 span.under_bold{ font-weight: bolder; border-bottom: solid 1px; }
@media screen and (max-width: 1400px) {
#mainv_index{ width:100%; position: relative; overflow: hidden; height: 680px;}
#mainv_index .bg{ max-width: none; width: 1530px; position: absolute; top:0; bottom:0; left:50%; right:0; margin-left: -700px;  }
#mvtxtbox3 .txt3{ width: 100%; height: 100%; position: relative; right: 302px; top: 7px; }
#mvtxtbox4 .txt4{ left: 26px; }
#w479 .txt4>.link1{ display: none; }
#mvtxtbox4 .txt4>.link1{ padding:5px 40px 5px 40px; }
#mvtxtbox4 .txt4{ left:-12px; top: 37px; }
#mvtxtbox3 .txt3{ left:-139px; top: 32px; }
}
@media screen and (max-width: 1390px) {
#mainv_index .txtbox1:before{ bottom:50px; left:-110px; }
#mainv_index .mycanvas{ padding-top: 50px }
#mainv_index .txtbox1{ margin-top: 15px; margin-right: 30px;  }
#mvtxtbox3 .txt3{ left:-139px; top: 11px; }
#mvtxtbox4 .txt4{ left:-12px;top: 16px; }
#w479 .txt4>.link1{ display: none; }
}
@media screen and (max-width: 1170px) {
#mvtxtbox3 .txt3{ left:-139px; top: 11px; }
#mvtxtbox4 .txt4{ left:-12px;top: 16px; }
}

@media screen and (max-width: 1040px) {
	#mainv_index .mycanvas{ position: relative; height: 100%; width: 100%; padding-top: 0; display: table }
	#mainv_index .mycanvas>.inwrap{ vertical-align: middle; text-align: center; }
	#mainv_index .txtbox1{ display: inline-block; padding-bottom: 45px }
	#mainv_index .txtbox1:before{ display: none }
	#mvtxtbox2{ width: 100%; text-align: center; padding-top: 0px; position: relative; float: none; }
	#mvtxtbox2 .txt2{ display: none }
	#mvtxtbox2 .txt1{ margin:0 auto 0; max-width: 564px; }
	#mvtxtbox2:before{ content:" "; background: url(../img/index/mv_bg1.png) no-repeat; background-size: contain; display: inline-block; width: 138px; height: 78px; position: absolute; left:50px; top:-45px; }
	#mvtxtbox2:after{ top: -50px; }
	#mainv_index{ height: 560px }
	#mainv_index .bg{ width: 1260px; margin-left: -592px }
	#mainv_index .txtbox1 .txt1{ max-width: 552px; margin:0 auto; float: none }
	#mainv_index .txtbox1 .txt2{ max-width: 416px; margin:0 auto 40px; float: none }
	#mainv_index .txtbox1{ padding-right: 0; padding-left: 0; margin-right: 0; text-align: center; float: none; width: auto; }
	#mvtxtbox3{width:100%;}
 
  #mvtxtbox3 .txt3{ width: 100%; height: 100%; position: relative; left:0; top: -1px; }
	#mvtxtbox3 .txt3>.link1{ font-size: 15px; }
	#mvtxtbox4{width:100%;}
	#mvtxtbox4 .txt4{ width: 100%; height: 100%; position: relative; left: 0px; top: 10px; }
	#mvtxtbox4 .txt4>.link1{ font-size: 15px; }
	#w479 .txt4>.link1{ display: none; }
}

@media screen and (max-width: 960px) {
	#mvtxtbox3 .txt3{ width:100%; height: 100%; margin-left: auto; margin-right: auto;}
	#mvtxtbox3 .txt3>.link1{ font-size: 15px; }
	#mvtxtbox4 .txt4{ width: 100%; height: 100%; left: 0px;  right:0px; top: 10px;}
	#mvtxtbox4 .txt4>.link1{ font-size: 15px; }
}
@media screen and (max-width: 767px) {
	#mainv_index{ height: 380px }
	#mainv_index .bg{ width:860px; margin-left: -401px }
	#mvtxtbox2 .txt1{ max-width: 282px; display: inline-block; }
	#mainv_index .txtbox1 .txt1{ max-width: 276px }
	#mainv_index .txtbox1 .txt2{ max-width: 208px; margin-bottom: 20px }
	/*#mainv_index .txtbox1:after{ content:" "; background: url(../img/index/mv_bg3_l.png) no-repeat; background-size: contain; width: 36px; height: 36px; }*/
	/*#mvtxtbox2:after{ content:" "; background: url(../img/index/mv_bg2_l.png) no-repeat; background-size: contain; width: 42px; height: 20px; top:8px; right:30px; }*/
	#mvtxtbox2:after{ display: none }
	#mvtxtbox2 .txt1{ position: relative; }
	#mvtxtbox2 .txt1:after{ content:" "; background: url(../img/index/mv_bg2.png) no-repeat; background-size: contain; width: 120px; height: 76px; display: inline-block; position: absolute; top:-45px; right:-60px; }
  #mvtxtbox3 .txt3{ margin-top: 0; float: none; top: -8px; }
	#mvtxtbox4 .txt4{ top: 3px; }
	#mvtxtbox4 .txt4>.link1{ padding:5px 15px 5px 15px; }
	#mvtxtbox2:before{ width: 115px; left: 54px; top: -20px;}
	#w479 .txt4>.link1{ display: none; }
}
@media screen and (max-width: 639px) {
	#mvtxtbox2 .txt1:after{ content:" "; background: url(../img/index/mv_bg2_l.png) no-repeat; background-size: contain; width: 42px; height: 60px; display: inline-block; position: absolute; top:-15px; right:10px; }
	#mainv_index{ height: 330px; }
	#mainv_index .bg{ width:915px; margin-left: -384px }
	#mvtxtbox2:before{ display: none; }
	#mainv_index .txtbox1{ padding-top: 10px; padding-bottom: 20px }
	#mainv_index .txtbox1:after{ content:" "; background: url(../img/index/mv_bg3_l.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: inline-block; position: absolute; top:0; right:0; visibility: visible; }
  #mvtxtbox3 .txt3>.link1{ font-size: 1.07em; }
	#mvtxtbox3 .txt3>.link1{ font-size: 13px; }
	#mvtxtbox4 .txt4>.link1{ font-size: 13px; padding: 10px 15px; }
	#w479 .txt4>.link1{ display: none; }
}
@media screen and (max-width: 479px) {
	#mainv_index{ height: 330px; }
	#mainv_index .bg{ width:570px; height: 342px; margin-left: -257px }
/*	#mainv_index .txtbox1{ padding-top: 10px; }*/
	#mvtxtbox3 {width: 343px;}
/*  #mvtxtbox3 .txt3>.link1{ font-size: 1.07em; }*/
	#w479 .txt4>.link1{ background: #735853 ; display: inline-block; padding: 10px 15px; font-size: 13px; font-weight: bold; color: #fff; line-height: 1.5; text-align: center!important; }
	#w479 .flinkbtn{ text-decoration: none; font-weight: bold; text-align: }
	#mvtxtbox4 .txt4>.link1{ display: none; }
}


/* ---------------------------------------
#content
--------------------------------------- */
#content { width: 100%; padding-top: 45px; }
#cnt_main { float: none;/* margin-bottom: 150px;*/ }
.wp #cnt_main{ float: left; }
@media screen and (max-width: 1040px) {
	#cnt_main, .wp #cnt_main { float: none; width: 100%;/* margin-bottom: 90px;*/ }
	#content{ padding-top: 30px; }
	#index #content{ padding-top: 0 }
}

@media screen and (max-width: 639px) {
	#cnt_main { /*margin-bottom: 60px;*/ min-height: 0; }
	#content{ padding-top: 30px; }
}










/* ---------------------------------------
#cnt_side
--------------------------------------- */
#cnt_side { float: right; width: 280px; font-size: 14px;  }
#cnt_side .csection { margin-top: 15px }
#cnt_side .cstitle { background: #22ac38; padding: 10px 15px; line-height: 1; text-align: center; color: #fff; font-weight: bold; margin-bottom: 10px; }
#cnt_side #wp_cntside .cstitle { padding: 15px 4%; font-size: 17px; }
#cnt_side .stylelink { float: right; }
#cnt_side .insec { margin-bottom: 30px; }
#wp_cntside .side_news p{ display: inline-block; margin-left: 5px }
@media screen and (max-width: 1040px) {
	#cnt_side .csection { float: left; width: 29.3%; margin-left: 4%; }
	#cnt_side { float: none; width: 104%; padding-top: 0px; margin-left: -4%; margin-top: 50px; }
}
@media screen and (max-width: 767px) {
	#cnt_side{ margin-left: 0; width: 100% }
	#cnt_side .csection{ float: none; margin-left: 0; width: 100% }
}
@media screen and (max-width: 639px) {
	#cnt_side #wp_cntside .cstitle { padding: 10px 4%; font-size: 15px; }
}

/* #cs_topic */
/*#cnt_side #cs_topic { }
#cnt_side #cs_topic a { display: block; text-decoration: none; background: #e54c4c; padding: 10px 20px 15px; color: #fff; font-weight: bold; font-size: 13px; line-height: 1.6; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s;}
#cnt_side #cs_topic .title { width: 240px; margin: 10px auto; }
@media screen and (max-width: 1040px) {
	#cnt_side #cs_topic { text-align: center; }
}
@media screen and (max-width: 479px) {
	#cnt_side #cs_topic { text-align: left; }
}
#cnt_side #cs_body { background: #f1f1f1; padding: 20px 15px; }
@media screen and (max-width: 1040px) {
	#cnt_side #cs_body { background: #f1f1f1; padding: 30px 4%; }
}
@media screen and (max-width: 639px) {
	#cnt_side #cs_body { width: 100.2%; margin: 20px -4.1% 0;}
}
#cnt_side #cs_2 .txt1 { background: #fff; border-bottom: 1px solid #664c28; border-top: 1px solid #664c28; padding: 5px 0; text-align: center; font-weight: bold; font-size: 17px; color: #664c28; margin-bottom: 10px; }
#cnt_side #cs_2 .txt2 span { display: inline-block; }
#cnt_side #cs_2 #sidemap { width: 100%; height: 280px; margin-bottom: 10px; }

#cnt_side #cs_bnr li { width: 100%; margin-bottom: 10px; }
#cnt_side #cs_bnr li a { -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; }
@media screen and (max-width: 1040px) {
	#cnt_side #cs_bnr ul { text-align: center; }
	#cnt_side #cs_bnr li { max-width: 320px; min-width: 260px; width: 80%; display: inline-block; margin: 0 5px 10px; }
}

#cnt_side #cs_sns ul { text-align: center; line-height: 0; font-size: 0; }
#cnt_side #cs_sns li { width: 40px; margin: 0 5px; display: inline-block; }
#cnt_side #cs_sns li a { -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; }*/







/* ---------------------------------------
#pagetop
--------------------------------------- */
#pagetop { position: fixed; bottom: 60px; right: 20px; z-index: 50000; }
#pagetop a:hover{ opacity: 1 }
#pagetop img { width: 70px; }
@media screen and (max-width: 1040px) {
	#pagetop{ display: none!important }
}









/* ---------------------------------------
#footer
--------------------------------------- */
#footer{ margin-top: 40px; }
#footer .mainbox{ background:#f5f3f3; padding:60px 0 95px; }
#footer .incnt{ width: 925px!important; margin:0 auto !important; }
#leftlogo{ width: 410px; }
#leftlogo .logo{ margin-bottom: 30px; }
#leftlogo .logo img{ max-width: 404px; }
#leftlogo .txt2{ font-weight: bold; font-size: 1.13em; margin-bottom: 15px }
#leftlogo .fcap .txt3{padding:8px 0;}
/*
#leftlogo .mainbox .cnt_right .txt1{ font-size: 14px; }
#leftlogo .mainbox .cnt_right .ftel{ margin-bottom: 10px }
#leftlogo .mainbox .cnt_right .ftel .txt2{ font-size: 0.8em; font-weight: bold; color:#22ac38; display: inline-block; margin-right: 5px }
#leftlogo .mainbox .cnt_right .ftel .link1{ width: 240px; display: inline-block; margin-top:10px;}
*/
#footer #leftaccessbox .txt3{ background:url(../img/common/faddressicon.png) no-repeat left center; background-size: 24px 34px; padding-left:35px; line-height: 1.5; font-weight: bold; margin-bottom: 10px; min-height:34px; }
#footer #leftaccessbox .txt3 span{ font-weight: bold; }
#footer #leftaccessbox .txt4{ background:url(../img/common/faccessicon.png) no-repeat left center; background-size: 24px 34px; padding-left:35px; font-weight: bold; font-size: 1.13em; line-height: 1.5; min-height:34px; padding-top: 7px; padding-bottom: 0px }
#footer .mainbox .cnt_right{ width: 460px; }
/*追加*/
#footer .mainbox .cnt_left .txt1{ font-size: 14px; }
#footer .mainbox .cnt_left .ftel{ margin-bottom: 10px }
#footer .mainbox .cnt_left .ftel .txt2{ font-size: 1.2em; font-weight: bold; color:#22ac38; display: block;margin:10px; auto 5px 0px;}
#footer .mainbox .cnt_left .ftel .link1{ width: 280px; display: inline-block; }
#footer .tbgreen thead th{background:#22AC38!important;}
#footer .tbgreen tbody td{color:#22AC38!important;}
#footer .tbblue thead th{background:#32A1C5!important;}
#footer .tbblue tbody td{color:#32A1C5!important;}
#footer .tbbrown tbody td{color:#735853!important;}
#footer .txtb{ font-weight:bold;}
#footer .tbcapgreen{color:#22AC38;}
#footer .tbcapblue{color:#32A1C5;}
#footer .tbcapbrown{color:#735853;}
#footer .txts{ font-size:0.8em;}

#footer .mainbox .cnt_right .kanpo dl{margin-bottom: 5px; font-size: 14px; }
#footer .mainbox .cnt_right .kanpo dt{float:left;}
#footer .mainbox .cnt_right .kanpo dd{padding-left: 114px;}
#footer .mainbox .cnt_right .flex {display: flex;}
#footer #snslinks>ul{ margin-left: -10px }
#footer #snslinks>ul>li{ margin-left: 10px; display: inline-block; width: 32px; margin-top:10px;}

@media screen and (max-width: 1040px) {
#footer .incnt{ width: 92%!important; margin:0 4% !important; }
#footer .mainbox{ padding:30px 0 45px; }
#footer .mainbox .cnt_left .ftel{ display: none }
#footer .mainbox .cnt_right{ float: none; width: 100%; }
/*追加*/
#footer .link1{display:none; }



#footer #leftaccessbox{width:90%; font-size: 1.07em; margin:20px auto; display:block;}
#footer #leftaccessbox .txt3{ display:inline-block; margin-right:20px; vertical-align: middle; text-align:left;}
#footer #leftaccessbox .txt4{ display:inline-block; margin-right: 0px;}
#footer .cnt_left{ float: none; width:100%; }
#leftlogo .logo{ width: 92%; padding:20px 4%; text-align: center; margin-bottom: 0 }
#leftlogo .logo img{ max-width: 404px; width: 100% }
#leftlogo .txt1{ background:#1ea739; color:#fff; font-size: 0.93em; line-height: 1.5; padding:5px 4%; width: 92%; text-align: center; }
#leftlogo .txt1 span{ font-weight: bold; }
#leftlogo .txt2{ display: none }
#leftlogo .btn{display:block;}
#leftlogo .fcap{margin-top:10px;}
#leftlogo .fcap .txt3{padding:0; text-align:center; color:#1ea739; margin-top:10px;}
#footer #snslinks{ margin:10px 4%; width: 92%; text-align: center; }
#footer #snslinks>ul{ margin-left: -6%; }
}


@media screen and (max-width: 639px) {
#leftlogo .logo img{ max-width: 236px; width: 100% }
}

#footer .fmap{ width: 100%; height: 685px; margin-top: -25px }
#footer #fillustmap{ margin: 0 auto 55px; /*max-width: 520px;*/ padding-top: 10px }
#footer #fillustmap img{ width: 100% }
#footer .link1{ text-align: center; margin-top: -15px }
#footer .link1>a.flinkbtn{ background: #735853; color:#fff; font-weight: bold; padding:16px 35px 16px 25px; position: relative; text-align: center; text-decoration: none }
#footer .link1>a.flinkbtn:after{ content: " "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top:0; bottom:0; right:15px; margin:auto 0; }
#footer .link1>a.flinkbtn:hover{ opacity: 1; background: #f8b62d }

#footer .link2{ text-align: center; margin-bottom: 25px; padding-right: 40px; }
#footer .link2>a.flinkbtn{ background: #32a1c5; color:#fff; font-weight: bold; padding: 15px 50px 15px 40px; position: relative; text-align: center; text-decoration: none }
#footer .link2>a.flinkbtn:after{ content: " "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top:0; bottom:0; right:40px; margin:auto 0; }
#footer .link2>a.flinkbtn:hover{ opacity: 1; }

@media screen and (max-width: 1040px) {
	#footer #fillustmap{ margin: 0 auto 0; }
	#footer .fmap{ height: 440px }
	#footer #fmapbox{ background:#f5f3f3; padding:0 4%; }
	#footer #fmapbox .link1{ padding-top: 30px; padding-bottom: 30px; text-align: center; }
#footer #fmapbox a.flinkbtn{ background: #22ac38; color:#fff; font-weight: bold; padding:16px 35px 16px 25px; position: relative; text-align: center; text-decoration: none; display: inline-block; }
#footer #fmapbox a.flinkbtn:after{ content: " "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top:0; bottom:0; right:15px; margin:auto 0; }
#footer #fmapbox a.flinkbtn:hover{ opacity: 1; background: #abd257 }
#footer .link2{ margin-top: 10px; }
}
@media screen and (max-width: 639px) {
	#footer .fmap{ height: 270px }
	/*#footer .link1>a.flinkbtn{ padding: 10px 6% 10px 4%; width: 82%; font-size: 1em; display: block; margin:0 auto; }*/
	#footer #fmap { height: 270px; }
	#footer #fmapbox a.flinkbtn{ padding: 5px 35px 5px 25px; width: 130px }
	#footer .link2{ margin-top: 10px; }
	#footer .link2{ padding-right: 5px; }
}


/* #cr */
#cr { font-size: 12px; line-height: 1.6; padding-top: 30px; text-align: center; margin-bottom: 20px; }
#cr span { display: inline-block; }
@media screen and (max-width: 1040px) {
	#cr{ margin-bottom: 45px;  background:#f1eeee; line-height: 1.5; padding:5px 4%; width: 92%; text-align: center; }
}

#sp_fitems{ display: none }
@media screen and (max-width: 1040px) {
	#sp_fitems{ position: fixed; bottom:0; left:0; right:0; height:45px; width: 100%; overflow: hidden; display: block; }
	#sp_fitems>ul{ height: 100% }
	#sp_fitems>ul>li{ display: table; height:100%; float: left }
	#sp_fitems>ul>li>a{ display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
	#sp_fitems>ul>li:nth-child(1){ width: 80% }
	#sp_fitems>ul>li:nth-child(1)>a{ background:#22ac38; }
	#sp_fitems>ul>li:nth-child(1)>a>img{ max-width: 192px; width: 100% }
	#sp_fitems>ul>li:nth-child(2){ width: 20% }
	#sp_fitems>ul>li:nth-child(2)>a{ background:#89be1f; }
	#sp_fitems>ul>li:nth-child(2)>a>img{ max-width: 20px; width: 100% }
	#sp_fitems>ul>li:nth-child(2)>a:hover{ opacity: 1; background:#f8a22d; }
}











/* topbnrlist */
#topbnrlist{ margin-top: 80px }
#topbnrlist>ul{ margin-left: -15px; text-align: center; margin-bottom: -10px }
#topbnrlist>ul>li{ margin-left: 15px; width: 280px; display: inline-block; margin-bottom: 10px; }
@media screen and (max-width: 1040px) {
	#topbnrlist{ margin-top: 50px }
}
@media screen and (max-width: 639px) {
#topbnrlist{ margin-top: 25px }
}