@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */


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

------------------------------------------------------ */
.hd_lang{ font-size: 18px; line-height: 1.1; position: absolute; top: 150px; right: 25px; z-index: 10;}
#lang_btn{ padding: 10px 20px 10px 10px; position: relative; cursor: pointer; box-sizing: border-box; display: flex; justify-content: center; align-items: center; filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8)); color: #fff;}
#lang_btn::after{ content: ""; display: block; width: 6px; height: 6px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 25px; right: 5px; transform: rotate(45deg); transition: all, 0.5s;}
#lang_btn.on::after{ top: 28px; transform: rotate(-135deg);}
#lang_list{ width: 100%; position: absolute; top: calc( 1.1em + 28px ); left: 0; opacity: 0; z-index: 100; visibility: hidden; height: auto; transition: all, 0.5s; box-sizing: border-box; font-size: 16px;}
#lang_list.on{ opacity: 1; visibility: visible; height: auto;}
#lang_list li{ margin: 0 0 1px;}
#lang_list li a{ display: block; padding: 7px 10px; text-align: center; background: rgba(255,255,255,0.8); color: #000;}
#lang_list li a:hover{ background: #E6E6E6; text-decoration: none;}


#main_slide { height: auto; position: relative; z-index: 1;}
#main_text {
	top: 0; left: 0; position: absolute; z-index: 1; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	color: #fff; font-size: 43px; text-align: center; line-height: 1.4;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.5); font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
}
#main_text p { line-height: 1.6;}
.slick_main{
    display: none;
  }
  .slick_main.slick-initialized{
    display: block;
  }
#main_slide img { width: 100%; height: 100%; -webkit-transition: transform 10s linear; -o-transition: transform 10s linear; transition: transform 10s linear; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#main_slide .active img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
#main_news { position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,0.9); z-index: 10;}
#main_news li { padding-bottom: 5px;}
#main_news dl { display: flex;}
#main_news dl dt {display: flex; align-items: center; justify-content: center; padding: 15px 0; width: 200px; font-size: 22px; font-weight: bold; text-align: center; background-color: #00899d; color: #fff;}
#main_news dl dd { padding: 20px 35px; box-sizing: border-box; font-size: 18px;}
#main_news dl dd span { display: inline; padding: 0 40px 0 0; color: #00899d;}

@media screen and (max-width: 600px) {
  #contents_wrap:before { display: none;}
.hd_lang{ top: 75px; right: 15px;}
#lang_list{ font-size: 14px;}

    #main_text { width: 100%; margin: 0; font-size: 28px;}
    #main_slide img { min-height: 380px;}
    #main_slide .slick, #main_slide img { min-height: 500px;}
    #main_news { position: relative; z-index: 2; border-bottom: 1px solid #ccc; background-color: #fff;}
    #main_news dl { display: block;}
    #main_news dl dt { padding: 10px; width: 40%;}
    #main_news dl dd { font-size: 0.9rem;}
    #main_news dl dd span { display: block;}
    }




/* ---------------------------------------------------
sec1
------------------------------------------------------ */

#sec1 { margin: 150px auto 130px; position: relative; background: url(../../lg_en/img/sec1_bg.jpg)no-repeat top center; background-size: contain; overflow: hidden;}
#sec1 .sec_inn { margin: 0 auto 100px; width: 1200px; max-width: 92%;}
/* #sec1 section { display: flex; flex-wrap: wrap; width: 1200px; max-width: 92%; margin: 0 auto;} */
#sec1 h3 { width: 100%; padding: 80px 0 70px; font-size: 46px; color: #00899d; text-align: center; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; text-shadow: 0px 0px 14px rgba(255, 255, 255, 1), 0px 0px 14px rgba(255, 255, 255, 1);}
#sec1 section > p { width: 100%; max-width: 100%;}
/* #sec1 section >img { position: absolute; left: 46%; margin: 0 auto; top: 195px;} */
#sec1 .link_txt { margin: 40px 0 0 auto;}
#sec1 a.link_txt::after {right: -10%;}
#sec1 a.link_txt::before {right: -10%;}
#sec1 .sec1_map { text-align: center; background-color: #f6faf1;}
#sec1 .leaflet-container { z-index: -1; }

#sec1_camera { width: 1200px; max-width: 92%; display: flex; margin: 140px auto 0; padding: 40px 3.5%; border: 1px solid #00899d; flex-direction:row-reverse;}
#sec1_camera ul { display: flex; width: 61%; margin: 0 4% 0 0;}
#sec1_camera ul li:nth-of-type(1) { margin: 0 10px 0 0;}
#sec1_camera div { width: 41%;}
#sec1_camera div h4 { margin: 0 0 30px; text-align: left; font-size: 20px; color: #00899d; line-height: 1;}
#sec1_camera div h4 span { display: block; font-size: 46px; font-weight: bold;}




@media screen and (max-width: 600px) {
    #sec1 { margin: 100px auto 50px;}
    #sec1 h3 { font-size: 30px; padding: 50px 0 25px;}
    #sec1 section { display: block;}
    #sec1 .sec_inn { margin: 0 auto 60px;}
    /* #sec1 section >img { position: relative; margin: 30px 0 0; left: inherit; top: 0; right: 0%; min-width: 130%;} */
    #sec1 .link_txt { margin: 26px 0 0; padding: 0 55px 0 0;}
    #sec1 a.link_txt::before,
    #sec1 a.link_txt::after { right: 0;}
    #sec1_camera { display: block; margin: 30px auto 0; padding: 30px 4%;}
    #sec1_camera div { width: 100%; margin: 0 0 10px;}
    #sec1_camera div h4 { margin: 0 0 15px; text-align: center; font-size: 16px; line-height: 1.5;}
    #sec1_camera div h4 span { font-size: 30px;}
    #sec1_camera ul { width: 100%; display: block; text-align: center;}
    #sec1_camera ul li:nth-of-type(1) { margin: 0 0 10px;}
    #sec1 .sec1_map { margin: 0 auto; width: 92%;}
    #sec1 .leaflet-container { border: 1px solid #b2b2b2; z-index: 1;;}
    #sec1 .leaflet-left { left: auto; right: 0; }
    #sec1 .leaflet-left .leaflet-control { margin: 10px; }
    

}

/* ---------------------------------------------------
sec2
------------------------------------------------------ */
#sec2 #sec2_1 { background: url(../../lg_common/img/sec_bg2.png) calc(100% + 40px) bottom no-repeat;}
#sec2 section #sec2_1 { display: flex; flex-wrap: wrap; padding: 0 0 100px;}
#sec2 section #sec2_1 >ul:nth-of-type(1) { display: flex; justify-content: space-between; width: 100%;}
#sec2 section #sec2_1 >ul:nth-of-type(1) li:nth-of-type(1) { width: 42.1%;}
#sec2 section #sec2_1 >ul:nth-of-type(1) li:nth-of-type(2) { width: 57.5%;}
#sec2 section #sec2_1 >ul:nth-of-type(1) li img { width: 100%;}
#sec2 section #sec2_1 >ul:nth-of-type(2) { display: flex; margin: 50px 0 0 auto; width: 45%; justify-content: space-between;}
#sec2 section #sec2_1 >ul:nth-of-type(2) li { width: 47.2%;}
#sec2 section #sec2_1 >ul:nth-of-type(2) li img { width: 100%;}
#sec2 section #sec2_1 >ul:nth-of-type(2) li:nth-of-type(2) { margin: 110px 0 0;}
#sec2_1 #sec2_txt { width: 100%; position: relative; bottom: 0; margin-bottom: -2.6em; width: 50%; margin: -100px 0 0 0; z-index: 9;}
#sec2_1 #sec2_txt h3 { padding: 50px 0 30px 80px; font-size: 26px; color: #00899d; background: #fff; width: 100%; font-weight: bold;}
#sec2_1 #sec2_txt h3 span { display: block; font-size: 56px;}
#sec2_1 #sec2_txt >* { padding: 0 0 0 80px; padding-right: calc(100% - 580px); box-sizing: border-box;}
#sec2_1 #sec2_txt div { width: 500px; max-width: 80%; margin: 30px 0 0 80px; padding: 0 20px 20px 0; border: 1px solid #00899d;}
#sec2_1 #sec2_txt div h4 { position: relative; display: table; margin: 0 0 20px; padding: 3px 40px 3px 20px; background-color: #00899d; color: #fff; border-bottom: none;}
#sec2_1 #sec2_txt div h4::after{ position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 32px transparent;
    border-bottom: solid 31px white;
    z-index: 2;}
#sec2_1 #sec2_txt div dl { margin: 0 20px; display: flex;}
#sec2_1 #sec2_txt div dl dt { width: 11em; margin: 0 15px 0 0; flex-shrink: 0;}
#sec2_1 #sec2_txt div+a { margin: 30px 0 0; padding-right: 20px;}
#sec2_1 #sec2_txt >p { max-width: 95%;}


.sec2_col1 ul { display: flex; width: 1400px; max-width: 92%; margin: 0 auto;}
.sec2_col1 ul li { width: 50%;}
.sec2_col1 ul li img { width: 100%;}
.sec2_col1 ul+div { margin: 0 auto; padding: 0 0 80px; width: 1200px; max-width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background: url(../../lg_common/img/sec_bg2.png)no-repeat bottom left;}
.sec2_col1 ul+div div { width: 54%;}
.sec2_col1 ul+div h4 { margin: 40px 0 0; font-size: 16px; color: #00899d; font-weight: bold;}
.sec2_col1 ul+div h4 span { display: block; font-size: 46px;}
.sec2_col1 ul+div div p { padding: 50px 0 20px;}
.sec2_col1 ul+div div dl { display: flex; align-items: flex-start; margin: 0 0 20px;}
.sec2_col1 ul+div div dt { width: 24%; padding: 5px 10px; background-color: #00899d; color: #fff; text-align: center; box-sizing: border-box;}
.sec2_col1 ul+div div dd { width: 76%; padding: 5px 20px; box-sizing: border-box;}

.sec2_col2 ul { display: flex; width: 1400px; max-width: 92%; margin: 0 auto;}
.sec2_col2 ul li { width: 100%;}
.sec2_col2 ul li img { width: 100%;}
.sec2_col2 ul+div { margin: 0 auto; padding: 0 0 100px; width: 1200px; max-width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background: url(../../lg_common/img/sec_bg2.png)no-repeat bottom left;}
.sec2_col2 ul+div div { width: 54%;}
.sec2_col2 ul+div h4 { margin: 40px 0 0; font-size: 16px; color: #00899d; font-weight: bold; width: 43%;}
.sec2_col2 ul+div h4 span { display: block; font-size: 46px;}
.sec2_col2 ul+div div p { padding: 40px 0 20px;}
.sec2_col2 ul+div div dl { display: flex; align-items: flex-start; margin: 0 0 20px;}
.sec2_col2 ul+div div dt { width: 24%; padding: 5px 10px; background-color: #00899d; color: #fff; text-align: center; box-sizing: border-box;}
.sec2_col2 ul+div div dd { width: 77%; padding: 5px 20px; box-sizing: border-box;}


@media screen and (max-width: 600px) {
    #sec2 section #sec2_1 { background: none;}
    #sec2 section #sec2_1 { width: 92%; margin: 0 auto; padding: 0 0 50px;}
    #sec2_1 #sec2_txt { width: 100%; margin: 0 0 30px; order: 1;}
    #sec2_1 #sec2_txt h3 { margin: 0 0 15px; padding: 0; text-align: left; font-size: 16px; line-height: 1.5;}
    #sec2_1 #sec2_txt h3 span { font-size: 30px;}


    #sec2 section #sec2_1 >ul:nth-of-type(1) { display: block; order: 2;}
    #sec2 section #sec2_1 >ul:nth-of-type(1) li:nth-of-type(1),
    #sec2 section #sec2_1 >ul:nth-of-type(1) li:nth-of-type(2) { width: 100%;}
    #sec2 section #sec2_1 >ul:nth-of-type(1) li:nth-of-type(1) { margin: 0 0 1%;}
    #sec2 section #sec2_1 >ul:nth-of-type(2) { width: 100%; order: 3;}
    #sec2 section #sec2_1 >ul:nth-of-type(2) { margin: 1% 0 0;}
    #sec2 section #sec2_1 >ul:nth-of-type(2) li:nth-of-type(2) { margin: 0;}
    #sec2 section #sec2_1 >ul:nth-of-type(2) li { width: 49.5%;}
    #sec2_1 #sec2_txt >* { padding: 0;}
    #sec2_1 #sec2_txt >p { width: 100%; max-width: inherit;}
    #sec2_1 #sec2_txt div { width: 100%; max-width: inherit; margin: 20px 0 0;}
    #sec2_1 #sec2_txt div dl { display: block;}
    #sec2_1 #sec2_txt div dl:nth-of-type(1) { margin-bottom: 10px;}
    

    .sec2_col1 ul { display: block; width: 92%;}
    .sec2_col1 ul li { width: 100%;}
    .sec2_col1 ul li img { height: 200px;}
    .sec2_col1 ul+div { padding: 0 0 50px; background-position: left bottom; background-size: 50%;}
    .sec2_col1 ul+div h4 span { font-size: 30px;}
    .sec2_col1 ul+div h4 { margin: 20px 0 0;}
    .sec2_col1 ul+div div { width: 100%;}
    .sec2_col1 ul+div div p { padding: 20px 0;}
    .sec2_col1 ul+div div dl { display: block;}
    .sec2_col1 ul+div div dt,
    .sec2_col1 ul+div div dd { width: 100%;}
    .sec2_col1 ul+div div dt { text-align: left;}
    .sec2_col1 ul+div div dd { padding: 5px 10px;}

    .sec2_col2 ul { display: block; width: 92%;}
    .sec2_col2 ul li { width: 100%;}
    .sec2_col2 ul li img { height: 250px;}
    .sec2_col2 ul+div { padding: 0 0 50px; background-position: left bottom; background-size: 50%;}
    .sec2_col2 ul+div h4 span { font-size: 30px;}
    .sec2_col2 ul+div h4 { width: 100%; margin: 20px 0 0;}
    .sec2_col2 ul+div div { width: 100%;}
    .sec2_col2 ul+div div p { padding: 20px 0;}
    .sec2_col2 ul+div div dl { display: block;}
    .sec2_col2 ul+div div dt,
    .sec2_col2 ul+div div dd { width: 100%;}
    .sec2_col2 ul+div div dt { text-align: left;}
    .sec2_col2 ul+div div dd { padding: 5px 10px;}
}


/* ---------------------------------------------------
sec3
------------------------------------------------------ */
#sec3 { background: url(../../lg_common/img/sec_bg2.png)no-repeat bottom left}
#sec3 >ul { display: flex; justify-content: space-between;}
#sec3 >ul li { height: 620px;}
#sec3 >ul li:nth-of-type(1) { width: 42%;}
#sec3 >ul li:nth-of-type(1) span { display: block; height: 550px;}
#sec3 >ul li:nth-of-type(2) { width: 57.7%;}
#sec3 >ul li img { width: 100%; height: 100%;}
#sec3 >ul+h3+div { position: relative; background-color: #fff;}
#sec3 >ul+h3+div p { width: 1400px; max-width: 92%; margin: 0 auto 130px;}
#sec3 >ul+h3 { padding: 50px 20px 30px calc(50vw - 700px); margin-top: -7vw; color: #00899d; font-size: 26px; font-weight: bold; display: table; background-color: #fff; position: relative;}
#sec3 >ul+h3 span { display: block; font-size: 56px;}

.sec3_col { width: 1200px; max-width: 92%; margin: 0 auto; padding: 0 0 130px;}
.sec3_col h4 { width: 100%; margin: 0 0 20px; font-size: 42px; color: #00899d; text-align: center; font-weight: bold;}
.sec3_col .sec_photo { display: block; margin: 0 auto 80px;}
.sec3_col .sec_photo+div { display: flex; flex-wrap: wrap; justify-content: space-between;}

.sec3_col .sec_txt { width: 41%; margin: 0 auto 0 0; padding: 0 0 0 4%; box-sizing: border-box;}
.sec3_col .sec_txt p { padding: 0 0 30px;}
.sec3_col .sec_txt ul { display: flex;}
.sec3_col .sec_txt ul li:nth-of-type(1) { margin: 0 40px 0 0;}
.sec3_col .sec_txt ul li:nth-of-type(1)::before { content: ""; display: inline-block; width: 26px; height: 23px; background: url(../../lg_en/img/room_icon1.svg)no-repeat center bottom; margin: 0 5px 0 0;}
.sec3_col .sec_txt ul li:nth-of-type(2)::before { content: ""; display: inline-block; width: 27px; height: 23px; background: url(../../lg_en/img/room_icon2.svg)no-repeat center bottom; margin: 0 5px 0 0;}

.sec3_col .sec_detail { width: 50%;}
.sec3_col .sec_detail dl { width: 92%; display: flex; border-bottom: 1px solid #aaa; line-height: 1.8;}
.sec3_col .sec_detail dt,
.sec3_col .sec_detail dd { padding: 15px 0;}
.sec3_col .sec_detail dt { width: 18%; color: #00899d;}
.sec3_col .sec_detail dd { width: 80%;}
.sec3_col .sec_detail dl:nth-of-type(1) { border-top: 1px solid #aaa;}
.sec3_col .sec_detail+a { display: block; margin: 50px auto 0; padding: 17px 0; width: 400px; max-width: 100%; text-align: center; background-color: #00899d; color: #fff; font-size: 18px; border-radius: 50px; transition: all 0.5s;}
.sec3_col .sec_detail+a:hover { text-decoration: none; color: #fff; background-color: #119db2;}


@media screen and (max-width: 1500px) {
  #sec3 >ul+h3 { padding-left: 4%; margin-top: -72px;}
}

@media screen and (max-width: 1400px) {
  #sec3 >ul+div { margin: -78px auto 130px;}
}

@media screen and (max-width: 600px) {
  #sec3 >ul { width: 92%; margin: 0 auto;}
  #sec3 >ul img { height: 40vw;}
  #sec3 >ul+h3+div { margin: 0 auto;}
  #sec3 >ul li:nth-of-type(1) { width: 46.2%;}
  #sec3 >ul li:nth-of-type(2) { width: 53.3%;}
  #sec3 >ul+h3 { margin: 0; padding: 20px 4%; font-size: 20px;}
  #sec3 >ul+h3 span { font-size: 30px;}
  #sec3 >ul li { height: auto;}
  #sec3 >ul li:nth-of-type(1) span { height: auto;}
  .sec3_col { margin: 40px auto 0;}
  .sec3_col h4 { margin: 0 0 10px; font-size: 26px;}
  .sec3_col .sec_photo { margin: 0 0 20px;}
  .sec3_col .sec_photo+div { display: block;}
  .sec3_col .sec_txt { width: 100%; padding: 0 0 10px;}
  .sec3_col .sec_detail { width: 100%;}
  .sec3_col .sec_detail dl { display: block; width: 100%; padding: 10px 0;}
  .sec3_col .sec_detail dt,
  .sec3_col .sec_detail dd { width: 100%; padding: 0;}
  .sec3_col .sec_txt ul { display: block;}
  .sec3_col .sec_detail+a { margin: 30px auto 0; padding: 10px 0; font-size: 16px;}
  #sec3 >ul+h3+div p { margin: 0 auto 50px;}
}

/* ---------------------------------------------------
sec4
------------------------------------------------------ */
#sec4 { padding: 120px 0 140px; background-color: #f6faf1;}
#sec4 section { margin: 0 auto; width: 1200px; max-width: 92%;}
#sec4 h3 { margin: 0 0 30px; font-size: 23px; text-align: center; color: #00899d; font-weight: bold;}
#sec4 h3 span { display: block; font-size: 53px;}
#sec4 iframe { margin: 50px 0 80px; max-width: 100%;}
#sec4 iframe+div { display: flex; justify-content: space-between}
#sec4 iframe+div .sec_photo { width: 45.9%;}
#sec4_address { width: 45.9%;}
#sec4_address li img { width: 25px;}
#sec4_address >p { font-size: 24px; font-weight: bold; color: #00899d;}
#sec4_address dl { width: 92%; display: flex; border-bottom: 1px solid #aaa;}
#sec4_address dt,
#sec4_address dd { padding: 25px 0;}
#sec4_address dt { width: 24%; font-weight: bold;}
#sec4_address dd { width: 86%;}
#sec4_address dl+ul { display: flex; margin: 25px 0 0;}
#sec4_address dl+ul li { border-bottom: 1px solid #000;}
#sec4_address dl+ul li:nth-of-type(1) { margin: 0 5.5% 0 0;}
#sec4_address dl+ul li a { display: block; text-decoration: none; padding: 15px 0;}
#sec4_address dl+ul li a img { padding: 0 15px 0 0;}

@media screen and (max-width: 600px) {
  #sec4 { padding: 0 0 50px;}
  #sec4 h3 { margin: 0 0 20px; font-size: 20px;}
  #sec4 h3 span { font-size: 30px;}
  #sec4 iframe { width: 100%; height: 360px; margin: 20px 0 40px;}
	#sec4_address { width: 100%;}
	#sec4 iframe+div { width: 100%; display: block;}
  #sec4 iframe+div .sec_photo { width: 100%;}
	#sec4_address >p { font-size: 18px;}
	#sec4_address dl { width: 100%;}
	#sec4_address dt { padding: 10px 0;}
	#sec4_address dd { padding: 10px 0 10px 2%; width: 75%;}
	#sec4_address { margin: 10px 0 0;}
	#sec4_address dl+ul { display: block;}
	#sec4_address dl+ul li { display: table; width: auto; max-width: 100%;}
	#sec4_address dl+ul li:nth-of-type(1) { margin: 0 0 15px;}
	#sec4_address dl+ul li:nth-of-type(2) { margin: 0;}
  
}

/* ---------------------------------------------------
sec5
------------------------------------------------------ */
#sec5 { padding: 100px 0 200px;}
#sec5 section { margin: 0 auto; width: 1200px; max-width: 92%;}

#sec5 section .tabs >ul { display: flex; width: 1200px; max-width: 92%; margin: 0 auto 100px; justify-content: space-between;}
#sec5 section .tabs >ul li { width: 23.4%; border: 1px solid #888; box-sizing: border-box;}
#sec5 section .tabs >ul li a { position: relative; display: block; text-align: center; padding: 28px 0; transition: all 0.5s; display: flex; align-items: center; justify-content: center; height: 100%; box-sizing: border-box;}
#sec5 section .tabs >ul li a:hover { background-color: #f4f9e3; text-decoration: none;}
#sec5 section .tabs >ul li a::after { content: ""; display: block; position: absolute; bottom: 12px; left: calc(50% - 8px); width: 16px; height: 8px; background: url(../../lg_en/img/nav_icon.svg)no-repeat center center;}
#sec5 section .tabs >ul li a.active { background-color: #f4f9e3;}

#sec5 section h3 { margin: 0 0 50px; font-weight: bold; font-size: 16px; text-align: center; color: #00899d; width: 100%; line-height: 1.4;}
#sec5 section h3 .en { display: block; font-size: 46px;}

#sec5 .tabs .panel:not(:first-of-type) { display: none;}
#sec5 .tabs .panel .panel_inn { display: flex; flex-wrap: wrap; width: 1200px; max-width: 92%; margin: 0 auto; justify-content: space-between;}
#sec5 .tabs .panel .panel_inn >ul { margin: 0 auto;}

#sec5 .sec_root { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border: 1px solid #00899d; margin: 0 0 60px; padding: 4.2%; background-color: #fff;}
#sec5 .sec_root >div { width: 49%;}
#sec5 .sec_root dl {  margin: 0 0 25px;}
#sec5 .sec_root dl:last-of-type { margin: 0;}
#sec5 .sec_root dt { margin: 0 0 15px; font-size: 22px; color: #00899d; font-weight: bold;}
#sec5 .sec_root dt::before { content: "■"; display: inline-block;}
#sec5 .sec_root dd { padding: 0 0 0 15px;} 
#sec5 .root_list li { margin: 0 0 15px; padding-left: 1em; text-indent: -1em;}
#sec5 .root_list li::before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 7px; height: 7px; border-radius: 50%; background-color: #00899d; vertical-align: middle;}
#sec5 .root_list ul li:last-of-type { margin: 0;}
#sec5 p+ul.root_list { padding: 10px 0 0;}

#sec5 .sec_detail { width: 46.7%;}
#sec5 .sec_detail h4 { margin: 0 0 20px; padding: 0 0 15px; font-size: 22px; color: #00899d; font-weight: bold; border-bottom: 1px solid #00899d;} 
#sec5 .sec_detail h4::before { content: "■"; display: inline-block;}

#sec5 .sec_detail dl { margin: 40px 0 0;}
#sec5 .sec_detail dt { margin: 0 0 15px; font-size: 20px; color: #00899d; font-weight: bold;}
#sec5 .sec_detail dt span { margin: 0 12px 0 0; padding: 5px; background-color: #00899d; color: #fff; font-size: 16px; vertical-align: text-bottom;}

#sec5 a.txt_link { color: #00899d; font-weight: bold;}
#sec5 a.txt_link:after { content: ""; display: inline-block; margin: 0 0 0 15px; background: url(../../lg_en/img/access_icon2.svg)no-repeat; width: 17px; height: 17px; vertical-align: text-bottom;}
#sec5 p+a.txt_link { display: table; margin: 10px 0 0;}

#sec5 ul.link_list { display: flex; flex-wrap: wrap;}
#sec5 ul.link_list li { width: 50%; margin: 0 0 30px;}
#sec5 #panel1 .panel_inn >ul { margin: 100px auto 0;}
#sec5 #panel2 .panel_inn >ul { margin: 30px auto 0;}


#sec5 .tabs .panel > ul { width: 100%; margin: 100px auto 0;}
#sec5 .tabs .panel > ul .link_root { margin: 0 0 30px;}
#sec5 .link_root a { display: table; width: auto; margin: 0 auto; padding: 20px; background-color: #00899d; color: #fff; text-align: center; font-size: 18px; font-weight: bold; box-sizing: border-box; border-radius: 50px; transition: all 0.5s;}
#sec5 .link_root a span::before { content: ""; display: inline-block; vertical-align: middle; width: 19px; height: 25px; margin: 0 10px 0 0; background: url(../../lg_en/img/access_icon1.svg)no-repeat;}

#sec5 .link_root a:hover { text-decoration: none; color: #fff; background-color: #119db2;}
#sec5 .link_root+li .txt_link { display: table; margin: 0 auto;}


	@media screen and (max-width: 600px) {
    #sec5 { padding: 50px 0;}


		#sec5 section .tabs >ul { display: block; margin: 0 auto 20px;}
		#sec5 section .tabs >ul li { width: 100%; margin: 0 0 2% 0;}
		#sec5 section .tabs >ul li a { padding: 14px 0 25px;}
    #sec5 section .tabs >ul li a:hover { background-color: inherit;}
    #sec5 section .tabs >ul li a:hover.active { background-color: #f4f9e3;}
		/* #sec5 section .tabs >ul li a:hover::after { display: none;} */

    #sec5 section { display: block;}
    #sec5 section h3 { margin: 20px 0 25px;}
    #sec5 section h3 .en { font-size: 26px; line-height: 1.2;}

    #sec5 .sec_root { display: block; margin: 0 0 30px; padding: 30px 4%;}
    #sec5 .sec_root >div { width: 100%;}
    #sec5 .sec_root dl { margin: 0 0 10px;}
    #sec5 .sec_root dt { margin: 0; font-size: 16px;}

    #sec5 .sec_detail { width: 100%; margin: 0 0 30px;}
    #sec5 .sec_detail h4 { margin: 0 0 5px; padding: 0 0 5px; font-size: 18px;}
    #sec5 section .sec_detail:last-of-type { margin: 0;}
    #sec5 .sec_detail+ul { margin: 30px auto 0;}
    #sec5 .sec_detail+ul .link_root a { padding: 15px; max-width: 92%; font-size: 16px;}
    #sec5 .sec_detail dt { margin: 0 0 10px; font-size: 18px;}
    #sec5 .sec_detail dt span { display: table; margin: 0 0 5px;}

    #sec5 ul.link_list { display: block;}
    #sec5 ul.link_list li { width: 100%; margin: 0 0 20px;}

    #sec5 #panel1 .panel_inn >ul { margin: 50px auto 0;}
	}


/* ---------------------------------------------------
news
------------------------------------------------------ */

#sec4 #news{ width: 1200px; max-width: 100%; margin: 50px auto 0; position: relative;}
#sec4 #news .news_col { margin: 0; padding: 40px 3.5%; border: 1px solid #00899d;}
#sec4 #news .news_col h4{ margin: 0 0 25px; font-size: 20px; text-align: center; color: #00899d; line-height: 1; } 
#sec4 #news .news_col h4 span.title{ font-size: 35px; letter-spacing: 5px; font-weight: bold; margin: 0 auto 12px; position: relative;
display: inline-block; padding: 0;}
/* #sec4 #news .news_col h4 span.title:before,
#sec4 #news .news_col h4 span.title:after { content: ''; position: absolute; top: 35%; display: inline-block; width: 14px; height: 14px; background-color: #00899d;}
#sec4 #news .news_col h4 span.title:before{ left:0;}
#sec4 #news .news_col h4 span.title:after{ right: 0;} */
#sec4 #news .news_col h4 span.title+span{ display: block;}
#sec4 #news .news_col dl{ display: flex; font-weight: bold; margin: 10px auto; justify-content: center;}
/* #sec4 #news .news_col dl dt{ width: 60%;} */
#sec4 #news .news_col p{ margin: 25px auto 0; text-align: center;}
#sec4 #news .news_col p span{ display: block; font-weight: bold; color: #d40a0a;}
#sec4 #news .news_col p img { vertical-align: sub;}
#sec4 #news .bus{position: absolute;right: -40px; bottom: -30px; width: 200px;}

    @media screen and (max-width: 600px){
        #sec4 #news .news_col h4{ font-size: 16px;} 
        #sec4 #news .news_col h4 span.title{ font-size: 20px; padding: 0; line-height: 1.2; letter-spacing: 3px;} 
        #sec4 #news .news_col p{ text-align: left;}
        #sec4 #news .news_col dl { display: block; text-align: center;}
        #sec4 #news .bus{right: -10px; bottom: -35px;width: 130px;}
        #sec4 #news{margin: 0 auto 10%;}
        
    }

  /* ---------------------------------------------------
#sec6
------------------------------------------------------ */
#sec6 .sec_photo { margin: 0 0 160px; width: 100%;}
#sec6 .sec_photo img { height: 500px; width: 100%; }
#sec6 h3 { margin: 0 0 50px; font-size: 42px; font-weight: bold; text-align: center;}
#sec6 dl { display: flex; border-bottom: 1px solid #aaa;}
#sec6 dt { width: 16.7%; padding: 28px 40px; box-sizing: border-box; background-color: #f6faf1;}
#sec6 dd { width: 83.3%; padding: 28px 0 28px 40px; box-sizing: border-box;} 
#sec6 dl:nth-of-type(1) { border-top: 1px solid #aaa;}
#sec6 section { width: 1200px; max-width: 92%; margin: 0 auto 100px;}

@media screen and (max-width: 600px) {
	#sec6 section { padding: 50px 0;}
	#sec6 h3 { margin: 0 0 20px; font-size: 26px;}
	#sec6 dl { display: block;}
	#sec6 dt,
	#sec6 dd { width: 100%; padding: 15px 10px;}

  #sec6 .sec_photo { margin: 0;}
  #sec6 .sec_photo img { height: 60vw;}
}