@charset "utf-8";
/* CSS Document */

/*==================================
	base
==================================*/
* { box-sizing: border-box;}
html { height: 100%; width: 100%; font-size: 62.5%;/* 10px */}
body { font-family: 'Roboto', 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-weight: 500; font-size:1.6rem; color:#2d2d2d; line-height: 1.5; letter-spacing: 0.05em; height: 100%; width: 100%;}
h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p { font-weight: 500;}
.wrapper { position: relative; height: 100%; width: 100%;}
section { position: relative; z-index: 1;}

a { color: #000; text-decoration: none;display: block;}
a:hover {text-decoration: none;}
a:focus { outline: none;}
.inner { max-width: 1200px; width: 100%; margin: 0 auto;}
.outer { max-width: 1440px; width: 100%; margin: 0 auto;}
.en { font-family: 'Roboto', sans-serif;}
.contents { overflow: hidden;}

@media screen and (min-width: 750px) {
body { min-width: 1600px;}
.spOnly { display: none;}
}
@media screen and (max-width: 749px) {
body { font-size: 1.3rem; min-width: 100%;}
img { width: 100%;}
.inner { width: 90%;}
.pcOnly { display: none;}
:root { --swiper-navigation-size: 30px;}
}


/*==================================
	pafts
==================================*/
/* secTit */
.secTit { text-align: center; font-weight: 700; position: relative; z-index: 10;}
.secTit:before,
.secTit:after { height: 4px; content: ""; display: block; position: absolute; bottom: 0;}
.secTit:before { background: #083ab3; right: 50%;}
.secTit:after { background: #f88a48; left: 50%;}
@media screen and (min-width: 750px) {
.secTit { font-size: 36px; padding-bottom: 35px; margin-bottom: 70px;}
.secTit:before,
.secTit:after { width: 70px;}
}
@media screen and (max-width: 749px) {
.secTit { font-size: 2.4rem; padding-bottom: 25px; margin-bottom: 45px;}
.secTit:before,
.secTit:after { width: 50px;}
}

/* itemList */
.itemList a.pickup { position: relative;}
.itemList a.pickup:before { position: absolute; content: "Pick Up"; font-weight: 700; color: #fff; z-index: 1; line-height: 1; letter-spacing: 0.02em;}
.itemList a.pickup:after { position: absolute; content: ""; height: 0; left: 0; top: 0;}
.itemList .itemImg img { width: 100%; border-radius: 10px; object-fit: cover;}
.itemList .itemInfo .itemTit { font-weight: 700; line-height: 1.7;}
.itemList .itemInfo .itemTag { color: #083ab3; font-weight: 700;}
.itemList .itemInfo .itemTag span { background: #fff; border: solid 1px #083ab3; text-align: center; display: inline-block;}
.itemList .itemInfo .itemDetail { display: flex; justify-content: space-between; align-items: flex-end;}
.itemList .itemInfo .itemDetail .itemLocation { font-weight: 400;}
.itemList .itemInfo .itemDetail .itemPrice { text-align: right; font-weight: 700;line-height: 1;}
@media screen and (min-width: 750px) {
.itemList.pcflex { display: flex; flex-wrap: wrap;}
.itemList a.pickup:before { font-size: 18px; left: 15px; top: 12px;}
.itemList a.pickup:after { width: 110px; border: 20px solid #47c683; border-right-color: transparent;}
.itemList .itemImg img { width: 270px; height: 202px;}
.itemList .itemInfo .itemTit { margin: 15px 0; font-size: 20px;}
.itemList .itemInfo .itemTag span { font-size: 14px; padding: 0 15px; margin: 0 10px 10px 0;}
.itemList .itemInfo .itemDetail .itemLocation { font-size: 18px;}
.itemList .itemInfo .itemDetail .itemPrice { font-size: 26px;}
.itemList .itemInfo .itemDetail .itemPrice .yen { font-size: 16px;}
}
@media screen and (max-width: 749px) {
.itemList a.pickup:before { font-size: 13px; left: 10px; top: 10px;}
.itemList a.pickup:after { width: 90px; border: 17px solid #47c683; border-right-color: transparent;}
.itemList .itemImg img { height: 55vw;}
.itemList .itemInfo .itemTit { margin: 10px 0; font-size: 1.4rem;}
.itemList .itemInfo .itemTag span { font-size: 1rem; padding: 0 12px; margin: 0 5px 10px 0;}
.itemList .itemInfo .itemDetail .itemLocation { font-size: 1.4rem;}
.itemList .itemInfo .itemDetail .itemPrice { font-size: 2.3rem;}
.itemList .itemInfo .itemDetail .itemPrice .yen { font-size: 1.6rem;}
}

/* btn */
.btnArea { position: relative;}
.btn { color: #fff; text-align: center; padding: 15px 0;}
.btn.btnOR { background: #f88a48;}
.btn.btnBL { background: #083ab3;}
.morebtn.btnWH { color: #083ab3; background: #fff; border: solid 1px #083ab3; display: inline-block; text-align: center; padding: 10px 0;}
@media screen and (min-width: 750px) {
.btn { font-size: 20px; font-weight: 700; border-radius: 60px;}
.morebtn { font-size: 16px; border-radius: 60px; width: 200px;}
}
@media screen and (max-width: 749px) {
.btn { font-size: 1.8rem; border-radius: 50px;}
.morebtn { font-size: 1.4rem; border-radius: 50px; width: 100%; max-width: 225px;}
}

/* arrow */
.arrow{ position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none;}
.arrow:before,
.arrow:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle;}

/* placeBox */
.placeBox dl dt { padding: 5px 12px; background: #f2f2f2; font-weight: 500;}
.placeBox dl dd { padding: 10px 12px; font-size: 14px;}
.placeBox dl dd span { cursor: pointer; display: inline-block; margin-right: 10px;}
@media screen and (max-width: 749px) {
.placeBox dl dd { padding: 0;}
.placeBox dl dd span { display: block; padding: 10px; border-bottom: solid 1px #f2f2f2;}
}

/* calendar */
.calendar-container { width: 100%; background: #f2f2f2; padding: 5px 2px;}
.calendar-container .calendar-tit { font-size: 14px; text-align: center; display: flex; justify-content: space-between; align-items: center;}
.calendar-container .calendar-tit .tit { font-weight: 700;}
.calendar-container .calendar-tit .year { font-weight: 700;}
.calendar-container .calendar-tit .big { font-size: 16px; font-weight: 700;}
.calendar-container .calendar-tit .month { font-size: 20px; font-weight: 700;}
.calendar-container .calendar-tit .nav { font-size: 8px; border-radius: 21px; width: 21px; height: 21px; line-height: 21px; background: #083ab3; color: #fff; cursor: pointer; margin: 0 10px; font-weight: 400; text-align: center;}
.calendar-container table { width: 100%; border-left: solid 1px #dddddd; border-top: solid 1px #dddddd;}
.calendar-container th, 
.calendar-container td { padding: 5px 0; text-align: center; font-size: 12px; background: #fff; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.calendar-container td { font-size: 14px; font-weight: 700; cursor: pointer;}
.calendar-container .on { background: #083ab3; color: #fff !important;}/* 選択時 */
.calendar-container th.sun,
.calendar-container .holiday, /* 祝日用 */
.calendar-container .day *:first-child { color: #f04b4b;}
.calendar-container th.sat,
.calendar-container .day *:last-child { color: #083ab3;}
.calendar-container .selectdate { margin-top: 2px; background: #fff; color: #083ab3; text-align: center; font-weight: 700; padding: 15px 0;}
.calendar-container .btnArea { text-align: center; padding: 8px 0;}
.calendar-container .btnArea .btn.btnBL { font-size: 14px; width: 200px; padding: 10px 0; margin: 0 auto; border: 0;}
@media screen and (max-width: 749px) {
.calendar-container .calendar-tit { font-size: 1.8rem;}
.calendar-container .calendar-tit .big { font-size: 2.1rem;}
.calendar-container .calendar-tit .month { font-size: 2.6rem;}
.calendar-container .calendar-tit .nav { font-size: 1rem; border-radius: 27px; width: 27px; height: 27px; line-height: 27px;}
.calendar-container th { font-size: 1.6rem;}
.calendar-container td { font-size: 1.8rem;}
.calendar-container .selectdate { font-size: 2.1rem;}
.calendar-container .btnArea .btn.btnBL { font-size: 1.8rem;  width: 250px; border-radius: 8px; font-weight: 700;}
}


/*==================================
	common form
==================================*/
input,
textarea,
.txtform { padding: 15px; border-radius: 4px; background-color: #ffffff; border: solid 1px #dddddd; width: 100%;}
.txtform { color: #b4b4b4; line-height: 1; cursor: pointer;}
input.ico_place,
.txtform.ico_place { background: url("../img/icon_search_area.svg") left 14px center no-repeat #ffffff; background-size: 18px auto; padding-left: 50px;}
input.ico_date,
.txtform.ico_date { background: url("../img/icon_search_date.svg") left 12px center no-repeat #ffffff; background-size: 22px auto; padding-left: 50px;}
input.ico_mail,
.txtform.ico_mail { background: url("../img/icon_login_mail.svg") left 12px center no-repeat #ffffff; background-size: 22px auto; padding-left: 50px;}
input.ico_pass,
.txtform.ico_pass { background: url("../img/icon_login_key.svg") left 12px center no-repeat #ffffff; background-size: 22px auto; padding-left: 50px;}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { outline:solid 2px #bae6ff;}

.inputPassArea { position: relative;}
.inputPassArea input.passBtn { width: 30px !important; background: url("../img/icon_login_eye_close.svg") no-repeat; background-size: 30px auto; height: 30px; border: 0; padding: 0;}
.inputPassArea input.passBtn.view { background: url("../img/icon_login_eye_open.svg") no-repeat; background-size: 30px auto;}

.normal-select {border: solid 1px #dddddd;padding: 10px 15px;border-radius :4px;height:46.23px;}
/* Custom Select */
.custom-select-wrapper { position: relative; z-index: 50; display: inline-block; user-select: none;}
.custom-select-wrapper select { display: none;}
.custom-select { position: relative; display: inline-block;}
.custom-select-trigger { position: relative; display: block; padding: 10px; border-radius: 4px; background-color: #fff; border: solid 1px #dddddd; cursor: pointer;}
.custom-select-trigger:after { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 50%; right: 15px; margin-top: -3px; border-bottom: 1px solid #4bb3f0; border-right: 1px solid #4bb3f0; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}
.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; border: 1px solid #dddddd; border-radius: 4px; box-sizing: border-box; background: #fff; transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px);}
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0);}
.option-hover:before { background: #f3fbfe;}
.custom-option { position: relative; display: block; padding: 10px; border-bottom: 1px solid #b5b5b5; cursor: pointer; transition: all .4s ease-in-out;}
.custom-option:first-of-type { border-radius: 4px 4px 0 0;}
.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px;}
.custom-option:hover,
.custom-option.selection { background: #f3fbfe;}
@media screen and (max-width: 749px) {
input,
.txtform { padding: 10px 15px;}
.custom-select-trigger:after { width: 6px; height: 6px; margin-top: 0;}
.custom-select-trigger { padding: 5px 10px;}
.custom-option { padding: 5px 10px;}
}

/*==================================
	header
==================================*/
header { display: flex; justify-content: space-between; align-items: center;/* background: #fff;*/ position: relative; z-index: 50; width: 100%;}
header .hdLogo { /*position: fixed; top: 30px; left: 50px; z-index: 10;*/}
header .hdLogo img { max-width: 144px;}
header .hdBox { display: flex; align-items: center; position: relative; z-index: 1;}
header .hdBox .languageBox { font-weight: 400;}
header .hdBox .hdLogin a { background: url("../img/icon_login.svg") no-repeat; background-size: auto 100%;}
@media screen and (min-width: 750px) {
header { height: 120px; max-width: 1600px; margin: 0 auto;}
header .hdLogo { padding-left: 30px; display: flex; align-items: center;}
header .hdLogo .txt { margin-left: 30px; font-size: 14px;}
header .hdBox { padding-right: 30px;}
header .hdBox .languageBox { font-size: 14px; margin-right: 30px;}
header .hdBox .languageBox .custom-select-trigger { width: 120px;}
header .hdBox .hdLogin a { line-height: 40px; padding-left: 50px;}
}
@media screen and (max-width: 749px) {
header { height: 60px;}
header .hdLogo { margin: 0 0 0 4.26%;}
header .hdLogo img { width: 95px;}
header .hdBox { margin-right: 4.26%;}
header .hdBox .languageBox { font-size: 1rem; margin-right: 20px;}
header .hdBox .languageBox .custom-select-trigger { width: 90px;}
header .hdBox .hdLogin { font-size: 1.2rem;}
header .hdBox .hdLogin a { line-height: 30px; padding-left: 40px;}
}


/*==================================
	footer
==================================*/
footer { position: relative; border-top: solid 1px #dddddd;}
footer:before { content: ""; width: 100%; position: absolute; bottom: 0;}
footer:after { content: ""; width: 100%; background: #083ab3; position: absolute; bottom: 0;}
footer .pagetop { position: absolute; z-index: 12;}
footer .inner { position: relative; z-index: 10;}
footer .inner .ftLogo { border: solid 1px #c8e7f9; text-align: center; border-radius: 3px;}
footer .inner .ftNav { display: flex;}
footer .inner .ftNav li { text-align: left;}
footer copy { position: absolute; bottom: 0; width: 100%; z-index: 10; color: #fff; text-align: center;}
@media screen and (min-width: 750px) {
footer { margin-top: 120px; padding: 50px 0 100px 0;}
footer:after { height: 60px;}
footer .pagetop { right: calc( 50% - 640px ); bottom: 40px;}
footer .inner { width: 820px; display: flex; justify-content: space-between;}
footer .inner .ftLogo { width: 200px; padding: 15px 0;}
footer .inner .ftLogo img { width: 144px;}
footer .inner .ftNav { width: 900px;}
footer .inner .ftNav li { width: 30%; margin: 10px 0;}
/*footer copy { line-height: 60px; font-size: 12px;}*/
footer copy {font-size: 12px;}
}
@media screen and (max-width: 749px) {
footer { margin-top: 50px; padding: 60px 0 155px 0;}
footer:before { background: url("../img/ft_bg_sp.png") bottom center no-repeat; height: 120px; background-size: auto 100%;}
footer:after { height: 50px;}
footer .pagetop img { width: 100px;}
footer .pagetop { right:4%; bottom: 40px;}
footer .inner { text-align: center;}
footer .inner .ftLogo { width: 120px; padding: 10px 0; margin: 0 auto;}
footer .inner .ftLogo img { width: 94px;}
footer .inner .ftNav { width: 76.92%; margin: 10px auto 0 auto;}
footer .inner .ftNav li { width: 50%; margin-top: 20px;}
footer .inner .ftNav li:nth-child(1) { order: 1;}
footer .inner .ftNav li:nth-child(2) { order: 5;}
footer .inner .ftNav li:nth-child(3) { order: 4;}
footer .inner .ftNav li:nth-child(4) { order: 3;}
footer .inner .ftNav li:nth-child(5) { order: 2;}
footer .inner .ftNav li:nth-child(6) { order: 6;}
/*
footer copy { line-height: 50px; font-size: 1.1rem;}
*/
footer copy { font-size: 1.1rem;}
}


/* tab */
.tab-area{ margin: 0 auto;}
.tab-btn{ display:none;}
.tab-list-wrap{ display:flex; justify-content:space-between;}
.tab-list-wrap li { width: 33.33%;}
.tab-list { font-size: 1.2rem; display:block; width: 100%; text-align:center; cursor:pointer;}
.tab-content{ display:none;}
.flight-tab .tab-list { height: 54px; padding: 20px 0 15px 0; background: #dfdfdf;}
.top-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #fff;}
.top-tab .tab-list-wrap li { width: 50%;}
.search-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search_ts-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search-sp-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search_ts-sp-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3{ padding: 15px 0; background:#083ab3; color: #fff; font-size: 1.4rem; font-weight: 700;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1 .line,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2 .line,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3 .line { display: inline-block; border-bottom: solid 2px #fff;}
#side1-tab-btn1:checked ~ .tab-list-wrap #side1-tab-list1,
#side1-tab-btn2:checked ~ .tab-list-wrap #side1-tab-list2,
#side2-tab-btn1:checked ~ .tab-list-wrap #side2-tab-list1,
#side2-tab-btn2:checked ~ .tab-list-wrap #side2-tab-list2,
#top-tab-btn1:checked ~ .tab-list-wrap #top-tab-list1,
#top-tab-btn2:checked ~ .tab-list-wrap #top-tab-list2,
#top-tab-btn3:checked ~ .tab-list-wrap #top-tab-list3{ padding: 12px 0; background:#083ab3; color: #fff; font-size: 1.6rem; font-weight: 700;}
#searchDom-sp-tab-btn1:checked ~ .tab-list-wrap #searchDom-sp-tab-list1,
#searchDom-sp-tab-btn2:checked ~ .tab-list-wrap #searchDom-sp-tab-list2,
#searchDom-sp-tab-btn3:checked ~ .tab-list-wrap #searchDom-sp-tab-list3,
#search_ts-sp-tab-btn1:checked ~ .tab-list-wrap #search_ts-sp-tab-list1,
#search_ts-sp-tab-btn2:checked ~ .tab-list-wrap #search_ts-sp-tab-list2,
#search-sp-tab-btn1:checked ~ .tab-list-wrap #search-sp-tab-list1,
#search-sp-tab-btn2:checked ~ .tab-list-wrap #search-sp-tab-list2,
#search-sp-tab-btn3:checked ~ .tab-list-wrap #search-sp-tab-list3,
#search_ts-tab-btn1:checked ~ .tab-list-wrap #search_ts-tab-list1,
#search_ts-tab-btn2:checked ~ .tab-list-wrap #search_ts-tab-list2,
#search-tab-btn1:checked ~ .tab-list-wrap #search-tab-list1,
#search-tab-btn2:checked ~ .tab-list-wrap #search-tab-list2,
#search-tab-btn3:checked ~ .tab-list-wrap #search-tab-list3{ padding: 12px 0; background: #fff; color: #083ab3; font-size: 1.6rem; font-weight: 700; position: relative;}
#flight-tab-btn1:checked ~ .tab-content-wrap #flight-tab-content1,
#flight-tab-btn2:checked ~ .tab-content-wrap #flight-tab-content2,
#flight-tab-btn3:checked ~ .tab-content-wrap #flight-tab-content3,
#side1-tab-btn1:checked ~ .tab-content-wrap #side1-tab-content1,
#side1-tab-btn2:checked ~ .tab-content-wrap #side1-tab-content2,
#side2-tab-btn1:checked ~ .tab-content-wrap #side2-tab-content1,
#side2-tab-btn2:checked ~ .tab-content-wrap #side2-tab-content2,
#top-tab-btn1:checked ~ .tab-content-wrap #top-tab-content1,
#top-tab-btn2:checked ~ .tab-content-wrap #top-tab-content2,
#top-tab-btn3:checked ~ .tab-content-wrap #top-tab-content3,
#search_ts-sp-tab-btn1:checked ~ .tab-content-wrap #search_ts-sp-tab-content1,
#search_ts-sp-tab-btn2:checked ~ .tab-content-wrap #search_ts-sp-tab-content2,
#search-sp-tab-btn1:checked ~ .tab-content-wrap #search-sp-tab-content1,
#search-sp-tab-btn2:checked ~ .tab-content-wrap #search-sp-tab-content2,
#search-sp-tab-btn3:checked ~ .tab-content-wrap #search-sp-tab-content3,
#placetab-tab-btn1:checked ~ .tab-content-wrap #placetab-tab-content1,
#placetab-tab-btn2:checked ~ .tab-content-wrap #placetab-tab-content2,
#placetab-tab-btn3:checked ~ .tab-content-wrap #placetab-tab-content3,
#placetab-tab-btn4:checked ~ .tab-content-wrap #placetab-tab-content4,
#placetab-tab-btn5:checked ~ .tab-content-wrap #placetab-tab-content5,
#placetab-tab_sp-btn1:checked ~ .tab-content-wrap #placetab-tab_sp-content1,
#placetab-tab_sp-btn2:checked ~ .tab-content-wrap #placetab-tab_sp-content2,
#placetab-tab_sp-btn3:checked ~ .tab-content-wrap #placetab-tab_sp-content3,
#placetab-tab_sp-btn4:checked ~ .tab-content-wrap #placetab-tab_sp-content4,
#placetab-tab_sp-btn5:checked ~ .tab-content-wrap #placetab-tab_sp-content5,
#search_ts-tab-btn1:checked ~ .tab-content-wrap #search_ts-tab-content1,
#search_ts-tab-btn2:checked ~ .tab-content-wrap #search_ts-tab-content2,
#search-tab-btn1:checked ~ .tab-content-wrap #search-tab-content1,
#search-tab-btn2:checked ~ .tab-content-wrap #search-tab-content2,
#search-tab-btn3:checked ~ .tab-content-wrap #search-tab-content3 { display: block;}
#searchDom-sp-tab-btn1:checked ~ .tab-list-wrap #searchDom-sp-tab-list1:before,
#searchDom-sp-tab-btn2:checked ~ .tab-list-wrap #searchDom-sp-tab-list2:before,
#searchDom-sp-tab-btn3:checked ~ .tab-list-wrap #searchDom-sp-tab-list3:before,
#search_ts-sp-tab-btn1:checked ~ .tab-list-wrap #search_ts-sp-tab-list1:before,
#search_ts-sp-tab-btn2:checked ~ .tab-list-wrap #search_ts-sp-tab-list2:before,
#search-sp-tab-btn1:checked ~ .tab-list-wrap #search-sp-tab-list1:before,
#search-sp-tab-btn2:checked ~ .tab-list-wrap #search-sp-tab-list2:before,
#search-sp-tab-btn3:checked ~ .tab-list-wrap #search-sp-tab-list3:before { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: ""; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-top: 4px solid #083ab3;}
@media screen and (min-width: 750px) {
.tab-list { font-size: 1.6rem;}
.flight-tab .tab-list { padding: 15px 0;}
.tab-list-wrap #flight-tab-list1 { border-radius: 10px 0 0 10px;}
.tab-list-wrap #flight-tab-list3 { border-radius: 0 10px 10px 0;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3{ font-size: 1.8rem; padding: 12px 0;}
}


/* btn */
.btnArea { text-align: center;}
.btnArea.btnpb { padding-bottom: 10px;}
.btn { border-radius: 30px; font-weight: 700; display: inline-block; position: relative;}
.btn1 { padding: 15px 0; font-size: 1.8rem; width: 78.66%; max-width: 500px; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.btn1a { padding: 10px 0; font-size: 1.8rem; width: 84%; max-width: 550px; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.btn2 { padding: 10px 0; width: 73.33%; max-width: 450px; min-width: 275px;}
.btn3 { padding: 10px 0; width: 73.33%; max-width: 260px; min-width: 275px; font-weight: 500;}
.btn.btnOR { background: #f06c3d; color: #fff;}
.btn.btnNV { background: #083ab3; color: #fff;}
.btn.btnBL { background: #1575d9; color: #fff;}
.btn.btnWH { background: #ffffff; color: #083ab3; border: solid 2px #083ab3;}
.btn.btnGR { background: #f5f5f5; color: #888888; border: solid 1px #888888; width: 50%; max-width: 300px; min-width: 200px;}
.btn.iconSearch {}
.btn.iconSearch .icon { content: ""; background: url("../img/icon_search.svg") center center no-repeat; background-size: 20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.inner .btn1 { width: 86%;}
.outer.bgcolor .btn1,
.inner.bgcolor .btn1 { width: 100%;}
.outer.bgcolor .btn2,
.inner.bgcolor .btn2 { width: 92%;}
@media screen and (min-width: 750px) {
.btn1,
.btn1a { font-size: 2rem;}
.btn2 { font-size: 1.8rem;}
}

/* space */
.mtSS { margin-top: 5px;}
.mtS { margin-top: 10px;}
.mtM { margin-top: 20px;}
.mtMid { margin-top: 30px;}
.mtL { margin-top: 50px;}
@media screen and (min-width: 750px) {
.mtSS { margin-top: 10px;}
.mtS { margin-top: 20px;}
.mtM { margin-top: 40px;}
.mtMid { margin-top: 60px;}
.mtL { margin-top: 80px;}
}

/* tit */
.tit { padding: 10px 0; font-size: 1.8rem; text-align: center;}
.tit.titNV { font-size: 2rem; background: #083ab3; color: #fff;}
.tit.titNV .min { font-size: 1.8rem;}
.tit.titGR { padding: 10px 0; background: #dfdfdf; color: #2d2d2d; font-size: 1.6rem;}
.tit.titLINE1 { font-size: 2rem; padding: 0;}
.tit.titLINE1 .line { padding: 10px 0; display: inline-block; border-bottom: solid 4px #083ab3; font-weight: 700;}
.tit.titLINE2 { font-size: 2rem; border-bottom: solid 2px #083ab3; font-weight: 700;}
@media screen and (min-width: 750px) {
.tit { padding: 15px 0; font-size: 2.4rem;}
.tit.titNV { font-size: 1.8rem;}
.tit.titNV .min { font-size: 1.4rem;}
.tit.titGR { font-size: 1.8rem;}
.tit.titLINE1 { font-size: 1.8rem;}
.tit.titLINE2 { font-size: 1.8rem;}
}