@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*
-------------------------------
共通
-------------------------------
*/
:root {
  --main-font-color: #000;
  --english-font: "futura-pt", sans-serif;
  --f-f-mincho:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  --f-f-main:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.sub_title{
  font-family: var(--english-font);
  font-size: 36px;
  font-weight: 800;
  margin-bottom:60px;
}
.ta_c{
  text-align: center;
}
/*
-------------------------------
index
-------------------------------
*/
/* メインビジュアル */
.kv{
  position:relative;
  margin-top:153px;
}
.kv h1{
  position:absolute;
  font-family: var(--english-font);
  font-size:6vw;
  color:#fff;
  width:100%;
  letter-spacing: 15px;
}
.kv::after{
  position:absolute;
  content:"";
  width:100vw;
  height:fit-content;
  background-color: rgba(0,0,0,0.2);
}


.kv_title{
  opacity: 0;
  animation: fadeIn_title 4s ease 1s 1 normal backwards;
}
.kv_title span{
  font-family: var(--f-f-mincho);
  font-size:36px;
}
.kv_title.active{
  opacity: 1;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

@keyframes fadeIn_title {
  from {
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  to {
    opacity: 1;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
  }
}
.kv img.scrolldown{
  width:90px;
  opacity: 0;
  position:absolute;
  bottom:-45px;
  transform: translatex(-50%);
  left: 50%;
  animation: fadeIn_arrow 5s ease 1s 1 normal backwards;
}
.kv img.scrolldown.active{
  opacity: 1;
}
@keyframes fadeIn_arrow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* youtube */
.youtube{
  background: url(../images/index/youtube_bg.jpg) center center no-repeat;
  background-size: cover;
  margin-top:150px;
  padding-top:60px;
  padding-bottom:30px;
}
.youtube p{
  font-size:18px;
  font-family: var(--f-f-mincho);
  margin:1rem auto;
  margin-bottom:60px;
}
.movie_inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:30px;
  background-color: rgba(242, 250, 252,0.4);
  box-shadow: 0px 4px 8.55px 0.45px rgba(0, 0, 0, 0.4);
}
.movie_inner iframe{
  width:100%;
  height:800px;
}
.movie_btn{
  display: flex;
  width:100%;
  max-width:1280px;
  justify-content: space-around;
  margin:60px auto;
}
.movie_btn a{
  position:relative;
  display: block;
  padding:12px 0 12px 10px;
  width:20%;
  border:1px solid #3c3c3c;
  box-sizing: border-box;
  font-size:18px;
  font-family: var(--f-f-mincho);
}
.movie_btn a::after{
  position:absolute;
  content:">>";
  top:8px;
  right:10px;
}
/* About Us */
.about{
  margin:200px auto;
}
.about_flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-weight: bold;
}
.about_content{
  opacity: 0;
  width:55%;
  padding-right:3%;
}
.about_content.active{
  animation: fadeInLeft 2s ease 1s 1 normal backwards;
  opacity: 1;
}
.section_title{
  font-size:36px;
  font-family: var(--english-font);
  margin-bottom:60px;
  font-weight:800;
  line-height: 1.4rem;
}
.section_title span{
  font-size:14px;
  font-weight:normal;
}
.section_sub_title{
  font-size:28px;
  font-family: var(--f-f-mincho);
  margin-bottom:60px;
}
.section_about_text{
  font-size:18px;
  margin-bottom:50px;
  font-weight:normal;
  line-height: 2;
}
.about_btn a{
  display: block;
  border:1px solid #000;
  position:relative;
  font-size:18px;
  font-family: var(--english-font);
  max-width: 252px;
  padding:10px 25px 10px 20px;
  margin-bottom:20px;
  font-weight: 400;
}
.about_btn a.clinic{
  padding:10px 25px 10px 20px;
  font-family: var(--f-f-mincho);
}
.about_btn a::after{
  position:absolute;
  content:">";
  top:10px;
  right:20px;
}
.about_image{
  width:45%;
  text-align: right;
}
.about_image img.about_image1{
  width:100%;
}
.about_image_bottom{
  position:relative;
  z-index: 1;
  margin-top:-80px;
}
.about_image2{
  width:74.8%;
}
.about_image3{
  display: block;
  width:37%;
  margin:-232px 0 0 auto;
}
/* service */
.service{
  margin:200px auto 240px;
}
.content_title{
  font-size:36px;
  font-family: var(--english-font);
  margin-bottom:80px;
}
.content_title span{
  font-size:16px;
}
.content_menu{
  position:relative;
  margin-bottom:16vw;
}
.content_image{
  margin-left: calc(50% - 50vw);
  padding-right:150px;
  box-sizing: border-box;
}
.content_image img{
  width:100%;
}
/* company */
.company{
  margin:150px auto;
}
.company_table{
  width: 100%;
  font-size:16px;
}
.company_table tr:nth-child(odd){
  background-color: #cae7ff;
}
.company_table tr th{
  width:20%;
  padding:15px;
  font-weight: bold;
}
.company_table tr td{
  width:80%;
  padding:15px;
  border-left:1px solid #7bc2fc;
}
/* ワイプアニメーション*/
.wipein_1 {
  position: relative;
}
.wipein_1 img,
.wipein_1 .contents_txt {
  opacity: 0;
}
.wipein_1.show img,
.wipein_1.show .contents_txt{
  animation: wipeimg 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.wipein_1:after {
  display: block;
  content: "";
  height: 100%;
  background:#f1f1f1;
  position: absolute;
  top: 0;
}
.wipein_1.show {
  animation: wipecolor .7s ease-in-out both;
}
.wipein_1.show:after {
  animation: wipebar .7s ease-in-out both;
}
.wipein_1.wipe_right.show:after {
  animation: wipebar_right .7s ease-in-out both;
}
@keyframes wipebar {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}

@keyframes wipebar_right {
  0% {
    left: 100%;
    right: 0;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 0;
    right: 100%;
  }
}
@keyframes wipecolor {
  0% {
    color: transparent;
  }
  50% {
    color: transparent;
  }
  51% {
    color: var(--main-font-color);
  }
  100% {
    color: var(--main-font-color);
  }
}
@keyframes wipeimg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.menu_text{
  padding:35px 5%;
  background-color: #cae7ff;
  color:#fff;
  width:70%;
  position:absolute;
  bottom:-120px;
  right:0;
}

.menu_title{
  display: flex;
  align-items: center;
  font-size:30px;
  padding-right:10%;
  font-family:var(--english-font);
  color:#253494;
}
.menu_title span{
  font-size:10px;
  margin:0 auto 0 1rem;
  display: block;
  font-family: var(--f-f-main);
}
.menu_txt_inner{
  display: flex;
  margin-top:1em;
}
.menu_txt_inner span{
  padding-right:20px;
  width:75%;
  box-sizing: border-box;
  font-size:14px;
  color:#000;
}
.menu_text figure img{
  width:4.3vw;
}
.medical_content_link{
  width:25%;
  font-size:12px;
  font-family: var(--f-f-mincho);
  background-color: #fff;
  position:relative;
  text-align: center;
  border:1px solid #000;
  font-weight:800;
  height:50px;
  padding:14px 0;
  box-sizing: border-box;
  color:#000;
}
.medical_content_link::after{
  position:absolute;
  content:">";
  top:14px;
  right:10px;
}

.salon{
  margin-top:100px;
  padding-top:100px;
  padding-bottom:100px;
  background: url(../images/index/salon_bg.png) center center no-repeat;
  background-size: cover;
  margin-bottom:150px;
}
.salontxt{
  margin-bottom:100px;
  font-size:24px;
}
.salon_link_btn{
  width:70%;
  margin:7px auto;
  background-color: #fff;
  border:1px solid #000;
  padding:10px 0 10px 20px;
  box-sizing: border-box;
  position:relative
}
.salon_link_btn::after{
  position:absolute;
  content:">";
  width:20px;
  height:20px;
  top:9px;
  right:12px;
}
/* insta */
.instagram{
  margin:200px auto;
  padding:0;
  width:65%;
  min-width:836px;
}
h3.insta{
  font-family: var(--f-f-mincho);
  font-size:32px;
  margin-bottom:80px;
}
#sb_instagram{
  width:100%;
  max-width: 1280px;
}
/* 
-----------------------
jupiter
----------------------- */
.jupiter_kv h2{
  position:absolute;
  font-family:var(--f-f-mincho);
  font-size:36px;
  color:#fff;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-weight:bold;
}
.jupiter_banner{
  margin:100px auto;
}
.doctor_head{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.doctor_head img{
  width:30%;
}
.doctor_head_text{
  width:65%;
}
.doctor_head h3{
  font-size:36px;
  font-family: var(--f-f-mincho);
  color:#837200;
}
.doctor_head p{
  margin-top:2rem;
  font-size:16px;
}
.doctor_head p span{
  font-family: var(--f-f-mincho);
  font-size:24px;
  color:#ff0000;
}
.doctor_content{
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top:100px;
}
.doctor_inner{
  width:45%;
  margin-bottom:40px;
}
.doctor_inner img{
  width:100%;
}
.doctor_inner h4{
  font-family: var(--f-f-mincho);
  font-size:30px;
  margin:10px auto;
}
.doctor_inner h4 span{
  font-size:20px;
}
.doctor_inner p{
  font-size:16px;
  padding:1rem;
  background-color: #e8e8e8;
}
/*====================================================================
slick
====================================================================*/

.slider {
  margin: 0 auto;
  max-width: 1280px;
  /* width: 80%; */
}
.slider.slider_category{
  margin-top:100px;
}
.slider-img {
  margin: 0 5px;
  
}
.thumb_image{
  width:100%;
  height:180px;
  overflow: hidden;
}
.slider-img img {
  width:90%;
  height:180px;
  object-fit: cover;
  margin:0 auto;
}
.slide-arrow {
  background-color: transparent;
  bottom: 60px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 23px;
  width: 20px;
  border:none;
}
.prev-arrow{
  width:30px;
  height:30px;
  background: url(../images/index/prev_btn.png) center center no-repeat;
  background-size: contain;
  left: -30px;
}
.next-arrow{
  width:30px;
  height:30px;
  background: url(../images/index/next_btn.png) center center no-repeat;
  background-size: contain;
  right: -30px;
}
.news_date{
  font-size:14px;
  margin-top:5px;
}
.news_title{
  font-weight:bold;
  font-size:14px;
  margin-top:10px;
}
.slick-dots{
  bottom: -50px !important;
}
/* .sidebar */
.side_title{
  font-family: var(--english-font);
  font-size:16px;
  font-weight:bold;
  padding:10px 5%;
  border:1px solid #4D4D4D;
  box-sizing: border-box;
}
.side_content{
  padding:10px 5%;
  box-sizing: border-box;
  background-color: #efefef;
}
.side_inner{
  margin-bottom:10px;
}
.side_inner .news_title{
  text-align: left;
  border-bottom:1px solid #a0a0a0;
}
.side_inner .news_date{
  font-family: var(--english-font);
  font-weight: bold;
}
.side_inner .news_date,
.side_inner .news_title{
  font-size: 13px;
}
.side_inner .news_title{
  color:#ed8599;
}

/* 公開前contact */
.contact_kv img{
  width:100%;
}
.contact_info{
  margin:80px auto;
}
.contact_info p{
  margin:80px auto 0;
  width:80%;
  font-size:16px;
}
form{
  margin-top:60px;
}
.form{
  width:80%!important;
  margin:50px auto 0;
  padding: 60px 100px;
  background-color: #f4f5ff;
  border-radius:20px;
  border:3px solid #fff;
}
.form h3{
  font-size:30px;
  margin-bottom:60px;
  font-weight: bold;
  color:#fff;
  text-decoration: underline;
}
.form input[type=text],
.form input[type=email],
.form input[type=time],
.form textarea{
  width:50%;
  padding:10px;
  font-size: 16px;
  border-radius:7px;
  border:none!important;
}
.form input[type=time],
.form input[type=text]#age{
  width:10%;
}
.form p{
  font-size: 16px;
  opacity: 0.8;
  margin-bottom:3px;
  color:#253494;
  font-family: var(--f-f-mincho);
}
.form input[type=submit]{
  padding:15px 0;
  width:200px;
  border:none;
  background-color: #fff;
}
.form.form_confirm{
  margin:80px auto;
}
.contact_title{
  font-size:20px;
  margin-top:80px;
}
.thanks_text{
  margin:80px auto;
  width:80%;
  font-size:18px;
}

/* 公開前index */

.before_info{
  padding:200px 0;
}
.before_info h2{
  font-family: var(--f-f-mincho);
  font-size:35px;
  padding:0 0;
  font-weight: bold;
}
.before_bottom{
  background-color: #253494;
  padding:100px 0;
}
.before_text{
  font-size:24px;
  background-color: #f4f5ff;
  padding-bottom:40px;
  color:#000;
}
.before_text.thanks{
  width:100%;
  max-width: 980px;
  padding:60px;
  margin:0 auto;
}
.thanks_text_bg{
  margin-top:60px;
  background-color: #f4f5ff;

}
.before_btn a{
  display: block;
  width:300px;
  margin:40px auto 0;
  padding:20px 0;
  background-color: #fff;
  color:#000;
  font-size:16px;
  position:relative
}
.before_btn a::after{
  content:">";
  position:absolute;
  top:20px;
  right:15px;
}
/*
-------------------------------
PRICE
-------------------------------
*/
section.price{
  margin-top:113px;
  padding:100px 0;
}
.price h2{
  background: url(../images/common/price_bg.png) center center no-repeat;
  background-size: cover;
  font-size:35px;
  color:#fff;
  padding:100px 0;
  font-weight: bold;
  font-family: var(--f-f-mincho);
}
ul.price_nav li{
  display: block;
  width:30%;
  padding:8px 0;
  background-color: #c08ba5;
  border-radius: 18px;
  text-align: center;
}
ul.price_nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:60%;
  min-width:700px;
  margin:60px 0 0 auto;
  font-size:14px;
}
ul.price_nav li a{
  color:#fff;

}
.price_table_content{
  margin:75px auto 0;
}
.price_table_content p{
  font-size:16px;
}
.price_table_content h3{
  color:#fff;
  font-weight:bold;
  background-color: #B96E93;
  margin-bottom:50px;
  padding: 10px 1em 10px 34px;
  font-size:20px;
}
table.price_table{
  width:100%;
  border-collapse: collapse;
}
table.price_table thead th,
table.price_table tbody th,
table.price_table tbody td{
  padding:15px;
  border:1px solid #B96E93;
}
table.price_table th{
  background-color: rgba(255,181,218,0.6);
  font-size:18px;
  font-weight:bold;
  width:50%;
}
table.price_table td{
  background-color: #fffbec;
  font-size:16px;
}
table.price_table.exception th{
  width:33%;
}
p.price_attention{
  font-size:14px;
  margin-top:10px;
}
/*
-------------------------------
INTRODUCTION
-------------------------------
*/
.doctor_intro{
  margin-top:150px;
}
h2.intro_title{
  background: url(../images/common/intro_bg.png) center center no-repeat;
  background-size: cover;
  font-size:35px;
  color:#fff;
  padding:100px 0;
  font-weight: bold;
  margin-top:213px;
  font-family: var(--f-f-mincho);
}
h3.intro_sub_title{
  color:#fff;
  font-weight:bold;
  background-color: #B96E93;
  margin-bottom:50px;
  padding: 10px 1em 10px 34px;
  font-size:20px;
}
.intro_discription{
  margin-bottom:40px;
  font-size: 14px;
}

.doctor_discription{
  padding-left:5%;
  font-size:20px;
  line-height: 1.8;
}
.doctor_discription p span{
  font-weight:bold;
  font-size:24px;
  font-family:var(--f-f-mincho)
}
.doctor_discription p span.doctor_name{
  text-align: right;
  display: block;
}
.biography{
  margin-top:40px;
}
.biography h4{
  font-weight:bold;
  font-size:24px;
  font-family:var(--f-f-mincho);
  margin-bottom:7px;
}
.biography ul{
  list-style: none;
  font-size:16px;
  line-height: 1.8;
  margin-bottom:40px;
}
.hospital_intro{
  margin-top:150px;
}
.hospital_content{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom:50px;
}
a.entrance_image{
  width:55%;
}
.hospital_content img{
  width:100%;
}
.entrance_title{
  font-size:16px;
}
.hospital_text{
  padding-right:5%;
  width:45%;
  font-size:18px;
}
.hospital_text h4,
.treatment_content h4{
  font-weight:bold;
  font-size:24px;
  font-family:var(--f-f-mincho);
  margin-bottom:7px;
}
.hospital_text p{
  font-size:18px;
  line-height: 1.8;
}
.hospital_text p span{
  font-size:14px;
}
.treatment_content p{
  font-size:16px;
  line-height: 1.8;
}
.treatment_content{
  margin-top:50px;
}
.calendar{
  margin-top:150px;
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
}
.calendar_content{
  width:80%;
  margin:0 auto;
}
.calendar table{
  width:100%;
  border-collapse: collapse;
  font-size:16px;
  margin-bottom:7px;
}
.calendar table th,
.calendar table td{
  border:1px solid #B96E93;
  text-align: center;
  padding:5px 0;
}
.calendar table th{
  font-weight:bold;
  background-color: rgba(255,181,218,0.6);
}
.calendar table tbody tr:first-child td{
  background-color: #fffbec;
}
.calendar p{
  font-size:16px;
  margin:7px 0 0;
  text-align: right;
}
.calendar p.calendar_attention{
  font-size:12px;
  color:#B96E93;
  text-align: left;
  margin:0;
}

.access{
  margin:150px auto;
}
.hospital_name{
  font-weight:bold;
  font-size:24px;
}
.access table{
  font-size:20px;
  margin-top:10px
}
.access table th{
  vertical-align: top;
}
.access table td{
  padding-left:7px;
}
/*
-------------------------------
ARCHIVE
-------------------------------
*/
.archive_news{
  width:100%;
  max-width:800px;
  margin:200px auto;
}
.news_head h2{
  background: url(../images/common/topic_bg.png) center center no-repeat;
  background-size: cover;
  font-size:35px;
  color:#fff;
  padding:100px 0;
  font-weight: bold;
  font-family: var(--f-f-mincho);
}
.news_head ul{
  margin:60px 0 60px auto;
}
.news_head ul{
  display: flex;
  justify-content: flex-end;
}
.news_head ul li{
  margin-left:10px;
}
.entry__inner a{
  display: flex;
}
.cp_ttl{
  display: flex;
  align-items: center;
  margin-bottom:25px;
  padding-bottom:25px;
  border-bottom:1px solid #999;
}
.cp_ttl img{
  width:15%;
  height:auto;
}
.category_list{
  margin-top:50px;
}
.category_list ul{
  padding:30px;
}
h2.category_title{
color: #fff;
font-weight: bold;
background-color: #253494;
margin: 200px auto 50px;
padding: 10px 1em 10px 34px;
font-size: 20px;
}
.taxonomy_date{
  margin-left:100px;
  font-size:14px;
}
.taxonomy_title{
  margin-left:50px;
  font-size:16px;
}
/*
-------------------------------
投稿記事
-------------------------------
*/
main.main_single{
  margin:200px auto 0;
}
.post_title{
  margin:30px auto 0;
}
.post_title h2{
  color:#fff;
  font-weight:bold;
  background-color: #253494;
  margin-bottom:30px;
  padding: 10px 1em 10px 34px;
  font-size:20px;
}
.post_info{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding:7px 5px 0 0;
  font-size:12px;
}
.post_info a{
  display: inline-block;
  text-decoration: underline;
  font-weight: bold;
  color:#253494;
}
.post_flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin:10px auto 150px;
}
.single_content{
  padding:0 20%;
  box-sizing: border-box;
}
.post_flex_content{
  width:75%;
}
.single_content img{
  width:100%;
  height:auto;
}
.single_content p{
  margin-top:30px;
  font-size:16px;
}
.post_sidebar{
  width:25%;
  margin-top:30px;
}
/*
-------------------------------
SIDEBAR
-------------------------------
*/
.side_title{
  font-family: var(--english-font);
  font-size:16px;
  font-weight:bold;
  padding:10px 5%;
  border:1px solid #4D4D4D;
  box-sizing: border-box;
}
.side_content{
  padding:10px 5% 20px;
  box-sizing: border-box;
  background-color: #efefef;
}
.side_inner{
  margin-bottom:10px;
}
.side_content ul{
  list-style: none!important;
}
.side_inner .news_title,
.side_content ul li{
  text-align: left;
  border-bottom:1px solid #a0a0a0;
}
.side_inner .news_date{
  font-family: var(--english-font);
  font-weight: bold;
}
.side_inner .news_date,
.side_inner .news_title,
.side_content ul li{
  font-size: 13px;
}
.side_content ul li{
  margin-top:7px;
  font-weight:bold;
  line-height: 2;
}
.side_inner .news_title,
.side_content ul li a{
  color:#253494;
}
/*
-------------------------------
breadcrumbs
-------------------------------
*/
.breadcrumbs{
  display: flex;
  padding-left:2%;
}
.breadcrumbs a{
  padding-right:10px;
  position:relative;
  margin-right:5px;
}
.breadcrumbs a:not(:last-child)::after{
  content:">";
  position:absolute;
  top:0;
  right:0;
}
/*
-------------------------------
introduction garally
-------------------------------
*/
.garary_content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.garary_content a{
  width:31%;
  display: block;
}
.garary_content a:not(:last-child){
  margin-bottom:30px;
}
.garary_content a img{
  width:100%;
}
.garary_content a span{
  display: block;
  font-size:16px;
  margin-top:5px;
}
/*
-------------------------------
introduction_content
-------------------------------
*/
h2.intro_title.m_content{
  background: url(../images/aza/medical_content_head_bg.jpg);
}
.m_content_head{
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  margin:80px auto;
}
.m_content_head.ex{
  display: block;
}
.m_content_head p{
  font-size: 20px;
  width:50%;
  padding:0 3% 0 0;
  line-height: 1.8;
}
.m_content_head.ex p{
  width:100%;
}
.m_content_head img{
  width:50%;
}
ul.aza_nav{
  display: flex;
  width:95%;
  margin:0 auto 80px;
  justify-content: space-between;
}
ul.aza_nav li{
  width:18%;
  height:36px;
  border-radius:18px;
  background-color: #eeaacc;
  text-align: center;
  line-height: 36px;
  
}
ul.aza_nav li a{
  color:#fff;
  font-size:14px;

}
.m_content_wrap{
  margin-bottom:100px;
}
.m_content_wrap h3{
  font-size:24px;
  background-color: #b96e93;
  font-weight:bold;
  color:#fff;
  padding:7px 10px;
  margin-bottom:48px;
}
.m_content_wrap h4{
  font-size:20px;
  font-family:var(--f-f-mincho);
  margin-bottom:24px;
}
.m_content_wrap p{
  font-size:16px;
}
.m_content_wrap ol{
  margin-top:24px;
  padding-left:3rem;
}
.m_content_wrap ol li{
  list-style: decimal-leading-zero;
  font-size:20px;
}
.m_content_wrap ol li p{
  padding-top:0.5rem;
}
.m_content_wrap h4.sec{
  margin-top:36px;
}
.b_after{
  margin-top:60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.b_after img{
  margin-top:7px;
  width:10%;
}
.b_after p{
  width:40%;
}
.b_after.gas p{
  width:30%;
}
.b_after p img{
  width:100%;
}
.m_content_wrap table tr th,
.m_content_wrap table tr td{
  font-size:16px;
  padding-bottom:5px;
}

.m_content_wrap ol.alpha li{
  list-style-type: upper-alpha;
  margin-top:12px;
}
.m_content_wrap ol.alpha li p{
  padding-top:0;
}
.b_after.biyou{
  justify-content: space-around;
}
.m_content_wrapper{
  margin-bottom:200px;
}
.m_content_wrapper.ex{
  margin-top:100px;
}
h4.wp-block-heading{
  font-size:20px;
  font-weight:bold;
  margin:24px auto 12px;
  color:#253494;
}
.wp-block-table .has-fixed-layout{
  table-layout: inherit!important;
}
.wp-block-table .has-fixed-layout tr td{
  border:none;
  font-size:14px;
  padding:10px;
}
.wp-block-table .has-fixed-layout tr:nth-child(odd){
  background-color:#f0f2ff;
}
.wp-block-table .has-fixed-layout tr td:first-child{
  font-weight:bold;
  border-right:1px solid #cad1ff;
}

.books{
  position:relative;
  height:50vh;
}
.books p{
  position:absolute;
  text-align: center;
  font-family: var(--f-f-mincho);
  font-weight:600;
  font-size:60px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  color:#253494
}