@charset "UTF-8";
/* CSS Document */

/* common------------ */
.top h1{font-size:1.2em; margin-bottom:1em; color: #543d28; font-family: YuMincho, "Yu Mincho","serif";}
.eng{font-family: "Times New Roman", Times, "serif";font-style: italic;}
.min{ font-family:font-family: "YuMincho", "Yu Mincho","serif";}

.btn a{display: inline-block;min-width: 390px;color: #543d28; text-align: center; border: 1px solid #543d28;
	padding: 15px 50px;box-sizing: border-box;position: relative;letter-spacing: 0.2em;}
.btn a:after{content: "";width: 7px;height: 7px;border: 1px solid;border-color: transparent #543d28 #543d28 transparent;transform: rotate(-45deg);position: absolute;top: calc(50% - 5px);right: 15px;transition-duration: .3s;}
.btn a:hover{background: #543d28;color: #fff;}
.btn a:hover:after{border-color: transparent #fff #fff transparent;}
.sub .btn a{width: 300px;padding: 8px 30px; margin:1em 0;}
/* mv----------------- */
.top .mv{position: relative;height: 700px;overflow: hidden;}
.top div.mv2{background-size: contain;height: 900px;}
.mv{position: relative;}
.top .mv:before{content:"";width: 540px;height: 602px;background: url("../img/index/webp/mv_bg.webp")no-repeat;background-size: 100%;position: absolute;top: 0;left: 0;}
.no-webp.top .mv:before{ background: url("../img/index/mv_bg.png")no-repeat;background-size: 100%; }
.top .mv .txt{font-size: 3.69em;color: #543d28;letter-spacing: 0.05em;position: absolute;top: 50%;left: 7vw;transform: translateY(-50%);}

.mv .yoyaku{color:#543d28;font-size: 1.07em;position:fixed;top: 50%;right: 0;transform: translateY(-50%);
	writing-mode:vertical-rl;-webkit-text-orientation: upright;text-orientation: upright; z-index:10; background:#FFF;}
.mv .yoyaku a{display: block;padding: 25px 25px;letter-spacing: 0.2em;border-left: 1px solid #d9c7a3;}
.mv .yoyaku a:hover{opacity: .5;}
.mv .yoyaku img{margin-bottom: 5px; width:15px; height:15px;}
.top .mv ul.slider{height: 100%;z-index: -1;}
.top .mv ul li img{width: 100%;height: 100%;object-fit: cover;}
.top .mv .slick-slide img.sp{display: none;}

.top .mv .slick-slider .slick-track,
.top .mv .slick-slider .slick-list{height: 100%;}

.top .mv .slick-dots{position: absolute;left: 50%; bottom: 80px;transform: translateX(-50%);}
.top .mv .slick-dots li{display: inline-block;margin: 0 2.5px;}
.top .mv .slick-dots li button{background: #fff;
    border: none;padding: 0;border-radius: 0;outline: none;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
	overflow: hidden;width: 20px;height: 2.5px;text-indent: -30px;}
.top .mv .slick-dots li.slick-active button{background: #b48f47;}

/* info----------------- */
.top .info{display: flex; justify-content: center;background: url("../img/common/webp/bg.webp")repeat-y;
	background-size: 100%;}
.no-webp.top .info{ background: url("../img/common/bg.jpg")repeat-y; background-size: 100%; }

.top .info .box{flex-basis: 480px;width: 480px; flex-grow: 0;flex-shrink: 0; background: #fff;padding: 50px;margin: 0 20px;transform: translateY(-70px);position: relative;}

.top .info .hour{width: 100%;margin-bottom: 25px;}
.top .info .hour tr:first-child th{background: #f2f2f2;}
.top .info .hour tr:not(:first-child){border-bottom: 1px solid #f2f2f2;}
.top .info .hour tr th,
.top .info .hour tr td{padding: 10px 20px;text-align: center;letter-spacing: 0.1em;vertical-align: middle;}
.top .info .hour tr th:first-child,
.top .info .hour tr td:first-child{text-align: left;}
.top .info .hour tr img{vertical-align: middle;margin-right: 5px;}

.top .info .box .news{display: flex;align-items: center;margin-bottom: 30px;}
.top .info .box .news .eng{color: #543d28;font-size: 1.69em;flex-shrink: 0;margin-right: 20px;letter-spacing: 0.1em;}
.top .info .box .news .entry{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: 0em;}
.top .info .box .news .entry a{text-decoration: underline;}
.top .info .box .news .entry a:hover{text-decoration: none;}

.top .info .box .tel{color:#543d28;font-size: 2.15em;font-family: YuMincho, "Yu Mincho","serif";
	letter-spacing: 0.075em}
.top .info .box .tel img{margin-right: 10px;vertical-align: -4px;}

.top .info .box .map{margin-bottom: 20px;line-height: 0;}
.top .info .box .add,
.top .info .box .near{letter-spacing: 0.2em;}
.top .info .box .add{padding-left: 20px;text-indent: -20px;line-height: 1.76em;}
.top .info .box .add img{margin-right: 5px;vertical-align: middle;}

.top .info .box:after{content: "";width: 100%;height: 60px; background: url("../img/index/webp/shadow_min.webp")no-repeat center bottom;background-size: 100%;position: absolute;left: 0;bottom:-60px;}
.no-webp.top .info .box:after{ background: url("../img/index/shadow_min.png")no-repeat center bottom;background-size: 100%; }

/* prevention----------------- */
.top .prevention {padding: 175px 0;position: relative;z-index: 0;}
.top .prevention article{background: #fff;border: 7px solid #b48f47;padding: 50px 0;position: relative;}
.top .prevention h2{text-align: center;color: #b48f47;font-weight: normal;font-size: 2.46em;letter-spacing: 0.2em;margin-bottom: 40px;}
.top .prevention article p{text-align: center;font-size: 1.07em; letter-spacing: 0.2em;line-height: 2.14;}
.top .prevention article p:not(:last-child){margin-bottom: 1em;}
.top .prevention  article:after{content: "";width: 100%; height: 75px;
	background: url("../img/common/webp/shadow.webp")no-repeat center bottom;background-size: 100%;
	position: absolute;left: 0;bottom: -75px;}
.no-webp.top .prevention  article:after{ background: url("../img/common/shadow.png")no-repeat center bottom;background-size: 100%; }

.top .prevention .btn{margin-top: 45px;}
.top .prevention:before{content: "";width: 100%;height: 300px;background: url("../img/index/webp/prevention.webp")no-repeat;background-size: 100%;background-attachment: fixed;position: absolute;top: 0;left: 0;z-index: -1;}
.no-webp.top .prevention:before{ background: url("../img/index/prevention.jpg")no-repeat;background-size: 100%;background-attachment: fixed; }

/* greeting----------------- */
.top .greeting{background: url("../img/index/webp/greeting.webp")no-repeat;background-size: inherit;color: #fff;
	padding: 90px 0 75px;}
.no-webp.top .greeting{ background: url("../img/index/greeting.jpg")no-repeat;background-size: inherit; }
.top .greeting h2{font-weight: normal;font-size: 1.23em;letter-spacing: 0.12em;margin-bottom: 30px;}
.top .greeting h2 span{display: block;font-size: 2.75em;margin-bottom: 15px;letter-spacing: 0.1em;}
.top .greeting h2:after{content: "";display: block;width: 40px;height: 1px;background: #fff;margin-top: 30px;}
.top .greeting div{width: 526px;text-align: justify;font-size: 1.07em;letter-spacing: 0.12em;line-height: 2;}
.top .greeting div p{margin-bottom: 1em;}

/* feature----------------- */
.top .bg{background: url("../img/common/webp/bg.webp")repeat-y;background-size: 100%; padding: 0 0 95px;}
.no-webp.top .bg{ background: url("../img/common/bg.jpg")repeat-y;background-size: 100%; }

.top .feature{background: #fff;padding: 50px;transform: translateY(-120px);position: relative;margin-bottom: -50px;}
.top .feature:after{content: "";width: 100%; height: 75px;
	background: url("../img/common/webp/shadow.webp")no-repeat center bottom;background-size: 100%;
	position: absolute;left: 0;bottom: -75px;}
.no-webp.top .feature:after{ background: url("../img/common/shadow.png")no-repeat center bottom;background-size: 100%; }
.top .feature h2{text-align: center;color: #543d28;font-weight: normal;font-size: 1.23em;
	letter-spacing: 0.12em;margin-bottom: 20px;}
.top .feature h2 span{font-size: 2.5em;letter-spacing: 0.1em;margin-right: 20px;}
.top .feature .btn{text-align: center;}
.top .feature .in{display: flex;justify-content: space-between;margin-bottom: 30px; width: 100%;}
.top .feature .in .box{flex-basis: calc(100%/3 - 80px/3);}
.top .feature .in .box p{margin-bottom: 10px;line-height: 1;}
.top .feature h3{text-align: center;color: #b48f47;font-size: 1.38em;letter-spacing: 0.2em;}
.top .feature h3.special{font-size: 1em;}

/* staff----------------- */
.top .staff{position: relative;padding: 95px 0;}
.top .staff:before{content: "";width: 518px;height: 560px;background: url("../img/common/webp/bg_ill.webp")no-repeat;background-size: 100%;position: absolute;top: -80px;right: 0;}
.no-webp.top .staff:before{ background: url("../img/common/bg_ill.png")no-repeat;background-size: 100%; }
.top .staff h2{text-align: center;color: #543d28;font-weight: normal;font-size: 1.23em;margin-bottom: 30px;}
.top .staff h2 span{display: block;font-size: 2.5em;letter-spacing: 0.1em;margin-bottom: 10px;}
.top .staff h2:after{content: "";display: block;width: 40px;height: 1px;background: #543d28;margin: 30px auto 0;}
.top .staff .in{position: relative;z-index: 0;}
.top .staff .box{width: 48vw;background: #fff;margin-left: auto;padding: 50px;
	position: absolute;right: 0;bottom: 50%;;transform: translateY(50%);z-index: 1;}
.top .staff .box:after{content: "";width: 100%;height: 75px;
	background: url("../img/index/webp/shadow_min.webp")no-repeat center bottom;background-size: 100%;
	position: absolute;left: 0;bottom: -75px;}
.no-webp.top .staff .box:after{ background: url("../img/index/shadow_min.png")no-repeat center bottom;background-size: 100%; }

.top .staff .photo{width: 75vw;}
.top .staff .photo img{ width: 100%; }

.top .staff h3{color: #543d28;font-size: 1.53em;line-height: 1.6;letter-spacing: 0.2em;
	font-weight: normal;margin-bottom: 30px;}
.top .staff h3 span{display: block;font-size: 0.7em;letter-spacing: 0.2em;}
.top .staff h4{width: 140px;text-align: center;display: table;color: #fff;background: #b48f47;padding: 2px 10px;font-size: 0.92em;letter-spacing: 0.2em;margin-bottom: 15px;}

.top .staff table{margin-bottom: 30px;line-height: 2;letter-spacing: 0.2em;}
.top .staff table td{padding-left: 15px;}
.top .staff ul{margin-bottom: 30px;line-height: 2;letter-spacing: 0.2em;}

/* treatment----------------- */
.top .treatment{padding: 95px 0;}
.top .treatment h2{text-align: center;color: #543d28;font-weight: normal;font-size: 1.23em;margin-bottom: 30px;}
.top .treatment h2 span{display: block;font-size: 2.5em;letter-spacing: 0.1em;margin-bottom: 10px;}
.top .treatment h2:after{content: "";display: block;width: 40px;height: 1px;background: #543d28;margin: 30px auto 0;}

.top .treatment .wrap{width: 1000px;margin: auto;display: flex;margin-bottom: 60px;}
.top .treatment .wrap .box{flex-basis: calc(100%/3);height: calc(1000px/3); color: #fff;background: #ccc;position: relative;}

.top .treatment .wrap .box:nth-child(1){background: url("../img/index/webp/treatment_bg01_on.webp")no-repeat;
	background-size: cover;}
.no-webp.top .treatment .wrap .box:nth-child(1){background: url("../img/index/treatment_bg01_on.jpg")no-repeat; background-size: cover;}
.top .treatment .wrap .box:nth-child(2){background: url("../img/index/webp/treatment_bg02_on.webp")no-repeat;
	background-size: cover;}
.no-webp.top .treatment .wrap .box:nth-child(2){background: url("../img/index/treatment_bg02_on.jpg")no-repeat; background-size: cover;}
.top .treatment .wrap .box:nth-child(3){background: url("../img/index/webp/treatment_bg03_on.webp")no-repeat;
	background-size: cover;}
.no-webp.top .treatment .wrap .box:nth-child(3){background: url("../img/index/treatment_bg03_on.jpg")no-repeat; background-size: cover;}

.top .treatment .wrap h3{flex-basis: 100%;text-align: center;font-weight: 500;font-size: 1.92em;letter-spacing: 0.2em;}
.top .treatment .wrap .ico{flex-basis: 100%;text-align: center;margin-bottom: 10px;transition-duration: .3s;}
.top .treatment .wrap .txt{flex-basis: 100%;letter-spacing: 0.2em;line-height: 2;max-height: 0px;
	overflow: hidden;visibility: hidden;border-top: 1px solid rgba(255,255,255,0);padding-top: 20px;transition-duration: .5s;}

.top .treatment .wrap a{height: 100%;position: relative; padding: 50px;display: flex;flex-wrap: wrap; align-content: center;box-sizing: border-box;z-index: 0;}
.top .treatment .wrap a:before{content: "";width: calc(100% - 24px);height: calc(100% - 24px);border: 1px solid #fff;position: absolute;top: 12px;left: 12px;}

.top .treatment .wrap .box a:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .3s;}
.top .treatment .wrap .box:nth-child(1) a:after{background: url("../img/index/webp/treatment_bg01.webp")no-repeat;background-size: 100%;}
.no-webp.top .treatment .wrap .box:nth-child(1) a:after{background: url("../img/index/treatment_bg01.jpg")no-repeat;background-size: 100%;}
.top .treatment .wrap .box:nth-child(2) a:after{background: url("../img/index/webp/treatment_bg02.webp")no-repeat;background-size: 100%;}
.no-webp.top .treatment .wrap .box:nth-child(2) a:after{background: url("../img/index/treatment_bg02.jpg")no-repeat;background-size: 100%;}
.top .treatment .wrap .box:nth-child(3) a:after{background: url("../img/index/webp/treatment_bg03.webp")no-repeat;background-size: 100%;}
.no-webp.top .treatment .wrap .box:nth-child(3) a:after{background: url("../img/index/treatment_bg03.jpg")no-repeat;background-size: 100%;}

.top .treatment .wrap a:hover h3{margin-bottom: 20px;}
.top .treatment .wrap a:hover .txt{max-height: 100%;visibility: visible;border-color: #fff;}
.top .treatment .wrap a:hover .ico{max-height: 0px;opacity: 0;}
.top .treatment .wrap a:hover:after{opacity: 0;}

.top .treatment ul{width: 640px;display: flex;justify-content: center;flex-wrap: wrap; margin:0 auto 20px;}
/*.top .treatment ul li{flex-basis: 25%;text-align: center;margin-bottom: 40px;}*/

.top .treatment ul li{flex-basis: 20.00%;text-align: center;margin-bottom: 40px;}
.top .treatment ul li h3{font-size: 0.92em;letter-spacing: 0.1em;}
.top .treatment ul li a img{transition-duration: .5s;}
.top .treatment ul li a:hover img{transform: rotateY(360deg);}

.top .treatment .btn{text-align: center;}

/* flow----------------- */
.top .flow {padding: 270px 0 100px;background: url("../img/common/webp/bg.webp")repeat-y;background-size: 100%; position: relative;z-index: 0;}
.no-webp.top .flow{ background: url("../img/common/bg.jpg")repeat-y;background-size: 100%; }
.top .flow article{background: #fff;padding: 50px;position: relative;}
.top .flow article:after{content: "";width: 100%; height: 75px;
	background: url("../img/common/webp/shadow.webp")no-repeat center bottom;background-size: 100%;
	position: absolute;left: 0;bottom: -75px;}
.no-webp.top .flow article:after{ background: url("../img/common/shadow.png")no-repeat center bottom;background-size: 100%; }
.top .flow h2{text-align: center;color: #543d28;font-weight: normal;font-size: 1.23em;
	letter-spacing: 0.12em;margin-bottom: 10px;}
.top .flow h2 span{font-size: 2.5em;letter-spacing: 0.1em;margin-right: 20px;}

.top .flow:before{content: "";width: 100%;height: 380px;background: url("../img/index/webp/flow_bg.webp")no-repeat;background-size: 100%;background-attachment: fixed;position: absolute;top: 0;left: 0;z-index: -1;}
.no-webp.top .flow:before{ background: url("../img/index/flow_bg.jpg")no-repeat;background-size: 100%;background-attachment: fixed; }
.top .flow .box{width: 240px;position: relative;margin: 30px 20px 0;}
.top .flow .box h3{color: #b48f47;text-align: center;font-weight: normal; font-size: 1.38em;letter-spacing: 0.2em;margin-bottom: 15px;}
.top .flow .box .photo{margin-bottom: 20px;line-height: 0;}
.top .flow .box .txt{text-align: justify; font-size: 1.07em; letter-spacing: 0.12em;line-height: 2;}
.top .flow .box .num{display: flex;justify-content: center;align-items: center;
	width: 50px;height: 50px;color: #fff; background: #b48f47;font-family: "Times New Roman", Times, "serif";font-style: italic;font-size: 3.07em;border-radius: 100px;position: absolute;top: -25px;left: calc(50% - 25px);}
.top .flow .btn{text-align: center; margin-top: 45px;}

.top .flow .slide-arrow{position: absolute; background: none;border: none;padding: 0;
	border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;z-index: 2;}
.top .flow .slide-arrow.prev{top: 100px;left: -25px;}
.top .flow .slide-arrow.next{top: 100px;right: -25px;}
.top .flow .slide-arrow.prev:before{content: "";display: block;width: 11.5px;height: 21px; background: url("../img/index/arrow_prev.png")no-repeat center;background-size: 100%;}
.top .flow .slide-arrow.next:before{content: "";display: block;width: 11.5px;height: 21px; background: url("../img/index/arrow_next.png")no-repeat center;background-size: 100%;}


/* equipment----------------- */
.top .equipment{padding: 85px 0;position: relative;z-index: 0;}
.top .equipment:before{content: "";width: 492.5px;height: 578.5px; background: url("../img/index/webp/bg_ill1.webp")no-repeat;background-size: 100%;position: absolute; top: 0;right: 0;z-index: -1;}
.no-webp.top .equipment:before{ background: url("../img/index/bg_ill1.png")no-repeat;background-size: 100%; }
.top .equipment:after{content: "";width: 492.5px;height: 578.5px; background: url("../img/index/webp/bg_ill2.webp")no-repeat;background-size: 100%;position: absolute; left: 0;bottom: 0;z-index: -1;}
.no-webp.top .equipment:after{ background: url("../img/index/bg_ill2.png")no-repeat;background-size: 100%; }

.top .equipment h2{text-align: center;color: #543d28;font-weight: normal;font-size: 1.23em;margin-bottom: 30px;}
.top .equipment h2 span{display: block;font-size: 2.5em;letter-spacing: 0.1em;margin-bottom: 10px;}
.top .equipment h2:after{content: "";display: block;width: 40px;height: 1px;background: #543d28;margin: 30px auto 0;}

.top .equipment .txt{text-align: center;margin-bottom: 70px;}
.top .equipment .txt .tit{font-size: 1.23em;color: #b48f47;letter-spacing: 0.2em;margin-bottom: 30px;}
.top .equipment .txt p:not([class]){font-size: 1.07em;letter-spacing: 0.2em;line-height: 2;margin-bottom: 1em;}
.top .equipment .measures{width: calc(100% - 150px);background: url("../img/index/webp/equipment_bg.webp");
	background-size: cover;padding: 70px;margin: auto;}
.no-webp.top .equipment .measures{ background: url("../img/index/equipment_bg.jpg"); background-size: cover; }

.top .equipment .measures{margin-bottom: 80px;}
.top .equipment .measures article{display: flex;justify-content: space-between;flex-wrap: wrap;}
.top .equipment .measures .box{flex-basis: calc(50% - 20px);background: #fff;padding: 25px 40px;}
.top .equipment .measures .box:nth-child(1),
.top .equipment .measures .box:nth-child(2){margin-bottom: 40px;}
.top .equipment .measures .box h3{text-align: center;color: #b48f47;font-weight: normal;font-size: 1.38em;letter-spacing: 0.12em;border-bottom: 1px solid;margin-bottom: 10px;}
.top .equipment .measures .box h3 span{font-size: 2em;margin-left: 2px;}
.top .equipment .measures .box p{text-align: center;line-height: 2;font-feature-settings : "palt";}
.top .equipment .measures .box:nth-child(1) p{letter-spacing: 0.2em;}
.top .equipment .measures .box:nth-child(2) p{letter-spacing: 0.1em;}
.top .equipment .measures .box:nth-child(3) p{letter-spacing: 0.15em;}
.top .equipment .measures .box:nth-child(4) p{letter-spacing: 0.2em;}

.top .equipment .facility{display: flex;flex-wrap: wrap; justify-content: space-between; padding: 0 50px;}
.top .equipment .facility .box{flex-basis: calc(50% - 20px);margin-bottom: 40px;position: relative;}
.top .equipment .facility .box a div{width: 100%;background: rgba(255,255,255,.8);position: absolute;left: 0;bottom: 0;padding: 0 30px;}
.top .equipment .facility .box h3{text-align: center;font-size: 1.23em;padding: 20px 0;letter-spacing: 0.2em;position: relative;}
.top .equipment .facility .box h3:after{content: "";width: 7px;height: 7px;border: 1px solid;border-color: #4d4d4d #4d4d4d transparent transparent;transform: rotate(45deg); position: absolute;top: 25px;right: 0px;}
.top .equipment .facility .box div p{text-align: justify; font-size: 1.07em; letter-spacing: 0.12em;line-height: 2;border-top: 1px solid rgba(255,255,255,0);transition-duration: .3s;overflow: hidden; max-height: 0px;box-sizing: border-box;visibility: hidden;}

.top .equipment .facility .box a:hover div p{border-color: #4d4d4d;padding: 20px 0 30px;max-height: 300px;visibility: visible;}
.top .equipment .btn{text-align: center;}

.top .clinic_img{display: flex;}
.top .clinic_img li img{width: 100%;height: 100%;object-fit: cover;}
.treatment_css .treatment{padding: 3em 0;}
.sub .treatment_css h3:not(:first-child){margin-top:0; border:none; margin-bottom:0; padding-bottom:0;}

.hp_clinic{
	width:800px;
	margin:3em auto 6em;
	text-align:center;
	box-sizing:border-box;
}
.hp_clinic img.b{border:#ccc 2px solid; height:60px; margin-right:2em; margin-top:2em; padding:3px 5px; box-sizing:border-box;}
.hp_clinic a img:hover{opacity:0.7;}

/*20201222*/
.notice_closed h2 {
    text-align: center;
    color: #b48f47;
    font-weight: bold;
    font-size: 2.46em;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
    text-align: center;
}

.bnr > a:hover{  opacity: 0.6;
}

/*20210301*/

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.4s;
    width: 50%;
	display: block;
	margin: 0 auto;
}

.active, .accordion:hover {
  background-color: #FFF;
}

.panel {
  padding: 13.91px 0 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background: transparent;
}

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}


/*アコーディオンタイトル*/
.accordion_title {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.4s;
    width: 40%;
    margin: 0 70px;
    margin-bottom: 1em;
    
}

/*アコーディオンで現れるエリア*/
.accordion_box {
    display: none;
    margin-left: -10px;
    margin-bottom: 1em;
}

@media screen  and (max-width:768px){
    
    .accordion_title{width:100%; margin: 20px 0;}
	
}

/*続きを読む*/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 200px;
	cursor: pointer;
	text-align: center;
	background: linear-gradient(to bottom, rgba(70, 61, 61, 0) 0%, rgba(70, 61, 61, 0.85) 90%);
}
.cp_box input:checked + label {
	background: inherit;
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きを読む';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	background-color: #eee;
    color: #543d28;
    text-align: center;
    border: 1px solid #543d28;
    
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 250px;
	transition: all 0.5s;
}
.cp_box input:checked + label {
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139''閉じる';
    font-weight: 400;
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/*** animation ***/

*[data-aos^=fade]{ opacity: 0; transition: 1s; transform: translateY(-10px); }
*[data-aos^=fade].fadeactive{ opacity: 1; transform: translateY(0); }



.top .feature .in .box p.sub-text {
    color: #4d4d4d;
    margin-top: 20px;
    text-align: justify;
    font-size: .9em;
    line-height: 2;
}

.top .staff .photo2{
    width: 55vw;
}

.top .staff .photo2 img{
	width: 70%;
}