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

html{font-size: 93.75%;
	font-family: noto-sans-cjk-jp, sans-serif;
	padding: 0;
	margin: 0;}

body{font-size:1em;
	color:#000;
}

article{
	width:1000px;
	margin: 0 auto;}
section{
	width:800px;
	margin: 0 auto;}

main{display: block;}

a{color: inherit;transition-duration: .3s;}

img{max-width: 100%;}

.sp{display: none;}

/*  Clearfix-------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

header{position: fixed;width: 100%; top: 0;left: 0;z-index: 1;}
header nav{display: table; padding: 1vw 6vw;transition-duration: .3s;position: relative; }
header nav p{font-size: 10px; color: #fff;}
header nav:after{content: "";width: 100%;height: 100%; background: rgba(255,255,255,.5);backdrop-filter: blur(5px);position: absolute;top: 0;left: 0;z-index: -1;transform: skewX(-30deg)translateX(-1.7vw);}

header nav.is-fixed{width: 100%;}
header nav.is-fixed:after{transform: none;}

header h1{font-size: 0.5em;margin-bottom: 15px; font-weight: normal; color: #fff;}
header ul li.logo{display: none;}
header ul li{display: inline-block;font-weight: bold;color: #2b68a1; letter-spacing: 0.06em;}
header ul li:not(:last-child):after{content: "|";margin: 0 10px;}

header ul li a:hover{opacity: .6;}

header nav input{display: none;}
header nav label{display: none;}


.cv{display: flex;justify-content: center;align-items: center; background: #2b68a1;color: #fff; position: fixed;top: 10px;right: 6vw;padding: 10px;z-index: 1; height: 80px;}


.cv p{height: 100%; display: flex;letter-spacing: 0.05em; align-items: center;padding: 5px 10px;}
.cv .contact{border-right: 1px solid #fff;}
.cv .tel a{display: inline-block;font-weight: bold;font-size: 1.3em; margin-left: 5px;}
.cv .tel a img{margin-right: 5px;}
.cv a:hover{opacity: .6;}
.cv .insta a{padding-right: 0px;}


.clinic_img{display: flex;height: 230px; justify-content: center;padding: 0 6vw;margin-bottom: 70px;}
.clinic_img li{height: 100%;}
.clinic_img li img{width: 100%; height: 100%;object-fit: cover;}

.news_list{width: 800px;margin:70px auto ;}
.news_list .tit{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: bold;font-size: 2em;color: #2b68a1; text-align: center;margin-bottom: 40px;}
.news_list li{display: flex;justify-content: center;letter-spacing: 0.05em;}
.news_list li p{padding-bottom: 30px;margin-bottom: 30px;}
.news_list li .date{font-weight: bold; flex-basis: 180px;margin-right: 10px;border-bottom: 1px solid #2b68a1;}
.news_list li .date span{font-size: 0.73em;margin-left: 10px;}
.news_list li .entry{flex-basis: 610px;border-bottom: 1px solid #2b68a1;}
.news_list li .entry span{background: #2b68a1;font-size: 0.73em;font-weight: bold; color: #fff;padding: 0 5px;margin-right: 5px;}
.news_list li .entry a:hover{opacity: .6;}
.news_list .btn a{width: 500px;margin:auto;}
.news_list .btn a{display: block;color: #2b68a1; background: #2b68a1;text-align: center;padding: 20px 45px 20px 10px;
	-webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 35px) 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, calc(100% - 35px) 100%, 0% 100%);
	position: relative;z-index: 0;} 
.news_list .btn a:after{content: "";width: calc(100% - 2px);height: calc(100% - 2px);background: #fff;position: absolute;top: 1px;left: 1px;
	-webkit-clip-path: polygon(0 0, calc(100% - 0.5px) 0%, calc(100% - 34.5px) 100%, 0% 100%);
	clip-path: polygon(0 0, calc(100% - 0.5px) 0%, calc(100% - 34.5px) 100%, 0% 100%);
	z-index: -1;}
.news_list .btn a:hover{color: #fff;}
.news_list .btn a:hover:after{content: none;}

footer{background: #ebebeb;}
footer section{padding: 100px 0;}

footer section .in{display: flex;align-items: center;margin-bottom: 50px;}
footer section .in .logo{flex-shrink: 0;padding: 0 35px;}
footer section .in p{font-size: 0.93em;letter-spacing:0.05em;margin-bottom: 20px;line-height: 1.64;}
footer section .in p span{display: block;font-weight: bold;}
footer section .in ul{display: flex;justify-content: space-between;}
footer section .in ul li{flex-basis: calc(50% - 5px);}
footer section .in ul li a{display: flex;align-items: center;flex-wrap: wrap;justify-content: center; height: 100px; background: #2b68a1;color: #fff;padding: 10px;box-sizing: border-box;}
footer section .in ul li a span{display: block;flex-basis: 100%;text-align: center;font-size: 1.6em; font-weight: bold; border-top: 1px solid #fff;letter-spacing: 0.05em;padding-top: 5px;}
footer section .in ul li a span img{vertical-align: middle;margin-right: 5px;}
footer section .in ul li a span img[src*="br"]{display: none;}
footer section .in ul li:last-child{font-size: 1.26em;letter-spacing: 0.05em;}

footer section .in ul li a:hover{color: #2b68a1;background: #fff;}
footer section .in ul li a:hover span{border-color: #2b68a1;}
footer section .in ul li a:hover span img[src*="br"]{display: inline;}
footer section .in ul li a:hover span img:not([src*="br"]){display: none;}

footer section .bnr img[src*="sp"]{display: none;}
footer section .bnr a:hover{opacity: .5;}

footer section .office p:first-child{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: bold;
    font-size: 2em;
    color: #2b68a1;
    text-align: center;
    margin-bottom: 40px;
}
footer section .office p:first-child span{
	display: block;
	font-size: .8em;
}

footer section .sns{
	margin-bottom: 10px;
}

footer .copy{text-align: center;color: #fff; background: #2b68a1; letter-spacing: 0.05em;padding: 30px 0;}

.sp_fix{display: none;}

.yoyaku{position: fixed; top: 30%; right: 0; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; background: #2b68a1; color: #fff; padding: 15px 20px; font-size: 1.1em; text-align: center; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-top: #fff 1px solid;}
.yoyaku a{ position: relative; padding-top: 28px;}
.yoyaku a::before{ content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("../img/common/icon-calender.png"); background-size: contain; vertical-align: middle; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto;}

.yoyaku a:hover{opacity: .6;}


.yoyaku a:hover{opacity: .6;}

.yoyaku_line{
    position: fixed; top: 65%; right: 0; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; background: #2b68a1; color: #fff; padding: 15px 20px; font-size: 1.1em; text-align: center; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-top: #fff 1px solid
    
}
.yoyaku_line a{ position: relative; padding-top: 28px;}
.yoyaku_line a::before{ content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("../img/common/icon-line.png"); background-size: contain; vertical-align: middle; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto;}

.yoyaku_line a:hover{opacity: .6;}


.yoyaku_line a:hover{opacity: .6;}

/*20240207*/
.mv .yoyaku_btn {
    display: block;
    position: fixed;
    width: 200px;
    height: 119px;
    border-radius: 100%;
    background: url(../img/common/icon-resv01.png) no-repeat center bottom 8.3rem/5.2rem;
    background-color: #2b68a1;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding-top: 6rem;
    bottom: 2rem;
    right: 5rem;
    z-index: 11;
    font-family: var(--sub-font);
}
.mv .yoyaku_btn:after{ 
    content: ''; 
    width: .6rem; 
    height: .6rem; 
    border-bottom: solid 1px; 
    border-right: solid 1px; 
    position: absolute; 
    bottom: 2.1rem; 
    left: 50%; 
    transform: translateX(-50%) rotate(45deg); 
}
.mv .yoyaku_btn strong{ 
    font-size: 2.4rem; 
    line-height: 1; 
}
.mv .yoyaku_btn:hover{ 
    transition: 1s;
    background-color: #B6B6DC; 
}


.mv .insta_btn{ 
     display: block;
    position: fixed;
    width: 200px;
    height: 72px;
    border-radius: 100%;
    text-align: center;
    right: 5rem;
    z-index: 11;
    bottom: 18rem; 
    background-color: #FFF;
    background-image:url("../img/common/icon-insta.png") ; 
    background-repeat: no-repeat;
    background-size: 5rem; 
    background-position: center top 2.5rem; 
    border:#CF2E92 2px solid; 
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; 
    font-weight:bold; 
    font-size: 25px;
    color:#CF2E92; 
    text-decoration: none;
    line-height: 1;
    padding-top: 9rem;
}
.mv .insta_btn:after{ 
    content: ''; 
    width: .6rem; 
    height: .6rem; 
    border-bottom: solid 1px; 
    border-right: solid 1px; 
    position: absolute; 
    bottom: 1.5rem; 
    left: 50%; 
    transform: translateX(-50%) rotate(45deg); 
}

.mv .insta_btn:hover{ 
    background-color: 	#F9E6F2;
    transition: 1s;
}


/*20240207*/


@media screen and (max-width:599px){
	.yoyaku{ top: 10px; right: auto; left: 10px; writing-mode: horizontal-tb; padding: 0 20px; font-size: 3.5vw; border: #fff 1px solid; }
	.yoyaku a{ position: relative; padding-top: 0; line-height: 57px;}
	.yoyaku a::before{ content: ''; display: inline-block; width: 20px; height: 20px; position: relative; padding-right: 10px; background-repeat: no-repeat;}
	
	.h-logo{
		position: fixed;
		color: #fff;
		top: 30px;
		right: auto;
		left: 10px;
		padding: 5px  15px;
		/*background: rgb(48,47,101,.85);
		border: #fff 1px solid;*/
	}
	.h-logo a{
		position: relative;
		padding-top: 0;
	}
	.h-logo img {
		width: 200px;
	}
}

/*LINE追加*/
.news_list .line {
    display: flex;
	flex-direction: column;
	align-items: center;
	align-items: center;
  	text-align: center;
	margin-bottom: 70px;
}
.news_list .line p {
	padding: 20px 0;
	font-size: 1.3rem;
}