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






/* ---------------------------------------
#index
--------------------------------------- */
/* sec_0 */
#index #sec_0 { margin-bottom: 40px; }
#index #sec_0 .incnt { max-width: 1300px; }
#index #sec_0 .box1{ padding:0 4%; background: #fbdfe3; }
#index #sec_0 .box1 .incnt>ul>li{ width: 33.333%; padding: 5% 2%; box-sizing: border-box; float: left; background: url(../img/index/s0_bg.png) center center /60% no-repeat; }
#index #sec_0 .box1 .incnt p.title1{ width: 100%; margin: 0 auto 20px; }
#index #sec_0 .box1 .incnt p.bnr{ display: inline-block; vertical-align: middle; width: 70%; background-color: #e96071; margin-right: 8%; padding: 25px 0; box-sizing: border-box; position: relative; }
#index #sec_0 .box1 .incnt p.bnr img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 20px; box-sizing: border-box; }
#index #sec_0 .box1 .incnt p.qr{ display: inline-block; vertical-align: middle; width: 20%; box-sizing: border-box; }
#index #sec_0 .box1 .incnt p.qr img{ border: solid 5px #f2f2f2; box-sizing: border-box; }
@media screen and (max-width: 1040px) {
	#index #sec_0 .box1{ padding:0; }
	#index #sec_0 .box1 .incnt>ul>li{ padding: 4% 2% 4%; width: 50%; }
	#index #sec_0 .box1 .incnt>ul>li:nth-child(3){ padding: 0 2% 4%; float: none; margin: 0 auto; clear: both; }
}
@media screen and (max-width: 767px) {
	#index #sec_0 .box1 .incnt p.bnr{ margin-right: 5%; padding: 35px 0; }
	#index #sec_0 .box1 .incnt p.bnr img{ padding: 0 10px; }
	#index #sec_0 .box1 .incnt p.qr{ width: 22%; }
}
@media screen and (max-width: 639px) {
	#index #sec_0 { margin-bottom: 20px; }
	#index #sec_0 .box1 .incnt>ul>li{ width: 100%; padding: 80px 0; float: none; background-size: 50%; }
	#index #sec_0 .box1 .incnt>ul>li:nth-child(1),
	#index #sec_0 .box1 .incnt>ul>li:nth-child(2){ padding-bottom: 0; }
	#index #sec_0 .box1 .incnt>ul>li:nth-child(3){ padding: 80px 0; }
	#index #sec_0 .box1 .incnt p.title1{ margin-bottom: 10px; }
	#index #sec_0 .box1 .incnt p.qr{ vertical-align: bottom; }
	#index #sec_0 .box1 .incnt p.txt1{ margin-bottom: 0; }
}
@media screen and (max-width: 400px) {
	#index #sec_0 .box1 .incnt p.bnr{ padding: 25px 0; }
	#index #sec_0 .box1 .incnt>ul>li,
	#index #sec_0 .box1 .incnt>ul>li:nth-child(3){ padding: 40px 0; }
	#index #sec_0 .box1 .incnt .box2{ margin-top: -15px; }
}

/* sec_1 */
#index #sec_1{ margin-bottom: 0 }
#index #sec_1 .title1{ font-weight: bold; font-size: 27px; color:#816964; position: relative; margin:30px auto 25px; text-align: center; letter-spacing: 1px }
#index #sec_1 .title1:before{ content: " "; background: #816964; width: 40px; height:1px; display: inline-block; vertical-align: middle; margin-right: 20px }
#index #sec_1 .title1:after{ content: " "; background: #816964; width: 40px; height:1px; display: inline-block; vertical-align: middle; margin-left: 15px }
#index #sec_1 .box1{ padding:70px 4% 80px; background: #f5f5f5 }
#index #sec_1 .box1 .incnt>ul{ margin-left:-2%; text-align: center; }
#index #sec_1 .box1 .incnt>ul>li{ margin-left: 2%; width: 40%; padding:75px 4% 50px; position: relative; background: #fff; float: left }
#index #sec_1 .box1 .incnt>ul>li .title2{ height:64px; position: absolute; top:-20px; text-align: center; left:0; right:0; }
#index #sec_1 .box1 .incnt>ul>li .title2 img{ height:100%; }
#index #sec_1 .box1 .incnt>ul>li .txt1{ margin-bottom: 20px }
#index #sec_1 .box1 .incnt>ul>li .list1>li{ display: inline-block; text-align: center; }
#index #sec_1 .box1 .incnt>ul>li .list1>li>a{ font-weight: bold; }
#index #sec_1 .box1 .incnt>ul>li .list1>li:after{ content:" / "; font-weight: bold; }
#index #sec_1 .box1 .incnt>ul>li .list1>li.last:after{ content:" 等"; }
#index #sec_1 .box1 .incnt>ul>li .link1{ position: absolute; bottom:-35px; text-align: center; left:0; right:0; }
#index #sec_1 .box1 .incnt>ul>li .link1 a{ width: 230px }
@media screen and (max-width: 1040px) {
	#index #sec_1 .box1{ padding: 50px 0 60px; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .box1 .incnt>ul{ margin-left:0%; text-align: center; }
	#index #sec_1 .box1 .incnt>ul>li{ margin-left: 0; width: 92%; padding:65px 4% 40px; float: none; margin-bottom: 80px }
	#index #sec_1 .box1 .incnt>ul>li.last{ margin-bottom: 0 }
}
@media screen and (max-width: 639px) {
	#index #sec_1 .title1{ font-size: 14px; margin:15px 0; }
	#index #sec_1 .title1:before{ content: " "; background: #816964; width: 20px; height:1px;margin-right: 10px }
	#index #sec_1 .title1:after{ content: " "; background: #816964; width: 20px; height:1px; margin-left: 5px }
	#index #sec_1 .box1{ padding:30px 0 55px; }
	#index #sec_1 .box1 .incnt>ul>li{ padding:45px 4% 30px; margin-bottom: 65px }
	#index #sec_1 .box1 .incnt>ul>li .title2{ height: 38px; top:-10px; }
	#index #sec_1 .box1 .incnt>ul>li .txt1{ margin-bottom: 7px }
	#index #sec_1 .box1 .incnt>ul>li .link1 a{ max-width: 220px; width: 70% }
}


/* sec_2 */
#index #sec_2{ padding: 30px 0; background:#e96071; margin-bottom: 0 }
#index #sec_2 .title1{ text-align: center; margin-bottom: 10px }
#index #sec_2 .title1 img{ width: 628px }
#index #sec_2 .txt1{ color:#fff; width: 850px; margin:0 auto 20px; }
#index #sec_2 .link1{ text-align: center; }
@media screen and (max-width: 1040px) {
	#index #sec_2 .txt1{ width: 100%; }
}
@media screen and (max-width: 639px) {
	#index #sec_2 .title1 img{ max-width: 274px; width: 100% }
	#index #sec_2 .title1{ margin-bottom: 15px }
	#index #sec_2 .txt1{ margin-bottom: 15px }
	#index #sec_2{ padding:20px 0; }
}

/* sec_3 */
#index #sec_3{ position: relative; margin-bottom: 110px }
#index #sec_3 .list1{ overflow:hidden; }
#index #sec_3 .list1>ul{ margin-left: -2px; margin-top: -2px; }
#index #sec_3 .list1>ul>li{ width: 33.33%; float: left;  }
#index #sec_3 .link1{ position: absolute; bottom:-45px; left:0; right:0; text-align: center; }
#index #sec_3 .list1>ul>li>img{ border-left:2px solid #bc9440; border-top:2px solid #bc9440; }
@media screen and (max-width: 767px) {
	#index #sec_3{ margin-bottom: 60px }
	#index #sec_3 .list1>ul>li{ width: 50%; }
	#index #sec_3 .link1{ bottom:-35px; }
	#index #sec_3 .list1>ul{ margin-left: -1px; margin-top: -1px; }
	#index #sec_3 .list1>ul>li>img{ border-left:1px solid #bc9440; border-top:1px solid #bc9440; }
}

/* sec_4 */
#index #sec_4{ padding-bottom: 60px; margin-bottom: 60px; border-bottom:1px solid #e5e5e5; }
#index #sec_4 p.linktxt1_type1{ text-align: right; margin-bottom: 40px; line-height: 1; margin-top: -20px }
#index #sec_4 .incnt{ width: 805px }
#index #sec_4  dl.blist1 { overflow-y: auto; max-height: 210px; font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; }
@media screen and (max-width: 1040px) {
	#index #sec_4 .indexsectitle1{ margin-bottom: 30px }
	#index #sec_4{ padding-bottom: 20px; margin-bottom: 0; border-bottom: 0 }
	#index #sec_4  dl.blist1{ margin-bottom: 20px; max-height: 315px }
	#index #sec_4 p.linktxt1_type1{ margin-bottom: 0; margin-top:0; }
}

/* sec_5 */
#index #sec_5 { margin-bottom: 0 }
#index #sec_5 p.linktxt1_type1{ text-align: right; margin-bottom: 30px; line-height: 1; margin-top: -20px }
#index #sec_5 .incnt{ width: 1050px; }
#index #sec_5 .list1>ul{ margin-left:-3%; font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; }
#index #sec_5 .list1>ul>li{ margin-left: 3%; width: 22%; float: left }
#index #sec_5 .list1>ul>li .img1{ margin-bottom: 8px; text-align: center; }
#index #sec_5 .list1>ul>li .bloginfo{ margin-bottom: 3px }
#index #sec_5 .list1>ul>li .bloginfo .catmark{ display: inline-block; }
#index #sec_5 .list1>ul>li .bloginfo .catmark a{ display: block; margin-right:10px; font-weight: bold; font-size: 0.87em; color:#fff; background: #e96071; line-height: 1; padding:5px 10px 3px; letter-spacing: 1px; text-decoration: none }
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  #index #sec_5 .list1>ul>li .bloginfo .catmark a {
    padding:5px 10px 4px;
  }
}
#index #sec_5 .list1>ul>li .bloginfo .date{ color:#bc9440; font-weight: bold; font-size: 0.87em; display: inline-block; }
@media screen and (max-width: 1100px) {
	#index #sec_5 .incnt{ width: 100%; }
}
@media screen and (max-width: 1040px) {
	#index #sec_5 { background: #fdeff1; padding: 30px 0; }
	#index #sec_5 .indexsectitle1{ margin-bottom: 25px }
	#index #sec_5 p.linktxt1_type1{ margin-bottom: 0; margin-top:0; }
	#index #sec_5 .list1>ul>li{ width: 47%; margin-bottom: 20px }
}
@media screen and (max-width: 479px) {
	#index #sec_5 .list1>ul{ margin-left:0; }
	#index #sec_5 .list1>ul>li{ width: 100%; margin-bottom: 15px; float: none; margin-left: 0 }

}

/* sec_6 */
#index #sec_6 .cont1{ padding:50px 0 45px; background: #f8f7f6 }
#index #sec_6 .cont1 .incnt{ width: 800px }
#index #sec_6 .cont1 .sche{ margin-bottom: 20px }
#index #sec_6 .cont1 .list1{ margin-left: -15px }
#index #sec_6 .cont1 .list1>li{ display: inline-block; margin-left:15px; font-weight: bold; vertical-align: middle; }
#index #sec_6 .cont1 .list1>li .txt1{ font-weight: bold; color:#e96071; }
#index #sec_6 .cont1 .list1>li.txt2{ font-size: 1.2em; vertical-align: middle; }
#index #sec_6 .cont2{ margin-bottom: 20px }
#index #sec_6 .cont2 .incnt{ width: auto; max-width: 100% }
#index #sec_6 .cont2 .txt1{ padding:28px 0 18px; color:#816964; font-size: 1.13em; text-align: center; }
#index #sec_6 .cont2 .txt1 span{ font-weight: bold; }
#index #sec_6 .cont2 #index_map{ width: 100%; height:470px; margin-bottom: 5px }
#index #sec_6 .cont2 #index_map2 { position: relative; padding-bottom: 470px; height: 0; overflow: hidden; }
#index #sec_6 .cont2 #index_map2 iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#index #sec_6 .cont2 .link1{ text-align: right; }
#index #sec_6 .cont2 .link1 a{ font-weight: bold; }
#index #sec_6 .link2{ text-align: center; }
@media screen and (max-width: 1040px) {
	#index #sec_6{ background:#f8f7f6; padding:30px 0; margin-bottom: 0 }
	#index #sec_6 .cont1, #index #sec_6 .cont2{ padding:0; }
	#index #sec_6 .cont1{ margin-bottom: 25px }
	#index #sec_6 .cont1 .sche{ margin-bottom: 10px }
	#index #sec_6 .title1{ text-align: center; background:#e96071; color:#fff; margin-bottom: 10px; font-weight: bold; font-size: 1.2em; padding:4px 0; line-height: 1.4; letter-spacing: 1px }
	#index #sec_6 .sche thead th span{ display: none }
	#index #sec_6 .cont2 .txt1{ padding:0; color:initial; text-align: left; font-size: 1em; font-weight: normal; margin-bottom: 15px }
	#index #sec_6 .cont2 .txt1 span{ font-weight: normal; }
}
@media screen and (max-width: 639px) {
	#index #sec_6{ padding:20px 0; }
	#index #sec_6 .cont1 .sche{ margin-bottom: 5px }
	#index #sec_6 .cont1 .list1 .txt2{ padding-left: 3.3em; text-indent: -3.3em; line-height: 1.4; margin-top:5px; }
	#index #sec_6 .cont2 #index_map{ height:260px; }
	#index #sec_6 .cont2 #index_map2 { padding-bottom: 260px; }
	#index #sec_6 .cont1{ margin-bottom: 20px }
	#index #sec_6 .cont2{ margin-bottom: 15px }
	#index #sec_6 .cont2 .link1{ margin-top:5px; }
	#index #sec_6 .link2{ margin-top:0; }
}


/* ---------------------------------------
#greeting
--------------------------------------- */
/* sec_1 */
#greeting #sec_1 .cont1 .cnt_left{ width: 71% }
#greeting #sec_1 .cont1 .cnt_right{ width: 24% }
#greeting #sec_1 .cont1 .img1{ margin-bottom: 15px }
#greeting #sec_1 .cont1 .txt2{ font-weight: bold; font-size: 1.07em; text-align: center; }
@media screen and (max-width: 767px) {
#greeting #sec_1 .cont1 .cnt_left{ width: 66% }
#greeting #sec_1 .cont1 .cnt_right{ width: 29% }
}
@media screen and (max-width: 639px) {
#greeting #sec_1 .cont1 .cnt_right{ float: none; width:100%; text-align: center; margin-left: 0; }
#greeting #sec_1 .cont1 .cnt_right .img1{ text-align: center; margin-bottom: 10px }
#greeting #sec_1 .cont1 .cnt_right img{ max-width: 238px; width: 100%; }
#greeting #sec_1 .cont1 .cnt_left{ float: none; width:100%; margin-bottom:10px; }
}

#greeting #sec_1 .cont2 .cnt_left{ width: 33% }
#greeting #sec_1 .cont2 .cnt_right{ width: 65% }
#greeting #sec_1 .cont2 .cnt_right>p{ background: #f8f7f6 ;padding:35px 7% 32px; color:#735853; }
#greeting #sec_1 .cont2 .list1{ overflow:hidden; }
#greeting #sec_1 .cont2 .list1>ul{ margin-left: -15px; text-align: center; margin-bottom: -10px }
#greeting #sec_1 .cont2 .list1>ul>li{ margin-left: 15px; width:288px; display: inline-block; margin-bottom:10px; }
#greeting #sec_1 .cont2 .list1>ul>li p{ text-align: center; }
@media screen and (max-width: 1040px) {
#greeting #sec_1 .cont2 .cnt_left{ width: 40% }
#greeting #sec_1 .cont2 .cnt_right{ width: 58% }
}
@media screen and (max-width: 767px) {
#greeting #sec_1 .cont2 .cnt_left{ width: 100%; float:none; margin-bottom: 10px }
#greeting #sec_1 .cont2 .cnt_right{ width: 100%; float:none; }
#greeting #sec_1 .cont2 .cnt_right>p{ padding:20px 4% 17px; }
}

#greeting #sec_1 .box1 { margin: 30px 0; }
#greeting #sec_1 .box1 h4.insectitle2 { font-weight: bold; margin-bottom: 5px; color: #bc9440; font-size: 1.1em; }
#greeting #sec_1 .box1 dl.s1_dl1 { padding-left: 15px; border-left: 1px solid #bc9440; box-sizing: border-box; }
#greeting #sec_1 .box1 dl.s1_dl1 dt,
#greeting #sec_1 .box1 dl.s1_dl1 dd { margin-bottom: 5px; }
#greeting #sec_1 .box1 dl.s1_dl1 dt { float: left; clear: left; margin-right: 0.5em; width: 5em; }
@media screen and (max-width: 767px) {
	#greeting #sec_1 .box1 h4.insectitle2 { font-size: 1em; }
	#greeting #sec_1 .box1 dl.s1_dl1 dt,
	#greeting #sec_1 .box1 dl.s1_dl1 dd { margin-bottom: 10px; }
	#greeting #sec_1 .box1 dl.s1_dl1 dt { width: 4.5em; min-width: 80px; }
}

/* ---------------------------------------
#idea
--------------------------------------- */
/* sec_1 */
#idea #sec_1>.inwrap{ width: 805px; margin:0 auto; }
#idea #sec_1>.inwrap>.clearfix{ width: 570px; margin:0 auto 35px }
#idea #sec_1>.inwrap>.clearfix .cnt_left{ width: 154px; height: 220px; display: table;  }
#idea #sec_1>.inwrap>.clearfix .cnt_left .img1{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
#idea #sec_1>.inwrap>.clearfix .cnt_left .img1 img{ max-width: 154px; }
#idea #sec_1>.inwrap>.clearfix .cnt_right{ width: 356px; height: 220px; display: table; }
#idea #sec_1>.inwrap>.clearfix .cnt_right .img1{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
#idea #sec_1>.inwrap>.clearfix .cnt_right .img1 img{ max-width: 356px; }
#idea #sec_1 .txt1{ font-weight: bold; line-height: 2.4 }
@media screen and (max-width: 1040px) {
	#idea #sec_1>.inwrap{ width: 100% }
}
@media screen and (max-width: 767px) {
	#idea #sec_1>.inwrap>.clearfix{ margin:0 auto 20px; width: 300px }
	#idea #sec_1>.inwrap>.clearfix .cnt_left{ width: 77px; height:110px; }
	#idea #sec_1>.inwrap>.clearfix .cnt_left .img1 img{ width: 77px; }
	#idea #sec_1>.inwrap>.clearfix .cnt_right{ width: 178px; height:110px }
	#idea #sec_1>.inwrap>.clearfix .cnt_right .img1 img{ max-width: 178px; }
	#idea #sec_1 .txt1{ line-height: 2 }
}
@media screen and (max-width: 400px) {
	#idea #sec_1>.inwrap>.clearfix{ margin:0 auto 15px; width: 275px; }
	#idea #sec_1 .txt1{ line-height: 1.8; font-weight: normal; }
}

/* sec_2 */
#idea #sec_2 .list1{ margin-left: -2%; }
#idea #sec_2 .clearfix{ margin-bottom: -60px; overflow: hidden }
#idea #sec_2 .list1>li{ margin-left: 2%; width: 31.3%; float: left; margin-bottom: 60px; padding-bottom: 37px; position: relative; }
#idea #sec_2 .list1>li.right1{  margin-left: 17.7%; }
#idea #sec_2 .list1>li.left1{  margin-right: 17.7%; }
#idea #sec_2 .list1>li .box1{ margin-bottom: 15px }
#idea #sec_2 .list1>li .box1 .txt1{ margin-top:-10px; text-align: center; }
#idea #sec_2 .list1>li .box1 .txt1 .inwrap{ background: #bc9440; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 15px 6px; display: inline-block; width: 130px; text-align: center; }
#idea #sec_2 .list1>li .txt2{ margin-bottom: 10px; }
#idea #sec_2 .list1>li .link1{ position: absolute; bottom:0; left:0; right:0; margin:0 auto; }
@media screen and (max-width: 767px) {
#idea #sec_2 .list1{ margin-left: -2%;  }
#idea #sec_2 .clearfix{ margin-bottom: -30px; }
#idea #sec_2 .list1>li{ margin-left: 2%; margin-bottom: 30px; width: 48%; }
#idea #sec_2 .list1>li.right1{  margin-left: 2% }
#idea #sec_2 .list1>li.left1{  margin-right: 0 }
}
@media screen and (max-width: 639px) {
	#idea #sec_2 .list1>li{ padding-bottom: 33px }
}
@media screen and (max-width: 479px) {
#idea #sec_2 .list1{ margin-left: 0;  }
#idea #sec_2 .clearfix{ margin-bottom: -20px; }
#idea #sec_2 .list1>li{ margin-left: 0; margin-bottom: 20px; width: 100%; float: none; }
#idea #sec_2 .list1>li.right1{  margin-left: 0 }
#idea #sec_2 .list1>li{ padding-bottom: 0 }
#idea #sec_2 .list1>li .link1{ position: static; }
}



/* ---------------------------------------
#introduction
--------------------------------------- */
/* sec_1 */
#introduction #sec_1 .list1{ margin-left: -2%; }
#introduction #sec_1 .clearfix{ margin-bottom: -60px; overflow: hidden }
#introduction #sec_1 .list1>li{ margin-left: 2%; width: 31.3%; float: left; margin-bottom: 28px;}
#introduction #sec_1 .list1>li .box1{ margin-bottom: 15px }
#introduction #sec_1 .list1>li .box1 .txt1{ margin-top:-10px; text-align: center; }
#introduction #sec_1 .list1>li .box1 .txt1 .inwrap{ background: #c9a966; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 15px 6px; display: inline-block; width: 130px; text-align: center; }
@media screen and (max-width: 767px) {
#introduction #sec_1 .list1{ margin-left: -2%;  }
#introduction #sec_1 .clearfix{ margin-bottom: -30px; }
#introduction #sec_1 .list1>li{ margin-left: 2%; width: 48%; }
}
@media screen and (max-width: 479px) {
#introduction #sec_1 .list1{ margin-left: 0;  }
#introduction #sec_1 .clearfix{ margin-bottom: -20px; }
#introduction #sec_1 .list1>li{ margin-left: 0; margin-bottom: 18px; width: 100%; float: none; }
}

/* sec_2 */
#introduction #sec_2 .list1{ margin-left: -4%; }
#introduction #sec_2 .clearfix{ margin-bottom: -60px; overflow: hidden }
#introduction #sec_2 .list1>li{ margin-left: 4%; width: 29.3%; float: left; margin-bottom: 60px;}
#introduction #sec_2 .list1>li .box1{ margin-bottom: 15px }
#introduction #sec_2 .list1>li .box1 .txt1{ margin-top:-10px; text-align: center; }
#introduction #sec_2 .list1>li .box1 .txt1 .inwrap{ background: #8f7975; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 10px 6px; display: inline-block; width: 145px; text-align: center; }
/*#introduction #sec_2 .list1>li .txt2{ margin-bottom: 10px; }*/
@media screen and (max-width: 767px) {
#introduction #sec_2 .list1{ margin-left: -2%;  }
#introduction #sec_2 .clearfix{ margin-bottom: -30px; }
#introduction #sec_2 .list1>li{ margin-left: 2%; margin-bottom: 30px; width: 48%; }
}
@media screen and (max-width: 479px) {
#introduction #sec_2 .list1{ margin-left: 0;  }
#introduction #sec_2 .clearfix{ margin-bottom: -20px; }
#introduction #sec_2 .list1>li{ margin-left: 0; margin-bottom: 20px; width: 100%; float: none; }
}



/* ---------------------------------------
#first
--------------------------------------- */
/* sec_1 */
#first #sec_1 .imgrightbox{ margin-bottom:30px; }
@media screen and (max-width: 767px) {
	#first #sec_1 .imgrightbox{ margin-bottom:15px; }
}

/* sec_2 */
#first #sec_2 .imgrightbox{ margin-bottom:30px; }
@media screen and (max-width: 767px) {
	#first #sec_2 .imgrightbox{ margin-bottom:15px; }
}

/* sec_3 */
#first #sec_3 .indent>li{ margin-bottom: 5px }
#first #sec_3 .box1{ background: #f4f2f1; padding:30px 5% 22px; }
#first #sec_3 .mark1{ font-size: 0.63em; color:#ed808d; vertical-align: middle; }
@media screen and (max-width: 767px) {
	#first #sec_3 .box1{ padding:15px 4% 7px; }
}

/* sec_4 */
#first #sec_4 .switchlist1{ text-align: center; margin-left: -20px; position: relative; }
#first #sec_4 .switchlist1>li{ display: inline-block; width: 325px; margin-left:20px; margin-bottom: 10px }
#first #sec_4 .switchlist1>li .switchlink1{ display: table; width: 100%; height:70px; position: relative; }
#first #sec_4 .switchlist1>li .switchlink1>p.inwrap{ cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; width: 100%; height:100%; color:#fff; font-size: 22px; font-weight: bold; }
#first #sec_4 .switchlist1>li .switchlink1>p.inwrap .accordionswitch{ position: absolute; width: 20px; height: 20px; right: 13px; top: 0; bottom: 0; margin: auto 0; }
#first #sec_4 .switchlist1>li .switchlink1>p.inwrap .accordionswitch .line{ padding:0; }
#first #sec_4 .switchlist1>li .switchlink1>p.inwrap .accordionswitch #line1 { width: 20px;  height: 2px; background: #fff; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
#first #sec_4 .switchlist1>li .switchlink1>p.inwrap .accordionswitch #line2 { width: 2px; height: 20px; background: #fff; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
#first #sec_4 .switchlist1>li.is-open .switchlink1>p.inwrap .accordionswitch #line2{ display: none; }
#beautyswitch .switchlink1>p.inwrap{ background: #eb707f }
#insuranceswitch .switchlink1>p.inwrap{ background: #c39f53 }
#first #sec_4 .switchednavlist{ display: none; background: #fef7f8; padding-top: 1px }
#first #sec_4 .switchednavlist>.inwrap{ margin:30px 6%; width: 88%; }
#first #sec_4 .arrlist1{ margin-bottom: 40px }
#first #sec_4 .arrlist1>li{ margin-bottom: 15px }
#first #sec_4 .arrlist1>li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#first #sec_4 .arrlist1 .imgbox{ width: 280px; float: left; position: relative; margin-bottom: 15px }
#first #sec_4 .arrlist1 .imgbox:before{ content: " "; background: url(../img/common/arr5.png) no-repeat; background-size: contain; width: 40px; height:22px; display: inline-block; position: absolute; top:-11px; left:0; right:0; margin:0 auto; }
#first #sec_4 .arrlist1 .first .imgbox:before{ content: none }
#first #sec_4 .arrlist1 .txtbox{ margin-left: 280px }
#first #sec_4 .arrlist1 .txtbox .title1{ position: relative; padding-top:60px; }
#first #sec_4 .arrlist1 .txtbox .title1 .inwrap{ background: #ed808d; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 15px 6px; display: inline-block; margin-top:30px; position: absolute; top:0; left:-10px; }
#first #sec_4 .arrlist1 .txtbox .title1.odd .inwrap{ background: #8f7975 }
#first #sec_4 .arrlist1 .txtbox .txt1{ padding:15px 0 15px 40px; }
#first #sec_4 .arrlist1 .txtbox .txt1 .txt1_1{ font-size: 0.85em }
#first #sec_4 .webreservebox{ background: #fff }
#first #sec_4 .webreservebox .txtbox1 .txt1{ font-size: 0.85em }
@media screen and (max-width: 1040px) {
	#first #sec_4 .switchlist1>li{ width: 300px }
	#first #sec_4 .switchlist1>li .switchlink1{ height:60px; }
	#first #sec_4 .switchlist1>li .switchlink1>p.inwrap{ font-size: 20px }
	#first #sec_4 .switchlist1{ margin-left:0; }
	#first #sec_4 .arrlist1 .txtbox .title1{ padding-top:45px; }
	#first #sec_4 .arrlist1 .txtbox .title1 .inwrap{ margin-top:15px; }
	#first #sec_4 .arrlist1 .txtbox .txt1{ padding-left: 5% }
	#first #sec_4 .arrlist1{ margin-bottom: 30px }
}
@media screen and (max-width: 767px) {
	#first #sec_4 .switchlist1>li{ width: 260px; margin-bottom: 5px }
	#first #sec_4 .switchlist1>li .switchlink1{ height:50px; }
	#first #sec_4 .switchlist1>li .switchlink1>p.inwrap{ font-size: 18px }
	#first #sec_4 .arrlist1 .imgbox{ width: 100%; float: none; text-align: center; margin-bottom:15px; }
	#first #sec_4 .arrlist1 .imgbox img{ max-width: 280px; width: 100%; }
	#first #sec_4 .arrlist1 .txtbox{ margin-left: 0 }
	#first #sec_4 .arrlist1 .txtbox .title1{ padding-top:0; margin-bottom: 10px }
	#first #sec_4 .arrlist1 .txtbox .title1 .inwrap{ position: static; margin-top:0; }
	#first #sec_4 .arrlist1 .txtbox .txt1{ padding:0; }
	#first #sec_4 .arrlist1>li{ margin-bottom: 25px }
	#first #sec_4 .arrlist1{ margin-bottom: 20px }
	#first #sec_4 .switchednavlist>.inwrap{ margin:20px 4%; width: 92%; }
}
@media screen and (max-width: 639px) { 
	#first #sec_4 .switchlist1>li{ width: 100%; margin-left:0; text-align: center; }
	#first #sec_4 .arrlist1>li{ margin-bottom: 20px }

}
@media screen and (max-width: 479px) {
	#first #sec_4 ul.switchednavlist{ padding:20px 4% 10px; width: 88%; }
	#first #sec_4 ul.switchednavlist>li{ margin-left: 0 }
	#first #sec_4 ul.switchednavlist>li{  width: 100% }
}



/* ---------------------------------------
#information
--------------------------------------- */
/* sec_1 */
#information #sec_1 .list1{ overflow:hidden; }
#information #sec_1 .list1>ul{ margin-bottom: -60px }
#information #sec_1 .list1>ul>li{ margin-bottom: 60px }
#information #sec_1 .toptxt1{ margin-bottom:60px; }
#information #sec_1 .imgrightbox .imgbox{ float: right; width:30%; margin-left: 4%; }
#information #sec_1 .imgrightbox .txtbox{ float: left; width:66%; }
#information #sec_1 .imgrightbox .txtbox .box1{ margin-top: 15px; padding:15px 6% 20px; background: #f4f2f1 }
#information #sec_1 .imgrightbox .txtbox .box1 .title1{ font-weight: bold; font-size: 1.13em; color:#e96071; margin-bottom: 5px }
#information #sec_1 .imgrightbox .txtbox .box1 .list1>li{ display: inline-block; font-size: 0.94em }
#information #sec_1 .imgrightbox .txtbox .box1 .list1>li:after{ content: " / "; }
#information #sec_1 .imgrightbox .txtbox .box1 .list1>li.last:after{ content: "　等"; }
@media screen and (max-width: 767px) {
	#information #sec_1 .list1>ul{ margin-bottom: -40px }
	#information #sec_1 .list1>ul>li{ margin-bottom: 40px }
	#information #sec_1 .toptxt1{ margin-bottom:40px; }
	#information #sec_1 .imgrightbox .imgbox{ width:40%; }
	#information #sec_1 .imgrightbox .txtbox{ width:56%; }
}
@media screen and (max-width: 639px) { 
	#information #sec_1 .list1>ul{ margin-bottom: -20px }
	#information #sec_1 .list1>ul>li{ margin-bottom: 20px }
	#information #sec_1 .toptxt1{ margin-bottom:20px; }
	#information #sec_1 .imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-bottom:10px; margin-left: 0; }
	#information #sec_1 .imgrightbox .imgbox img{ max-width: 300px!important; width: 100%; }
	#information #sec_1 .imgrightbox .txtbox{ float: none; width:100%; }
	#information #sec_1 .imgrightbox .txtbox .box1{ margin-top: 10px; padding:15px 4% 15px; }
	#information #sec_1 .imgrightbox .txtbox .box1 .title1{ margin-bottom: 0; font-size: 1.1em }
}

/* sec_2 */
#information #sec_2 .txt1,
#information #sec_3 .txt1{ font-weight: bold; margin-bottom: 35px; text-align: center; }
#information #sec_2 .clearfix.box1,
#information #sec_3 .clearfix.box1{ overflow: hidden; margin-bottom: -35px }
#information #sec_2 .list1,
#information #sec_3 .list1{ margin-left: -2% }
#information #sec_2 .list1>li,
#information #sec_3 .list1>li{ margin-left:2%; margin-bottom: 60px; width: 31.3%; float: left }
#information #sec_2 .list1>li .mainbox,
#information #sec_3 .list1>li .mainbox{ background: #faf6f0; height:100%; }
#information #sec_2 .list1>li .inwrap,
#information #sec_3 .list1>li .inwrap{ padding:15px 10% 0; width: 80%; }
#information #sec_2 .list1>li .title1,
#information #sec_3 .list1>li .title1{ font-weight: bold; font-size: 1.25em; color:#735853; margin-bottom: 5px; text-align: center; line-height:1.5; }
#information #sec_2 .list1>li .link1,
#information #sec_3 .list1>li .link1{ margin-top:-12px; }
#information #sec_2 .list1>li .txt2,
#information #sec_3 .list1>li .txt2{ font-size: 0.94em }
@media screen and (max-width: 1040px) {
#information #sec_2 .txt1,
#information #sec_3 .txt1{ text-align: left }
}
@media screen and (max-width: 767px) {
#information #sec_2 .txt1,
#information #sec_3 .txt1{ text-align: left; margin-bottom: 25px }
#information #sec_2 .clearfix.box1,
#information #sec_3 .clearfix.box1{ margin-bottom: -25px }
#information #sec_2 .list1>li,
#information #sec_3 .list1>li{ margin-bottom: 50px; width: 48%; }
}
@media screen and (max-width: 639px) { 
#information #sec_2 .txt1,
#information #sec_3 .txt1{ margin-bottom: 15px }
#information #sec_2 .clearfix.box1,
#information #sec_3 .clearfix.box1{ margin-bottom: -15px; margin-left:0; }
#information #sec_2 .list1>li,
#information #sec_3 .list1>li{ margin-bottom: 20px; width: 100%; margin-left:0; float: none }
#information #sec_2 .list1>li .title1,
#information #sec_3 .list1>li .title1{ font-size: 1.2em; margin-bottom: 0 }
#information #sec_2 .list1>li .inwrap,
#information #sec_3 .list1>li .inwrap{ padding:15px 4% 20px; width: 92% }
}


/* ---------------------------------------
#blog
--------------------------------------- */
#blog .incnt{ max-width: 980px }
#blog #cnt_main { float: left; width: 660px; }
@media screen and (max-width: 1040px) {
	#blog #cnt_main { float: none; width: 100%; }
}


/* ---------------------------------------
#access
--------------------------------------- */
/* sec_1 */
#access #sec_1 .sche{ font-size: 15px; margin-bottom: 20px }
#access #sec_1 .list1{ margin-left: -15px; }
#access #sec_1 .box1{ max-width: 800px; margin:0 auto 50px; }
#access #sec_1 .list1>li{ display: inline-block; margin-left:15px; font-weight: bold; vertical-align: middle;  }
#access #sec_1 .list1>li .txt1{ font-weight: bold; color:#e96071; }
#access #sec_1 .list1>li.txt2{ font-size: 1.2em; vertical-align: middle; line-height: 1.5; margin-top:5px; }
#access #sec_1 .inbbnrlist1{ margin-bottom: 35px }
@media screen and (max-width: 767px) { 
	#access #sec_1 .sche{ margin-bottom: 15px }
	#access #sec_1 .box1{ margin:0 auto 40px; }
}
@media screen and (max-width: 639px) { 
	#access #sec_1 .sche{ font-size: 14px; }
	#access #sec_1 .box1{ margin:0 auto 25px; }
	#access #sec_1 .inbbnrlist1{ margin-bottom: 15px }
	#access #sec_1 .list1>li.txt2{ padding-left: 3.3em; text-indent: -3.3em; line-height: 1.4; margin-top:5px; }
}

/* sec_2 */
#access #sec_2 .cont1 .txt1{ text-align: center; margin-bottom: 15px; line-height: 1.5  }
#access #sec_2 .cont1 .txt1 span{ font-weight: bold; font-size: 1.06em; }
#access #sec_2 .cont1 .txt2{ color:#bc9440; text-align: center; margin-bottom: 25px; line-height: 1.5 }
#access #sec_2 .cont1 .txt2:before{ content:" "; background: url(../img/common/icon3.png) no-repeat; background-size: contain; width: 20px; height: 26px; display: inline-block; margin-right:10px; vertical-align: top; }
#access #sec_2 .cont1 .txt2 span{ font-weight: bold; font-size: 1.06em; }
#access #sec_2 .cont1 #index_map{ width: 100%; height:472px; }
#access #sec_2 .cont1 #index_map2 { position: relative; padding-bottom: 472px; height: 0; overflow: hidden; }
#access #sec_2 .cont1 #index_map2 iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#access #sec_2 .cont1 .link1{ margin-top:-10px; }
#access #sec_2 .cont2 .txt1{ margin-bottom: 25px }
#access #sec_2 .cont2 .inbox{ margin-bottom: 60px }
#access #sec_2 .cont2 .title1{ font-weight: bold; font-size: 1.25em; color:#e96071; margin-bottom: 10px; line-height: 1.5 }
#access #sec_2 .cont2 .box1{ margin-bottom: 20px }
#access #sec_2 .cont2 .list1_outwrap:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#access #sec_2 .cont2 .list1_outwrap>.list1{ margin-left:-2%;  }
#access #sec_2 .cont2 .list1>li{ margin-left:2%; width: 31%; float: left; margin-bottom: 45px; counter-increment: number; }
#access #sec_2 .cont2 .list1>li .imgbox1:before{ content: " "; background: url(../img/common/arr5_toright.png) no-repeat; background-size: contain; width: 22px; height:40px; display: inline-block; position: absolute; top:0; bottom:0; margin:auto 0; left:-9px; }
#access #sec_2 .cont2 .list1>li.boxnum1 .imgbox1:before{ content: none }
#access #sec_2 .cont2 .list1>li .imgbox1{ width: 100%; margin-bottom: 10px; position: relative; }
#access #sec_2 .cont2 .list1>li .imgbox1:after{ content:counter(number); background: #c9a966; color:#fff; font-weight: bold; font-size: 22px; display: inline-block; width: 40px; height: auto; position: absolute; padding:0; left:0; bottom:0; text-align: center; }
#access #sec_2 .cont2 .list1>li .txt2{ padding:0 10px; font-size:0.94em; }
@media screen and (max-width: 767px) {
	#access #sec_2 .cont1 .txt1{ padding:0; text-align: left; font-size: 1em; }
	#access #sec_2 .cont1 .txt2{ padding:0; text-align: left; font-size: 1em; background: url(../img/common/icon3.png) no-repeat left center; background-size: 20px 26px; padding:2px 0; padding-left:30px; }
	#access #sec_2 .cont1 .txt2:before{ content:none; }
	#access #sec_2 .cont2 .list1>li{ width: 48% }
	#access #sec_2 .cont2 .inbox{ margin-bottom: 40px }
	#access #sec_2 .cont2 .list1>li{ margin-bottom: 20px }
	#access #sec_2 .cont2 .list1>li .imgbox1:after{ font-size: 20px; width: 36px }
}
@media screen and (max-width: 639px) {
	#access #sec_2 .cont1 .txt1{ margin-bottom: 10px }
	#access #sec_2 .cont1 .txt2{ margin-bottom: 20px }
	#access #sec_2 .cont1 #index_map{ height:260px; }
	#access #sec_2 .cont1 #index_map2 { padding-bottom: 260px; }
	#access #sec_2 .cont2 .txt1{ margin-bottom: 15px }
	#access #sec_2 .cont2 .title1{ font-size: 1.15em; }
	#access #sec_2 .cont2 .list1_outwrap>.list1{ margin-left:0;  }
	#access #sec_2 .cont2 .inbox{ margin-bottom: 30px }
	#access #sec_2 .cont2 .list1>li .imgbox1:after{ font-size: 18px; width: 30px; line-height: 1.6; padding-top: 2px }
}
@media screen and (max-width: 479px) {
	#access #sec_2 .cont2 .list1>li{ margin-left:0; width: 100%; float: none; }
	#access #sec_2 .cont2 .list1>li .imgbox1:before{ content: " "; background: url(../img/common/arr5.png) no-repeat; background-size: contain; width: 40px; height:22px; top:-9px; bottom:auto; margin:0 auto; left:0; right:0; }

}



/* ---------------------------------------
#news
--------------------------------------- */
#news #cnt_main{ max-width: 800px; margin-left: auto; margin-right:auto; }


/* ---------------------------------------
#online
--------------------------------------- */
/* sec_1 */
#index #online #sec_1{ margin: 80px 4% 30px }
#online #sec_1>ul{ text-align: center; margin-left: -15px }
#online #sec_1>ul>li{ width: 260px; display: inline-block; margin-left:15px; margin-bottom: 20px }
#online #sec_1>ul>li a:hover{ opacity: 1 }

#online #sec_1 .box1 { display: table; width: 100%; text-align: center; box-sizing: border-box; padding: 25px 50px; margin: 0 auto; background-color: #FEF7F8; }
#online #sec_1 .box1 a { text-decoration: none; }
#online #sec_1 .box1 .left{ display: table-cell; vertical-align: middle; width: 20%; box-sizing: border-box; }
#online #sec_1 .box1 .left img { display: block; width: 70%; box-sizing: border-box; }
#online #sec_1 .box1 .right{ display: table-cell; text-align: left; vertical-align: middle; width: 80%;  box-sizing: border-box; }
#online #sec_1 .box1 .right img { display: block; width: 100%; max-width:380px; margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	#index #online #sec_1{ margin: 38px 4% 20px }
	#online #sec_1 .box1 { width: 100%; }
}
@media screen and (max-width: 767px) {
	#online #sec_1 .box1 { padding: 25px 4%; width: 92% }
	#online #sec_1 .box1 .right img { width: 90%; margin-bottom: 10px; }
}
@media screen and (max-width: 639px) {
	#online #sec_1 .box1 { padding: 20px; width: 100vw!important; margin-left: -4%; }
	#online #sec_1 .box1 .right img { width: 90%; margin: 0 auto 10px; max-width: 320px; }
	#online #sec_1 .box1 p { font-size: 15px; }
	#online #sec_1 .box1 span.txtsmall { font-size: 15px; }
	#online #sec_1 .box1 .right { width: 100%;  }
	#online #sec_1 .box1 .left { width: 0;  }
	#online #sec_1 .box1 .left img { display: none; }
}

/* sec_2 */
#online #sec_2 .clearfix{ margin-bottom: -60px; overflow: hidden }
#online #sec_2 .list1 { display:table; }
#online #sec_2 .list1>li{ margin-right: 2%; width: 32%; float: left; margin-bottom: 40px; padding: 20px 0; position: relative; background-color: #f2f2f2; box-sizing: border-box; }
#online #sec_2 .list1>li:nth-child(3),
#online #sec_2 .list1>li:nth-child(5){ margin-right: 0; }
#online #sec_2 .list1>li.right1{  margin-left: 17%; }
#online #sec_2 .list1>li.left1{ margin-right: 17%; }

#online #sec_2 .list1>li p{ text-align: center;}
#online #sec_2 .list1>li .txt1 p{ color: #735853; font-weight: bold; margin-bottom: 10px; font-size: 1.2em; }
#online #sec_2 .list1>li .txt2{ text-align: left; position: absolute; top: 53%; padding: 0 20px; }
#online #sec_2 .list1>li .img1 img{ width: 38.5px; }
#online #sec_2 .list1>li .img2 img{ width: 50%; height: auto; padding-bottom: 50%; }
@media screen and (max-width: 1040px){
	#online #sec_2 .list1>li .txt1 p{ font-size: 1em; }
	#online #sec_2 .list1>li .txt2{ font-size: 0.9em; }
	#online #sec_2 .list1>li .img2 img{ width: 40%; }
}
@media screen and (max-width: 940px){
	#online #sec_2 .list1>li{ margin-bottom: 30px; }
	#online #sec_2 .list1>li .txt1 p{ font-size: 0.9em; }
	#online #sec_2 .list1>li .txt2{ font-size: 0.85em; }
	#online #sec_2 .list1>li .img2 img{ width: 40%; padding-bottom: 70%; }
	#online #sec_2 .list1>li .txt2{ top: 45%; padding: 0 15px; }
}
@media screen and (max-width: 767px) {
	#online #sec_2 .clearfix{ margin-bottom: -30px; }
	#online #sec_2 .list1>li{ margin-right: 2%; margin-bottom: 15px; width: 48%; }
	#online #sec_2 .list1>li:nth-child(3),
	#online #sec_2 .list1>li:nth-child(5){ margin-right: 2%; }
	#online #sec_2 .list1>li:nth-child(2n){ margin-right: 0; }
	#online #sec_2 .list1>li.right1{ margin-left: 0; }
	#online #sec_2 .list1>li.left1{ margin-right: 0; }
	#online #sec_2 .list1>li .txt1 p{ font-size: 1em; }
	#online #sec_2 .list1>li .txt2{ top: 50%; padding: 0 20px; font-size: 0.9em; }
	#online #sec_2 .list1>li .img2 img{ width: 35%; padding-bottom: 50%; }
}
@media screen and (max-width: 639px) {
	#online #sec_2 { width: 100vw!important; margin-left: -4%; }
	#online #sec_2 .list1>li:nth-child(3),
	#online #sec_2 .list1>li:nth-child(5){ margin-right: 0; }
	#online #sec_2 .list1>li .txt1 p{ font-size: 1.1em; }
	#online #sec_2 .list1>li .txt2{ top: 60%; font-size: 1em; }
	#online #sec_2 .list1>li{ padding-bottom: 33px }
	#online #sec_2 .list1 { display:block; }
	#online #sec_2 .list1>li{ margin-left: 0; width: 100%; float: none; }
	#online #sec_2 .list1>li .img2 img{ width: 35%; padding-bottom: 20%; }
}
@media screen and (max-width: 479px) {
	#online #sec_2 .list1>li .img2 img{ padding-bottom: 32%; }
	#online #sec_2 .list1>li .txt2{ top: 56%; }
}
@media screen and (max-width: 330px) {
	#online #sec_2 .list1>li .img2 img{ padding-bottom: 40%; }
	#online #sec_2 .list1>li .txt2{ top: 52%; }
}

/* sec_3 */
#online #sec_3 .bggray { background-color: #f2f2f2; padding: 30px; }
#online #sec_3 .bggray p.txt_brown { color: #735853; font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
#online #sec_3 .ul_1 li,
#online #sec_3 .ul_2 li { display: inline-block; margin-bottom: 2px; text-indent: -0.8em; margin-left: 0.8em; margin-right: 1em; }
#online #sec_3 .ul_1 li:before { content: "\025cf"; font-size: 0.7em; vertical-align: middle; padding-right: 0.2em; }
#online #sec_3 .ul_2 li:before { content: "\025cf"; color: #ed808d; font-size: 0.7em; vertical-align: middle; padding-right: 0.2em; }
@media screen and (max-width: 1040px){
	#online #sec_3 .ul_1 li{ display: block; margin-right: 0; }
}
@media screen and (max-width: 850px){
	#online #sec_3 .ul_2 li{ display: block; margin-right: 0; }
}

/* sec_4 */
#online #sec_4 .list1{ }
#online #sec_4 .clearfix{ margin-bottom: -60px; overflow: hidden }
#online #sec_4 .list1>li{ float: left; margin-bottom: 60px; }
#online #sec_4 .list1 ul li{ text-indent: -1em; margin-left: 1em; }
#online #sec_4 .list1>li:nth-child(1){ width: 21%; }
#online #sec_4 .list1>li:nth-child(2){ width: 28%; margin-left: 14%; }
#online #sec_4 .list1>li:nth-child(3){ width: 24%; float: right; }
#online #sec_4 .list1>li .txt1{ display: inline-block; text-align: center; vertical-align: middle; background: #8f7975; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 20px 7px; margin-bottom: 15px; }
#online #sec_4 .list1 ul li:before { content: "\025cf"; color: #ed808d; font-size: 0.7em; vertical-align: middle; padding-right: 0.2em; }
#online #sec_4 .list1 ul li { text-indent: -0.8em; margin-left: 0.8em; }

@media screen and (max-width: 1040px) {
	#online #sec_4 .list1>li:nth-child(1){ width: 25%; height: auto!important; }
	#online #sec_4 .list1>li:nth-child(2){ width: 35%; margin-left: 5%; height: auto!important; }
	#online #sec_4 .list1>li:nth-child(3){ width: 29%; float: right; height: auto!important; }
}
@media screen and (max-width: 850px){
	#online #sec_4 .list1>li{ margin-bottom: 30px; }
	#online #sec_4 .list1>li:nth-child(1){ width: 100%; float: none; }
	#online #sec_4 .list1>li:nth-child(2){ width: 100%; float: none; margin-left: 0; }
	#online #sec_4 .list1>li:nth-child(3){ width: 100%; float: none; margin-bottom: 50px; }
}

/* sec_5 */
#online #sec_5 .txt1{ display: inline-block; text-align: center; vertical-align: middle; background: #8f7975; font-weight: bold; font-size: 1.13em; color:#fff; line-height: 1; padding:8px 20px 7px; margin-bottom: 10px; }
#online #sec_5 .ul_1 li { text-indent: -0.8em; margin-left: 0.8em; }
#online #sec_5 .ul_2 li { text-indent: -1em; margin-left: 1em; }
#online #sec_5 .ul_1 li:before { content: "\025cf"; color: #ed808d; font-size: 0.7em; vertical-align: middle; padding-right: 0.2em; }
#online #sec_5 .cnt_qr { float: left; }
#online #sec_5 .qr { padding: 5px; background-color: #e3dedd; margin-left: 10px; }
#online #sec_5 .qr img{ width: 66px; height: auto; }

#online #sec_5 .cnt_qr { float: left; }
@media screen and (max-width: 767px) {
	#online #sec_5 .cnt_left { width: 70%; }
	#online #sec_5 .cnt_qr { float: right; margin-top: 40px; }
}

/* sec_6 */
#online #sec_6 img { float: right; width: 30%; margin-top: 70px; margin-left: 3%; }
@media screen and (max-width: 767px) {
	#online #sec_6 img { float: none; width: 100%; margin: 30px auto 0; }
}
@media screen and (max-width: 479px) {
	#online #sec_6 .onlineimg { width: 100vw!important; margin-left: -4%; }
}

/* sec_7 */
#online #sec_7 .box1 { width: 100%; text-align: center; margin-bottom: 20px; }
#online #sec_7 .box1 p { display: inline-block; }
#online #sec_7 .box1 .s7_bnr1 { margin-right: 20px; height: 50px; background-color: #cfe0f3; padding: 0 20px; }
#online #sec_7 .box1 .s7_qr1 { border: solid 5px #e3dedd; box-sizing: border-box; height: 66px; }
#online #sec_7 .box2 { text-align: center; }
#online #sec_7 .box2 .tel_txt1 { font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; font-weight: bold; font-size: 0.87em; vertical-align: middle; margin-right: 10px; color: #e96071; }
#online #sec_7 .box2 .img1 { width: 22px; vertical-align: middle; margin-right: 5px; }
#online #sec_7 .box2 .img2 { width: 180px; vertical-align: middle; }
@media screen and (max-width: 479px) {
	#online #sec_7 .box1 { position: relative; width: 100vw!important;
margin-left: -4%; }
	#online #sec_7 .box1 p { display: block; }
	#online #sec_7 .box1 p.bnr { background-color: #cfe0f3; padding: 60px 0 60px 15px; }
	#online #sec_7 .box1 .s7_bnr1 { height: 50px; padding: 0; margin: 0; margin-top: -10px; }
	#online #sec_7 .box1 .s7_qr1 { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit- transform: translateY(-50%); height: 70px; }
	#online #sec_7 .box2 .tel_txt1 { display: block; margin-bottom: 10px; }
}
@media screen and (max-width: 330px) {
	#online #sec_7 .box1 p.bnr { padding: 50px 0 50px 10px; }
	#online #sec_7 .box1 .s7_bnr1 { width: 210px; height: auto; margin-top: -8px; }
}


/* ---------------------------------------
#price
--------------------------------------- */
#price #secnav ul li:first-child { margin-left: 30px; }
#price sup { font-size: 0.7rem; vertical-align: super; }
#price #sec_5 .table_type2 td { text-align: right; }
#price #sec_5 .table_type2.men .landhide { display: inline; }

@media screen and (max-width: 639px) {
	#price #secnav ul li:first-child { margin-left: 0; width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box; }
	#price #secnav>ul>li:nth-child(odd):after { display: none; }
	#price #secnav>ul>li:nth-child(even):after { content: ""; background: #d5cdcb; width: 1px; height: 24px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; display: inline-block; }
	#price .table_type2 thead { display: none; }
	#price .table_type2 tr { display: block; margin-bottom: 10px; }
	#price .table_type2 th { display: block; }
	#price .table_type2 td { display: block; width: 100%; border: none; padding-left: 50px; box-sizing: border-box; }
	#price .table_type2 td.bikou:before,
	#price .table_type2 td.price:before { content: "備考"; background-color: #e96071; color: #fff; padding: 2px 5px; margin-left: -50px; margin-right: 10px; }
	#price .table_type2 td.price:before { content: "料金"; }
	#price #sec_5 .table_type2 td { text-align: left; position: relative; }
	#price #sec_5 .table_type2 td span { width: 6rem; text-align: right; padding-left: 1.5rem; display: inline-block; }
	#price #sec_5 .table_type2 td span:before { display: inline-block; width: 3rem; text-align: left; position: absolute; left: 14%; }
	#price #sec_5 .table_type2.women td:nth-of-type(1) span:before { content: "6回"; }
	#price #sec_5 .table_type2.women td:nth-of-type(2) span:before { content: "3回"; }
	#price #sec_5 .table_type2.women td:nth-of-type(3) span:before { content: "1回"; }

	#price #sec_5 .table_type2.men tr:nth-of-type(1) td:nth-of-type(1) span:before { content: "6回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(1) td:nth-of-type(2) span:before { content: "3回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(1) td:nth-of-type(3) span:before { content: "1回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(2) td:nth-of-type(1) span:before { content: "10回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(2) td:nth-of-type(2) span:before { content: "5回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(2) td:nth-of-type(3) span:before { content: "1回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(3) td:nth-of-type(1) span:before { content: "6回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(3) td:nth-of-type(2) span:before { content: "1回"; }
	#price #sec_5 .table_type2.men tr:nth-of-type(3) td:nth-of-type(3) { display: none; }
}