@charset "UTF-8";
/*
    Template: swell
    Theme Name: gotemba-toseki
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@import url("./css/page.css");

/*-------------------------------------------------------------------*/


@media screen and (min-width:1024px){
	.pc{} 
	.smp{display: none!important;} 
	.tablet{display: none!important;}
}
@media screen and (min-width:641px) and (max-width:1024px){
	.tablet{} 
	.pc{display: none!important;} 
	.smp{display: none!important;}
	
	.sp_{display: none;}
}
    
@media screen and (max-width:641px){
	.smp{} 
	.pc{display: none!important;}
	.tablet{display: none!important;} 
}    




*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.cf:before,.cf:after{content:"";display:block;overflow:hidden;}
.cf:after{clear:both;}
.cf{zoom:1;}

/*a{display: block;}*/

.wrap{
	max-width: 1100px;
	margin: 0 auto;
}
.displaynone{display:none;}


/*	header
-----------------------------------------*/
.l-header__bar{display: none;}

.-parallel .l-header__inner {max-width: 1100px; display: block;}
.-parallel .l-header__logo {
	text-align: left; 
	float: left;
	width: 50%;
	padding: 25px 0 16px;
}
.header__contact{
	float: right;
}
.header__contact .h_tel{
	display: block;
	color: #00A37F;
	font-size: clamp(20px,2.0vw,30px);
	font-weight: 600;
}
.header__contact .h_tel i{margin-right: 5px;}

.header__contact .h_contact{
	background: #007259;
	color: #fff;	
	font-size: clamp(16px,1.6vw,18px);
	font-weight: 600;
	text-align: center;
	border-radius: 50px;
	padding: 6px 0;
	width: 230px;
  	display: block;
}
.header__contact .h_contact i{margin-right: 10px;}

.-parallel .l-header__gnav .c-gnav {justify-content: space-around;}

 .-parallel .l-header__gnav {
    margin: 15px 0 20px;
  }
.c-gnav{
	background: #fff;
	border-radius: 50px;
	padding: 0;
}
.c-gnav > .menu-item{
	border-right: 2px solid #EAF8F5;
	width: 100%;
}
.c-gnav > .menu-item:first-child{
    display: none;
}
.c-gnav > .menu-item:last-child{
	border: none;
}
.c-gnav > .menu-item > a::after {
  	position: absolute;
	left: auto;
	right: 28px!important;
    
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #00A37F;
    border-bottom: 2px solid #00A37F;
    background: none;
	
}
.c-gnav > li:hover > a::after, .c-gnav > .-current > a::after {
  	transform: none!important;
}
.c-gnav > .menu-item > a .ttl {
    font-size: 16px;
}


.l-fixHeader__gnav .c-gnav{
	background: none;
}
.l-fixHeader__gnav .c-gnav > .menu-item > a::after{
	display: none;
}
.l-fixHeader__gnav .c-gnav > .menu-item > a .ttl {
  	font-size: 14px;
}

.p-mainVisual__imgLayer video, .c-filterLayer::after{border-radius: 10px!important;}
.c-filterLayer.-texture-dot::after, .p-mainVisual .c-filterLayer::before{border-radius: 10px!important;}

@media screen and (min-width:641px) and (max-width:1024px){
	.header__contact {display: none;}
	.-parallel .l-header__logo {padding: 7px 0 7px 20px; }
	.c-headLogo {height: 55px;  }
	.l-header__menuBtn{position: absolute; right: 9px; top: 10px; display: block;}
	.c-iconBtn__icon {font-size: 30px;}
	
	.smp-contact .h_contact {
        background: #007259;
        color: #fff;
        font-weight: 600;
        text-align: center;
        border-radius: 50px;
        padding: 10px 0;
		width: 50%;
    	margin: 0 auto;
		display: block;
	}
	.smp-contact .h_contact i {
    	margin-right: 10px;
	}
}

@media screen and (max-width:641px){
	
	.header__contact {display: none;}
	.-parallel .l-header__inner {max-width: initial; display: flex; justify-content: left;}
	.-parallel .l-header__logo {padding: 7px 0 7px 10px; width: 100%; }
	.l-header__menuBtn{position: absolute; right: 4px;}
	
	.smp-contact .h_contact {
        background: #007259;
        color: #fff;
        font-weight: 600;
        text-align: center;
        border-radius: 50px;
        padding: 12px 0;
		display: block;
	}
	.smp-contact .h_contact i {
    	margin-right: 10px;
	}
	
}

/*	mainimg
-----------------------------------------*/
#main_visual{
	max-width: 1100px;
	margin: 0 auto;
}
#main_visual .p-mainVisual__img{
	border-radius: 50px;
}

@media screen and (min-width:641px) and (max-width:1024px){
	#main_visual {
  		max-width: 100%;
  		margin: 0 auto;
  		padding: 0 3%;
	}
	
}
@media screen and (max-width:641px){
	#main_visual {
  		max-width: 100%;
  		margin: 0 auto;
  		padding: 0 3%;
	}
	
}


/*	footer
-----------------------------------------*/
.copyright{display: none;}

.f-area{
	padding-top: 60px;
	background-image: url("img/bg-footer.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	height: 400px;
	position: relative;
}
.f-area a{display: block;}
.f-area .left{
	float: left;
	width: 30%;
}
.f-area .right{
	float: right;
	width: 67%;
}
.f-area .right .group{
	display: inline-block;
	width: 200px;
  	vertical-align: top;
	margin-right: 70px;
	padding-top: 20px; 
}
.f-area .right ul{
	display: inline-block;
	width: 460px;
}
.f-area .right ul li{
	border: 1px solid #00A37F;
	background: #fff;
	box-shadow: 0px 3px 6px -5px #000000;
	display: inline-block;
  	width: 48%;
  	font-size: 12px;
  	font-weight: 500;
  	padding: 5px 10px;
	margin: 0 2% 2% 0;
}
.f-area .right ul li:nth-child(2n){
	margin-right: 0;
}
.f-area .right .fc_green{
	color: #00A37F;
	font-size: 16px;
	font-weight: 600;
}
.f-area .policy{
	position: absolute;
	bottom: 17px;
	font-size: 15px;
	font-weight: 600;
}
.f-area .policy i{
	color: #00A37F;
	margin-right: 5px;
}

.copy{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 14px;
	color: #fff;
	background: #00A37F;
	text-align: center;
	padding: 15px 0;
}

@media screen and (min-width:641px) and (max-width:1024px){
.f-area{padding: 60px 3% 0; height: 330px}
	
	.f-area .left {width: 35%;}
	.f-area .right {width: 63%;}
	.f-area .right .group{
		width: 100%; 
		margin-bottom: 10px; 
		margin-right: 0; 
		padding-top: 0;
		display: block;
	}

}

@media screen and (max-width:641px){
	
	.f-area {
  		padding-top: 0;
    	height: auto;
		padding-bottom: 67px;
	}
	.f-area .left {float: none; width: 100%; text-align: center;}
	.f-area .left img{width: 80%; margin: 0 auto;}
	.f-area .right {float: none; width: 100%; padding: 0 2%;}
	.f-area .right .group {
  		display: block;
  		width: 100%;
  		margin-right: 0;
		line-height: 2.5em;
		text-align: center;
	}
	.f-area .right ul {display: block; width: 80%; margin: 0 auto;}
	.f-area .right ul li{display: block; width: 100%;}
	
	.f-area .policy {font-size: 13px; left: 10px;}
	.copy{font-size: 11px;}
}


#fix_bottom_menu .menu_list{background: #EAF8F5;}
#fix_bottom_menu .menu-item i{display: none;}
#fix_bottom_menu span{font-size: 30px; font-weight: 600; margin-top: 0;}
#fix_bottom_menu span::before{
	content: url(img/icon-phone.png);
    display: inline-block;
    margin-right: 7px;
}

/*	TOP
-----------------------------------------*/
.top #content {padding-top: 0;}
.top .l-content {margin: -2px auto 6em;}

h2.top-h2{
	font-size: clamp(25px,2.5vw,30px);
	font-weight: 600;
	margin: 0.8em 0 1em;
	letter-spacing: 0.2rem !important;
}
.top-subttl{
	 font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size: clamp(23px,2.3vw,28px);
	margin-bottom: 0.8em;
}
.wp-block-image{margin-bottom: 0;}

.about-area{padding-top: 0 !important;}

.icon-hospital img{margin-top: -13px;}

.eng-ttl01{
	font-size: 20px;
	font-weight: 600;
	margin: 15px 0 0;
}
h2.top-ttl01{
	font-size: clamp(30px,3.0vw,40px);
	font-weight: 600;
	margin: 0 0 1.5em;
	line-height: 1.0em;
	letter-spacing: 0.2em !important;
}

.about-block .c-name{
	line-height: 0.7em;
	font-size: 24px;
	font-weight: 600;
}
.about-block .sml-name{font-size: 16px;}
.about-block .add{margin: 20px 0 40px;}
.about-block .greet{line-height: 2.0em;}

.about-block .detail-table{
	border: 1px solid #00A37F;
	border-radius: 30px;
	padding: 15px 25px;
	margin-top: 35px;
}

.about-block .detail-table tr{
	border-bottom: 1px dashed #00A37F;
}
.about-block .detail-table th, .about-block .detail-table td{
	border:none;
	padding: 10px 20px;
}
.about-block .detail-table th{
	background-color: #fff;
	color: #00A37F;
	font-weight: 500;
	width: 150px!important;
}
.about-block .detail-table tr:last-child{
	border-bottom: none;
}


.photo-area .swell-block-fullWide__inner{
	margin-left: 0;
  	margin-right: 0;
	padding: 0;
}
.photo-area .wp-block-columns {
  --wp-column-gap: 0;
}
.photo-area .l-article {
  	max-width: initial;
}


.ttl-group h2.top-ttl02{
	display: inline-block;
	font-size: clamp(25px,2.5vw,30px);
	font-weight: 600;
	padding-right: 12px;
	margin: 4em 0 10px;
}
.ttl-group .eng-ttl02{
	display: inline-block;
	font-weight: 600;
}

.time__table{
	border: 1px solid #00A37F;
	border-radius: 20px;
}
.time__table th, .time__table td{
	border-width: none!important;
    border-style: none!important;
    border-color: none!important;
}
.time__table th{border-bottom: 1px solid #00A37F!important; border-right: 1px solid #00A37F!important;}
.time__table td{border-right: 1px solid #00A37F!important;}

.time__table th:first-child{border-top-left-radius: 20px; }
.time__table th:last-child{border-top-right-radius: 20px; border-right: none!important;}
.time__table td:first-child{border-bottom-left-radius: 20px;}
.time__table td:last-child{border-right: none!important;}


.time__news iframe{
	border-radius: 20px;
}

.time__news .news{
	position: relative;
	padding-left: 30px;
}
.time__news .news-btn{
	position: absolute;
	top: 16px;
	right: 0;
}
.time__news .news-btn a{
	display: inline-block;
	font-weight: 600;
}
.time__news .news-btn .swl-inline-icon {
  	width: 25px;
  	color: #00A37F;
}
.p-postList__meta ::before{
	display: none;
}
.c-postTimes{
	color: #00A37F;
}
.p-postList.-type-simple {
  	border-top: 1px dashed #00A37F;
}
.-type-simple .p-postList__link {
  	border-bottom: 1px dashed #00A37F;
}
.p-postList__title{
	font-weight: 500 !important;
}

.icon-doctor{
	margin-top: -48px;
  	z-index: 1;
  	position: relative;
}

.yoyaku a{
	width: 400px;
	padding: 5px 10px;
}

h2.nagare-ttl{
	font-size: clamp(28px,2.8vw,34px);
	font-weight: 600;
	margin: 0 0 1.5em;
	letter-spacing: 0.2em !important;
}

ul.flow{
	padding: 0;
	list-style: none;
	display: flex;
}
ul.flow li{
	border-radius: 25px;
	border: 2px solid #00A37F;
	position: relative;
	margin-right: 20px;
	width: 16.666%;
	text-align: center;
	background: #fff;
}
ul.flow li::after{
	content: '▶';
	position: absolute;
  	right: -21px;
  	top: 66px;
	color: #00A37F;
}
ul.flow li:last-child::after{
	display: none;
}
ul.flow li .step{
	color: #fff;
	background: #00A37F;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	font-size: 20px;
  	font-weight: 600;
  	padding: 7px 0;
}
ul.flow li .ttl{
	color: #00A37F;
	background: #fff;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	font-size: 24px;
  	font-weight: 600;
	padding: 19px 10px;
  	line-height: 1.3em;
}
ul.flow li .subtxt{
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #00A37F;
	border-radius: 50px;
	padding: 2px 14px;
}
ul.flow li .dot{display: none;}

.rinji-toseki{
	border: 3px solid #00A37F;
	border-radius: 40px;
	background: #fff;
	padding: 20px 40px;
	position: relative;
	margin-bottom: 7em;
}
.rinji-toseki .ttl{
	font-size: 22px;
	padding-top: 10px;
}
.mochimono{
	border: 1px solid #00A37F;
	border-radius: 20px;
	margin: 27px 0 16px;
}
.mochimono .wp-block-column:first-child{
	background: #00A37F;
	color: #fff;
	text-align: center;
	border-top-left-radius: 18px!important;
	border-bottom-left-radius: 18px!important;
	padding: 5% 0;
}
.mochimono .wp-block-column:last-child{
	padding: 3% 0;
	line-height: 2.0em;
}
.rinji-toseki .notes{
	font-size: 15px;
}
.icon-plane{
	position: absolute;
	top: 17px;
  	left: -52px;
}
.icon-note img{
	margin-top: -45px;
}
.benefit-area{
	padding-bottom: 4em !important;
    padding-top: 6em !important;
}
.benefit-area .benefit-ttl{
	font-size: clamp(25px,2.5vw,30px);
	font-weight: 600;
	margin: 16px 0 0.5em;
	letter-spacing: 0.1em !important;
}
.benefit-box .ttl{
	font-size: 22px;
}
.benefit-box .txt{
	line-height: 1.8em;
}
.benefit-box .wp-block-column{
	padding: 0 2%;
}
.benefit-box .wp-block-column:first-child{
	border-right: 1px solid #00A37F;
}

.rec-box{
	border: 8px solid #00A37F;
	border-radius: 20px;
	background: rgba(255,255,255,0.85);
	padding: 40px 40px;
}
.eng-ttl03{
	font-size: 20px;
}
h2.rec-ttl{
	font-size: clamp(30px,3.0vw,40px);
	font-weight: 600;
	margin: 0 0 1.0em;
	line-height: 0.6em;
	letter-spacing: 0.2em !important;
}
.tel-num{
	font-size: clamp(25px,2.5vw,30px);
	margin-bottom: 0;
}
.tel-num::before{
	content: url("img/icon-phone.png");
	display: inline-block;
	margin-right: 7px;
}
.tel-num a{
	display: inline-block;
}
.rec-type{
	font-size: 24px;
	padding: 30px 0 12px;
}
.rec-type a{display: inline-block;}
.rec-btn a{
	font-size: 20px;
	width: 350px!important;
  	padding: 13px 0;

}



@media screen and (min-width:641px) and (max-width:1024px){
	
	.top .l-content {margin: -2px auto 3em;}
	
	.about-block{display: block;}
	.about-block .wp-block-column{
		display: inline-block;
		width: 38%;
		vertical-align: top;
	}
	.about-block .wp-block-column:last-child{
		width: 60%;
	}
	.about-block .c-name {font-size: 22px;}
	.about-block .sml-name {font-size: 14px;}
	.about-block p {font-size: 15px;}
	
	.about-block .detail-table {padding: 7px 12px 11px; margin-top: 56px;}
	
	.time__news .news {padding-left: 0; padding-top: 50px;}
	.time__news .news-btn {top: 57px;}
	
	ul.flow li .ttl{display: initial; writing-mode: vertical-rl;}
	ul.flow li .subtxt{
		writing-mode: vertical-rl; 
		text-orientation: upright; 
		margin-top: 12px;
		border-radius: 20px;
		padding: 10px 8px;
	}
	ul.flow li::after {top: 120px; }
	
	.icon-plane {left: -135px;}
	/*.mochimono .wp-block-column:first-child {
  		border-top-left-radius: 18px;
		border-top-right-radius: 18px;
  		border-bottom-left-radius: 0;
  	}*/
	.mochimono .wp-block-column:last-child {padding: 3% 3% 3% 0;}
	
	.rinji-toseki .notes {font-size: 14px;}
	
	.benefit-box{display: block;}
	.benefit-box .wp-block-column{
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}
	.benefit-box .ttl {
  		font-size: 20px;
	}
	
	.rec-box{display: block; padding: 40px 20px;}
	.rec-box .wp-block-column:first-child{
		display: inline-block;
		width: 45%;
	}
	.rec-box .wp-block-column:last-child{
		display: inline-block;
		width: 52%;
	}
	
	
	.rec-type{text-align: center;}
	.rec-btn{margin: 0 auto !important;}
	.rec-btn a{width: 280px; padding: 10px 0;}
	
	
	
}
@media screen and (max-width:641px){	
	.icon-cross img{width: 30px!important;}
	
	h2.top-h2 {font-size: 19px;}
	.top-subttl {font-size: 21px; margin-bottom: 1em;}
    
    .top-cmt, .greet{font-size: 15px;}
	
	.icon-hospital img {width: 90px!important; vertical-align: middle; margin-top: -23px;}
	.eng-ttl01 {font-size: 16px;}
	h2.top-ttl01 {font-size: 28px;}
	.about-block .c-name {font-size: 22px;}
	.about-block .sml-name {font-size: 15px;}
	.about-block .detail-table {padding: 15px 15px;}
	.about-block .detail-table th, .about-block .detail-table td {padding: 10px 6px;}
	.about-block .detail-table th {width: 130px !important;}
	
		
	.time__news th:first-child{width: 130px!important;}	
	.time__news .news {padding: 55px 0 30px;}
	.time__news .news-btn {top: 65px; font-size: 14px;}
	
	.icon-doctor img{width: 100px!important;}
	.yoyaku a{width: 310px; margin: 0 auto;}
	
	ul.flow {display: block;}
	ul.flow li{display: flex; width: 100%; margin: 0 auto 30px;}
	ul.flow li .step{font-size: 16px; border-top-right-radius: 0; border-bottom-left-radius: 22px; width: 100px; padding: 16px 0;}
	ul.flow li .ttl {font-size: 19px; padding: 16px 10px 16px 15px;}
	ul.flow li .subtxt {font-size: 14px; margin-left: 13px;}
	ul.flow li .dot{display: inline-block;}
	ul.flow li::after {
		right: 48%; 
		top: auto; 
		bottom: -28px;
		transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
 	 -ms-transform: translate(-50%, -50%); 
		transform: rotate(90deg);
	}	
	
	.rinji-toseki{padding: 40px 15px 20px;}
	.icon-plane {top: 6px; left: -10px; width: 67%;}
	.mochimono .wp-block-column:first-child{
		border-bottom-left-radius: 0!important;
		border-top-right-radius: 18px;
	}
	.mochimono .wp-block-column:last-child {padding: 0% 5% 6%;}
	.rinji-toseki .notes {font-size: 14px; text-align: left;}
	
	.icon-note img{width: 50px!important;}
	
	.benefit-box .wp-block-column:first-child {
  		border-right: none;
		border-bottom: 1px solid #00A37F;
		padding-bottom: 36px;
	}
	.benefit-box .ttl {font-size: 19px; text-align: center;}
	.benefit-txt{font-size: 13px;}
	
	.rec-box {padding: 21px 20px 30px;}
	h2.rec-ttl{margin: 0 0 0.5em;}
	.rec-box .wp-block-column{margin-top: -14px!important;}
	.eng-ttl03 {font-size: 18px;}
	.rec-type {font-size: 20px; padding: 0; text-align: center;}
	.rec-box .wp-block-buttons{display: block; text-align: center;}
    .rec-btn{width: 85%;}
	.rec-btn a {font-size: 16px; width: 100%!important; padding: 13px 0;}
}