body{font-size: clamp(0.8125rem, 0.541rem + 0.565vw, 1rem);font-weight:500; line-height:1.8; color:#333333; letter-spacing:1px;font-feature-settings: "palt";font-family: 'Noto Sans JP', sans-serif; overflow-x: hidden;}
@media screen and (max-width: 768px) {
body{font-size:15px;line-height:1.6; letter-spacing:1px; }
}
.global_inner{width:80%; max-width:2000px; margin:0 auto; position:relative;padding: 0 20px;}
h1,h2,h3,h4,h5,h6{line-height:1; font-weight:500;font-family: 'Noto Serif JP', serif;}
h2{font-size: clamp(1.375rem, 0.1078rem + 2.6365vw, 2.25rem);}
h2 span{display:block; margin-top:20px; color:#00744b; font-size: clamp(0.875rem, 0.694rem + 0.3766vw, 1rem);font-family: 'Noto Sans JP', sans-serif;}
h3{font-size: clamp(1.125rem, 0.725rem + 0.8vw, 1.375rem); /*22/18*/}
h3.line{position:relative;line-height:1.7; margin-bottom:70px;}
h3.line:after{ content:"";background:#000; height:1px; width:80px; position:absolute; bottom:-30px; left:0;} 

h4{font-size: clamp(1.125rem, 0.725rem + 0.8vw, 1.375rem); /*22/18*/}
h4.line{position:relative;line-height:1.7; margin-bottom:60px;}
h4.line:after{ content:"";background:#000; height:1px; width:80px; position:absolute; bottom:-30px; left:0;} 



.text{letter-spacing:1px;}
img{width:100%; height:auto;}
a{transition:0.4s all;}
a img{transition:0.4s all;}
a img{transition:0.4s all;}
a img:hover{transform: scale(1.10);transition:0.4s all; letter-spacing:2px;}
a img.no_zoom:hover{transform: scale(1.0);}

.box{display:flex;justify-content: space-between; }
main{padding-top:110px;padding-bottom:100px; position:relative;}
/*main:before,main:after{content:""; background:#000; height:1px; width:400px;position: absolute;left: 50%; transform: translateX(-50%);}
main:before{top: 60px;}
main:after{bottom: 60px;}*/




@media screen and (max-width: 768px) {
.global_inner{width:94%;padding: 0 3%; }
.box{flex-direction: column; }
h2{font-size: 30px; line-height:1.5;}
h2 span{margin-top:10px;}
h3{font-size:25px;}
h3.line{margin-bottom:40px;line-height:1.5;}
h3.line:after{bottom:-20px;}
h4{font-size:25px; line-height:1.5;}
h5{line-height:1.5;}
}

/*====================
ヘッダー
=====================*/
header{ position:fixed;width:100%;  background:#FFF; z-index:3; top:0px;left:0;display:flex;justify-content: space-between;align-items: flex-start; padding:20px 0; }
header .logo{ margin-left:30px; background:#FFF;}
header .logo img{height:auto; width:500px;transition:0.4s all;}
header .logo img:hover{transform: scale(1.0); opacity:0.8;transition:0.4s all;}
header .logo h1{margin-bottom:0;}

.sns{margin-right:30px;}
.sns ul{display:flex;}
.sns ul li{margin-left:10px; font-size:20px;}

@media screen and (max-width: 768px) {
.sns{margin-right:0px; margin-top:20px;}
.sns ul{justify-content: flex-end;}
.sns ul li{ font-size:25px;}
}

/*====================
グローバルメニュー
=====================*/
#navArea{position:sticky;top:0;    z-index: 1;top: 114px; background:#FFF;}


nav .global-menu { border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc; font-weight:500;}
nav .global-menu > ul{display: flex;justify-content: center;transition:0.3s all;}
nav .global-menu > ul > li{position: relative;display: flex; align-items: center;justify-content: center; color:#333; width:100%; border-left:solid 1px #cccccc;text-align: center;    white-space: nowrap;transition:0.2s all; margin-top:0;}
nav .global-menu > ul > li:first-child{min-width: 70px;width: 70px;border-left:none;}
nav .global-menu > ul > li:hover{cursor:pointer;background:#333333; color:#FFF;transition:0.4s all;}
nav .global-menu > ul > li:first-child:hover{background:#FFF;}
nav .global-menu > ul > li a{transition:0.2s all;padding:10px 20px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
nav .global-menu > ul > li a:hover{transition:0.2s all;}
nav .global-menu > ul > li img{width:20px;}

nav .global-menu > ul > li > ul {background-color: #7e7e7e;left: 0px;  opacity: 0;position: absolute;top: 100%;transition: opacity .3s, visibility .3s;visibility: hidden;width: max-content;z-index: 1;}
nav .global-menu > ul > li:hover > ul {opacity: 1;   transition: opacity .3s, visibility .3s;  visibility: visible;min-width: 100%;}
nav .global-menu > ul > li > ul > li{ border-bottom:solid 1px #FFF; text-align:left; left:0; min-width:150px;display: flex; align-items: center;justify-content: flex-start; color: #fff;padding:10px 20px; min-width:100%;transition:0.4s all;margin-top:0;}
nav .global-menu > ul > li > ul > li:hover{background:#333333;transition:0.4s all;}
nav .global-menu > ul > li > ul > li:last-child{border-bottom:none;}
nav .global-menu > ul > li > ul > li a{display:block; padding:5px 10px;}



/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 768px) {
#navArea{position:static;top:0;    z-index: 1;top: unset; background:#FFF;}

header{background: #FFF;height:60px; position:fixed;left: unset;right: 0;width: 100%;top: 0px; z-index:3;display:flex;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}
header .logo{width:auto; width:70%; max-width:500px; margin-left:0;}
header .logo img{width:100%; height:auto;}
header .box{order:2;}
header .global-menu{order:1;}
nav {display: block;position: fixed;top: 0;right: -300px;bottom: 0;width: 300px;-webkit-overflow-scrolling: touch;transition: all 0.5s;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px;font-size:18px;}
.open nav {display: block;right: 0;opacity: 1;top:0px;width:100%; padding-top:100px;overflow-y: scroll;display:flex;flex-direction: column;background-color:rgba(0,0,0,.8);}
.open nav .logo{ display:none; }

nav {right: -220px;width: 220px;}
nav .global-menu{border-bottom:none; border-top:none;}
nav .global-menu > ul{flex-direction: column;}
nav .global-menu > ul > li a{color:#FFF; padding:20px 0;}
nav .global-menu > ul > li > ul{display:none;}


@media screen and (max-width: 768px) {
.global-menu .sns{ margin-right:0; margin-top:40px;}	
.global-menu .sns ul{justify-content: center; color:#FFF; }
.global-menu .sns ul li{margin-left:20px; margin-right:20px;font-size:30px;}
}




/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;   height: 30px; width:40px; transition: all .5s;  cursor: pointer;  z-index: 103;position:fixed;top:20px; right:20px;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {  display: block;  position: absolute;  left: 10px;  width: 25px;  height: 1px;  background-color: #000;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 10px;}
.toggle_btn span:nth-child(2) {  opacity: 0;}
.toggle_btn span:nth-child(3) {  top: 20px;}
.open .toggle_btn span {  background-color: #FFF;}
.open .toggle_btn span:nth-child(1) {  transform: translateY(10px) rotate(-330deg);top: 4px;}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  transform: translateY(-10px) rotate(330deg);top: 24px;}


.open .toggle_btn{right:20px;}
.open .toggle_btn span{background-color:#FFF;}
}



/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }



/*====================
メインビジュアル
=====================*/
.kv{position:relative;padding-top: 200px;}
.kv .catch{position:absolute; top:50px; right:5%; font-size: clamp(1.875rem, 0.4257rem + 3.3223vw, 3.125rem);font-family: 'Noto Serif JP', serif; z-index:3; line-height:1.5; text-align:right;}
.kv .catch span{font-size: clamp(0.9375rem, 0.7201rem + 0.4983vw, 1.125rem); display:block;font-family: 'Noto Sans JP', sans-serif; line-height:2; margin-top:20px;}



.kv .copy{margin-left:20px; margin-bottom:10px;}
.text_link{background-color:rgba(0,0,0,.8); position:absolute; bottom:0; left:0; width:fit-content;z-index: 1;font-family: 'Noto Serif JP', serif; font-size:18px; }
.text_link a{padding:15px 100px 15px 15px; position:relative; color:#FFF; display:block;}
.text_link a i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.text_link a:hover{ text-decoration:underline;}
.text_link a:hover i{right:15px;transition:0.4s all;}
.text_link span{ display:block; margin-top:5px; font-size:16px;}



@media screen and (max-width: 768px) {

.kv .catch{top:120px;font-size: 36px;}
.kv .catch span{font-size: 16px;}
.kv .copy{margin-left:0px; margin-bottom:5px; position:absolute; left:10px; bottom:0;z-index: 2; font-size:13px;}
.text_link{position:static;width:100%;}
}





/*====================
トップ：ニュース
=====================*/
.news_list{ background-color:#fafafa; padding:120px 0;background-image: url(/wordpress//wp-content/themes/fdm/assets/image/top_news_list.png); background-repeat:no-repeat;}
.news_list .box{justify-content: flex-start;}
.news_list .box .heading{margin-right:100px; white-space:nowrap;}
.news_list .box .heading h2{margin-bottom:60px;}
.news_list .box .heading .category{ font-size:15px;}
.news_list .box .heading .category li{margin-top:10px;}
.news_list .box .heading .category li:hover{cursor:pointer;}
.news_list .box .item{width:100%;border-top:solid 1px #CCC;}
.news_list .box .item dl{display:flex;align-items: center; padding:20px 10px; border-bottom:solid 1px #CCC; width:100%; position:relative;transition:0.4s all; font-weight:500;}
.news_list .box .item dl .viewmore a{padding:15px 25px; text-align:center; border-radius:25px; border:solid 1px #000; display:block; width:200px; line-height:1; font-size:15px; position:relative; text-align:left;}
.news_list .box .item dl i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.news_list .box .item dl:hover{background:#eeeeee; transition:0.4s all;}
.news_list .box .item dl:hover i{right:15px;transition:0.4s all;}

.news_list .box .item dt{margin-right:40px; font-weight:normal;font-weight:500;}
.news_list .box .item dt.cate{border-radius:25px; background:#FFF; padding:5px 10px; border:solid 1px #CCC;font-weight:300;}
.news_list .box .item .viewmore a{margin-left:auto;}

.news_list .content{  display: none;}
.news_list .content.select{display:block;}


@media screen and (max-width: 768px) {
.news_list{padding:0px;background-image:none;}
.news_list .box .heading .category{margin:30px 0;}
.news_list .box .heading .category ul{display:flex;flex-wrap: wrap;}
.news_list .box .heading .category ul li{margin-right:20px;}
.news_list .box .heading .category ul li:last-child{margin-right:0;}
.news_list .box .item dl{flex-direction: column;align-items: flex-start;    padding: 10px 10px;}
.news_list .box .item dt.cate{order:1;}
.news_list .box .item dt{order:2;}
.news_list .box .item dd{order:3;}
}


/*====================
トップ：私たちの教室について
=====================*/
.top_about{ }
.top_about .heading{display:flex;justify-content: space-between; margin-top:60px;}
.top_about .heading h2{width:40%;}
.top_about .heading .text{width:55%;}
.top_about .viewmore{display:flex;justify-content: flex-end;}

@media screen and (max-width: 768px) {
.top_about{margin-top:30px;}
.top_about .heading{flex-direction: column; margin-top:40px;}
.top_about .heading h2{width:100%;}
.top_about .heading .text{width:100%; margin-top:40px;}
}



/*====================
トップ：診療内容
=====================*/
.top_clinical{background:#fafafa; margin-top:100px;}
.top_clinical .text_area{margin-right:5%; padding-top:8%;}
.top_clinical .text_area .text{margin-top:60px;}
.top_clinical .photo{width: 100vw;  margin-right: calc(50% - 50vw);}

@media screen and (max-width: 768px) {
.top_clinical{margin-top:50px;}
.top_clinical .box{flex-direction: column-reverse;}
.top_clinical .photo{margin: 0 calc(50% - 50vw);}
.top_clinical .text_area{margin-right:0; margin-top:60px;padding-top: 0%;}
.top_clinical .text_area .text{ margin-top:40px;}
}


/*====================
トップ：研究活動
=====================*/
.top_research{background:#fafafa; padding-top:20px;}
.top_research .text_area{margin-left:5%; padding-top:8%;}
.top_research .text_area .text{margin-top:60px;}
.top_research .photo{width: 100vw;  margin-left: calc(50% - 50vw);}

@media screen and (max-width: 768px) {
.top_research{margin-top:50px;padding-top: 0px;}
.top_research .box{flex-direction: column;}
.top_research .photo{margin: 0 calc(50% - 50vw);}
.top_research .text_area{margin-left:0;padding-top:0px;margin-top:60px;}
.top_research .text_area .text{ margin-top:40px;}
}


/*====================
トップ：業績
=====================*/
.top_achievements{margin-top:120px;}
.top_achievements .heading{display:flex;justify-content: space-between; margin-bottom:60px;}
.top_achievements .heading h2{display:flex;align-items: flex-end;white-space:nowrap; margin-right:60px;}
.top_achievements .heading h2 span{display:inline-block; margin-top:0; margin-left:40px; padding-bottom:5px;}
.top_achievements .viewmore a{margin-left:auto; margin-right:auto;}

@media screen and (max-width: 768px) {
.top_achievements{margin-top:50px;}
.top_achievements .box{flex-direction: column-reverse;}
.top_achievements .heading{flex-direction: column; margin-top:60px;}
.top_achievements .heading h2{flex-direction: column;margin-right:0px;align-items: flex-start;}
.top_achievements .heading h2 span{display:block;margin-left:0px;margin-top: 20px;}
.top_achievements .text{margin-top:40px;}
}
/*====================
トップ：学生・研修医の皆さまへ
=====================*/
.top_student{border-bottom:solid 1px #CCC;border-top:solid 1px #CCC;background:#fafafa; margin-top:120px;}
.top_student .photo{width:50%;}
.top_student .photo img{object-fit:cover; height:100%; min-height:460px;}
.top_student .item{width:50%; display:flex;justify-content: center;align-items: center; padding:60px;}
.top_student .text_area{}
.top_student .text_area .text{margin-top:60px;}


@media screen and (max-width: 768px) {
.top_student{margin-top:50px;}
.top_student .photo{width:100%;}
.top_student .photo img{height:auto; min-height:auto;}
.top_student .item{width:100%; padding:60px 20px; }
}


/*====================
トップ：フット
=====================*/
.top_foot{border-bottom:solid 1px #CCC;}
.top_foot .item{width:50%; padding:80px 60px; display:flex;flex-direction: column;}
.top_foot .item:first-child{border-right:solid 1px #CCC;}
.top_foot .item h3{text-align:center;font-size: clamp(1.25rem, 0.3449rem + 1.8832vw, 1.875rem); position:relative;margin-bottom:80px;}
.top_foot .item h3:after{ content:"";position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background:#000; height:1px; width:100px; }
.top_foot .item .text{margin-bottom:40px;}
.top_foot .item .link{ margin-top:auto;font-family: 'Noto Serif JP', serif;font-size: clamp(0.9375rem, 0.4849rem + 0.9416vw, 1.25rem);}
.top_foot .item .link ul{display:flex; }
.top_foot .item .link ul li{width:100%; border:solid 1px #000; }
.top_foot .item .link ul li:nth-child(2){border-left:none;}
.top_foot .item .link ul li a{padding:10px 40px 10px 30px; min-height:80px; display:flex;align-items: center; position:relative;min-height:95px;display:flex;align-items: center;}
.top_foot .item .link ul li a i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.top_foot .item .link ul li a:hover{background:#dbdbdb; color:#000;}
.top_foot .item .link ul li a:hover i{right:15px;transition:0.4s all;}

@media screen and (max-width: 768px) {
.top_foot .global_inner{width: 100%;padding: 0;}
		
.top_foot .item{width:100%;    padding: 60px 6%;}
.top_foot .item:first-child{border-right:none;border-bottom:solid 1px #CCC;}
.top_foot .item .link ul{flex-wrap: wrap;}
.top_foot .item .link ul li:nth-child(2){border-left:solid 1px #000; border-top:none;}
}



/*====================
下層：ヘッダー
=====================*/
.head{ display:flex; height:100vh;align-items: center;overflow: hidden;max-width:2000px; margin-left:auto; margin-right:auto;}
.head .text_area{display:flex;align-items: center;width:40%; padding-left:8%;}
.head .text_area h1{font-family: 'Noto Serif JP', serif;}
.head .photo{width:60%;}
.head .photo img{object-fit:cover; height:100%;object-position: right; width:100%;}
.head h1{font-size: clamp(1.375rem, 0.1078rem + 2.6365vw, 2.25rem);}
.head h1 span{display:block; margin-top:20px; color:#00744b; font-size: clamp(0.875rem, 0.694rem + 0.3766vw, 1rem);font-family: 'Noto Sans JP', sans-serif;}

@media screen and (max-width: 768px) {
.head{flex-direction: column; height:auto;}
.head .photo{width:100%;}
.head .photo img{height:250px; }
.head .text_area{width:100%; padding-left:7%; height:200px; margin-top:60px;}
.head .text_area h1{font-size:40px;}
}


/*====================
下層
=====================*/
.introduction{background:#fafafa; padding:100px 0;border-top:solid 1px #efefef;border-bottom:solid 1px #efefef;}
.introduction .box .item{width:40%;}
.introduction .box .item h2{margin-left:10%; margin-top:60px; }
.introduction .box .item .name{margin-left:10%; margin-top:60px;font-size: clamp(1rem, 0.6rem + 0.8vw, 1.25rem);font-family: 'Noto Serif JP', serif;}
.introduction .box .text_area{width:60%; padding:0 80px;}
.introduction .box .text_area h2{margin-bottom:80px;}
.introduction .box .text_area .text{margin-bottom:60px;}
.introduction .box .text_area h3{margin-bottom:70px;}
.introduction .box .text_area h4{margin-bottom:20px; }

.introduction.reverse .box{flex-direction: row-reverse;}



.col4{font-family: 'Noto Serif JP', serif; padding-top:100px;}
.col4 h3{margin-top:60px;}
.col4 h3:first-of-type{margin-top:0px;}
.col4 h4{font-size: clamp(1rem, 0.8rem + 0.4vw, 1.125rem); /*16/18*/}
.col4 h5{font-size: clamp(1rem, 0.8rem + 0.4vw, 1.125rem); /*16/18*/ margin-top:40px;}

.col4 ul{ display:flex;flex-wrap: wrap;}
.col4 ul li{width:22%;margin-right:4%; margin-top:30px;border:solid 1px #000; min-height:80px; display:flex;justify-content: center;align-items: center;text-align: center; line-height:1.4;}
.col4 ul li a{  display:flex;justify-content: center;align-items: center; width:100%; height:100%;}
.col4 ul li a:hover{background:#efefef;}
.col4 ul li:nth-child(4n){margin-right:0;}
.col4 ul li span{margin-left:5px; margin-right:5px;}
.col4 .text{margin-bottom:60px;font-family: 'Noto Sans JP', sans-serif;}
.col4 .box{margin-bottom:100px;}
.col4 .box .text{width:66%; }
.col4 .box .photo{width:30%; }
.col4 .notice{margin-top:40px;font-family: 'Noto Sans JP', sans-serif;}
.col4 .foot{margin-top:80px;}
.col4 .foot .item{width:30%;}
.col4 .foot .item .text{width:100%;}
.anchor{ margin:60px;font-family: 'Noto Serif JP', serif;}
.anchor ul{display:flex;justify-content: center;}
.anchor ul li{margin-left:15px; margin-right:15px;}
.anchor ul li a{padding:10px 40px 10px 10px; border-bottom:solid 1px #000; width:350px;font-size:15px; position:relative; text-align:left; display:block;}
.anchor ul li a i{ position:absolute; top: 50%; right: 5px; transform: translateY(-50%);transition:0.4s all;}
.anchor ul li a:hover{background:#333; color:#FFF;}


@media screen and (max-width: 768px) {
.col4{padding-top:50px;}
.col4 ul{justify-content: space-between;margin-top:20px;}
.col4 ul{border:solid 1px #000;}
.col4 ul li{width:100%; margin-right:0; margin-top:0px; min-height:60px; border-left:none; border-right:none; border-top:none;justify-content: flex-start; text-align:left;}
.col4 ul li:last-child{border-bottom:none;}
.col4 ul li a{justify-content: flex-start; text-align:left; }
.col4 ul li span{margin:20px 20px;}
.col4 .text{margin-bottom:30px;}
.col4 ul li a{padding:0 20px;}
.col4 h3{line-height:1.5;}
.col4 .box{margin-bottom:50px;}
.col4 .box .text{width:100%; margin-top:30px;}
.col4 .box .photo{width:100%;}
.col4 .foot{margin-top:40px;}
.col4 .foot .item{width:100%;}
.col4 h4{font-size: 20px; }
.col4 h5{font-size: 20px;margin-top:40px; }

.introduction{padding:50px 0;}
.introduction.reverse .box{flex-direction: column;}
.introduction .box .item{width:100%; display:flex;flex-direction: column-reverse;padding: 0 20px;}
.introduction .box .item h2{margin-left:0px; margin-top:0; margin-bottom:30px;}
.introduction .box .text_area h3{margin-bottom:40px;}
.introduction .box .item .name{margin-left:0px; margin-top:0px; margin-bottom:10px;}
.introduction .box .text_area{width:100%; padding:0 20px; margin-top:40px;}
.introduction .box .text_area h2{margin-bottom:40px;}
.introduction .box .text_area .text{margin-bottom:30px;}

.anchor{ margin:0; width:90%;margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:50px;}
.anchor ul{flex-wrap: wrap;flex-direction: column;}
.anchor ul li{width:100%; margin-left:auto; margin-right:auto;}
.anchor ul li a{width:100%;}


}



/*====================
ニュースリスト
=====================*/



/*====================
ニュース詳細
=====================*/
.news_detail{padding:120px 0;}
.news_detail .heading{display:flex;align-items: center;margin-bottom:40px;}
.news_detail .date{}
.news_detail .category{border-radius:25px; background:#FFF; padding:5px 10px; border:solid 1px #CCC;font-weight:300; margin-left:20px;}
.news_detail h1{margin-bottom:60px;font-size: clamp(1.5rem, 0.9rem + 1.2vw, 1.875rem);}
.news_detail .photo{margin-top:60px;}




/*====================
業績
=====================*/
.achievement{font-family: 'Noto Serif JP', serif; padding-bottom:100px;padding-top:100px;}
.achievement img{width:auto;}
.achievement ol{padding-left:40px;}
.achievement ol > li {list-style: decimal;padding-left: 60px;}
.achievement ul li, ol li {margin-top: 40px;}
.achievement ol > li::marker{font-size: clamp(1.125rem, 0.725rem + 0.8vw, 1.375rem);font-style:italic; line-height:1;}


.achievement h2{font-size: clamp(1.5625rem, 1.0625rem + 1vw, 1.875rem); margin-bottom:100px;}
.achievement h2 span{font-size: clamp(0.875rem, 0.694rem + 0.3766vw, 1rem); display:block;    margin-top: 20px;}

.achievement h3{font-size: clamp(1.5625rem, 1.0625rem + 1vw, 1.875rem); border-top:solid 1px #ccc;border-bottom:solid 1px #ccc; margin-top:40px; padding:20px 0;margin-bottom: 20px;}
.achievement h3 span{font-size: clamp(0.875rem, 0.694rem + 0.3766vw, 1rem); display:block;    margin-top: 15px;font-family: 'Noto Sans JP', sans-serif; color:#00744b;}
.achievement h4{ margin-bottom:10px; margin-top:40px; line-height:1.5; font-size:18px; position:relative;padding-left: 80px;}
.achievement h4:before{  content:'●';  position: absolute;  left: 0;  top:3px;  font-size:12px;}
.achievement dl{ display:flex;flex-wrap: wrap;margin-top:20px;padding-left: 80px;}
.achievement dl dt{margin-right:20px;min-width: 150px;}
.achievement a.btn_pub{display:block; margin-top:20px;}
.achievement .text{margin-bottom:100px;}
.achievement p{padding-left: 80px;}
.achievement .box{flex-direction: column;}
.achievement .box .item{margin-top:60px;}
.achievement .box .item:first-child{margin-top:0;}
.achievement .box .item h3{margin-top:0;}

.achievement.list .box{flex-direction: column; margin-top:60px; }
.achievement.list .box .item{ border:solid 1px #000; margin-bottom:30px; margin-top:0;}
.achievement.list .box .item a{padding:25px 80px;display:block; line-height:1;position:relative;}
.achievement.list .box .item a i{ position:absolute; top: 50%; right: 60px; transform: translateY(-50%);transition:0.4s all;}
.achievement.list .box .item a:hover{background:#eeeeee; }
.achievement.list .box .item a:hover i{right:50px;transition:0.4s all;}

@media screen and (max-width: 768px) {
.achievement h2{ margin-bottom:50px;}
.achievement.list .box .item{margin-bottom:20px;}
.achievement.list .box .item a{padding:25px 30px;}
.achievement.list .box .item a i{right: 30px;}
.achievement.list .box .item a:hover i{right:25px;}
.achievement ol{padding-left:0px;counter-reset: my-counter;}
.achievement ol > li{padding-left:0px;margin-top: 80px;position: relative;}
.achievement ol > li:before{counter-increment: my-counter;/* カウンターを増やす */  content: counter(my-counter) ". "; position:absolute; top:-40px; font-size:25px; }
.achievement ol > li::marker{ content:none;}

.achievement h4{padding-left:0px; font-size:20px;}
.achievement h4:before{content:none;}
.achievement dl{padding-left:0px;}
.achievement h2 span{margin-top:10px;}
.achievement dl dt{min-width:auto;}
}



/*==========================
教室紹介
=========================*/
.department{ }

.department .heading{display:flex;justify-content: space-between; align-items: flex-start;}
.department .heading h2{width:30%; line-height:1.5;}
.department .heading .text_area{width:65%;}
.department .heading .text_area .text{font-family: 'Noto Sans JP', sans-serif;}


.department .copy{text-align:center;font-size: clamp(1.25rem, 0.85rem + 0.8vw, 1.5rem);font-family: 'Noto Serif JP', serif;margin-top:80px;}

.department h4{font-size: clamp(1.125rem, 0.925rem + 0.4vw, 1.25rem); /*20:18*/ margin-top:60px;font-family: 'Noto Serif JP', serif;}



.department .history{padding:100px 0;border-top:solid 1px #efefef;}
.department .history h2{width:25%;}
.department .history .text_area{width:70%;}
.department .history .text{margin-bottom:80px;}
.department .history .copy{margin-top:0;}



.department .staffs{background:#fafafa;padding:100px 0; border-top:solid 1px #efefef;border-bottom:solid 1px #efefef;}
.department .staffs .box{flex-wrap: wrap;justify-content: flex-start;}
.department .staffs .box .item{width:22%; margin-right:4%; margin-top:80px;text-align:center;font-family: 'Noto Serif JP', serif;}
.department .staffs .box .item a{display:block;}
.department .staffs .box .item:nth-child(4n){margin-right:0;}
.department .staffs .box .item .photo{overflow:hidden;}
.department .staffs .box .item .photo{margin-bottom:20px;}
.department .staffs .box .item:hover .photo img{transform: scale(1.10);transition:0.4s all; }

.department .staffs .box .item .viewmore{display:block; width:fit-content; margin-left:auto; margin-right:auto; margin-top:30px; line-height:1; font-size:15px; position:relative; text-align:left;transition:0.4s all; border:solid 1px #CCC; padding:15px 60px 15px 25px; border-radius:25px;}
.department .staffs .box .item .viewmore i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.department .staffs .box .item:hover .viewmore i{right:15px;transition:0.4s all;}


.department .hospital{padding:100px 0;font-family: 'Noto Serif JP', serif;}
.department .highlights{background:#fafafa; padding:100px 0;border-top:solid 1px #efefef;}

.department .foot{padding:100px 0;background:#fafafa;}
.department .foot .item{width:45%;}

@media screen and (max-width: 768px) {
.department h4{margin-top:40px;}
.department .history{padding:50px 0;}
.department .history h2{width:100%;}
.department .history .text_area{width:100%; margin-top:40px;}
.department .history .text{margin-bottom:40px;}
.department .heading{flex-direction: column;}
.department .heading h2{width:100%;}
.department .heading .text_area{width:100%;margin-top:40px;}

.department .staffs{padding:50px 0;}
.department .staffs .box{display:flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row;}
.department .staffs .box .item{width:48%; margin-right:0; margin-top:40px;}
.department .staffs .box .item a{display:flex;flex-direction: column; height:100%;}
.department .staffs .box .item .kana{display:block; font-size:80%; margin-bottom:5px;}
.department .staffs .box .item .title{margin-bottom:20px;}
.department .staffs .box .item .viewmore{padding:5px 30px 5px 15px; margin-top:auto; font-size:14px; width:90%; margin-left:auto; margin-right:auto; line-height:1.3;}

.department .staffs .box .item .viewmore i{right:10px;}
.department .hospital{padding:50px 0;}
.department .highlights{padding:50px 0;}
.department .foot{padding:50px 0;}
.department .foot .item{width:100%; margin-top:40px;}
.department .foot .item:first-of-type{margin-top:0;}
.department .copy{font-size:25px;}
}



/*==========================
スタッフ詳細
=========================*/
.staff_detail{ padding-bottom:100px;}
.staff_detail .head{background:#fafafa;display:flex;align-items: center; margin-top:120px; height:150px;border-top:solid 1px #efefef;border-bottom:solid 1px #efefef; margin-bottom:100px;}



.staff_detail h3{font-size: clamp(1.25rem, 0.7974rem + 0.9416vw, 1.5625rem); margin-top:80px;}
.staff_detail h3:first-of-type{margin-top:0;}
.staff_detail .box{padding-bottom:100px;border-bottom:solid 1px #efefef;}
.staff_detail .box .photo{width:40%;}
.staff_detail .box .photo h2{font-size: clamp(1.25rem, 0.7974rem + 0.9416vw, 1.5625rem); margin-bottom:0px; line-height:1.5; margin-top:40px; text-align:center;}
.staff_detail .box .photo h2 span{ display:inline-block;font-size: clamp(1.25rem, 0.7974rem + 0.9416vw, 1.5625rem);font-family: 'Noto Serif JP', serif; color:#333333; margin-left:10px;}

.staff_detail .box .text_area{width:55%;}
.staff_detail .box dl{display:flex;flex-wrap: wrap;}
.staff_detail .box dt{width:100px; margin-bottom:5px;}
.staff_detail .box dd{width:calc(100% - 120px); margin-bottom:5px;}
.staff_detail .box .item{margin-bottom:70px;}

@media screen and (max-width: 768px) {
.staff_detail{padding-bottom:50px;}
.staff_detail .head{margin-bottom: 50px;    margin-top: 60px;
        height: auto;height: 200px;}
.staff_detail .head .global_inner{height:100%;}
.staff_detail .head h1{position:absolute;top: 50%;    left: 0%;    transform: translateY(-50%);padding-left: 7%;font-size: 40px;}
.staff_detail .box{padding-bottom:50px;}
.staff_detail .box .photo{width:100%;}
.staff_detail .box .photo h2{margin-top:20px; margin-bottom:40px;}
.staff_detail .box .photo h2 span{display:block; margin-left:0; margin-top:0;}
.staff_detail .box .photo h2 span.kana{display:inline-block; margin-top:0; margin-left:10px; display:block;}
.staff_detail .box .text_area{width:100%;}
.staff_detail h3{margin-top:40px;}
.staff_detail .box dt{width:100%;margin-bottom:0px;}
.staff_detail .box dd{width:100%; margin-bottom:15px;}



}
/*====================
診療内容
=====================*/
.service .system{padding:80px 0;background: #fafafa;}
.service .system .box{display:flex;justify-content: space-between; align-items: flex-start; margin-top:80px;}
.service .system .box:first-child{margin-top:0;}
.service .system:first-of-type{padding-bottom:0;}
.service .system h2{width:30%; line-height:1.5;}
.service .system .text_area{width:65%;}
.service .system .text_area .text{font-family: 'Noto Sans JP', sans-serif;margin-bottom:80px;}
.service .system .text_area .text:last-of-type{margin-bottom:0;}
.service .system .text_area ul{display:flex; margin-top:40px;font-family: 'Noto Serif JP', serif;}
.service .system .text_area ul li{margin-right:4%; text-align:center; margin-bottom:40px;}
.service .system .text_area ul li a{padding:30px 30px; display:block; border:solid 1px #000;}
.service .system .text_area ul li a:hover{background:#efefef;}

.service .features{margin-top:80px;margin-bottom:80px;}
.service .features .box{flex-wrap: wrap;}
.service .features .box .item{width:48%; margin-top:60px;}

@media screen and (max-width: 768px) {
.service .system{padding:40px 0;}
.service .system .box{margin-top:40px;}
.service .system .text_area{width:100%; margin-top:40px;}
.service .system .text_area ul {justify-content: space-between;flex-wrap: wrap; margin-bottom:40px; border:solid 1px #000;}
.service .system .text_area ul li{width:100%; margin-right:0; margin-bottom:0;text-align: left;}
.service .system .text_area ul li a{border-left:none; border-right:none; border-top:none;}
.service .system .text_area ul li:last-child a{border-bottom:none;}
.service .system .text_area .text{margin-bottom:40px;}
.service .features{margin:40px 0;}
.service .features .box .item{width:100%;}

.service .features .box .item .text{margin-top:60px;}
}


/*====================
研究活動
=====================*/
.activity{}
.activity .research{padding:80px 0;}
.activity .research h4:first-of-type{margin-top:40px;}
.activity .research h4{margin-top:80px;}
.activity .research .col2{margin-top:60px;}
.activity .research .col2 .item{width:50%;  display:flex;flex-direction: column;padding:0px 0px 0px 60px;}
.activity .research .col2 .item:first-child{border-right:solid 1px #CCC;padding:0px 60px 0px 0;}
.activity .research .col2 .item .text{margin-bottom:40px;}
.activity .research .col2 .item .link{ margin-top:auto;font-family: 'Noto Serif JP', serif;font-size: clamp(1.125rem, 0.925rem + 0.4vw, 1.25rem);/*20/18*/}
.activity .research .col2 .item .link ul{display:flex; }
.activity .research .col2 .item .link ul li{width:100%; border:solid 1px #000; }
.activity .research .col2 .item .link ul li:nth-child(2){border-left:none;}
.activity .research .col2 .item .link ul li a{padding:10px 40px 10px 30px; min-height:80px; display:flex;align-items: center; position:relative;min-height:95px;}
.activity .research .col2 .item .link ul li a i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.activity .research .col2 .item .link ul li a:hover{background:#dbdbdb; color:#000;}
.activity .research .col2 .item .link ul li a:hover i{right:15px;transition:0.4s all;}

.activity .research .col2 .item h4{text-align:center; position:relative;margin-bottom:80px;}
.activity .research .col2 .item h4:after{ content:"";position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background:#000; height:1px; width:100px; }

.activity .research ul.col2{margin-top:0;display:flex;flex-wrap: wrap;justify-content: space-between;font-family: 'Noto Serif JP', serif;}
.activity .research ul.col2 li{width:49%;padding:10px 40px 10px 30px;border:solid 1px #000; margin-bottom:40px; display:flex;align-items: center;justify-content: center; text-align:center;min-height:95px;}

.activity .research .name_group{padding-left:30px; border-left:solid 1px #cccccc; margin-top:40px;}
.activity .research .name_group h5{margin-bottom:10px; margin-top:40px;font-family: 'Noto Sans JP', sans-serif;}
.activity .research .name_group h5:first-child{margin-top:0;}
.activity .research .name_group .text{padding-left:27px;}
.activity .research .name_group .text.pl0{padding-left:0;}

.activity .features{margin-top:80px;}
.activity .features .box{flex-wrap: wrap;}
.activity .features .box .item{width:48%; margin-top:60px;}
.activity .others{padding:80px 0;background: #fafafa;border-top:solid 1px #efefef; margin-top:80px;font-family: 'Noto Serif JP', serif;}
.activity .others .item{width:48%;}
.activity .others .item h3{margin-top:60px;}
.activity .others .item .copy{font-size: clamp(1.125rem, 0.925rem + 0.4vw, 1.25rem); margin-bottom:30px;}


@media screen and (max-width: 768px) {
.activity .research{padding:40px 0;}
.activity .research .col2 .item{width:100%;padding:0;}
.activity .research .col2 .item:first-child{border-right:none; padding:0;}
.activity .research .col2 .item .link ul{flex-wrap: wrap;border:solid 1px #000;margin-top:20px;}
.activity .research .col2 .item .link ul li{border-left:none; border-right:none; border-top:none;}
.activity .research .col2 .item .link ul li:last-child{border-bottom:none;}
.activity .research ul.col2{margin-bottom:30px; border:solid 1px #000;}
.activity .research ul.col2 li{width:100%; margin-bottom:0px; border-left:none; border-right:none; border-top:none;justify-content: flex-start; text-align:left;}
.activity .research ul.col2 li:last-child{border-bottom:none;}
.activity .research h4 span{display:block;}
.activity .research .name_group .text{padding-left:0px;}

.activity .features{margin-top:40px;}
.activity .features .box .item{width:100%;}
.activity .others{padding:40px 0; margin-top:40px;}
.activity .others .item{width:100%;}

}


/*==========================
医学生・研修医の皆さまへ
=========================*/
.medical_students_residents{padding-bottom:80px;}
.medical_students_residents .heading{text-align:center;    background: #fafafa; padding-top:80px;border-top:solid 1px #efefef;}
.medical_students_residents .heading h3{margin-top:60px;}
.medical_students_residents .heading h3.line:after{left: 50%; transform: translateX(-50%);}
.medical_students_residents .introduction{border-top:none;border-bottom:none;}

.medical_students_residents .training .heading{background:#FFF;padding-bottom:80px;}



.medical_students_residents .features{padding:80px 0;border-top:solid 1px #efefef;}
.medical_students_residents .features h2{font-size: clamp(1.125rem, 0.725rem + 0.8vw, 1.375rem); /*22/18*/}
.medical_students_residents .features .box{flex-wrap: wrap;}
.medical_students_residents .features .box .item{width:48%; margin-top:60px;}
.medical_students_residents .features .box .item h3{margin-bottom:70px;}
.medical_students_residents .features .box .item h4{font-size: clamp(1.125rem, 0.925rem + 0.4vw, 1.25rem); margin-top:40px;margin-bottom:20px;}
.medical_students_residents .features .box .item h4:first-of-type{margin-top:0;}

.medical_students_residents .col4{padding-bottom:80px;}
.medical_students_residents .col4 h3:first-of-type {margin-top: 60px;}
.medical_students_residents .col4 h4:first-of-type{margin-top:40px;}
.medical_students_residents .col4 h4{margin-top:80px;}

.medical_students_residents .tours .consultation{padding:80px 0;border-top:solid 1px #efefef;background: #fafafa;}
.medical_students_residents .tours .consultation .box{flex-wrap: wrap;}
.medical_students_residents .tours .consultation .box .item{ width:48%; margin-top:60px;}
.medical_students_residents .tours .consultation .box .item:nth-child(1){margin-top:0;}
.medical_students_residents .tours .consultation .box .item:nth-child(2){margin-top:0;}
.medical_students_residents .tours .consultation .box .item .text{margin-top:30px;}

.medical_students_residents .tours .information{padding-top:80px;border-top:solid 1px #efefef;}
.medical_students_residents .tours .information h2{width:25%;}
.medical_students_residents .tours .information .text_area{width:70%;}
.medical_students_residents .tours .information .text_area .tel{font-size:26px; font-style:italic;font-family: 'Noto Serif JP', serif;}
.medical_students_residents .tours .information .text_area .text{margin-top:20px;}
.medical_students_residents .tours .information .text_area h3{margin-top:40px;}

@media screen and (max-width: 768px) {
.medical_students_residents{padding-bottom:40px;}
.medical_students_residents .heading{ padding-top:40px;}
.medical_students_residents .heading h3{margin-top:30px;}
.medical_students_residents .introduction{padding:25px 0;}
.medical_students_residents .training .heading{padding-bottom:40px;}
.medical_students_residents .features{padding:40px 0;}
.medical_students_residents .features .box .item{width:100%; margin-top:30px;}
.medical_students_residents .features .box .item:first-of-type{margin-top:0;}
.medical_students_residents .features .box .item h3{margin-bottom:50px;}
.medical_students_residents .col4{padding-bottom:40px;}
.medical_students_residents .col4 h3:first-of-type{margin-top:30px;}
.medical_students_residents .tours .consultation{padding:40px 0;}
.medical_students_residents .tours .consultation .box .item{width:100%;}
.medical_students_residents .tours .information{padding:40px 0;}
.medical_students_residents .tours .information h2{width:100%;text-align: center;}
.medical_students_residents .tours .information .text_area{width:100%;}
.medical_students_residents .tours .information .text_area .tel{text-align:center; margin-top:20px;}
}



/*==========================
もっと見る
=========================*/
.viewmore{margin-top:60px;font-family: 'Noto Sans JP', sans-serif;}
.viewmore a{padding:15px 25px; border-radius:25px; border:solid 1px #000; display:block; width:200px; line-height:1; font-size:15px; position:relative; text-align:left;}
.viewmore a i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
.viewmore a:hover{background:#333; color:#FFF;}
.viewmore a:hover i{right:15px;transition:0.4s all;}

/*==========================
戻る
=========================*/
.btn_back{margin-top:100px;font-family: 'Noto Sans JP', sans-serif;}
.btn_back a{padding:15px 25px; border-radius:25px; border:solid 1px #000; display:block; width:200px; line-height:1; font-size:15px; position:relative; text-align:left; margin-left:auto; margin-right:auto; text-align:right;}
.btn_back a i{ position:absolute; top: 50%; left: 20px; transform: translateY(-50%);transition:0.4s all;}
.btn_back a:hover{background:#333; color:#FFF;}
.btn_back a:hover i{left:15px;transition:0.4s all;}



@media screen and (max-width: 768px) {
.btn_back{margin-top:50px;}
.viewmore{margin-top:40px;}
.viewmore a{margin-left:auto; margin-right:auto; font-size:14px;}
}
/*==========================
スワイパー
=========================*/
.swiper{}


@media screen and (max-width: 768px) {
}


/*==========================
フッター
=========================*/
footer{background:#fafafa; padding:80px 0; text-align:center;border-top:solid 1px #efefef;}
footer .logo{max-width:500px; margin:0 auto 40px auto;}
footer .address{margin-bottom:30px;}
footer .address span{margin-left:20px;font-family: 'Noto Sans JP', sans-serif;}
footer .menu{margin-bottom:30px; display:flex;justify-content: center;font-family: 'Noto Sans JP', sans-serif;}
footer .menu ul{display:flex;justify-content: center;white-space: nowrap;}
footer .menu ul li{margin:0 25px;}
footer .menu ul li a:hover{text-decoration:underline;}
footer .sns{margin-bottom:50px; margin-right:0;}
footer .sns ul{display:flex;justify-content: center; }
footer .sns ul li{margin:0 10px;font-size:25px;}
footer .link{margin-bottom:80px;}
footer .link ul{display:flex;justify-content: space-between;align-items: flex-end;font-family: 'Noto Serif JP', serif; text-align:left;font-size: clamp(0.875rem, 0.5129rem + 0.7533vw, 1.125rem);font-weight: 500;}
footer .link ul li{width:30%; }
footer .link ul li a{border-bottom:solid 1px #000;  display:block; padding:10px 40px 10px 10px;position:relative;}
footer .link ul li a i{ position:absolute; top: 50%; right: 20px; transform: translateY(-50%);transition:0.4s all;}
footer .link ul li a:hover i{right:10px;transition:0.4s all;}
footer .copyright{font-family: 'Noto Sans JP', sans-serif;font-size:13px;}

@media screen and (max-width: 768px) {
footer{padding:60px 0;}
footer .global_inner{width: 100%;padding: 0;}
footer .logo{padding: 0px 6%;}
footer .menu ul{flex-direction: column;justify-content: flex-start; width:50%;white-space: wrap; letter-spacing:0; font-size:14px;border-top:solid 1px #CCC;}
footer .menu ul li{margin:0; border-bottom:solid 1px #CCC;}
footer .menu ul li a{padding:20px 0; display:block;}
footer .menu ul:first-child li{border-right:solid 1px #CCC;}
footer .address span{display:block;margin-left:0px;}
footer .link{padding: 0px 6%;}
footer .link ul{flex-direction: column;}
footer .link ul li{width:100%; }
footer .link ul li a{padding:15px 40px 15px 15px;}
footer .copyright{padding: 0px 6%;}
footer .sns ul li{font-size:35px;}
}




/*==========================
お問い合わせ
=========================*/
.contact{font-family: 'Noto Sans JP', sans-serif; padding-bottom:100px;}
.contact .text{margin-top:120px;font-family: 'Noto Serif JP', serif; text-align:center;}
.contact .box{flex-direction: column; margin-top:80px;}
.contact .box .item{display:flex; border-top:solid 1px #efefef; padding:30px 0;}
.contact .box .item .title{display:flex;align-items: center;margin-top:40px; width:25%;min-width: 300px;}
.contact .box .item .title:first-of-type{margin-top:0;}
.contact .box .item .title .must{border-radius:25px; text-align:center; padding:5px 25px; margin-right:20px; font-size:12px;}
.contact .box .item .title .must.on{background:#FFF; color:#000; border:solid 1px #000;}
.contact .box .item .title .must.off{background-color:rgba(238,238,238,0.5); color:#888888;border:solid 1px #888888;}
.contact input[type="text"],.contact input[type="email"],.contact textarea{border:solid 1px #000; background:#FFF;padding:10px 10px; width:100%; font-size:16px;}
.contact .box .item.textarea{flex-direction: column;}
.contact .box .item.textarea .wpcf7-form-control-wrap{width:100%; margin-top:30px;}

input[type="radio"] {
    /* デフォルトの丸を消す */
    appearance: none;
    -webkit-appearance: none;
    
    /* 四角のサイズと枠線 */
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin:0 5px 3px 0;
  }
  
 /* チェックされた時の色 */
  input[type="radio"]:checked {
    background-color: #000;
    border-color: #000;
    position: relative;
  } 
  
  

.contact input::placeholder{font-weight:300; color:#cccccc;}
.contact .formbtn{width:250px; border:solid 1px #000; border-radius:25px; background:#FFF; font-weight:500; margin-left:auto; margin-right:auto;display: block; margin-top:60px; position:relative;transition:0.4s all;}
.contact .formbtn input{padding: 10px 25px; width:100%;}
.contact .formbtn:after{ content:'\f061';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900; position:absolute; top: 50%;    transform: translateY(-50%); right:30px;transition:0.4s all;}
.contact .formbtn:hover{background:#CCC;transition:0.4s all;}
.contact .formbtn:hover:after{right:20px;transition:0.4s all;}
.wpcf7-spinner{display:none;}

  
@media screen and (max-width: 768px) {
.contact{padding-top:0px;margin-top:60px; padding-bottom:50px;}
.contact .text{margin-top:60px;}
.contact .box .item{flex-direction: column;}
.contact .box .item .title{margin-top:40px; width:100%;min-width: auto; margin-bottom:10px;flex-direction: row-reverse;justify-content: space-between;}
.contact .box .item.textarea .wpcf7-form-control-wrap{margin-top:0px;}
.contact .box .item .title .must{margin-right:0;}
}





/*=======  ページャー  =======*/

.pagenation{display:flex;justify-content: space-between; margin-top:100px; margin-bottom:100px;}
.pagenation .unit{width:50%;}
.pagenation .unit a{}
.pagenation .unit:last-child{text-align:right;}
.pagenation .unit > div{display:flex; font-size:13px; margin-bottom:20px;}
.pagenation .unit:last-child > div{flex-direction: row-reverse;}
.pagenation .unit .date{ margin-bottom:0px;}
.pagenation .unit .title{border-bottom:none; padding-bottom:0px;}
.pagenation .unit .title a{color:#000; font-size:13px;}



.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '';  width: 15px;  height: 15px;  border-top: solid 2px #000;  border-right: solid 2px #000;  position: absolute;  left: 0px;  top: 4px;}

.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before {  transform: rotate(45deg);}

@media screen and (max-width: 768px) {
.page-detail .title{margin-bottom:40px;}
.pagenation{margin-bottom:40px;}
}





table {width:100%; margin-top:40px;}
table th, table td{padding:10px;border-top:solid 1px #000; line-height:1.8;}
table tr:last-child th, table tr:last-child td{border-bottom:solid 1px #000;}
table th{width:25%;  font-weight:normal;}
.img100{width:100%; height:auto;}


@media screen and (max-width: 768px) {
table td,table th{width:100%; display:block;}
table th{background:#f0f0f0;}
table tr:last-child th{border-bottom:none;}

}

/*==============================
部品
==============================*/

.bg_gray{background:#fafafa;}
.bg_white{background:#FFF;}
.border_top{border-top:solid 1px #efefef;}
.link_top{font-size:18px; margin-top:60px; text-align:center;font-family: 'Noto Sans JP', sans-serif; font-weight:600;}
.btn_back{text-align:center;}
.btn_back img{width:200px;}
ul.circle{ margin-top:5px; }
ul.circle li{text-indent: -20px;padding: 0 0 0 20px;}
ul.circle li:before{content:"●"; margin-right:5px;}
ul.circle.brown{color:#8b6500;font-family: 'Noto Sans JP', sans-serif;font-weight: 500; margin-bottom:5px;}
.pl30{padding-left:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.text_center{text-align:center;}

@media screen and (max-width: 768px) {
.mt60{margin-top:40px;}
.link_top{margin-top:40px; }
.pl30{padding-left:0px;}
}
/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;left: calc(100vw - 100px); display:none; z-index:1;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: 20px;left:auto; right:25px; }
#page_top a{}
}



/*=======  サイトマップ  =======*/








/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 1.0s ease 0.5s 1 normal backwards;}
.delay01{animation-delay: 0.1s !important;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}




@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}