@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600&display=swap');

.under #wrapper{min-width: 1280px}
.under #main{margin-top: 108px;position: relative;}
.under #main::before{width: 960px;height: 250px;background: #E8F4FA;position: absolute;top: 180px;left: 50%;content: '';z-index: -1;}

.under #main *{box-sizing: border-box;color: #353535;outline: none;}
.under #main img{max-width: 100%}
.under #main .bold {font-weight: bold;}
.under #main .inner{width: 1200px;margin: 0 auto}
.under #header h1{display: block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 100px;}

.under #main p,
.under #main dt,
.under #main dd,
.under #main td,
.under #main th,
.under #main li{line-height: 2em;font-size: 16px;letter-spacing: 0.075em;}

.under #main a,
.under #main a.no_h,
.under #main a.no_h:hover{color: #234872;text-decoration: underline;word-break: break-word;}
.under #main .idx_btn a,
.under #main .hover_button .idx_btn a:hover{color:#ffffff}
.under #main .hover_button a{
  text-decoration: none;
  margin: 0 auto;
  width: 100%;
  max-width:450px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 60px;
  padding-left: 10px;
  padding-right: 50px;
  background: url(../images/btn-next-icon.png) no-repeat right 17px center, url(../images/btn-icon2.png) no-repeat right 39px center, #353535;
  background-size: 5px, 1.5px
}

.under #main .image_l{float: left;margin: 10px 40px 40px 0;}
.under #main .image_r{float: right;margin: 10px 0 40px 40px;}
.under #main .image_l:only-child,
.under #main .image_r:only-child{margin-bottom: 0}

.under #main .big{font-size: 24px;font-weight: 600;color: #234872}

.under #main p{margin-bottom: 40px}
.under #main .mb0 {margin-bottom: 0;}
.under #main .mb05 {margin-bottom: 5px;}
.under #main .mb10 {margin-bottom: 10px;}
.under #main .mb15 {margin-bottom: 15px;}
.under #main .mb60 {margin-bottom: 60px;}
.under #main .mb90 {margin-bottom: 90px;}

.under #main .pdt10 {padding-top: 10px;}
.under #main .pdb60 {padding-bottom: 60px;}
.under #main .pdt70 {padding-top: 70px;}
.under #main sup {vertical-align: super;font-size: smaller;font-size: 8px;}
.under #main .txt_sm{font-size: 80%;}

.under #main .section {padding: 0 0px 90px 0;box-sizing: border-box;margin-bottom: 0}
.under #main .section:last-child{padding-bottom: 0px;}

.under #main .gg_map{width: 100%;height: 599px}
.under #main .gg_map iframe{width: 100%;height: 100%}

.under #main h2,
.under #main h3,
.under #main h3 span,
.under #main h4,
.under #main h5,
.under #main h6{line-height: 1.6em;letter-spacing: 0.12em;font-weight: 300;font-family: 'Noto Serif JP', serif;}

.under #main h2{text-align:center;margin-bottom: 0;display: flex;flex-direction: column;align-items: center;padding-top: 20px;}
.under #main h2 span{color: #fff}
.under #main h2 .en{font-size: 16px;letter-spacing: 0.1em;line-height: 1em;text-transform: uppercase;font-family: Arial, Helvetica,"sans-serif"}
.under #main h2 .jp{font-size: 36px;letter-spacing: 0.2em;line-height: 1.7em;}

.under #main h3{text-align:center;position:relative;z-index:1;font-size: 40px;margin-bottom: 62px;}
.under #main h3 span{color: #234872}
.under #main h3.txt_en{display: flex;flex-direction: column;align-items: center;}
.under #main h3.txt_en span{color: #353535}
.under #main h3.txt_en .jp{}
.under #main h3.txt_en .jp span{color: #234872;}
.under #main h3.txt_en .en{font-size: 16px;letter-spacing: 0.1em;line-height: 1em;text-transform: uppercase;font-family: Arial, Helvetica,"sans-serif";position: relative;padding-top: 20px;margin-top: 15px;}
.under #main h3.txt_en .en::before{position: absolute;top: 0;left: calc(50% - 15px);width: 30px;height: 1px;background: #5d5d5d;content: '';}

.under #main h4{font-size: 26px;position: relative;padding-bottom: 9px;margin-bottom: 40px;color: #234872;line-height: 1.7em;border-bottom: 2px solid #c2c2c2}
.under #main h4::before{width: 100px;height: 2px;background: #234872;position: absolute;bottom: -2px;left: 0;content: '';}
.under #main h5{font-size: 22px;line-height: 2em;padding-left: 20px;position: relative;color: #234872;margin-bottom: 15px;}
.under #main h5::before{width: 2px;height: 60%;position: absolute;top: 20%;left: 0;content: '';background: #234872;}
.under #main h6{font-size: 20px;border-bottom:#000 1px dotted;border-top:#000 1px dotted;padding:10px 0;margin-bottom: 30px}

/* FONT FAMILY */
.under #main .big,
.under #main table th,
.under #main .list01 li,
.under #main .bnn00 a,
.under #main .bnn01 a,
.under #main .btn_u a{font-family: 'Noto Serif JP', serif;}

/* TOP INFO */
.under #main #top_info{  background-color: rgba(35,72,114,1);}
.under #main #top_info .inner{height: 180px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}

/* TOPIC PATH */
.under #main #topic_path {margin-bottom: 60px;}
.under #main #topic_path ul{display: flex;padding: 15px 0;flex-wrap: wrap;}
.under #main #topic_path li{display: inline-block;}
.under #main #topic_path li span{color: #234872}
.under #main #topic_path li a{text-decoration: none;color: #353535}
.under #main #topic_path li a:hover{text-decoration: underline}

/* BOX H3 */
.under #main .box_h3{position: relative;z-index: 0;padding-top: 354px;}
.under #main .box_h3::before{position: absolute;top: 0;left: 0;width: 100%;height: 434px;content: '';background: url('../images/box_h3_img.jpg') center /cover no-repeat;z-index: 0;}
.under #main .box_h3 .box_h3_txt{background: #fff;position: relative;z-index: 1;padding: 75px 70px 80px;}

/* BUTTON */
.under #main .btn_u {}
.under #main .btn_u a{transition: all 0.3s ease;width: 280px;height: 50px;color: #fff;display: flex;text-decoration: none;align-items: center;position: relative;margin:0 auto;background: #353535;padding-left: 15px;font-size: 14px;line-height: 1.5em;}
.under #main .btn_u a::before{background: url('../images/ic_arr.png') center /cover no-repeat;width: 7px;height: 13px;position: absolute;top: calc(50% - 6px);right: 15px;content: '';transition: all ease 0.3s}
.under #main .btn_u a:hover{background: #395A80;box-shadow: 0px 15px 20px rgba(108,123,139, 0.6);transform: translateY(-7px);}
.under #main .btn_banner a{
  background: #234872;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Noto Serif JP', serif;
  text-decoration: none;
  text-align: center;
}
.under #main .fix_show_li_concept li .btn_banner a{
  font-size: 16px;
}
.under #main .fix_show_li_concept li .btn_banner a:hover{
  opacity: 0.7;
  text-decoration: inherit;
}

/* TABLE */
.under #main table{margin-bottom: 50px;}
.under #main table.mailform th,
.under #main table th{font-size: 22px;background: #234872;color: #fff;padding: 20px 15px;border-color: #234872;font-weight: 300;border-right-color: #fff;letter-spacing: 0.05em;border-bottom-color: #fff;border-right-color: #fff}

.under #main table.tb_block th:last-child{border-right-color: #283270;}
.under #main table.tb_block tr:last-child th{border-bottom-color: #234872}
.under #main table th:last-child{border-right-color: #234872}
.under #main table th.bdb{border-bottom-color: #234872}
.under #main table td {border-color: #234872;background: #fff;padding: 20px 15px;}
.under #main table.tb_fix {table-layout: fixed;}
.under #main table.td_right td {text-align: right;}
.under #main table.td_top td {vertical-align: top}
.under #main table.tb_block th.box_pc {display: table-cell}
.box_560{
  display: none;
}

/* FRAME 01 */
.under #main .frame01{background: #e8f4fa;padding: 60px 70px;margin-bottom: 50px;}
.under #main .frame01 .txt_frame span{margin-left: 30px;}
.under #main .frame01 .txt_frame span.ml90{margin-left: 90px;}
.under #main .frame01 .txt_frame span.ml98{margin-left: 98px;}
.under #main .frame01 .txt_frame span.bold_title{margin-left: 0; font-weight:bold;font-size: 20px;}
/* FLEX BOX */
.under #main .flex_col{display: flex;justify-content: space-between;flex-wrap: wrap;}
.under #main .flex_col li{width: 570px;margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.under #main .flex_col li .center{margin-bottom: 20px;}
.under #main .flex_col li .big{font-size: 20px;color: #234872;line-height: 1.5em;font-weight: 400}

.under #main .flex_col.flex_3col li{width: 30%}
.under #main .flex_col.flex_4col li{width: 45%}

/* ANCHOR LINK */
.under #main .list_anchor{display:flex;justify-content:center;flex-wrap: wrap;margin-bottom: 30px}
.under #main .list_anchor li{margin:0px 1% 15px;width: 31%;}
.under #main .list_anchor.list_2btn li{width: 48%}
.under #main .list_anchor.list_4btn li{width: 23%}

/* LIST STYLE */
.under #main .list01{margin-bottom: 50px;}
.under #main .list01 li{display: block;padding-left: 15px;border-bottom:1px dashed #bdc8d5;position: relative;font-size: 18px;margin-bottom: 15px;}
.under #main .list01 li::before{width: 6px;height: 6px;background: #234872;position: absolute;top: 15px;left: 0;content: '';}

/* BANNER */
.under #main .bnn00{width: 900px;height: 180px;background: url('../images/bnn_bg.jpg') center /cover no-repeat;margin: 0 auto;}
.under #main .bnn00 a{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  padding: 0;
  position: relative;
  text-align: center;
}
/* .under #main .bnn00 a::before{width: 7px;height: 13px;background: url('../images/ic_arr.png') center /cover no-repeat;position: absolute;top: calc(50% - 6px);right: 25px;content: '';} */

.under #main .bnn_list{display: flex;justify-content: space-between}
.under #main .bnn_list .bnn01{width: 560px;height: 200px;position: relative;box-shadow: 0 1px 8px rgba(35,72,114,0.8)}
.under #main .bnn_list .bnn01::before{background: rgba(35,72,114,0.8);width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: '';z-index: 0;transition: all ease 0.3s;transform: scaleY(0.8)}
.under #main .bnn_list .bnn01 a{display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;font-weight: 600;font-size: 24px;text-decoration: none;position: relative;z-index: 1;width: 100%;height: 100%;}
.under #main .bnn_list .bnn01.bg2{background: url('../images/bnn_bg2.jpg') center /cover no-repeat;}
.under #main .bnn_list .bnn01.bg3{background: url('../images/bnn_bg3.jpg') center /cover no-repeat;}

/* ALL */
.under #main div > p:last-child,
.under #main table:last-child,
.under #main .list_anchor:last-child,
.under #main .list01:last-child,
.under #main .qa_list dl:last-child,
.under #main .frame01:last-child,
.under #main .flex_item:last-child,
.under #main .flex_item p:last-child,
.under #main .flex_col li:last-child,
.under #main .step_list dl:last-child,
.under #main .list01 li:last-child,
.under #main .section p:last-child{margin-bottom: 0}

/* ===========  KIJIKAKU ===========  */
.under #main .kiji_list{margin-bottom: 30px}
.under #main .kiji_list dl{display: flex;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #ccc}
.under #main .kiji_list dt{display: flex;align-items: center;width: 200px}
.under #main .kiji_list dt img{margin-right: 10px}
.under #main .kiji_list dd{width: calc(100% - 200px);display: flex;align-items: center;}
.under #main .kiji_list dd a{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}

.under #main .txt_kiji{margin-bottom: 50px;}
.under#kiji_detail #main p img{max-width: 800px;max-height: 600px;}

.under #main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 0 auto 0}
.under #main .pagination li{margin: 0 10px}
.under #main .pagination li a{width:40px;height: 40px;text-align: center;border:1px solid  #234872;background: #fff;display: flex;text-decoration: none;color: #234872;text-decoration: none;justify-content: center;align-items: center;border-radius: 5px;transition: all ease 0.3s;}
.under #main .pagination li:hover a,
.under #main .pagination li.active a{background: #234872;color: #fff;}
.under #main .pagination li.disabled {display: none}

/* ===========  OVERNOTE ===========  */

.under #main .ovn_list{display: flex;flex-wrap: wrap;margin-bottom: 30px}
.under #main .ovn_list dl{width: calc((100% - 60px) / 4);margin:0 20px 20px 0;padding: 20px;border:1px solid #234872;}
.under #main .ovn_list dl:nth-child(4n + 4),
.under #main .ovn_list dl:last-child{margin-right: 0}
.under #main .ovn_list dt{width: 240px;height: 160px;margin-bottom: 15px;}
.under #main .ovn_list dt a{display: flex;width: 100%;height: 100%;text-align: center;justify-content: center;align-items: center;background: #f1f3f5;}
.under #main .ovn_list dt a img{max-width: 100%;max-height: 100%;width: auto;height: auto;flex-shrink: 0}
.under #main .ovn_list dd{}
.under #main .ovn_list dd a{color: #353535;text-decoration: none;}
.under #main .ovn_list dd a:hover{text-decoration: underline;}

.under #main .ovn_big_img{margin-bottom: 50px;}
.under #main .ovn_big_img ul{margin: 0 auto;width: 800px;}
.under #main .ovn_big_img ul li{display: flex;height: 533px;align-items: center;justify-content: center;text-align: center;background: #f1f3f5;}
.under #main .ovn_big_img ul li img{max-width: 100%;max-height: 100%;width: auto;height: auto;flex-shrink: 0}

.under #main .ovn_thumb_img{width: 100%;}
.under #main .ovn_thumb_img .slick-list{width: 100%;}
.under #main .ovn_thumb_img .slick-track{margin: 0}

.under #main .ovn_thumb_img ul{display: flex;width: 100%;justify-content: center}
.under #main .ovn_thumb_img ul li{width: 230px;height: 160px;padding: 5px;background: #f1f3f5;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 5px;cursor: pointer;}
.under #main .ovn_thumb_img ul li img{max-width: 100%;max-height: 100%;width: auto;height: auto;flex-shrink: 0}

.under #main .dots_red h4 span{
  position: relative;
  color: #0071BD;
  font-weight: bold;
}
.dots_red h4 span:before{
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #E60012;
  top: -2px;
  left: 37%;
  transform: rotate(45deg);
}
.under #main .change_layout_top{

}
.under #main .change_layout_top .image_l{
  width: 100%;
  z-index: -1;
  position: relative;
  float: inherit;
  width: 1920px;
  max-width: inherit;
  height: auto;
  left: calc(50% - 960px);
}
.under #main .change_layout_top .image_l img{
  width: 100%;
}
.under #main .change_layout_top .change_layout_desc{
  z-index: 9;
  transform: translateY(-50%);
  margin-bottom: -150px;
  position: relative;
  padding: 30px 0;
}
.under #main .change_layout_top .change_layout_desc:before{
  content: "";
  position: absolute;
  width: calc(100% + 60px);
  height: 100%;
  background: #ffffff;
  z-index: -1;
  top: 0;
  left: -30px;
}
.under #main .margin-bot_40{
  margin-bottom: 40px;
}
.under #main .margin-bot_60{
  margin-bottom: 60px;
}
.under #main .bkg_xam{
  background-color: #DEDEDE;
}
.under #main .bkg_blue{
  background-color: #234872;
}
.under #main .bkg_blue p, .under #main .bkg_blue span{
  color: #ffffff;
}

.under #main .fix_layout_image_col3>.center{
  width: 100%;
}
.under #main .fix_layout_image_col3_2 {
  justify-content: space-between;
}
.under #main .fix_layout_image_col3 .fix_layout_image_col3_2 p{
  width: 48.5%;
}
.under #main .fix_layout_image_col3 .fix_layout_image_col3_2 p:first-child{
  margin-right: 30px;
  margin-left: 0;
}
.box_480{
  display: none;
}
.box_360{
  display: none;
}
.under #main .fix_heading_center{
  text-align: center;
  padding-top: 50px;
  border-bottom: none;
}
.under #main .fix_heading_center:before{
  display: none;
}
.under #main .d-flex .image_l,
.under #main .d-flex .image_r,
.under #main .d-flex .d-flex_box2{
  width: 50%;
}
.under #main .fix-text-bold{
  display: block;
  font-size: 23px;
  font-weight: bold;
}

.under #main.episode::before{
  display: none;
}
.under #main .slogan h3{
  display: flex;
  align-items: center;
  color: #ffffff;
  position: relative;
  padding: 80px 0;
}
.under #main .slogan h3:before{
  content: "";
  position: absolute;
  width: calc(100% + 400px);
  height: 100%;
  background-color: #234872;
  z-index: -1;
  left: -200px;
  top: 0;
}
.under #main .desc{
  margin-bottom: 60px;
}
.under #main ul li .title_row{
  width: 200px;
}
.margin_bot_40{
   margin-bottom: 40px;
}
.under #main .section.pad_0{
  padding-bottom: 60px;
}
.under #main .slogan .episode_box1 .image img{
  width: 100%;
}
.under #main .slogan .episode_box1 .image{
  margin-right: 25px;
}
.under #main .slogan .episode_box1 .image,
.under #main .slogan .episode_box1 .desc{
  width:50%;
}
.under #main .slogan .episode_box{
  margin-bottom: 60px;
}
.under #main .slogan_box{
  background-color: rgba(35,72,114,1);
  padding: 10px 20px;
  margin-bottom: 60px;
  color: #ffffff;
}
.under #main .slogan_box h4{
  color: #ffffff;
  padding: 0;
  border-bottom: inherit;
  margin: 0;
}
.under #main .slogan_box h5{
  color: #ffffff;
}
.under #main .episode_link.color_fff p,
.under #main .episode_link.color_fff span,
.under #main .episode_link.color_fff h5{
  color: #ffffff;
}

.under #main .slogan_box h4:before{
  display: none;
}
.under #main .episode_link h5{
  padding: 30px 0;
  margin: 0;
}
.under #main .color_fff a{
  color: #ffffff;
  text-decoration: none;
}
.under #main .color_fff a:hover{
  text-decoration: underline;
}

.under #main .episode_link h5::before{
  display: none;
}
.under #main .episode_link{
  background-color: rgba(35,72,114,1);
  padding-bottom: 0;
  margin-bottom: 50px;
}

.under #main h3.slogan_h3 ,
.under #main h3.slogan_h3 span{
  color: #ffffff;
  text-align: left;
  display: block;
  align-items: inherit;
}
.under #main h3.slogan_h3 span{
  font-size: 21px;
}

.under #main .fix-scroll{
  overflow-y: scroll;
  height: 600px;
}
.under #main .fix-scroll-before{
  position: relative;
  height: auto;
  width: 100%;
}
.under #main .fix-scroll-before::before{
  content: "";
  position: absolute;
  width: calc(100% - 17px);
  height: 35px;
  bottom: 89px;
  left: 0;
  background-color: #E8F4FA;
}
.under #main .frame01.fix-link ul li a{
  text-decoration: none;
}
.under #main .width_600 img{
  width: 600px;
  max-width: initial;
}
.under #main .fix_show_li_concept li{
  width: 30%;
}
.under #main .fix_show_li_concept li a{
  text-decoration: none;
}

.under #main .fix_show_li_concept li a:hover{
  text-decoration: underline;
}
.under #main .font_20 li{
  font-size: 20px;
}
.under #main .frame01 .txt_frame span.ml0{
  margin-left: 0;
}
.under #main .width50{
  width: 50%;
}
.under #main .fix_h5{
  font-size: 28px;
  font-weight: bold;
}
.under #main .fix_h5:before{
  display: none;
}

.under #main .pdb0{
  padding-bottom: 0;
}
.under #main .pdb40{
  padding-bottom: 40px;
}
.under #main .pdb60{
  padding-bottom: 60px;
}
.under #main .mb60{
  margin-bottom: 60px;
}
.under #main .text_der{
  text-decoration: underline;
}
.under #main .btn_banner.hover:hover{
  opacity: 0.7;
}

@media screen and (max-width: 750px){
.under #main .ovn_list{justify-content: space-between;}
.under #main .ovn_list dl{width: calc((100vw - 50px) / 2);padding: 10px;margin-right: 0}
.under #main .ovn_list dl:nth-child(2n + 2){margin-right: 0}
.under #main .ovn_list dt{width: 100%;height: calc((100vw - 90px) / 2 * 2 / 3)}


.under #main .ovn_big_img{margin-bottom: 30px}
.under #main .ovn_big_img ul{width: 400px}
.under #main .ovn_big_img ul li{height: 300px}

.under #main .ovn_thumb_img ul li{width: calc((100vw - 70px) / 4);height: calc((100vw - 70px) / 4 * 2 / 3)}
}

@media screen and (max-width: 420px){
.under #main .ovn_big_img ul{width: 100%;}
.under #main .ovn_big_img ul li{height: calc((100vw - 30px) * 2 / 3)}
.under #main .ovn_thumb_img ul li{width: calc((100vw - 60px) / 3);height: calc((100vw - 60px) / 3 * 2 / 3)}
}



@media screen\0 {
  .under #main .margin-bot_60_IE{
    margin-bottom: 60px !important;
  }
  .under #main .padding-bot_60_IE{
    padding-bottom: 60px !important;
  }
  .under #main .hover_button a{
    height:60px
  }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

}

@supports (-ms-ime-align:auto) {

}