@charset "UTF-8";

/*-- 共通
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
*{box-sizing: border-box;margin:0;padding:0;}
html{font-size:0.5vw; margin-bottom:0; overflow-x:hidden;}
body{color:#212121; background:#fff; font-size:max(1.6rem, 16px);font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin:0; padding:0;}
main{width:100%; position:relative;padding-top: 70px;padding-bottom: 70px;}
ul,li{list-style:none; margin:0;}
a{text-decoration: none;color:#212121;transition: color 0.2s ease-in-out;}
a:hover{color:#00a2aa;transition: color 0.2s ease-in-out;}
a[target="_blank"] span::after{content: url("../img/common/blank_icon.svg");margin-left:3px;}
a[target="_blank"]:hover span::after{content: url("../img/common/blank_icon_white.svg");}
/* a.pdf span::after{content: "";margin-left: 3px;margin-bottom: -2px;background: url("../img/common/btn_pdf_icon.png")no-repeat bottom;width: 14px;height: 14px;display: inline-block;}
a.pdf:hover span::after{content: "";} */
a.under{color:#00a2aa;text-decoration: underline;}
.container p,.container li, .container dd{line-height: 1.9em;}
.center{text-align: center;}
.right{text-align: right;}
figure img{max-width:100%;}
.container img{max-width:100%;}
table{border-collapse: collapse;}
.red_text{color:#ff2929;}
.pagelink{top:-100px;position: absolute;}

.container{position: relative;padding:90px 0 0;}
@media only screen and (max-width:844px){
  .container{padding:40px 0;}
  main{padding-bottom: 0px;}
}

.pict{position:relative;overflow:hidden;}
.pict img{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:transform 0.4s;}
.pict:hover img{transform:translate(-50%,-50%) scale(1.1);transition:transform 0.4s;}

/*-- コンテンツ幅、フォントサイズ
-------------------------------------------------------------*/
.inner_l{width:100%;position: relative;z-index:10;}
.inner_s{width:60%;}
.inner_l,.inner_s{margin-left:auto;margin-right:auto;position:relative;}

.inner_l .title_box{width:30%;padding-left: 10%;}
.inner_l .title_box h2{font-size:max(4.1rem, 26px);font-weight: bold;margin-bottom:1em;}
.inner_l .item_box{width:70%;}
.inner_l .item_box_s{width:50%;}

.sub .container .inner_s h2{font-size:max(3.0rem, 23px);color:#00a2aa;border-top:1px solid #d3d3d3;position: relative;padding-top:30px;padding-bottom: 15px;}
.sub .container .inner_s h2:before{content: "";width: 60px;height:6px;position: absolute;top: 0;left: 0;background:#00a2aa;}
.sub h3{font-size:max(2.5rem, 20px);margin-top:0.8em;}
.sub h4{font-size:max(2.0rem, 18px);margin-top:3.2em;}/*--padding-left: max(3rem, 21px);text-indent: max(-3.1em, -21px);--*/
.sub h4.notmt{margin-top:0;}
.sub h4.notbef{padding-left: 1.4em;}
.sub h4:before{content: "";width: 2rem;min-width: 16px;height: 1px;border-bottom: 2px solid #00a2aa;margin-bottom: 0.35em;display: inline-block;margin-right: max(1rem, 5px);}
.sub h4.notbef:before{display: none;}
sub{font-size: max(1.2rem,12px);display: inline-block;transform: translateY(-0.3em);}
.sub .inner_s .item_box{margin-top:3.5rem;margin-bottom:1.5em;}
/* .sub .inner_s .item_box.f_wrap{gap: 2em;} */
/* .sub .inner_s .item_box .f_wrap{gap: 2em;} */
/* .sub .inner_s .item_box.indent{margin-top:2.5rem;padding-left:max(3rem, 21px);} */
.sub .inner_s .item_box.indent{margin-top:2.5rem;}
.sub .inner_s .indent{padding-left:max(3rem, 21px);}
.sub .inner_s .item_box.notmt{margin-top:0;}
.sub .inner_s .item_box .text_box{width:62%;padding-right:2em;}
.sub .inner_s .item_box .download_box{width:80%;}
.sub .inner_s .item_box .pict_box{width:32%;min-width:365px;}
.sub .inner_s .item_box .pict_box img{max-width:100%;}
.sub .inner_s .item_box .pict_box figure{margin-bottom:0.8em;}
.sub .inner_s .item_box .pict_box figure figcaption{text-align: center;}

.sub .inner_s .pict_wrap{gap:2em;}

.item_dot{padding-left: 1.3rem;padding-bottom:1.5em;margin-left: 3px;}
.item_dot b{position: relative;}
.item_dot b:before{content:"";width:5px;height:5px;background:#00a2aa;position:absolute;top:0.3em;left:-0.7em;}


@media only screen and (min-width:1280px){
  .inner_s{min-width:1152px;}
}
@media only screen and (min-width:845px) and (max-width:1279px){
  .inner_s{width:80%;max-width:1080px;margin:0 auto;}
  .sub .inner_s .item_box .download_box{padding-left: 1em;}
}
@media only screen and (max-width:844px){
  .inner_l,.inner_s{width:100%;padding:0 15px;}
  .inner_l .title_box{width: 100%;padding-left:0;margin-bottom:2em;}
  .inner_l .item_box{width: 100%;}
  .inner_l .item_box_s{width: 100%;}
  .sub h4{margin-bottom:1em;padding-left:21px;text-indent:-21px;}
  .sub h3{margin-bottom:2em;}
  .sub .inner_s .item_box.f_wrap{gap: 0.5em;}
  .sub .inner_s .item_box .f_wrap{gap: 0.5em;}
  .sub .inner_s .item_box .text_box{width:100%;padding-right:0;padding-right:0;}
  .sub .inner_s .item_box .download_box{width:100%;}
  .sub .inner_s .item_box .pict_box{width:100%;text-align: center;min-width:0;}
  /* .sub .inner_s .item_box.indent{padding-right: max(4rem, 21px);} */
  .sub .inner_s .indent{padding-right: max(4rem, 21px);}
  .sub .inner_s .pict_wrap{gap:20px;}
}
/*--- フッターのお問い合わせ ---*/
.f_contact{padding:max(5rem, 30px);margin-top: 90px;color:#fff;background:#00a2aa;}
.product.itiran .f_contact{margin-top: 0px;}
.f_contact .inner_l .title_box{width:40%;padding-left: 10%;}
.f_contact .inner_l .item_box{width:40%;}
.f_contact .inner_l .item_box a{width:100%;max-width:516px;height: 90px;margin-bottom:1em;}
.f_contact .inner_l .item_box a.big{width:100%;max-width:100%;height: 90px;margin-bottom:1em;}
.f_contact .inner_l .item_box a.btn{font-size:max(2.0rem, 18px);}
.f_contact .inner_l .item_box a.btn span:before{width: 10px;height: 10px;right: 30px;}
.f_contact .inner_l .item_box a.smt_btn{border:1px solid #fff;}

@media only screen and (min-width:845px) and (max-width:1279px){
  .f_contact .inner_l .title_box{width: 50%;padding-left: 0%;}
  .f_contact .inner_l .item_box{width: 50%;}
}
@media only screen and (max-width:844px){
  .f_contact{margin-top: 0;}
  .f_contact .inner_l .title_box{width:100%;padding-left: 0%;margin-bottom:2em;}
  .f_contact .inner_l .item_box{width:100%;}
  .f_contact .inner_l .item_box a{max-width:100%;}
}
/*-- リスト
-------------------------------------------------------------*/
.item_list > li{padding:13px 0;border-bottom:1px solid #d3d3d3;}
.item_list > li .title{width:15%;min-width:15em;font-weight: bold;padding-left: 1em;}

@media only screen and (max-width:844px){
  .item_list > li .title{padding-left: 0;}
}
/*-- リスト2
-------------------------------------------------------------*/
.item_list_dot{padding-left: 1.3rem;margin-left: 3px;}
.item_list_dot > li{padding:0 0 1.5em;position: relative;}
.item_list_dot > li:before{content:"";width:5px;height:5px;background:#00a2aa;position:absolute;top:0.7em;left:-0.7em;}
.item_list_dot.notmt > li{padding:0 0 0.2em;}

@media only screen and (min-width:845px) and (max-width:1279px){
}
@media only screen and (max-width:844px){
  .item_list_dot{margin-left: 18px;}
  .item_list_dot > li{padding:0 0 0.5em;}
}
/*-- リスト2
-------------------------------------------------------------*/
.item_list_num{padding-left:2.0rem;}
.item_list_num > li{padding:0 0 0.5em;position: relative;list-style: decimal;}
.item_list_num.notmt > li{padding:0 0 0.2em;}

/*-- テーブル
-------------------------------------------------------------*/
.item_tbl{width:100%;}
.item_tbl th,.item_tbl td{padding:1em;border:1px solid #d3d3d3;}
.item_tbl th{width:30%;background:#f5f5f5;}
.item_tbl tr.title_line th{width:auto;background:#f5f5f5;}
.item_tbl_box{}
.item_tbl.is-narrow th,.item_tbl.is-narrow td{padding:0.2em 0.4em;}
  @media only screen and (max-width:844px){
    .item_tbl_box .item_tbl{width:auto;min-width:100%;white-space: nowrap;}
    .item_tbl_box{width:100%;overflow-x: scroll;}
  }
/*-- 注釈
-------------------------------------------------------------*/
.color_box{background:#f7f7f7;border:1px solid #b4b4b5;padding:2em;position: relative;}
.color_box b{font-size:max(1.7rem, 17px);margin-bottom:0.5em;display: inline-block;}
.color_box p{padding-bottom:1.5em;}
.color_box .c_title_line{position:absolute;top:-2rem;left:2em;background:#00a2aa;color:#fff;padding:0.5em;font-weight:500;font-size:max(1.7rem, 17px);}

@media only screen and (max-width:844px){
	.color_box .c_title_line{top: -9rem;}
}
/*-- Flex
-------------------------------------------------------------*/
.f_wrap{display:flex;}
.f_wrap.j_s{justify-content:flex-start;}
.f_wrap.j_b{justify-content:space-between;}
.f_wrap.j_c{justify-content:center;}
.f_wrap.j_e{justify-content:flex-end;}
.f_wrap.a_c{align-items:center;}
.f_wrap.a_e{align-items:flex-end;}
.f_wrap.a_s{align-items:stretch;}
.f_wrap.a_cs{align-content: flex-start;}
.f_wrap.f_c{flex-direction:column;}
.f_wrap.w_n{flex-wrap: nowrap;}
.f_wrap.w_w{flex-wrap: wrap;}
.f_wrap.g_no{gap: 0 !important;}
@media only screen and (max-width:844px){
	.f_wrap{flex-direction:column;}
  .f_wrap.f_r{flex-direction:row;}
  .f_wrap.f_cr{flex-direction:column-reverse;}
  .f_wrap.f_rr{flex-direction:row-reverse;}
}

/*-- 画面幅によって表示、非表示
-------------------------------------------------------------*/

@media only screen and (min-width:1280px){.hide_lg{display:none;}.show_md{display:none;}.show_xs{display:none;}}
@media only screen and (min-width:845px) and (max-width:1279px){.hide_md{display:none;}.show_lg{display:none;}.show_xs{display:none;}}
@media only screen and (max-width:844px){.hide_xs{display:none;}.show_lg{display:none;}.show_md{display:none;}}

/*-- ボタン
-------------------------------------------------------------*/
.btn{width: 200px;min-height: 42px;max-width: 100%;display: flex;position: relative;align-items: center;text-decoration: none;font-size: max(1.5rem, 15px);font-weight: 600;border-bottom: 1px solid;padding-left:0;padding-right: 39px;transition:padding-left 0.3s ease-in-out;}
.btn:hover{padding-left:5px;transition:padding-left 0.3s ease-in-out;}
.btn:before{content:'';width:0;height:100%;position:absolute;top:0;left:0;opacity:0;border-bottom: 2px solid;transition:width 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.btn:hover:before{width:100%;opacity:1;}
.btn svg{width:15px;height:15px;position:absolute;top:50%;right:10px;transform: translateY(-50%);}
.btn svg .circle{stroke-width:1px;stroke-dasharray:26px;stroke-dashoffset:26px;transition:stroke-dashoffset 0.3s;}
.btn:hover svg .circle{stroke-dashoffset:0px;}
.btn svg .arrow{transform:translate(0.5px,0.5px);}

/*-- 決定ボタン
-------------------------------------------------------------*/
.btn.smt_btn{color:#00a2aa;border-color:#b5b5b5;}
.btn.smt_btn:before{border-color:#00a2aa;}
.smt_btn svg .circle{fill:#FFFFFF;stroke:#00A2AA;}
.smt_btn svg .arrow{fill:#00A2AA;}

/*-- 決定ボタン（色反転）
-------------------------------------------------------------*/
.btn.smt_btn_r{color:#fff;border-color:#00A2AA;background:#00A2AA;padding-left:10px;}
.btn.smt_btn_r:hover{padding-left:15px;}
.btn.smt_btn_r:before{display: none;}
.smt_btn_r svg .circle{fill:#00A2AA;stroke:#FFFFFF;}
.smt_btn_r svg .arrow{fill:#FFFFFF;}

/*-- マップボタン
-------------------------------------------------------------*/
.btn.map_btn{width:136px;}

.btn.pdf_btn svg{width:20px;height:20px;}

@media only screen and (min-width:845px) and (max-width:1279px){
	.btn{height: auto;min-height: 42px;}
}
@media only screen and (max-width:844px){
	.btn{width:100%;height: auto;min-height: 55px;}
}

.btn_box{margin-top:2em;}
.btn_box p{margin-bottom:1em;}
.btn_box .btn{width:25em;height:4em;font-size:max(2.0rem, 18px);}
.btn_box .btn span:before{content:'';width:9px;height:9px;right: 25px;}

/*--- お問い合わせリンク
---*/
.dl_btn,.cn_btn{
  width: 100%;
  height: 100%;
  display: block;
  padding:1.2em 1em;
  display: flex;
  align-items: center;
  transition: color 0.5s ,background 0.5s,border 0.5s;
  transition-timing-function: ease-in-out;
  position: relative;
}
.dl_btn:hover,
.cn_btn:hover{
  transition: color 0.5s ,background 0.5s,border 0.5s;
  transition-timing-function: ease-in-out;
}
.dl_btn{
  color:#fff;
  background: #00a2aa;
  border:1px solid #fff;
}
.cn_btn{
  color:#00a2aa;
  background: #fff;
  border:1px solid #fff;
}
.dl_btn:hover,
.dl_btn:focus{
  color:#00a2aa;
  background: #fff;
}
.cn_btn:hover{
  color:#fff;
  background:#00a2aa;
  border:1px solid #fff;
}

.dl_btn svg,.cn_btn svg{width:20px;height:20px;position:absolute;top:50%;right:10px;transform: translateY(-50%);}

.dl_btn svg .circle,.cn_btn svg .circle{stroke-width:1px;stroke-dasharray:26px;stroke-dashoffset:26px;transition:stroke-dashoffset 0.3s;}
.dl_btn svg .circle{fill:#FFFFFF;stroke:#00A2AA;}
.cn_btn svg .circle{fill:#00A2AA;stroke:#FFFFFF;}

.dl_btn:hover svg .circle,.cn_btn:hover svg .circle{stroke-dashoffset:0px;}

.dl_btn svg .arrow,.cn_btn svg .arrow{transform:translate(0.5px,0.5px);}
.dl_btn svg .arrow{fill:#00A2AA;}
.cn_btn svg .arrow{fill:#FFFFFF;}


/*-- 矢印付きリンク
-------------------------------------------------------------*/
a.arrow{
  margin-top: 1em;
  border-bottom:1px solid #00a2aa;
  color:#00a2aa;
  display: inline-block;
}
a.arrow span{
  margin-right: -6px;
}
a.arrow span:after{
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #00a2aa;
  border-right: 1px solid #00a2aa;
  transform: translateX(10px) rotate(45deg);
  display: inline-block;
  transition:transform 0.5s ease-in-out;
}
a.arrow:hover span:after{
  transition:transform 0.5s ease-in-out;
  transform: translateX(15px) rotate(45deg);
}

/*-- ヘッダー
-------------------------------------------------------------*/
header{width:100%; height:70px; align-items:center; position:fixed;top: 0; z-index:1000; padding:0; background:#fff; border-bottom: 1px solid #00a2aa;}
header .h_logo{width:auto;margin-left:20px;animation:hslide 1s linear 0s forwards;opacity: 0;}
header .gn_wrap{width:auto;height: 100%;margin-right:20px;}
header a[target="_blank"] span::after{content: "";margin-left:0;}

header .lang-switch {
	display: flex;
	height: 30px;
	margin-top: 18px;
  margin-right:20px;
	background: #eee;
	border-radius: 5px;
  animation:hslide 1s linear 0s forwards;
  opacity: 0;
}
header .lang-switch a{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 0 5px 5px 0;
	font-weight: 500;
	font-size:max(1.2rem,12px);
	text-align: center;
	line-height: 30px;
	color: #888;
  transition: background 0.2s ease-in-out;
}
header .lang-switch li:first-child a{
	border-radius: 5px 0 0 5px;
}
header .lang-switch a:hover{
	background: #ddd;
}
header .lang-switch a.is-active {
	background: #00a2aa;
	color: #fff;
}
header .gn_xs_menu_inner .h_icon .bdr{fill:#fff;stroke-width:0px;}
@keyframes hslide{
  0%{opacity: 0;transform: translateY(-20px);}
  100%{opacity: 1;transform: translateY(0px);}
}

@media only screen and (min-width:845px) and (max-width:1279px){
  header .gn_wrap{margin-right: 0;}
}
@media only screen and (max-width:844px){
	header{width:100%; height:70px; padding:0 15px;padding-right:0;}
	header .h_logo{width:calc(100% - 70px);max-width: 100%;margin-left:0px;padding-right: 10px;}
  header .h_logo h1{align-items: center;}
  header .h_logo h1 img{height:auto;}
  header .h_logo h1 .log1{max-width:45%;}
  header .h_logo h1 .log2{max-width:55%;height:auto;justify-content: center;align-items:baseline;}
  header .h_logo h1 .log2 img{max-width:100%;height:auto;}
	header .gn_wrap{width: 70px;margin-right: 0;}

  header .gn_xs_menu_inner .title_line{padding:10px;}
  header .gn_xs_menu_inner .h_icon .bdr{fill:#fff;stroke-width:0px;}
  header .lang-switch {
		width: 80px;
		height: 40px;
		margin:0;
		background: #fff;
    position: absolute;
    top:80px;
    right: 10px;
  }
	header .lang-switch a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
/*-- フッター
-------------------------------------------------------------*/
footer{position: relative;border-top:3px solid #00a2aa;}
footer .f_menu_wrap{width: 100%;height:4.4vw;}
footer .f_menu_wrap ul{width: 100%;height:100%;}
footer .f_menu_wrap ul li{margin:0 1em;}
footer .f_com_wrap{width: 100%;height:3.75vw;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
footer .f_com_wrap a{width: 100%;height:100%;}
footer .copy_wrap{width: 100%;height:5.2vw;}
footer .copy_wrap p{width: 100%;height:100%;}
footer .copy_wrap p span{margin-top:10px;}

@media only screen and (max-width:844px){
  footer .f_menu_wrap,footer .f_com_wrap{height:auto;}
  footer .f_menu_wrap ul,footer .f_com_wrap{align-items: flex-start;}
  footer .f_menu_wrap ul li{width:100%;margin:0 0;border-bottom:1px solid #cccccc;}
  footer .f_menu_wrap ul li a,footer .f_com_wrap a{padding:10px 15px;display: block;position:relative;}
  footer .f_menu_wrap ul li a::before,footer .f_com_wrap a::before{
    content:'';
    width:12px;
    height:12px;
    border-top: solid 1px;
    border-right: solid 1px;
    border-color: #cccccc;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
  }
  footer .f_menu_wrap ul li a::after,footer .f_com_wrap a::after{
    content:'';
    width:15px;
    height:1px;
    border-bottom:solid 1px #cccccc;
    position:absolute;
    top:50%;
    right: 15px;
    margin-top: -1px;
  }
  footer .f_com_wrap{border-top:none;}
  footer .copy_wrap{height:auto;padding: 30px 0;}
}
/*-- ページトップリンク
-------------------------------------------------------------*/
.page_top{
  width:50px;
  height:50px;
  background:#00a2aa;
  position:fixed;
  bottom: 135px;
  right:50px;
  z-index:1000;
}
.page_top.stop{
  position:absolute;
  top: -115px;
  bottom:auto;
}
.page_top .wrap{
  width:100%;
  height:100%;
  position:relative;
  display: block;
}
.page_top .wrap:before{
  content:'';
  width:11px;
  height:11px;
  border-top: solid 1px;
  border-right: solid 1px;
  border-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg) translate(-50%,-50%);
  transition: top 0.5s ease-in-out;
  margin-left: 3px;
  margin-top: -5px;
}
.page_top .wrap:after{
  content:'';
  width:1px;
  height:15px;
  border-left:solid 1px #fff;
  position:absolute;
  top:50%;
  left:50%;
  transition:top 0.5s ease-in-out;
  margin-top: -6px;
}

@media only screen and (max-width:844px){
  .page_top{
    width: 33px;
    height: 33px;
    right: 15px;
    display: none !important;
  }
}
/*-- パンくずリスト
-------------------------------------------------------------*/
.bread_crumb{
  height: 50px;
  background-color: #00a2aa;
  color:#fff;
  line-height: 48px;
  position: fixed;
  left: 0;
  top: 70px;
  right: 0;
  z-index: 100;
}
.bread_crumb .inner_s{
  animation:bread_crumb 1s ease-in-out  forwards;
  opacity:0;
}
@keyframes bread_crumb{
  0%{opacity:0;}
  100%{opacity:1;}
}
.bread_crumb .bread_left{
  height:auto;
}
.bread_crumb li{
  padding-right: 1em;
  margin-right: 0.8em;
  position: relative;
}
.bread_crumb li span{
  margin-top:-3px;
  display: inline-block;
}
.bread_crumb li::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: auto;
  margin-top: -1px;
}
.bread_crumb li:first-child::before,
.bread_crumb li:last-child::after {
  content: "";
  display: none;
}

.bread_crumb li a{
  color:#fff;
}
.bread_crumb li a:after{
  content:"";
  border-bottom:1px solid #fff;
  width:0;
  height: 1px;
  display: block;
  transition: width 0.2s;
  transform: translateY(-13px);
}
.bread_crumb li a:hover:after{
  width:100%;
  transition: width 0.2s;
}

.bread_crumb .bread_right li{
  padding-right: 0;
  margin-right: 1.6em;
  position: relative;
}
.bread_crumb .bread_right li::after{
  display: none;
}
.bread_crumb .bread_right li:last-child{
  margin-right: 0;
}

@media only screen and (min-width: 845px) and (max-width: 1279px) {
  .bread_crumb .bread_right li{
    margin-right: 0.6em;
  }
  .bread_crumb .inner_s{
    width:calc(100% - 40px);
  }
}

@media only screen and (max-width:844px){
  .bread_crumb{
    display: none;
  }
  .bread_crumb.show{
    display: block;
  }
  .bread_crumb.show .bread_left{
    display: none;
  }
  .bread_crumb .inner_s{
    overflow-x: auto;
  }
  .bread_crumb .bread_right{
    flex-direction: row;
    white-space: nowrap;
  }
  .bread_crumb .bread_right li{
    margin-right: 1.2em;
  }
  .bread_crumb .bread_right li:last-child {
    padding-right:20px;
  }
}

/*-- サブページのトップ画像など
-------------------------------------------------------------*/
.s_top_wrap {width: 100%;height: 16vw;min-height: 250px;max-height: 400px;position: relative;margin-bottom: 90px; }
.s_top_wrap .s_top_pict {width: 100%;height: 100%;overflow: hidden;position: relative; }
.s_top_wrap .s_top_pict img {min-width: 100%;min-height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 0; }
.s_top_wrap .s_top_title {width: 50vw;position: absolute;left: 0;top: 100%;color: #fff;background: rgba(0, 0, 0, 0.8);padding-left: calc(50% - ((max(60%, 1152px)) / 2));z-index: 10; }
.s_top_wrap .s_top_title > div.inner {position: relative; }
.s_top_wrap .s_top_title h1 {font-size: max(4.0rem, 28px);padding: 10px;padding-left: 2rem; }
.s_top_wrap .s_top_title h1 span {font-size: max(2.1rem, 18px);display: block;margin-bottom: -0.5em; }
.s_top_wrap .s_top_title h1 span:before {content: "";width: 8px;height: 8px;background: #fff;display: inline-block;margin-bottom: 3px;margin-right: 7px; }
.s_top_wrap .s_top_title h1 > div {width: 2px;height: calc(100% + 40px);border-left: 2px solid #00a2aa;position: absolute;top: 0;left: 0; }

@media only screen and (min-width: 845px) and (max-width: 1279px) {
  .s_top_wrap .s_top_title {width: 70vw !important;padding-left: calc(50% - (80% / 2)); }
  .s_top_wrap .s_top_title h1 span {margin-bottom: 0; }
  .s_top_wrap .s_top_title h1 > div {height: calc(100% + 40px); }
}
@media only screen and (max-width: 844px) {
  .s_top_wrap .s_top_pict {height: 100%; }
  .s_top_wrap .s_top_title {width: 90vw !important; }
  .s_top_wrap .s_top_title h1 {padding-left: calc(1em + 15px); }
  .s_top_wrap .s_top_title h1 span {margin-bottom: 0; }
  .s_top_wrap .s_top_title h1 > div {height: calc(100% + 40px);left: 15px; }
  .s_top_wrap .s_top_title.show {margin-top:50px; }
}


/*-- イメージ
-------------------------------------------------------------*/
figure.trans_image{
  position: relative;
  overflow: hidden;
}
figure.trans_image img{
  width: 100%;
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%) scale(1,1);
  z-index:0;
  transition:transform 0.4s cubic-bezier(.26,.06,0,1);
}
figure.trans_image img:hover{
  transform: translate(-50%, -50%) scale(1.2,1.2);
  transition:transform 0.4s cubic-bezier(.26,.06,0,1);
}

/*---- ----*/
.container .slick-prev,
.container .slick-next{
  width: 50px;
  height: 50px;
  background:#fff;
}
.container .slick-prev:hover, .container .slick-prev:focus, .container .slick-next:hover, .container .slick-next:focus{
  background:#fff;
  opacity:0.8;
}
.container .slick-prev{
  left: -80px;
}
.container .slick-next{
  right: -80px;
}
.container .slick-prev:before{
  content:"";
  width:13px;height:13px;
  border-top: solid 4px;border-right: solid 4px;border-color: #00a2aa;
  margin-top: -13px;position: absolute;top: 50%;left: 50%;transform: rotate(225deg) translateY(-50%);
}
.container .slick-next:before{
  content:"";
  width:13px;height:13px;
  border-top: solid 4px;border-right: solid 4px;border-color: #00a2aa;
  margin-top: -2px;position: absolute;top: 50%;right: 50%;transform: rotate(45deg) translateY(-50%);
}

.container .text_box p{
  margin-bottom:1em;
}