@charset "utf-8";
@import url("/kokunai/___common/css/dept-select.css");
@import url("/kokunai/___common/css/footer_kokunai.css");

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

/*  メインビジュアル
============================================================================= */
.mv-page{
	position: relative;
	margin: 15px auto 0;
	padding: 50px 0;
	width: 100%;
	max-width: 1236px;
    text-align: center;
}
.mv-page .page-title-h1{
    font-weight: bold;
}
.mv-page__lead{
    margin-top: 40px;
	line-height: 1.2;
}
.mv-area__catch{
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: 1.2rem;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.mv-logo{
    position: absolute;
    right: 0;
    top: 0;
}
.mv-logo img{
    width: 130px;
    height: auto;
}
.mv-start{
    margin-top: 25px;
    color: #CC0D21;
    font-size: 2.4rem;
}
.mv-staff img{
    position: absolute;
    width: 113px;
    height: 96px;
    left: 850px;
    top: 180px;
}

/*  タブ
============================================================================= */
/* ボタン */
.page-tab__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	margin: 0 auto;
	padding: 0 5px;
	width: 100%;
	max-width: 1236px;
	min-width: 970px;
    text-align: center;
}
.page-tab__list li:not(:first-child){
	margin-left: 1px;
	width: calc(100% - 1px);
}
.page-tab__list li{
	width: 100%;
}
.page-tab__list li a{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    
	padding: 25px 15px;
    height: 100%;
	text-align: center;
    line-height: 1.2;
	background: #EAF0F7;
}
.page-tab__list li a.current{
	text-decoration: none;
    color: #fff;
	background: #cc0d21;
}
.page-tab__list li a:not(.current):hover{
	opacity: .6;
	transition: all 0.4s ease;
	text-decoration: none;
    color: #323743;
}

/* タブコンテンツ */
.page-tab__box{
	padding-top: 30px;
	border-top: solid 2px #cc0d21;
}
.page-tab__box .sect{
	margin: 0 auto;
	padding: 50px 5px;
	width: 100%;
	max-width: 1246px;
	min-width: 970px;
}
[class^="page-title-"]{ text-align: center; }

/* ポイント */
.point-sect__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

    margin: 8px 0 0 -12px;
	width: 100%;
}
.point-sect__list > li{
	margin: 12px 0 0 12px;
    padding: 20px;
    width: calc(100% / 3 - 12px);
	border: solid 1px #ccc;
	background: #fff;
}
.point-sect__list dt{
    padding-bottom: 15px;
    text-align: center;
    border-bottom: solid 1px #ccc;
}
.point-sect__list dt span{
    position: relative;
    display: block;
    padding-bottom: 100px;
    font-size: 2.2rem;
    font-weight: bold;
}
.point-sect__list dt span:before{
    position: absolute;
    left: 50%;
    bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
    display: block;
    content: "";
    width: 140px;
    height: 100px;
    font-size: 6.0rem;
    color: #08a6f8;
}
.point-sect__list li:first-child dt span:before{ background: url("/kokunai/dynamic/service/_images/about_01.png") no-repeat 0 0; }
.point-sect__list li:nth-child(2) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_02.png") no-repeat 0 0; }
.point-sect__list li:nth-child(3) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_03.png") no-repeat 0 0; }
.point-sect__list li:nth-child(4) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_04.png") no-repeat 0 0; }
.point-sect__list li:nth-child(5) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_05.png") no-repeat 0 0; }
.point-sect__list li:nth-child(6) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_06.png") no-repeat 0 0; }
.point-sect__list li:nth-child(7) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_08.png") no-repeat 0 0; }
.point-sect__list li:nth-child(8) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_09.png") no-repeat 0 0; }

.point-sect__list-jr li:first-child dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_01.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(2) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_02.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(3) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_03.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(4) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_04.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(5) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_05.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(6) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_06.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(7) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_07.png") no-repeat 0 0; }
.point-sect__list-jr li:nth-child(8) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_08.png") no-repeat 0 0; }

.alliance-point .point-sect__list-jr li:first-child dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_01.png") no-repeat 0 0; }
.alliance-point .point-sect__list-jr li:nth-child(2) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_02.png") no-repeat 0 0; }
.alliance-point .point-sect__list-jr li:nth-child(3) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_03.png") no-repeat 0 0; }
.alliance-point .point-sect__list-jr li:nth-child(4) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_04.png") no-repeat 0 0; }
.alliance-point .point-sect__list-jr li:nth-child(5) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_05.png") no-repeat 0 0; }
.alliance-point .point-sect__list-jr li:nth-child(6) dt span:before{ background: url("/kokunai/dynamic/service/_images/about_jr_07.png") no-repeat 0 0; }

.point-sect__list dt em{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    font-size: 1.8rem;
}
.point-sect__list dd{
    margin-top: 20px;
}
.point-sect__list dd .js-accordion-title{
    display: inline-block;
    margin-top: 10px;
    padding-right: 35px;
}
.point-sect_canceldetail{
    display: none;
}
.point-sect__list-txt:not(:first-of-type){
    margin-top: 20px;
}
.point-sect__list-txt-box{
    position: relative;
    margin-top: 20px;
    padding: 20px 15px 15px;
    background: #fff8e6;
}
.point-sect__list-txt-only{
    position: absolute;
    left: 5px;
    top: -10px;
    padding: 1px 5px;
    color: #cc0d21;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 5px;
    border: solid 1px #cc0d21;
    background: #fff;
}
.point-sect__list-txt-only:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    z-index: 1;
    content: '';
    display: block;
    margin-left: -6px;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 10px 0 0 10px;
}
.point-sect__list-txt-only:after{
    position: absolute;
    left: 50%;
    bottom: -10px;
    z-index: 0;
    content: '';
    display: block;
    margin-left: -5px;
    border-style: solid;
    border-color: #cc0d21 transparent;
    border-width: 10px 0 0 10px;
}
.point-sect__list-kome{
    margin-top: 10px;
}
.point-sect__list-kome li{
    position: relative;
    padding-left: 15px;
    font-size: 1.2rem;
}
.point-sect__list-kome li:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
}
.point-sect__update{
    margin-top: 20px;
    text-align: right;
}

/* modal */
.modal-cancel__txt{
    text-align: center;
}
.cancel-info__table{
    margin-top: 15px;
}
.cancel-info__table{
    width: 100%;
    height: 100%;
}
.cancel-info__table th,
.cancel-info__table td{
    padding: 10px;
    border: solid 1px #ccc;
}
.cancel-info__table thead th{
    text-align: center;
    background: #f5f5f5;
}
.cancel-info__table tbody th{
    width: 60px;
    text-align: center;
}
.cancel-info__table tbody td:nth-of-type(2){
    width: 30%;
}
@media screen and (max-width: 759px){
    .modal-cancel__txt{
        text-align: left;
    }
    .modal-cancel__txt{
        margin-top: 5px;
    }
    .cancel-info__table{
        margin-top: 5px;
    }
    .cancel-info__table tbody th{
        width: 20px;
    }
}

/* 流れ */
.flow-sect__list > li{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 25px 0;
	background: #fff;
}
.flow-sect__list > li:not(:last-child):before{
    border: 15px solid transparent;
    border-top-color: #000;
    border-bottom-width: 0;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    width: 0;
}
.flow-sect__step{
    display: inline-block;
    margin-bottom: 5px;
    color: #999;
    font-size: 1.2rem;
}
.flow-sect__box-detail{
    width: calc(100% - 460px);
}
.flow-sect__box-detail .page-title-h3{
    text-align: left;
}
.flow-sect__images {
    padding: 50px 20px;
    width: 400px;
    text-align: center;
    font-weight: bold;
    color: #08a6f8;
    border: solid 1px #ccc;
}
.flow-sect__images br{
    display: none;
}
.flow-sect__images figcaption{
    margin-top: 20px;
}
.flow-sect__txt{
    margin-top: 20px;
}
.flow-sect__rsv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0 0 -20px;
}
.flow-sect__rsv-box{
    margin-left: 20px;
    padding: 20px;
    background: #f5f5f5;
}
.flow-sect__rsv-box{
    background: #edf9ff;
}
.flow-sect__rsv-box .flow-sect__txt{
    margin-top: 0;
}
.flow-sect__txt-bar{
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    border-bottom: dotted 1px #ccc;
}
.flow-sect__answer-box{
    margin-top: 20px;
    padding: 20px;
    background: #edf9ff;
}
.flow-sect__answer-box .flow-sect__txt{
    margin-top: 0;
}
.flow-sect__answer-box .flow-sect__txt-bar{
    text-align: left;
}
.flow-sect__kome{
    margin-top: 20px;
    font-size: 1.3rem;
}
p.flow-sect__kome{
    position: relative;
    padding-left: 1em;
}
.flow-sect__kome li{
    position: relative;
    padding-left: 1em;
}
p.flow-sect__kome:before, .flow-sect__kome li:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
    display: block;
}


/* 組み合わせの例 */
.useex-sect__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

    margin: 18px 0 0 -12px;
}
.useex-sect__list > li{
	margin: 12px 0 0 12px;
    padding: 10px 20px 20px;
    width: calc(100% / 3 - 12px);
	border: solid 1px #ccc;
	background: #fff;
}
.useex-sect__box dt{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    margin-top: 50px;
}
.useex-sect__box dt::before,
.useex-sect__box dt::after {
	content: '';
	height: 1px;
	border-top: solid 1px #bbb;
	flex-grow: 1;
}
.useex-sect__box dt::before {
	margin-right: 2rem;
}
.useex-sect__box dt::after {
	margin-left: 2rem;
}

.useex-sect__txt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    
    position: relative;
    padding-right: 85px;
    line-height: 1.3;
}
.useex-sect__txt:after{
    position: absolute;
    right: -10px;
    top: 0;
    display: block;
    content: "";
    width: 91px;
    height: 40px;
}
.icon-OK .useex-sect__txt:after{
    background: url("/kokunai/dynamic/service/_images/ico_ok.png") no-repeat 0 0;
    background-size: 91px auto;
}
.icon-NG .useex-sect__txt:after{
    background: url("/kokunai/dynamic/service/_images/ico_ng.png") no-repeat 0 0;
    background-size: 91px auto;
}
.useex-sect__images{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto 0;
    max-width: 280px;
}
.useex-sect__images img{
    width: 100%;
    height: auto;
}
.useex-sect__kome{
    position: relative;
    margin-top: 20px;
    padding-left: 1em;
    font-size: 1.2rem;
}
.useex-sect__kome:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
    display: block;
}


/* 組み合わせの例 202109 */
.useex-link{
	margin: 0 auto;
	width: 100%;
	max-width: 1236px;
	min-width: 970px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.useex-link_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.useex-link_list li{
	position: relative;
	width: calc(100% / 2);
}
.useex-link_list li:not(:first-child):before{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	width: 1px;
	height: calc(100% - 20px);
	background: #ccc;
}
.useex-link_list li a{
	position: relative;
	display: block;
	padding: 10px;
	text-align: center;
	transition: all 0.4s ease;
}
.useex-link_list li a:after{
	position: absolute;
	right: 10px;
	bottom: 10px;
	content: "";
	display: inline-block;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #323743 transparent;
}
@media screen and (min-width: 760px){
	.useex-link_list li a:hover{
		color: #323743;
		opacity: .6;
	}
}

.useex-link_list li em{
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: .3em;
}
.page-tab__box .sect.useex-pagenav{
	margin-top: 50px;
}
.useex-pagenav h2{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.useex-pagenav h2 span{
	position: relative;
	background:linear-gradient(transparent 70%, #ffde00 70%);
}
.useex-pagenav h2 span:before{
	position: absolute;
	left: -45px;
	top: 50%;
	transform: translateY(-65%);
	content: "";
	display: inline-block;
	width: 39px;
	height: 45px;
	background: url("/kokunai/dynamic/service/_images/icon_select.png") center / 100% auto no-repeat;
}

.useex-pagenav_list{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 20px 20px 40px 0;
	background: #f5f5f5;
}
.useex-pagenav_list:before{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #fff;
}
.useex-pagenav_list li{
	margin: 20px 0 0 20px;
	width: calc(100% / 3 - 20px);
}
.useex-pagenav_list li a{
	display: block;
	padding: 20px;
	text-align: center;
	border-radius: 50vw;
	background: #fff;
	transition: .3s;
}
@media screen and (min-width: 760px){
	.useex-pagenav_list li a:hover{
		color: #323743;
		opacity: .6;
		transform: translateY(-5px);
	}
}
.useex-sect .page-title-h2{
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: .3em;
}
.useex-sect_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 -30px;
}
.useex-sect_wrap .useex-box{
	margin: 30px 0 0 30px;
	width: calc(100% / 2 - 30px);
}
.useex-sect_wrap .useex-box.-col01{
	width: calc(100% - 30px);
}
.useex-box{
	overflow: hidden;
	padding-top: 25px;
	border-radius: 5px;
	border: solid 1px #c9cdcf;
}
.useex-ttl{
	margin: 0 5%;
}
.useex-ttl h3{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 66px;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
}
.useex-case{
	overflow:hidden;
	display: flex;
	margin-top: 20px;
	font-size: 1.3rem;
	border: solid 1px #ddd;
}
.useex-case dt{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 5px;
	width: 120px;
	text-align: center;
	font-weight: 500;
	background: #f5f5f5;
}
.useex-case dd{
	padding: 5px 10px;
	width: calc(100% - 120px);
}
.useex-img{
	margin: 50px 5% 0;
}
.useex-photo{
	margin: 0 5%;
}
.useex-photo img,
.useex-img img{
	max-width: 100%;
	vertical-align: bottom;
	opacity: 0;
  transition: 2s;
}
img.lazyloaded {
  opacity: 1;
}
.useex-photo figure,
.useex-img figure{
	min-height: 149px;
	text-align: center;
}
.useex-photo figcaption,
.useex-img figcaption{
	margin: 5px 25px 0;
	text-align: right;
	font-size: 1.1rem;
	line-height: 1.2;
}
.useex-kome{
	margin-top: 50px;
}
.useex-photo .useex-kome{
	margin-top: 20px;
}
.useex-kome li{
	position: relative;
	padding-left: 1.2em;
	font-size: 1.3rem;
}
.useex-kome li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "※";
}
.useex-kome .link-txt{
	position: relative;
	padding-right: 1em;
}
.useex-kome .link-txt:after{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.5em;
	font-size: 1.1rem;
	
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e905";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.useex-rsv{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	padding: 30px 5%;
	background: #f5f5f5;
}
.useex-img + .useex-rsv{
	margin-top: 20px;
}
.useex-rsv_online, .useex-rsv_offline{
	width: 100%;
	max-width: 255px;
}
.useex-rsv_offline{
	margin-left: 3%;
}
.useex-rsv_propriety{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	padding: 10px;
	font-size: 1.3rem;
	text-align: center;
	border-radius: 5px;
	background: #fff;
}
.-possible .useex-rsv_propriety{
	color: #45bc31;
	border: solid 3px #45bc31;
}
.-impossible .useex-rsv_propriety{
	color: #ce0b0b;
	border: solid 3px #ce0b0b;
}
.useex-rsv_propriety:before, .useex-rsv_propriety:after{
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.useex-rsv_propriety:before{
	font-size: 4.0rem;
}
.useex-rsv_online .useex-rsv_propriety:before{
	content: "\e93d";
}
.useex-rsv_offline .useex-rsv_propriety:before{
	content: "\e958";
}
.useex-rsv_propriety:after{
	margin-left: 20px;
	font-size: 3.0rem;
}
.-possible .useex-rsv_propriety:after{
	content: "\e961";
}
.-impossible .useex-rsv_propriety:after{
	content: "\e923";
}
.useex-rsv_propriety-txt{
	order: 1;
	margin-top: 2px;
	width: 100%;
}
.useex-rsv_link{
	margin-top: 20px;
}
.useex-rsv_bt:not(:first-child){
	margin-top: 20px;
}
.useex-rsv_bt a{
	display: flex;
	align-items: center;
	justify-content: center;
	
	position: relative;
	padding: 5px 35px;
	width: 100%;
	min-height: 52px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	border-radius: 50vw;
	background: #ffde00;
	transition: .3s;
}
.useex-rsv_bt a:before{
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid #ffde00;
}
.useex-rsv_bt a:after{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("/kokunai/dynamic/service/_images/icon_searchplus.svg") center /100% auto no-repeat;
}
.useex-rsv_offline .useex-rsv_bt a br{
	display: none;
}
.useex-rsv_bt a em{
	display: inline-block;
	width: 1.5em;
	margin-right: 5px;
	color: #fff;
	background: #333;
}
@media screen and (min-width: 760px){
	.useex-rsv_bt a:hover{
		color: #323743;
		opacity: .6;
		transform: translateY(-5px);
	}
}
.useex-rsv_bt2:not(:first-child){
	margin-top: 20px;
}
.useex-rsv_bt2 a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 5px 35px;
	width: 100%;
	min-height: 52px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	border-radius: 50vw;
	background: #ffde00;
	transition: .3s;
}
@media screen and (max-width: 759px){ .useex-rsv_bt2 a{ padding: 6px 28px;}}
.useex-rsv_bt2 a:before{
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid #ffde00;
}
.useex-rsv_bt2 a:after{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("/kokunai/dynamic/service/_images/icon_searchplus.svg") center /100% auto no-repeat;
}
@media screen and (max-width: 759px){ .useex-rsv_bt2 a:after{ right: 6px;}}
.useex-rsv_offline .useex-rsv_bt2 a br{
	display: none;
}
.useex-rsv_bt2 a em{
	display: inline-block;
	width: 1.5em;
	margin-right: 5px;
	color: #fff;
	background: #333;
}
@media screen and (min-width: 760px){
	.useex-rsv_bt2 a:hover{
		color: #323743;
		opacity: .6;
		transform: translateY(-5px);
	}
}
.useex-subbox{
	margin: 20px 5% 0;
}
.useex-subbox:not(:first-of-type){
	margin-top: 50px;
	padding-top: 50px;
	border-top: solid 1px #ccc;
}
.useex-subbox h4{
	position: relative;
	padding-left: 35px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .2em;
}
.useex-subbox h4:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "1";
	display: inline-block;
	color: #fff;
	width: 1.5em;
	text-align: center;
	letter-spacing: 0;
	background: #333;
}
.useex-subbox:first-of-type h4:before{
	content: "1";
}
.useex-subbox:nth-of-type(2) h4:before{
	content: "2";
}
.useex-subbox:nth-of-type(3) h4:before{
	content: "3";
}
.useex-subbox_ttl{
	margin-top: 50px;
	font-weight: bold;
}
.useex-subbox .useex-case,
.useex-subbox .useex-kome{
	margin-right: 35px;
	margin-left: 35px;
}
.useex-subbox .useex-img,
.useex-subbox .useex-kome{
	margin-top: 50px;
}
.useex-subbox + .useex-rsv{
	margin-top: 20px;
}

.jtb-rsv_inner{
	padding: 50px 3%;
	border: solid 10px #edecec;
}
.jtb-rsv .page-title-h2{
	font-weight: bold;
}
@media screen and (min-width: 760px){
	.jtb-rsv .page-title-h2 br{
		display: none;
	}
}
.useex-rsv_wrap{
	display: flex;
	margin: 50px 0 0 -3%;
}
.useex-rsv_box{
	margin-left: 3%;
	width: calc(100% / 3 - 3%);
}

.useex-rsv_box dt{
	position: relative;
	padding-top: 100px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
}
.useex-rsv_box dt:before{
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		display: block;
		content: "";
		width: 100%;
		height: 80px;
}
.useex-rsv_box:nth-of-type(1) dt:before {
    background: url(/kokunai/___common/images/ico-reserve-04.svg) no-repeat center;
}
.useex-rsv_box:nth-of-type(2) dt:before{
	background: url(/kokunai/___common/images/ico-reserve-02.svg) no-repeat center;
}
.useex-rsv_box:nth-of-type(3) dt:before{
	background: url(/kokunai/___common/images/ico-reserve-03.svg) no-repeat center;
}
.useex-rsv_box dd {
	margin-top: 20px;
}
.useex-rsv_link .link-txt{
	position: relative;
	padding-right: 1em;
	display: inline-block;
}
.useex-rsv_link .link-txt:after{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.5em;
	font-size: 1.1rem;
	
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e905";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* faq */
.faq-sect{
	margin: 0 auto;
	padding: 50px 5px;
	width: 100%;
	max-width: 1246px;
	min-width: 970px;
}
.faq-sect__box{
    margin-top: 50px;
}
.faq-sect__box .page-title-h3{
    padding-left: 10px;
    text-align: left;
    line-height: 1.6;
    border-left: solid 5px #cc0d21;
}
.faq-sect__dl{
    margin-top: 20px;
    border-bottom: solid 1px #ccc;
}
.faq-sect__dl dt{
    cursor: pointer;
    position: relative;
    padding: 20px 20px 20px 40px;
    line-height: 1.5;
    border-top: solid 1px #ccc;
		transition: all 0.4s ease;
}
.faq-sect__dl dt:hover{
	opacity: .6;
}
.faq-sect__dl dt:before, .faq-sect__dl dd:before{
    position: absolute;
    left: 0;
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;    
    border-radius: 50%;
    border: solid 1px #000;
}
.faq-sect__dl dt:before{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "Q";
    color: #fff;
    background: #000;
}
.faq-sect__dl dd{
    display: none;
    position: relative;
    padding: 0 20px 20px 40px;
}
.faq-sect__dl dd:before{
    top: -5px;
    content: "A";
    color: #000;
    background: #fff;
}
.ticket{
    font-weight: bold;
    text-decoration:underline;
}

/* 新幹線情報と運行区間 */
/* pulldown list
---------------------------------------------------------- */
.dom-pulldown-list {
	max-height: 198px;
	overflow: auto;
}
.dom-pulldown-list > li {
	padding: 5px 13px;
	line-height: 1.4;
	cursor: pointer;
}
.dom-pulldown-list > li:hover {
	background-color: #fae5e5;
}
#shinkansen-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 25px;
	background: #fff;
}
.shinkansen-detail-wrap:first-of-type {
	width: 650px;
    background: url("/kokunai/dynamic/service/_images/bg_map.gif") repeat;
}
.shinkansen-detail-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(760 / 650 * 100%);
	background: url(/kokunai/dynamic/service/_images/shinkansen_map.gif) no-repeat center 0;
	background-size: 100% auto;
}
.shinkansen-detail-map li {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	background: #fff;
}
.dom-search__column {
	position: relative;
	margin-left: -1px;
}
.dom-search__column-label {
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 5px;
}
.dom-search__column-pulldown {
	position: relative;
}
.form_search .dom-search__column-pulldown .dom-search__column-label {
	position: absolute;
	left: 5px;
	top: 4px;
	cursor: pointer;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1.2;
}
.dom-search__column-pulldown-label {
	position: absolute;
	top: calc(-5px - (1.3rem * 1.2));
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: bold;
}
.dom-search__input {
	position: relative;
	z-index: 0;
}
.dom-search__input:hover {
	z-index: 1;
}
.dom-search__input input {
	cursor: pointer;
	height: 40px;
	padding: 0 10px 0 30px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;
	border-radius: 0;
	border: 1px solid #999;
	box-shadow: none;
}
.form_search .dom-search__input .dom-search__column-label + input, .form_search .dom-search__input .dom-search__column-label + input + input {
	height: 65px;
}
.dom-search__input input:hover {
	border-color: #cc0d21;
	box-shadow: 0 0 5px 0 rgba(204, 13, 33, 0.2);
}
.dom-search__input input:focus {
	border-color: #cc0d21;
	box-shadow: 0 0 5px 0 rgba(204, 13, 33, 0.2);
}
.dom-search__input:before {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -.5em;
	color: #999;
	font-size: 1.5rem;
	pointer-events: none;
}
.dom-search__panel {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 101;
	width: 100%;
	margin-top: -1px;
	background-color: #fff;
	border: 1px solid #cc0d21;
	box-shadow: 0 0 5px 0 rgba(204, 13, 33, 0.2);
}
@media screen and (max-width: 1030px) {
	#domSearchPamphlet .dom-top-search__people .dom-search__panel {
		left: inherit;
		right: 0;
	}
}
.shinkansen-detail-map li[data-shinkansen-map="0"] {
	left: 70%;
	top: 25%;
	color: #34adad;
	border-color: #34adad;
}
.shinkansen-detail-map li[data-shinkansen-map="1"] {
	left: 73%;
	top: 61%;
	color: #217901;
	border-color: #217901;
}
.shinkansen-detail-map li[data-shinkansen-map="2"] {
	left: 57%;
	top: 37%;
	color: #fe0086;
	border-color: #fe0086;
}
.shinkansen-detail-map li[data-shinkansen-map="3"] {
	left: 53%;
	top: 46%;
	color: #fec601;
	border-color: #fec601;
}
.shinkansen-detail-map li[data-shinkansen-map="4"] {
	left: 47%;
	top: 53%;
	color: #fd8881;
	border-color: #fd8881;
}
.shinkansen-detail-map li[data-shinkansen-map="5"] {
	left: 33%;
	top: 61%;
	color: #67389b;
	border-color: #67389b;
}
.shinkansen-detail-map li[data-shinkansen-map="6"] {
	left: 55%;
	top: 76%;
	color: #1101f4;
	border-color: #1101f4;
}
.shinkansen-detail-map li[data-shinkansen-map="7"] {
	left: 29%;
	top: 77%;
	color: #4e93ff;
	border-color: #4e93ff;
}
.shinkansen-detail-map li[data-shinkansen-map="8"] {
	left: 21%;
	top: 84%;
	color: #a41212;
	border-color: #a41212;
}
.shinkansen-detail-map li.active {
	color: #333;
	border-color: #d6bc33;
	background: #f8d927;
}
.shinkansen-detail-select-subarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 10px;
	padding-bottom: 20px;
}
.shinkansen-detail-select-subarea li {
	position: relative;
	cursor: pointer;
	margin: 10px 0 0 10px;
	padding: 15px 20px 15px 10px;
	width: calc((100% - 30px) / 2);
	text-align: center;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #ccc;
}
.shinkansen-detail-select-subarea li.is-active {
	border: solid 1px #cc0000;
}
.shinkansen-detail-select-subarea li:hover {
	color: #cc0d21;
}
.shinkansen-detail-select-subarea li:after {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #333;
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e906";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dom-search__input--train::before {
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e962";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dom-search__input--train::after {
	font-size: 1.3rem;
	color: #999;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -.5em;
	pointer-events: none;
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.shinkansen-detail-slide {
	padding: 30px 50px;
	width: calc(100% - 650px);
	background: #f5f5f5
}
.shinkansen-detail-slide dt {
	font-size: 2.5rem;
	text-align: center;
	line-height: 1.4;
}
.shinkansen-detail-slide dt span {
	display: block;
	font-size: 1.3rem;
}
.shinkansen-detail-slide dd {
	margin-top: 5px;
	font-size: 1.4rem;
}
.shinkansen-detail-slide figure {
	position: relative;
}
.shinkansen-detail-slide figcaption {
	position: absolute;
	right: 5px;
	bottom: 2px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
.shinkansen-detail-slide figure img{
	width: 100%;
	height: auto;
    vertical-align: bottom;
}
.shinkansen-detail-slide p {
	margin-top: 10px;
}
@media screen and (min-width:760px) and (max-width: 1130px) {
	.shinkansen-detail-wrap:first-of-type {
		width: 550px;
	}
	.shinkansen-detail-slide {
		width: calc(100% - 550px);
	}
	.shinkansen-detail-map li {
        margin-right: 10px;
        padding: 7px 10px;
        font-size: 1.1rem;
	}
}
/* 検索パネル */
.search-sect{
    padding: 50px 0 0;
    text-align: center;
}
.search-sect a{
    padding: 25px 50px;
    font-size: 3.0rem;
}

@media screen and (max-width: 759px){
    
    /*  メインビジュアル
    ============================================================================= */
    .mv-page{
        margin: 0;
        padding: 60px 0 20px;
        min-width: inherit;
    }
    .mv-page__lead{
        margin-top: 30px;
    }
    .mv-logo{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .mv-logo img{
        width: 100px;
    }
		.mv-logo img:not(:first-of-type){
			margin-left: 15px;
		}
    .mv-start{
        margin-top: 20px;
        color: #CC0D21;
        font-size: 2.4rem;
    }
		.mv-page .page-title-h1 span{
				font-size: 1.8rem;
		}
	.mv-staff img {
    position: absolute;
    width: 66px;
    height: 56px;
    left: auto;
    right: 0px;
    top: 100px;
	}
	
    /*  タブ
    ============================================================================= */
    /* ボタン */
    .page-tab__list{
        padding: 0 10px;
        min-width: inherit;
    }
    .page-tab__list li a{
        padding: 10px;
        text-align: center;
        background: #EAF0F7;
    }
    .page-tab__list li a.current{
        height: calc(100% + 5px);
        margin-top: -5px;
    }
    .page-tab__list li a:not(.current):hover{
        opacity: 1;
    }

    /* タブコンテンツ */
    .page-tab__box{
        padding-top: 0px;
        border-top: solid 2px #cc0d21;
    }
    .page-tab__box .sect{
        padding: 20px 0;
        min-width: inherit;
    }

    /* ポイント */
    .point-sect__list{
        margin: 20px 10px 0;
        width: calc(100% - 20px);
    }
    .point-sect__list > li{
        margin: 0;
        padding: 15px 0;
        width: 100%;
        border: none;
        border-top: solid 1px #ccc;
    }
    .point-sect__list > li:last-child{
        border-bottom: solid 1px #ccc;
    }
    .point-sect__list dt{
        padding-bottom: 0;
        text-align: left;
        border-bottom: none;
    }
    .point-sect__list dt span{
        display: none;
    }
    .point-sect__list dt em{
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 35px;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: left;
        line-height: 1.4;
    }
    .point-sect__list dt br{
        display: none;
    }
    .point-sect__list dt em:before{
        position: absolute;
        left: 0;
        top: -5px;
        content: "";
        display: block;
        width: 2em;
        line-height: 2em;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        background: #F5D3D6;
    }
    .point-sect__list > li:nth-child(1) dt em:before{ content: "1"; }
    .point-sect__list > li:nth-child(2) dt em:before{ content: "2"; }
    .point-sect__list > li:nth-child(3) dt em:before{ content: "3"; }
    .point-sect__list > li:nth-child(4) dt em:before{ content: "4"; }
    .point-sect__list > li:nth-child(5) dt em:before{ content: "5"; }
    .point-sect__list > li:nth-child(6) dt em:before{ content: "6"; }
    .point-sect__list > li:nth-child(7) dt em:before{ content: "7"; }
    .point-sect__list > li:nth-child(8) dt em:before{ content: "8"; }
    .point-sect__list > li:nth-child(9) dt em:before{ content: "9"; }

    .point-sect__list dd{
        position: relative;
        margin-top: 10px;
        padding-left: 80px;
        min-height: 70px;
        line-height: 1.5;
    }
    .point-sect__list dd:before{
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "";
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }
    .point-sect__list li:first-child dd:before{ background: url("/kokunai/dynamic/service/_images/about_01.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(2) dd:before{ background: url("/kokunai/dynamic/service/_images/about_02.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(3) dd:before{ background: url("/kokunai/dynamic/service/_images/about_03.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(4) dd:before{ background: url("/kokunai/dynamic/service/_images/about_04.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(5) dd:before{ background: url("/kokunai/dynamic/service/_images/about_05.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(6) dd:before{ background: url("/kokunai/dynamic/service/_images/about_06.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(7) dd:before{ background: url("/kokunai/dynamic/service/_images/about_08.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list li:nth-child(8) dd:before{ background: url("/kokunai/dynamic/service/_images/about_09.png") no-repeat center #f5f5f5; background-size: 50px auto; }

    .point-sect__list-jr li:first-child dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_01.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(2) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_02.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(3) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_03.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(4) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_04.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(5) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_05.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(6) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_06.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .point-sect__list-jr li:nth-child(7) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_07.png") no-repeat center #f5f5f5; background-size: 50px auto; }

    .alliance-point .point-sect__list-jr li:first-child dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_01.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .alliance-point .point-sect__list-jr li:nth-child(2) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_02.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .alliance-point .point-sect__list-jr li:nth-child(3) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_03.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .alliance-point .point-sect__list-jr li:nth-child(4) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_04.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .alliance-point .point-sect__list-jr li:nth-child(5) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_05.png") no-repeat center #f5f5f5; background-size: 50px auto; }
    .alliance-point .point-sect__list-jr li:nth-child(6) dd:before{ background: url("/kokunai/dynamic/service/_images/about_jr_07.png") no-repeat center #f5f5f5; background-size: 50px auto; }

    .point-sect__list-txt-box{
        position: relative;
        margin-top: 25px;
        padding: 10px;
        background: #fff8e6;
    }
    .point-sect__list-txt-only{
        top: -18px;
    }

    .point-sect__list-txt-only{
        font-size: 1.1rem;
    }
    .point-sect__list-kome li{
        font-size: 1.1rem;
    }
    .point-sect__update{
        margin-top: 10px;
        font-size: 1.1rem;
    }
    
    /* 流れ */
    .flow-sect__list{
        margin: 0 10px;
    }
    .flow-sect__list > li{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 0 30px;
        
        margin-top: 20px;
        border-top: solid 1px #ccc;
    }
    .flow-sect__list > li:last-child{
        padding-bottom: 0;
        border-bottom: none;
    }
    .flow-sect__list > li:not(:last-child):before{
        border: 15px solid transparent;
        border-top-color: #000;
        border-bottom-width: 0;
        bottom: 0;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        width: 0;
    }
    .flow-sect__step{
        display: inline-block;
        margin-bottom: 5px;
        color: #999;
        font-size: 1.2rem;
    }
    .flow-sect__box-detail{
        width: 100%;
    }
    .flow-sect__box-detail .page-title-h3{
        text-align: left;
    }
    .flow-sect__box-detail .page-title-h3::after {
        content: '';
        height: 1px;
        border-top: solid 1px #bbb;
        flex-grow: 1;
    }
    .flow-sect__box-detail .page-title-h3::after {
        margin-left: 2rem;
    }
    .flow-sect__step{
        margin: 0 10px 0 0;
        vertical-align: middle;
    }
    .flow-sect__images{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px;
        padding: 10px;
        border: none;
        background: #f5f5f5;
    }
    .flow-sect__images br{
        display: none;
    }
    .flow-sect__images img{
        width: auto;
        height: 40px;
    }
    .flow-sect__images figcaption{
        margin: 0 0 0 10px;
    }
    
    .flow-sect__rsv{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
    .flow-sect__rsv-box{
        margin: 10px 0 0;
        padding: 10px;
    }
    .flow-sect__answer-box{
        margin-top: 10px;
    }    
    .flow-sect__txt{
        margin-top: 20px;
    }
    .flow-sect__kome{
        margin-top: 20px;
        font-size: 1.3rem;
    }
    p.flow-sect__kome{
        position: relative;
        padding-left: 1em;
    }
    .flow-sect__kome li{
        position: relative;
        padding-left: 1em;
    }
    p.flow-sect__kome:before, .flow-sect__kome li:before{
        position: absolute;
        left: 0;
        top: 0;
        content: "※";
        display: block;
    }
    
    /* 組み合わせの例 */
    .useex-sect__list{
        margin: 2px 10px 0;
        width: calc(100% - 20px);
    }
    .useex-sect__list > li{
        margin: 8px 0 0;
        padding: 10px;
        width: 100%;
    }
    .useex-sect__box dt{
        margin-top: 20px;
    }
    .useex-sect__txt{
        position: relative;
        padding-right: 85px;
        min-height: 30px;
        line-height: 1.3;
        font-size: 1.3rem;
    }
    .useex-sect__txt:after{
        right: 0;
        top: 0;
        width: 68px;
        height: 30px;
    }
    .icon-OK .useex-sect__txt:after{
        background-size: 68px auto;
    }
    .icon-NG .useex-sect__txt:after{
        background-size: 68px auto;
    }
    .useex-sect__images{
        margin-top: 10px;
        max-width: 200px;
    }
    .useex-sect__kome{
        margin-top: 10px;
        font-size: 1.1rem;
    }
	
	/* 組み合わせの例 202109 */
	.useex-link{
		margin-top: 20px;
		min-width: inherit;
	}
	.useex-link_list li:not(:first-child):before{
		height: calc(100% - 10px);
	}
	.useex-link_list li a{
		padding: 15px 5px;
		font-size: 1.1rem;
	}
	.useex-link_list li em{
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.useex-link_list li a:after{
		right: 5px;
		bottom: 5px;
		border-width: 0 0 8px 8px;
	}
	.page-tab__box .sect.useex-pagenav{
		margin-top: 25px;
	}
	.useex-pagenav h2{
		margin: 0 10px;
		padding-left: 35px;
		font-size: 1.6rem;
	}
	.useex-pagenav_list{
		margin-top: 10px;
		padding: 10px 10px 15px 5px;
	}
	.useex-pagenav_list:before{
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #fff;
	}
	.useex-pagenav_list li{
		margin: 5px 0 0 5px;
		width: calc(100% / 3 - 5px);
	}
	.useex-pagenav_list li a{
		padding: 10px;
		height: 100%;
		text-align: left;
		border-radius: 8px;
		border: solid 1px #ccc;
	}
	.useex-sect .page-title-h2{
		margin: 0 15px;
		font-size: 2.0rem;
		letter-spacing: 0;
	}
	.useex-sect_wrap{
		margin: 0 10px;
	}
	.useex-sect_wrap .useex-box{
		margin: 15px 0 0;
		width: 100%;
	}
	.useex-sect_wrap .useex-box.-col01{
		width: 100%;
	}
	.useex-box{
		padding-top: 15px;
	}
	.useex-ttl h3{
		margin: 0 10px;
		min-height: 30px;
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.useex-case{
		margin: 10px 15px 0
	}
	.useex-photo, .useex-img{
		margin-top: 10px;
	}
	.useex-photo figure, .useex-img figure{
		min-height: inherit;
		margin: 0 15px;
	}
	.useex-photo figcaption,
	.useex-img figcaption{
		margin: 5px 0 0;
	}
	.useex-kome{
		margin: 20px 15px 0;
	}
	.useex-kome li{
		font-size: 1.1rem;
	}	
	.useex-rsv{
		margin-top: 10px;
		padding: 15px 10px;
	}
	.useex-rsv_offline{
		margin-left: 5px;
	}
	.useex-rsv_propriety{
		margin: 0;
		padding: 5px;
		font-size: 1.1rem;
	}
	.useex-rsv_link{
		margin-top: 10px;
	}
	.useex-rsv_bt:not(:first-child){
		margin-top: 10px;
	}
	
	.useex-rsv_bt a{
		padding: 5px 25px 5px 15px;
		font-size: 1.3rem;
	}
	.useex-rsv_bt a:before{
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid #ffde00;
	}
	.useex-rsv_bt a:after{
		right: 5px;
	}
	.useex-rsv_offline .useex-rsv_bt a br{
		display: block;
	}
	.useex-subbox{
		margin: 20px 15px 0;
	}
	.useex-subbox:not(:first-of-type){
		margin-top: 20px;
		padding-top: 20px;
	}
	.useex-subbox h4{
		padding-left: 30px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.useex-subbox_ttl{
		margin-top: 20px;
	}
	.useex-subbox .useex-case,
	.useex-subbox .useex-kome{
		margin: 10px 0 0;
	}
	.useex-subbox .useex-img,
	.useex-subbox .useex-kome{
		margin-top: 20px;
	}
	
	.jtb-rsv_inner{
		margin: 0 10px;
		padding: 15px;
		border: solid 8px #edecec;
	}
	
	.useex-rsv_wrap{
		display: block;
		margin: 0;
	}
	.jtb-rsv .page-title-h2{
		font-size: 1.6rem;
	}
	.useex-rsv_box{
		position: relative;
		margin: 15px 0 0;
		padding: 15px 10px 0 90px;
		width: 100%;
		border-top: solid 1px #ccc;
	}
	.useex-rsv_box:first-of-type{
			margin-top: 10px;
	}
	.useex-rsv_box:before{
			position: absolute;
			left: 10px;
			top: 15px;
			display: block;
			content: "";
			width: 60px;
			height: 60px;
	}
	.useex-rsv_box:first-of-type:before{ background: url(/kokunai/___common/images/ico-reserve-04.svg) no-repeat center top; background-size: 100% auto; }
	.useex-rsv_box:nth-of-type(2):before{ background: url(/kokunai/___common/images/ico-reserve-02.svg) no-repeat center top; background-size: 100% auto; }
	.useex-rsv_box:nth-of-type(3):before{ background: url(/kokunai/___common/images/ico-reserve-03.svg) no-repeat center top; background-size: 80% auto; }
	.useex-rsv_box dt{
		padding: 0;
		font-size: 1.6rem;
		text-align: left;
		letter-spacing: 0;
	}
	.useex-rsv_box dt:before{
		display: none;
	}
	.useex-rsv_box dd{
		margin-top: 5px;
	}

	
    /* faq */
    .faq-sect{
        padding: 20px 0;
        min-width: inherit;
    }
    .faq-sect__box{
        margin-top: 20px;
    }
    .faq-sect__box .page-title-h3{
        margin: 0 10px;
    }
    .faq-sect__dl{
        margin: 10px 10px 0;
    }
    .faq-sect__dl dt{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 10px 30px 10px 40px;
        min-height: 60px;
    }
    .faq-sect__dl dt:hover{
        opacity: 1;
    }
    .faq-sect__dl dt:before, .faq-sect__dl dd:before{
        width: 25px;
        line-height: 25px;
    }
    .faq-sect__dl dd:before{
        top: 0px;
    }
    .faq-sect__dl .js-accordion-title-sp:after{
        right: 5px;
    }
    .faq-sect__dl dd{
        display: none;
        position: relative;
        padding: 5px 20px 20px 40px;
        line-height: 1.5;
    }
    
    
    /* 検索パネル */
    .search-sect{
        padding: 20px 12px 0;
    }
    .search-sect a{
        padding: 20px;
        font-size: 1.8rem;
        width: 100%;
    }
    
    /* 新幹線情報と運行区間 */
    #shinkansen-detail{
        margin-top: 20px;
    }
    .shinkansen-detail-wrap:first-of-type{
        width: 100%;
    }

    .shinkansen-detail-map li{
        padding: 7px 10px;
        width: 18%;
        font-size: 1.1rem;
    }

    .shinkansen-detail-map li[data-shinkansen-map="0"]{ left: 70%; top: 22%; }
    .shinkansen-detail-map li[data-shinkansen-map="1"]{ left: 82%; top: 61%; }
    .shinkansen-detail-map li[data-shinkansen-map="2"]{ left: 51%; top: 32%; }
    .shinkansen-detail-map li[data-shinkansen-map="3"]{ left: 44%; top: 46%; }
    .shinkansen-detail-map li[data-shinkansen-map="4"]{ left: 25%; top: 46%; }
    .shinkansen-detail-map li[data-shinkansen-map="5"]{ left: 31%; top: 61%; }
    .shinkansen-detail-map li[data-shinkansen-map="6"]{ left: 65%; top: 78%; }
    .shinkansen-detail-map li[data-shinkansen-map="7"]{ left: 10%; top: 67%; }
    .shinkansen-detail-map li[data-shinkansen-map="8"]{ left: 32%; top: 90%; }

    .shinkansen-detail-map li.active{
        color: #333;
        border-color: #d6bc33;
        background: #f8d927;
    }

    .shinkansen-detail-select{
        display: none;
    }
    .shinkansen-detail-wrap .dom-search__column{
        display: none;
    }
    .shinkansen-detail-slide{
        padding: 15px;
    }
    .shinkansen-detail-slide dt{
        font-size: 2.0rem;
        text-align: center;
        line-height: 1.4;
    }
    .shinkansen-detail-slide dt span{
        display: block;
        font-size: 1.3rem;
    }
    .shinkansen-detail-slide dd{
        margin-top: 15px;
    }
    .shinkansen-detail-slide figure{
        position: relative;
    }
    .shinkansen-detail-slide figcaption{
        position: absolute;
        right: 5px;
        bottom: 2px;
        color: #fff;
        font-size: 1.0rem;
        font-weight: bold;
        line-height: 1.2;
        text-shadow:
            black 1px 1px 2px, black -1px 1px 2px,
            black 1px -1px 2px, black -1px -1px 2px;
    }
    .shinkansen-detail-slide figure img{
        width: 100%;
        height: auto;
    }
    .shinkansen-detail-slide p{
        margin: 15px 15px 0;
    }

    .shinkansen-detail-slide-item{
        display: none;
        overflow-y: auto;
        max-height: 450px;
    }
    .shinkansen-detail-slide .shinkansen-detail-slide-item-bt{
        margin: 20px 15px 0;
    }
    .shinkansen-detail-slide .shinkansen-detail-slide-item-bt li:not(:first-child){
        margin-top: 10px;
    }

    .shinkansen-detail-slide-item-bt a{
        position: relative;
        padding: 15px;
        display: block;
        background-color: #195178;
        border: 1px solid #e3dfdf;
        border-radius: 6px;
        color: #fff;
        text-decoration: none;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
    }
    .shinkansen-detail-slide-item-bt a:after{
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-family: 'jtb-dom' !important;
        font-size: 1.5rem;
        content: "\e905";
        color: #fff;
    }

    .shinkansen-detail-slide-item-bt a:hover{
        transition: all 0.4s ease;
        opacity: .6;
    }

    /* ======== モーダル コンテンツエリア ======== */
    body.lock {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
    }
    .shinkansen-detail-slide{
        display: none;
        width: 90%!important;
        margin: 0;
        padding: 15px 0 20px;
        background-color: #ffffff;
        position:relative;
    }
    #contents_area .modal-content .errorBox{
        margin-bottom: 20px;
    }
    #contents_area .modal-content .modal-innter .sect,
    #contents_area .modal-content .modal-innter .sect_h3{
        margin: 0;
        padding-bottom: 15px;
    }
    #contents_area .modal-content #representative #form_participation{
        border-bottom: none;
    }
    #contents_area .modal-content .btnAreaFrame{
        margin-top: 20px;
        padding-top: 0;
        text-align: center;
        border-top: none;
    }
    #contents_area .modal-content .btnAreaFrame button{
        margin: 0 0 0 20px;
    }
    #contents_area .modal-content .btnAreaFrame buttom:first-child{
        margin-left: 0;
    }

    /* モーダル 背景エリア */
    .modal-bg{
        z-index:10001;
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:120%;
        background-color:rgba(0,0,0,0.75);
    }
    .modal-wrap {
        z-index:10002;
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        overflow:auto;
    }
    .modal-open {
        color:#00f;
        text-decoration:underline;
    }
    .modal-open:hover {
        cursor:pointer;
        color:#f00;
    }
    .modal-close {
        position: absolute;
        margin-bottom: 10px;
        right: -5px;
        top: -35px;
        font-size: 2.0rem;
        font-weight: bold;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 0;
        text-align: center;
        text-decoration: none;
        color: #fff!important;
        cursor: pointer;
        font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    }
}


@media screen and (max-width: 350px){
	.useex-link_list li em{
		font-size: 1.3rem;
	}
	.useex-rsv_propriety-txt{
		font-size: 1.0rem;
	}
}

/*  モーダル
============================================================================= */
.modal{
    display: none;
    position: fixed;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 1001;
    padding: 10px;
    overflow-y: scroll;
}
#hint_contact.modal{ align-items: flex-start; }
@media screen and (max-width: 320px){ .modal{ align-items: flex-start;}}
@media screen and (max-width: 759px){ #jr01_04.modal{align-items: flex-start;}}
.modal .modal_content{
    background: #fff;
    border-radius: 5px;
    display : block;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 759px){ .modal .modal_content{ padding: 12px 6px;}}
@media screen and (min-width: 760px){ .modal .modal_content{ padding: 24px 24px;}}
@media screen and (max-width: 759px){ .modal .modal_content{width: 96%;}}
@media screen and (min-width: 760px){ .modal .modal_content{max-width: 1000px; min-width: 760px;}}

/* close */
.modal .modal_content .close-btn { position: absolute; z-index: 1; padding: 6px;}
@media screen and (max-width: 759px){ .modal .modal_content .close-btn { top: 6px; right: 6px;}}
@media screen and (min-width: 760px){ .modal .modal_content .close-btn { top: 8px; right: 8px;}}

/* icons */
@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/materialiconsround/v79/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2') format('woff2');
}
.foundation-icons {
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    display: inline-block;
    font-family: 'Material Icons Round';
    font-feature-settings: "liga";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    direction: ltr;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.foundation-icons:before {
    font-family: 'Material Icons Round';
    content: attr(data-iconcode);
}

/* card */
.modal_content .card_inner { position: relative; overflow: inherit;}
@media screen and (max-width: 759px){
    .modal_content .card_inner{padding: 0 12px;}
    .modal_content .card_inner .item{ padding-left: 0;}
}
@media screen and (min-width: 760px){
    .modal_content .card_inner{padding: 0 24px;}
    .modal_content .card_inner .item{ padding-left: 20px;}
}

/* title  */
.main-title {
    position: relative;
    padding-left: 28px;
    color: #323743;
    font-size: 1.8rem;
    letter-spacing: 0.04em;
}
.main-title:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/kokunai/dynamic/service/_images/ico_info.svg) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* card-heading */
.card-heading1{
    margin: auto;
    font-weight: 600;
    line-height: 1.375;
    padding: 0;
}
.card-heading2{ 
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
}

@media(max-width: 320px){ 
    .card-heading1{ font-size: 14px; margin-top: 16px;}
    .card-heading2{ font-size: 14px;}
}
@media (min-width: 321px) and (max-width: 759px){
    .card-heading1{ font-size: 16px; margin-top: 16px;}
}
@media screen and (min-width: 760px){
    .card-heading1{ font-size: 20px; margin-top: 32px;}
}
@media screen and (max-width: 759px){ .card-heading1{ position: relative; padding-left: 44px; height: 40px; display: block;}}
.card-heading1::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 600;
}
@media screen and (min-width: 760px){ .card-heading1::before { margin-right: 8px;}}
@media screen and (max-width: 759px){.card-heading1::before{ position: absolute; top: 0; left: 0;}}
.card-heading1.-callcenter::before{ background: url(/kokunai/___common/images/ico-reserve-02.svg) no-repeat center;}
.card-heading1.-stores::before{ background: url(/kokunai/___common/images/ico-reserve-03.svg) no-repeat center;}
.card-heading1.-rconcierge::before { background: url(/kokunai/___common/images/ico-reserve-01.svg) no-repeat center;}

/* table */
.modal_table{ display: table; border: 1px solid #ababab;}
@media screen and (max-width: 759px){
    .modal_table{ margin: 8px 0 0 0;}
}
@media screen and (min-width: 760px){
    .modal_table{ margin: 8px 0 0 16px;}
}
@media screen and (max-width: 759px){.modal_table{ width: 100%;}}
@media screen and (min-width: 760px){.modal_table{ width: 800px;}}
.modal_table .tbody{ display: table-row-group;}
.modal_table tr{ display: table-row;}
.modal_table th{ border-right: 1px solid #ababab;}
@media screen and (max-width: 759px){ .modal_table th{ min-width: 13em;}}
@media screen and (min-width: 760px){ .modal_table th{ min-width: 14em;}}
.modal_table th, .modal_table td{ display: table-cell;}
@media screen and (max-width: 759px){ .modal_table th, .modal_table td{ padding: .2em .3em;}}
@media screen and (min-width: 760px){ .modal_table th, .modal_table td{ padding: .6em 1em;}}
.modal_table tr:not(:last-child) th,
.modal_table tr:not(:last-child) td{ border-bottom: 1px solid #ababab;}

/* other */
@media screen and (max-width: 759px){.description { margin-top: 8px;}}
@media screen and (min-width: 760px){.description { margin-top: 16px;}}

.txt-link { margin-top: 8px; text-align: right;}
.modal .txt-link a, .modal .txt-link a:link, .modal .txt-link a:visited{ color: #3498DB;}
.text-wrap{ vertical-align: middle;}

@media screen and (max-width: 759px){ .text-annotation{ margin-top: 8px;}}
@media screen and (min-width: 760px){ .text-annotation{ margin-top: 4px;}}
.text-annotation li.text-item{ margin-left: 1.15em;}
.text-annotation li.text-item:before{ width: 1.15em; margin-left: -1.15em; content: "※"; display: block; float: left;}

@media screen and (max-width: 759px){ .sp_none{ display:none;}}
@media screen and (min-width: 760px){ .pc_none{ display:none;}}

/*  Slider 
============================================================================= */
.slider{ display: none;}
.slider.slick-initialized{ display: block;}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	margin-top: 16px;
}
.slick-slider *:focus {
	outline: none!important;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
@media screen and (max-width: 759px){
    .slick-initialized .slick-slide {
        padding: 0 6px;
    }
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.image_wrap{
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
}
@media screen and (max-width: 759px){
    .image_wrap{ width: 100%;}
}
@media screen and (min-width: 760px){
    .image_wrap{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 16px auto 0;
        width: 80%;
    }
}
@media screen and (min-width: 760px){ .image_wrap.-large{ width: 100%;}}
.slider img {
    width: 100%;
    height: auto;
}
.image_wrap img.img_medium{ width: 100%;}
.image_wrap img.img_small{ width: 90%;}
.image_wrap img.img_xs{ width: 80%;}
.image_wrap img.img_tiny{ width: 70%;}

/* Arrows */
@media screen and (max-width: 759px){ .slick-prev{ left: -24px;} .slick-next{ right: -18px;}}
@media screen and (min-width: 760px){ .slick-prev{ left: -20px;} .slick-next{ right: -20px;}}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    visibility: hidden;
}
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    width: 30px;
    height: 30px;
}
.slick-next:before,
.slick-prev:before{
   font-size: 2.4rem;
   font-family: 'Material Icons Round';
   color: #656972;
word-wrap: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: "liga";
display: inline-block;
font-feature-settings: "liga";
}
.slick-prev:before{ content: "\e5e0";}
.slick-next:before{ content: '\e5e1';}

/* dots */
.slick-dots{
    text-align:center;
    margin: 16px 0 0 0;
}
.slick-dots li{
    display:inline-block;
    margin:0 8px;
}
.slick-dots li button{
    color: transparent;
    outline: none;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background:#ccc;
    border: 0;
    padding: 0;
}
.slick-dots .slick-active button {
  background: #08a6f8;
}
.noslider {
    width: 100%;
    margin-top: 16px;
}
.noslider div{
    display: flex;
    justify-content: center;
}
.noslider img { width: 80%; margin-top: 24px;}
@media screen and (max-width: 759px){.noslider.-img_large img{ width: 100%; margin-top: 8px;}}

/*  btn
============================================================================= */
.btn-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 759px){ .btn-wrap{ margin-top: 16px;}}
@media screen and (min-width: 760px){ .btn-wrap{ margin-top: 24px;}}
.btn-wrap .el_btn:nth-child(n+2){ margin-top: 16px;}
.el_btn{
    padding: 8px 10px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: border-radius .3s;
         -o-transition: border-radius .3s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    transition: border-radius .3s;
}
@media screen and (max-width: 759px){ .el_btn{ width: 100%;}}
@media screen and (min-width: 760px){ .el_btn{ width: 380px;}}
.el_btn.-contained{
    position: relative;
    overflow: hidden;
    background: transparent linear-gradient(112deg,#3498db,#52c8ff) 0 0 no-repeat padding-box;
    color:#fff;
}
.el_btn.-contained:before{
    -webkit-transform: scale(0);-ms-transform:scale(0);
    position: absolute;
    top: 50%;
    left :50%
    ;width: 110%;
    height: 230px;
    margin-top: -115px;
    margin-left: -55%;
    transform: scale(0);
    border-radius: 100%;
    background: #c6edff;
    content: "";
    opacity: .6;
}
.el_btn.-contained:not(:active):before{
    -webkit-animation: ripple 1s ease-out;
    animation:ripple 1s ease-out;
}
.el_btn.-contained:before{
    visibility: hidden;
}
.el_btn.-contained:focus:before{
    visibility: visible;
}
.el_btn:hover{
    -webkit-transition: border-radius .3s;
         -o-transition: border-radius .3s;
    border-radius: 40px;
    transition: border-radius .3s;
}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(0)}
20%{-webkit-transform:scale(1)}
to{-webkit-transform:scale(1);opacity:0}
}
@keyframes ripple{0%{-webkit-transform:scale(0);transform:scale(0)}
20%{-webkit-transform:scale(1);transform:scale(1)}
to{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}