@charset "UTF-8";
@media screen and (max-width: 768px) { /* 1260px以上*/ }
@media screen and (max-width: 1024px) { /* 1024px以下*/ }
@media screen and (max-width: 768px) { /* 768px以下*/ }
@media screen and (max-width: 480px) { /* 480px以下*/ }
@media screen and (max-width: 320px) { /* 320px以下*/ }
img { max-width: 100%; }

* { box-sizing: border-box; }

html { height: -webkit-fill-available; }

body { min-height: 100vh; min-height: -webkit-fill-available; }

#wrapper { font-family: 'Noto Sans JP', sans-serif; }
@media screen and (max-width: 768px) { #wrapper { min-width: 100%; } }

/*リンクを右下に固定*/
.js-pagetop { position: fixed; right: 20px; bottom: 20px; z-index: 2; opacity: 0; transform: translateY(100px); /*　上に上がる動き　*/ /*　下に下がる動き　*/ }
@media screen and (max-width: 768px) { .js-pagetop { right: 10px; bottom: 10px; } }
.js-pagetop a { display: block; background: #767676 url(/commonY15/img/icon_pagetop_white.png) no-repeat 50% 50%; text-indent: -99999px; border: 1px solid rgba(255, 255, 255, 0.5); width: 50px; height: 50px; }
@media screen and (max-width: 768px) { .js-pagetop a { width: 40px; height: 40px; background-size: 50%; } }
.js-pagetop.UpMove { opacity: 1; animation: UpAnime 0.5s forwards; }
@keyframes UpAnime { from { opacity: 0; transform: translateY(100px); }
  to { opacity: 1; transform: translateY(0); } }
.js-pagetop.DownMove { animation: DownAnime 0.5s forwards; }
@keyframes DownAnime { from { opacity: 1; transform: translateY(0); }
  to { opacity: 1; transform: translateY(100px); } }
.show_sp { display: none; }
@media screen and (max-width: 768px) { .show_sp { display: block; } }

.show_pc { display: initial; }
@media screen and (max-width: 768px) { .show_pc { display: none; } }

.ff-roboto { font-family: 'Roboto', sans-serif; }

li .txtLink.iconOther { padding-left: 0; padding-right: 17px; background: url(/commonY15/img/icon_ext_red_01.png) top 5px right 3px no-repeat; text-decoration: underline !important; }

.header { width: 100%; height: 90px; margin: 0 auto 0; position: fixed; z-index: 100; background: #fff; display: flex; transition: .6s; align-items: center; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); font-weight: bold; }
.header.isOn { position: fixed; transition: .6s; }
@media screen and (max-width: 768px) { .header { height: 65px; } }
.header .headerInner { width: 950px; display: flex; margin: auto; display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 768px) { .header .headerInner { width: 100%; padding: 10px 20px; } }
.header .js-gnavBtn { display: none; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 65px; height: 100%; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; }
@media screen and (max-width: 768px) { .header .js-gnavBtn { display: block; } }
.header .js-gnavBtn span { position: absolute; width: 30px; height: 2px; background: #cc0000; transition: all 400ms; border-radius: 100px; }
.header .js-gnavBtn span:nth-child(1) { top: 15px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.header .js-gnavBtn span:nth-child(2) { top: 25px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.header .js-gnavBtn span:nth-child(3) { top: 35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.header .js-gnavBtn .default { position: absolute; color: #cc0000; font-size: 12px; width: 100%; top: 45px; text-align: center; padding: 0; }
.header .js-gnavBtn.open span:nth-child(1) { top: 25px; left: 25%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-30deg); }
.header .js-gnavBtn.open span:nth-child(2) { display: none; }
.header .js-gnavBtn.open span:nth-child(3) { top: 25px; left: 25%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(30deg); }
.header .js-gnavBtn .change { display: none; }
.header .logoArea { margin-left: 70px; display: flex; justify-content: space-between; align-items: center; margin-right: auto; }
@media screen and (max-width: 768px) { .header .logoArea { margin-left: 0; height: 100%; padding-left: 20px; text-align: center; width: 100%; display: flex; justify-content: center; background-color: #fff; align-items: center; flex-wrap: wrap; justify-content: flex-start; } }
.header .logoArea .jal_logo { margin-right: 20px; }
@media screen and (max-width: 768px) { .header .logoArea .jal_logo { margin-right: 10px; } }
.header .logoArea .jal_logo img { height: 40px; }
@media screen and (max-width: 768px) { .header .logoArea .jal_logo img { height: 32px; } }
.header .logoArea .logo a { display: block; width: 200px; }
@media screen and (max-width: 768px) { .header .logoArea .logo a { width: 135px; } }
.header .logoArea .text { padding-left: 24px; margin-left: 24px; position: relative; font-size: 16px; width: 32%; }
@media screen and (max-width: 768px) { .header .logoArea .text { padding: 0; margin: 10px 0 0; width: auto; } }
.header .logoArea .text::before { content: ""; display: block; width: 1px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.15); }
@media screen and (max-width: 768px) { .header .logoArea .text::before { display: none; } }
.header .gnavi { display: flex; align-items: center; height: 100%; }
@media screen and (max-width: 768px) { .header .gnavi { display: none; height: auto; background: #fff; position: absolute; top: 64px; left: 0; right: 0; padding: 0 15px; } }
.header .gnavi .links { display: flex; }
@media screen and (max-width: 768px) { .header .gnavi .links { flex-flow: column; align-items: center; } }
.header .gnavi .links.linkText { margin-top: 4px; margin-right: 70px; }
@media screen and (max-width: 768px) { .header .gnavi .links.linkText { border-top: 1px solid #ddd; margin-bottom: 50px; margin-right: 0px; } }
.header .gnavi .links.linkText > li { margin-right: 15px; margin-left: 35px; }
@media screen and (max-width: 768px) { .header .gnavi .links.linkText > li { margin-left: 0; margin-right: 0; width: 100%; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } }
.header .gnavi .links.linkText > li.new { position: relative; }
.header .gnavi .links.linkText > li.new::before { position: absolute; content: "NEW"; color: #fff; background: #cc0000; top: -20px; left: 50%; transform: translateX(-50%); padding: 2px 5px; font-size: 12px; }
@media screen and (max-width: 768px) { .header .gnavi .links.linkText > li.new::before { top: 50%; left: 90px; transform: translateY(-50%); } }
.header .gnavi .links.linkText > li.-stay a { color: #ccc; pointer-events: none; }
.header .gnavi .links.linkText a { position: relative; font-family: 'Roboto', sans-serif; font-size: 18px; vertical-align: middle; }
@media screen and (max-width: 768px) { .header .gnavi .links.linkText a { font-size: 14px; display: block; padding: 25px 0; text-align: left; margin-left: 10px; }
  .header .gnavi .links.linkText a::after { position: absolute; right: 0; } }
.header .gnavi .links.linkText span { position: relative; font-family: 'Roboto', sans-serif; font-size: 16px; vertical-align: middle; }
@media screen and (max-width: 768px) { .header .gnavi .links.linkText span { font-size: 14px; display: block; padding: 25px 0; text-align: left; margin-left: 10px; }
  .header .gnavi .links.linkText span::after { position: absolute; right: 0; } }
.header .gnavi .links .headerImg { height: 70%; display: flex; align-items: center; justify-content: center; }
.header .cover { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: -1; }
.header .change { display: none; }
.header .contactArea { height: 100%; }
@media screen and (max-width: 768px) { .header .contactArea { height: 65px; position: fixed; left: 0; bottom: 0; width: 100%; } }
.header .links.sns { display: flex; height: 100%; }
@media screen and (max-width: 768px) { .header .links.sns { margin-left: 0; width: 100%; flex-flow: initial; justify-content: center; } }
.header .links.sns > li { width: 135px; height: 100%; text-align: center; background-color: #cc0000; }
.header .links.sns > li .headerImg { height: 70%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .header .links.sns > li .headerImg { height: 100%; margin-right: 10px; } }
@media screen and (max-width: 768px) { .header .links.sns > li { width: 100%; /* width: 50%; 二つ用*/ } }
.header .links.sns > li .biginer img { width: 25%; }
@media screen and (max-width: 768px) { .header .links.sns > li .biginer img { width: auto; height: 50%; margin-top: 2px; } }
.header .links.sns > li .mail img { height: 50%; }
@media screen and (max-width: 768px) { .header .links.sns > li .mail img { height: 30%; margin-top: 2px; } }
.header .links.sns > li a { display: block; height: 100%; border-left: 1px solid #cc0000; transition: .5s; }
.header .links.sns > li a:hover { opacity: 0.6; transition: .6s; text-decoration: none; }
@media screen and (max-width: 768px) { .header .links.sns > li a { font-size: 16px; display: flex; justify-content: center; border: 1px solid #cc0000; } }
.header .links.sns > li + li { background-color: #cc0000; }
.header .links.sns > li + li p { color: #fff; }
.header .links.sns > li p { color: #fff; }
@media screen and (max-width: 768px) { .header .links.sns > li p { display: flex; align-items: center; } }

.innerWrap { width: 1040px; margin: auto; position: relative; }
@media screen and (max-width: 768px) { .innerWrap { width: 96%; width: calc(100% - 40px); } }

.detailInner { width: calc(100% - 40px); margin: auto; }

.global-footer { z-index: 99; position: relative; background: #666666; color: #fff; }
@media screen and (max-width: 768px) { .global-footer { width: 100%; } }
.global-footer .footerInner { width: 950px; margin: auto; }
@media screen and (max-width: 768px) { .global-footer .footerInner { flex-flow: column; width: 100%; padding: 0 20px; } }
.global-footer .footerInner .logo a { display: block; }
@media screen and (max-width: 768px) { .global-footer .footerInner .logo { width: 295px; } }
.global-footer .clearfix { text-align: center; font-size: 16px; }
.global-footer .clearfix p { padding-top: 10px; }
@media screen and (max-width: 768px) { .global-footer .clearfix p { line-height: 22px; } }
.global-footer .clearfix p:first-child { padding-top: 30px; }
.global-footer .clearfix .annotation { font-size: 14px; text-indent: -1em; padding-left: 1em; }
@media screen and (max-width: 768px) { .global-footer .clearfix .annotation { font-size: 12px; line-height: 20px; letter-spacing: 0.6px; text-align: left; } }
.global-footer .clearfix ul { display: flex; justify-content: center; margin: 25px 0 30px; }
.global-footer .clearfix ul li { margin-right: 70px; }
.global-footer .clearfix ul li a { color: #fff; position: relative; }
.global-footer .clearfix ul li a::after { content: ""; display: inline-block; width: 5px; height: 5px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; right: -15px; top: 50%; }
@media screen and (max-width: 768px) { .global-footer .clearfix ul li { margin-right: 0; width: calc((100% - 40px) / 2); text-align: left; margin-bottom: 15px; } }
.global-footer .clearfix ul li:last-child { margin-right: 0; }
@media screen and (max-width: 768px) { .global-footer .clearfix ul li:last-child { margin-bottom: 0px; } }
@media screen and (max-width: 768px) { .global-footer .clearfix ul li:nth-child(1) { margin-right: 40px; } }
@media screen and (max-width: 768px) { .global-footer .clearfix ul li:nth-child(3) { margin-right: 40px; } }
@media screen and (max-width: 768px) { .global-footer .clearfix ul { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 25px; } }
@media screen and (max-width: 768px) { .global-footer .clearfix { font-size: 14px; } }
.global-footer .copyright { text-align: center; font-size: 0.7rem; }
@media screen and (max-width: 768px) { .global-footer .copyright { width: 100%; height: auto; line-height: 1.2; } }
.global-footer .copyright p { display: inline-block; }
@media screen and (max-width: 768px) { .global-footer .copyright p { padding: 15px 0; } }

.c-pagetop { z-index: 99; }

.title_sizeL { font-size: 36px; margin-bottom: 60px; line-height: 1; }
.title_sizeL .title_sizeM { border-bottom: none; display: block; line-height: 1.8; }
@media screen and (max-width: 768px) { .title_sizeL { font-size: 28px; margin-bottom: 15px; line-height: 1.2; } }

.title_sizeM { font-size: 24px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
@media screen and (max-width: 768px) { .title_sizeM { font-size: 20px; } }

.title_sizeS { font-size: 16px; font-weight: bold; }

.title_sec { color: #cc0000; font-size: 16px; }
.title_sec strong { font-size: 64px; color: #000000; display: block; font-weight: bold; font-family: 'Roboto', sans-serif; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .title_sec strong { font-size: 42px; } }

.text_sizeM { font-size: 20px; }
@media screen and (max-width: 768px) { .text_sizeM { font-size: 18px; } }

.text_sizeS { font-size: 16px; }

.linkText a { color: #000; position: relative; padding: 0; display: inline; }
.linkText a::after { content: ""; display: inline-block; width: 9px; height: 9px; margin-top: -3px; border-top: 1px solid #cc0000; border-right: 1px solid #cc0000; transform: rotate(45deg); position: absolute; right: -15px; top: 37%; }
@media screen and (max-width: 768px) { .linkText a::after { right: 20px !important; width: 10px; height: 10px; top: 50%; } }
.linkText span { color: #cccccc; position: relative; padding: 0; display: inline; }
.linkText span::after { content: ""; display: inline-block; width: 9px; height: 9px; margin-top: -3px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; transform: rotate(45deg); position: absolute; right: -15px; top: 37%; }
@media screen and (max-width: 768px) { .linkText span::after { right: 20px !important; width: 10px; height: 10px; top: 50%; } }

.linkWindowBtn a { border: 1px solid #cc0000; background: #cc0000; color: #fff; position: relative; padding: 15px 30px 15px 20px; display: block; text-align: center; border-radius: 5px; transition: 0.5s; font-weight: bold; }
@media screen and (max-width: 768px) { .linkWindowBtn a { font-size: 16px; } }

.linkBtn a, .linkBtn .linkRD { font-size: 14px; border: 1px solid #cc0000; background: #cc0000; color: #fff; position: relative; padding: 15px 30px 15px 20px; display: block; text-align: center; border-radius: 5px; transition: 0.5s; font-weight: bold; }
@media screen and (max-width: 768px) { .linkBtn a, .linkBtn .linkRD { font-size: 16px; } }
.linkBtn a::after, .linkBtn .linkRD::after { position: absolute; content: ""; display: inline-block; width: 10px; height: 10px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%); right: 20px; top: 50%; }
.linkBtn a:hover, .linkBtn .linkRD:hover { background: #fff; color: #cc0000; transition: .6s; text-decoration: none; }
.linkBtn a:hover::after, .linkBtn .linkRD:hover::after { border-top: 1px solid #cc0000; border-right: 1px solid #cc0000; transition: .6s; }
.linkBtn.comingsoon a { background-color: #ddd; padding: 15px 20px 15px 20px; }
.linkBtn.comingsoon a::after { display: none; }
.linkBtn.comingsoon a:hover { opacity: 1; cursor: default; text-decoration: none; }

.text_anno { text-align: right; margin-top: 5px; font-size: 14px; }

.bg-gray { background-color: #f3f5f6; padding-top: 100px; }
@media screen and (max-width: 768px) { .bg-gray { padding-top: 60px; } }

.txtList li:not(:first-of-type) { margin-top: 4px; }

.blank-icon { box-sizing: border-box; position: relative; transform: scale(3); top: 50%; }

.blank-icon:before, .blank-icon:after { content: ""; box-sizing: border-box; position: absolute; width: 5px; height: 4px; border-style: solid; border-color: white; }
.blank-icon:before:hover, .blank-icon:after:hover { border-color: #333; }

.blank-icon:before { top: -2px; left: -1px; border-width: .5px; }

.blank-icon:after { top: -1px; left: 0px; border-width: 0 .5px .5px 0; }

.toppage .bg_slide { position: fixed; top: 100px; left: 0; width: 100%; min-height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */ min-height: calc((var(--vh, 1vh) * 100) - 100px); z-index: 1; }
@media screen and (max-width: 768px) { .toppage .bg_slide { top: 80px; min-height: calc((var(--vh, 1vh) * 100) - 80px); } }
.toppage .bg_slide * { filter: blur(0); transition: .6s ease-in-out; }
.toppage .bg_slide.blur * { transition: .6s ease-in-out; filter: blur(3px); }
.toppage .bg_slide .slideItem { min-height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */ min-height: calc((var(--vh, 1vh) * 100) - 100px); }
@media screen and (max-width: 768px) { .toppage .bg_slide .slideItem { min-height: calc((var(--vh, 1vh) * 100) - 80px); } }
.toppage .bg_slide .slideItem img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); object-fit: cover; min-width: 100%; min-height: 100%; }
@media screen and (min-width: 1920px) { .toppage .bg_slide .slideItem img { width: 100%; } }
@media screen and (max-width: 768px) { .toppage .bg_slide .slideItem img { position: absolute; top: initial; bottom: 0; left: 0; right: 0; margin: auto; transform: none; width: 100%; object-fit: cover; object-position: bottom; height: 100%; } }
.toppage .bg_slide .innerWrap { position: absolute; z-index: 3; top: 0; left: 0; right: 0; margin: auto; }
.toppage .bg_slide .txt_period { margin-top: 10px; }
@media screen and (max-width: 768px) { .toppage .bg_slide .txt_period { top: 10px; } }
.toppage .banner { text-align: center; margin-bottom: 100px; }
.toppage .banner a { display: inline-block; }

.hidden { overflow: hidden; }

.mainWrap { position: relative; z-index: 2; overflow-x: hidden; background-size: 100%; background-repeat: no-repeat; }
.mainWrap .main_visual_background_sp { position: absolute; background: #FDF5F2 url("../img/title_background_sp.png") no-repeat; background-position: top center; background-size: cover; width: 100%; height: 60vh; top: 0; }
.mainWrap .hoken-main { width: 1160px; margin: auto; position: relative; padding: 155px 0 60px; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main { padding: 65px 0 80px; } }
.mainWrap .hoken-main .main_visual_background_pc { position: absolute; background: #FDF5F2 url("../img/title_background_pc.png") no-repeat; background-position: top center; background-size: cover; width: 100%; height: 55vh; top: 0; }
.mainWrap .hoken-main .title { text-align: center; position: relative; z-index: 1; }
.mainWrap .hoken-main .title .title_img { width: 50%; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .title .title_img { width: 100%; } }
.mainWrap .hoken-main .hoken { margin-top: 80px; padding-bottom: 30px; position: relative; z-index: 1; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken { margin-top: 50px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); } }
.mainWrap .hoken-main .hoken .tab-area { width: 100%; padding-top: 20px; }
.mainWrap .hoken-main .hoken .tab-area .tab-list { width: 100%; overflow-x: scroll; white-space: nowrap; text-align: center; }
.mainWrap .hoken-main .hoken .tab-area .tab-list .tab-list-item { font-size: 16px; text-align: center; flex: 0 0 33.33333%; background-color: rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 5px; display: inline-block; font-weight: bold; border: 1px solid #fff; }
.mainWrap .hoken-main .hoken .tab-area .tab-list .tab-list-item.active { background-color: #fff; border: 1px solid #000; }
.mainWrap .hoken-main .hoken .hoken_inner { width: 190px; margin: auto; position: relative; top: -60px; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_inner { width: 295px; top: 0; } }
.mainWrap .hoken-main .hoken .hoken_inner a { transition: .6s; }
.mainWrap .hoken-main .hoken .hoken_inner a:hover { opacity: 0.6; transition: .6s; text-decoration: none; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .sp-flexWrap { display: flex; flex-wrap: nowrap; } }
.mainWrap .hoken-main .hoken .hoken_list { display: flex; width: 1280px; margin: auto; margin-left: -60px; flex-wrap: wrap; justify-content: center; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); padding-bottom: 30px; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list { width: auto; background-color: transparent; border-radius: inherit; box-shadow: inherit; margin-left: auto; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box { width: calc(100% / 5); text-align: center; margin-top: 30px; height: 180px; border-right: 2px dotted rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box { width: 350px; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_img_box { margin: auto; max-width: 250px; position: relative; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name { font-size: 22px; padding: 20px; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name { font-size: 24px; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name h3 { margin: auto; width: fit-content; background: linear-gradient(transparent 40%, #FAD1C7 70%); padding: 0 1px 6px 1px; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name.new { position: relative; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name.new::before { position: absolute; content: ""; width: 45px; aspect-ratio: 1/1; background: url(/img/icon-new.png) no-repeat center center/cover; top: -5px; left: -5px; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name.new::before { width: 40px; top: 0px; left: 40px; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name.comingsoon { color: #808080; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .hoken_name.comingsoon h3 { background: linear-gradient(transparent 40%, #cccccc 70%); }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .linkBtn p { font-size: 18px; border: 1px solid #cc0000; background: #cc0000; color: #fff; position: relative; padding: 15px 30px 15px 20px; display: block; text-align: center; border-radius: 5px; transition: 0.5s; font-weight: bold; line-height: 1; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box .linkBtn p { font-size: 16px; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .linkBtn p::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-top: -3px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 20px; top: 46%; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .linkBtn p:hover { background: #fff; color: #cc0000; transition: .6s; text-decoration: none; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .linkBtn p:hover::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-top: -3px; border-top: 1px solid #cc0000; border-right: 1px solid #cc0000; transform: rotate(45deg); position: absolute; right: 20px; top: 46%; transition: .6s; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .comingsoonBox { background-color: #f3f5f6; border-radius: 8px; }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box .comingsoonBox p { font-weight: bold; font-size: 18px; line-height: 30px; letter-spacing: 0.9px; padding: 15px 0; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box .comingsoonBox p { font-size: 16px; letter-spacing: 0.8px; padding: 9px 0; } }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box { width: 350px; display: none; height: auto; } }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list .hoken_box.show { border-right: 0; display: block; } }
.mainWrap .hoken-main .hoken .hoken_list .hoken_box:last-child { border-right: 0; }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken .hoken_list { display: block; } }
@media screen and (max-width: 768px) { .mainWrap .hoken-main .hoken { padding-bottom: 20px; } }
@media screen and (max-width: 768px) { .mainWrap .hoken-main { width: calc(100% - 40px); padding-bottom: 60px; margin-top: 65px; } }
.mainWrap .detailArea { background-color: #f3f5f6; padding: 80px 0; }
@media screen and (max-width: 768px) { .mainWrap .detailArea { padding: 60px 0; } }
.mainWrap .detailTitle { text-align: center; }
@media screen and (max-width: 768px) { .mainWrap .detailTitle .title_sizeL { font-size: 28px; margin-bottom: 0; } }
@media screen and (max-width: 768px) { .mainWrap .detailTitle { margin-bottom: 50px; } }
.mainWrap .detailInfo { display: flex; justify-content: space-between; }
.mainWrap .detailInfo .detailInner { position: relative; top: -20px; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailInner { width: calc(100% - 40px); } }
.mainWrap .detailInfo .detailBox { text-align: center; /*width: 320px;*/ width: 500px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); }
.mainWrap .detailInfo .detailBox .ribon { margin: auto; width: 52px; }
.mainWrap .detailInfo .detailBox .pointNum { color: #cc0000; margin-bottom: 20px; }
.mainWrap .detailInfo .detailBox .pointNum .point { display: inline-block; margin: auto; font-size: 16px; font-weight: bold; border-bottom: 1px solid #cc0000; }
.mainWrap .detailInfo .detailBox .pointNum .point .num { font-size: 24px; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .pointNum .point .num { font-size: 20px; } }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .pointNum .point { font-size: 14px; } }
.mainWrap .detailInfo .detailBox .info { font-size: 24px; margin-bottom: 15px; letter-spacing: 1.2px; height: 100px; display: flex; align-items: center; justify-content: center; }
.mainWrap .detailInfo .detailBox .info h3 { line-height: 36px; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .info h3 { line-height: 30px; } }
.mainWrap .detailInfo .detailBox .info strong { color: #cc0000; font-size: 30px; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .info strong { font-size: 26px; } }
.mainWrap .detailInfo .detailBox .info .money { line-height: 38px; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .info { height: calc(1.5em * 3); font-size: 20px; letter-spacing: 1px; } }
.mainWrap .detailInfo .detailBox .dateImg { width: 150px; height: 107px; margin: auto; margin-bottom: 20px; display: flex; align-items: center; }
.mainWrap .detailInfo .detailBox .detailSubInfo { background-color: #f8f9fa; border-radius: 5px; margin-bottom: 30px; font-size: 16px; padding: 10px; }
.mainWrap .detailInfo .detailBox .detailSubInfo p { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .detailSubInfo { font-size: 14px; height: 90px; } }
.mainWrap .detailInfo .detailBox .linkWindowBtn { margin-bottom: 10px; font-size: 18px; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a { background-color: #333; border: 1px solid #333; line-height: 1.2; display: flex; justify-content: center; align-items: center; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a .blank-icon { right: -15%; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a:hover { background: #fff; color: #333; border: 1px solid #333; transition: .6s; text-decoration: none; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a:hover .blank-icon:before, .mainWrap .detailInfo .detailBox .linkWindowBtn a:hover .blank-icon:after { border-color: #333; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a:hover::after { background-image: url(/img/window_black.svg); transition: .6s; }
.mainWrap .detailInfo .detailBox .linkWindowBtn a::after { content: ""; background-image: url(/img/window_white.svg); background-repeat: no-repeat; display: inline-block; width: 18px; height: 15px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: .6s; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .linkWindowBtn { font-size: 16px; } }
.mainWrap .detailInfo .detailBox .linkBtn { font-size: 18px; }
.mainWrap .detailInfo .detailBox .linkBtn a { background-color: #333; border: 1px solid #333; line-height: 1.2; padding: 15px 30px 15px 10px; }
.mainWrap .detailInfo .detailBox .linkBtn a:hover { background: #fff; color: #333; border: 1px solid #333; transition: .6s; text-decoration: none; }
.mainWrap .detailInfo .detailBox .linkBtn a:hover::after { border-top: 1px solid #333; border-right: 1px solid #333; }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox .linkBtn { font-size: 16px; } }
@media screen and (max-width: 768px) { .mainWrap .detailInfo .detailBox { width: 100%; margin-bottom: 40px; }
  .mainWrap .detailInfo .detailBox:last-child { margin-bottom: 0px; } }
@media screen and (max-width: 768px) { .mainWrap .detailInfo { display: block; } }
.mainWrap .conceptArea { background-color: #fef5f3; text-align: center; position: relative; overflow: hidden; }
.mainWrap .conceptArea::before { position: absolute; content: ""; background-image: url(/img/conceptArea_ribon_left.png); background-size: cover; background-repeat: no-repeat; width: 467px; height: 175px; left: 0; bottom: 0; }
@media screen and (max-width: 1160px) { .mainWrap .conceptArea::before { width: 300px; height: 113px; } }
@media screen and (max-width: 768px) { .mainWrap .conceptArea::before { width: 240px; height: 90px; } }
.mainWrap .conceptArea::after { position: absolute; content: ""; background-image: url(/img/conceptArea_ribon_right.png); background-size: cover; background-repeat: no-repeat; width: 463px; height: 365px; top: 0; right: 0; }
@media screen and (max-width: 1160px) { .mainWrap .conceptArea::after { width: 300px; height: 237px; } }
@media screen and (max-width: 768px) { .mainWrap .conceptArea::after { width: 290px; height: 229px; } }
.mainWrap .conceptArea .conceptBox { text-align: left; }
.mainWrap .conceptArea h2 { padding-top: 100px; margin-bottom: 40px; font-size: 63px; color: #cc0000; }
@media screen and (max-width: 768px) { .mainWrap .conceptArea h2 { padding-top: 60px; margin-bottom: 30px; font-size: 36px; } }
.mainWrap .conceptArea p { font-size: 18px; line-height: 32px; letter-spacing: 0.9px; padding-bottom: 140px; }
.mainWrap .conceptArea p .asterisk { font-size: 10px; vertical-align: super; }
@media screen and (max-width: 768px) { .mainWrap .conceptArea p { font-size: 16px; line-height: 21px; padding-bottom: 90px; } }
.mainWrap .question { padding: 100px 0; }
@media screen and (max-width: 768px) { .mainWrap .question { padding: 60px 0; } }
.mainWrap .question h2 { text-align: center; }
@media screen and (max-width: 768px) { .mainWrap .question h2 { margin-bottom: 40px; } }
.mainWrap .question .questionList .question-item { border-top: 1px solid #cccccc; }
.mainWrap .question .questionList .question-item .c-qa-item__q { font-weight: bold; font-size: 20px; line-height: 30px; letter-spacing: 1px; position: relative; padding: 30px 70px; display: block; transition: 0.6s; }
@media screen and (max-width: 768px) { .mainWrap .question .questionList .question-item .c-qa-item__q { padding: 20px 43px 20px 50px; font-size: 16px; line-height: 22px; letter-spacing: 0.8px; } }
.mainWrap .question .questionList .question-item .c-qa-item__q span:before { content: "Q"; font-size: 36px; letter-spacing: 1.8px; text-align: center; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #cc0000; width: 40px; height: 40px; font-weight: 600; }
@media screen and (max-width: 768px) { .mainWrap .question .questionList .question-item .c-qa-item__q span:before { font-size: 28px; letter-spacing: 1.4px; width: 30px; height: 30px; left: 10px; } }
.mainWrap .question .questionList .question-item .c-qa-item__q:hover { opacity: 0.6; cursor: pointer; transition: 0.6s; }
.mainWrap .question .questionList .question-item .c-qa-item__q:before, .mainWrap .question .questionList .question-item .c-qa-item__q:after { content: ""; display: block; width: 24px; height: 2px; background: #000000; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }
.mainWrap .question .questionList .question-item .c-qa-item__q:before { -webkit-transform: translate(0, -50%) rotate(-180deg); transform: translate(0, -50%) rotate(-90deg); }
.mainWrap .question .questionList .question-item .c-qa-item__q.open:before { -webkit-transform: translate(0, -50%) rotate(-180deg); transform: translate(0, -50%) rotate(-180deg); transition: .6s; }
.mainWrap .question .questionList .question-item .c-qa-item__a { display: none; }
.mainWrap .question .questionList .question-item .c-qa-item__a .c-qa-item__a__inner { font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: 0.8px; position: relative; padding: 0 70px 30px 70px; }
@media screen and (max-width: 768px) { .mainWrap .question .questionList .question-item .c-qa-item__a .c-qa-item__a__inner { padding: 0 43px 20px 50px; } }
.mainWrap .question .questionList .question-item .c-qa-item__a .c-qa-item__a__inner:before { content: "A"; font-size: 36px; letter-spacing: 1.8px; text-align: center; position: absolute; left: 20px; top: 0px; color: #000000; width: 40px; height: 40px; font-weight: 600; }
@media screen and (max-width: 768px) { .mainWrap .question .questionList .question-item .c-qa-item__a .c-qa-item__a__inner:before { font-size: 28px; letter-spacing: 1.4px; width: 30px; height: 30px; left: 10px; } }
.mainWrap .question .questionList .question-item:last-child { border-bottom: 1px solid #cccccc; }
.mainWrap .simulation { width: 100%; }
.mainWrap .simulation .innerWrap { text-align: center; }
.mainWrap .simulation .simulation_img { width: 100%; }
.mainWrap .simulation img { width: 100%; border-radius: 5px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); }
.mainWrap .mileageInfo { margin-top: 100px; padding-bottom: 100px; background-color: #FEF2EF; border-top-right-radius: 100px; border-top-left-radius: 100px; box-shadow: 0 -8px 8px -1px rgba(0, 0, 0, 0.1); }
.mainWrap .mileageInfo .mileageBankInfo { display: flex; padding-top: 100px; }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc { margin-right: 60px; }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc p { line-height: 1.5; }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc strong { color: #cc0000; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .textWrap { display: flex; flex-direction: column; align-items: center; } }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .title_sizeL { margin-bottom: 40px; line-height: 50px; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .title_sizeL { line-height: 38px; margin-bottom: 30px; } }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .text_sizeM { width: 100%; margin-bottom: 20px; line-height: 30px; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .text_sizeM { line-height: 28px; } }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .text_sizeS { margin-bottom: 30px; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc .linkBtn { width: 295px; } }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankSubsc { margin-right: 0; } }
.mainWrap .mileageInfo .mileageBankInfo .mileageBankImg { max-width: 490px; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo .mileageBankImg { margin-top: 40px; } }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .mileageBankInfo { display: block; padding-top: 60px; } }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo { padding-bottom: 60px; margin-top: 60px; border-top-right-radius: 50px; border-top-left-radius: 50px; } }
.mainWrap .mileageInfo .linkWindowBtn { margin-bottom: 10px; font-size: 18px; }
.mainWrap .mileageInfo .linkWindowBtn a { background-color: #cc0000; border: 1px solid #cc0000; line-height: 1.2; display: flex; justify-content: center; align-items: center; }
.mainWrap .mileageInfo .linkWindowBtn a .blank-icon { right: -15%; }
.mainWrap .mileageInfo .linkWindowBtn a:hover { background: #fff; color: #cc0000; border: 1px solid #fff; transition: .6s; text-decoration: none; }
.mainWrap .mileageInfo .linkWindowBtn a:hover .blank-icon:before, .mainWrap .mileageInfo .linkWindowBtn a:hover .blank-icon:after { border-color: #cc0000; }
.mainWrap .mileageInfo .linkWindowBtn a:hover::after { background-image: url(/img/window_red.svg); transition: .6s; }
.mainWrap .mileageInfo .linkWindowBtn a::after { content: ""; background-image: url(/img/window_white.svg); background-repeat: no-repeat; display: inline-block; width: 18px; height: 15px; position: absolute; right: 20px; top: 40%; transition: .6s; }
@media screen and (max-width: 768px) { .mainWrap .mileageInfo .linkWindowBtn { font-size: 16px; } }
.mainWrap .mileageMemberInfo { background-color: #fff; text-align: center; padding-bottom: 30px; border-radius: 5px; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo { padding-bottom: 20px; } }
.mainWrap .mileageMemberInfo .mileageBank_banner { width: 100%; padding-top: 40px; }
.mainWrap .mileageMemberInfo .mileageBank_banner a:hover { opacity: 0.5; transition: .6s; }
.mainWrap .mileageMemberInfo .mileageBank_banner img { width: 100%; display: block; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .mileageBank_banner { padding-top: 30px; } }
.mainWrap .mileageMemberInfo strong { color: #cc0000; }
.mainWrap .mileageMemberInfo .title_sizeL { padding-top: 60px; margin-bottom: 0; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .title_sizeL { padding-top: 40px; } }
.mainWrap .mileageMemberInfo .text_sizeM { margin-top: 30px; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .text_sizeM { line-height: 28px; } }
.mainWrap .mileageMemberInfo .mileageMemberDetail { display: flex; justify-content: center; }
.mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox { background-color: #f8f9fa; width: 440px; margin-top: 25px; border-radius: 5px; }
.mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox .title_sizeS { margin-bottom: 15px; font-size: 18px; }
.mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox .mileageBankInner { padding: 20px; }
.mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox .mileageBankInner p { font-size: 16px; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox .mileageBankInner { padding: 20px 15px; } }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox { width: 100%; } }
.mainWrap .mileageMemberInfo .mileageMemberDetail .mileageMemberBox:first-child { margin-right: 40px; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .mileageMemberDetail { display: block; } }
.mainWrap .mileageMemberInfo .linkBtn { margin: auto; margin-top: 30px; width: 420px; }
@media screen and (max-width: 768px) { .mainWrap .mileageMemberInfo .linkBtn { width: 100%; margin-top: 25px; } }
.mainWrap .anotherSiteTitle { padding-top: 80px; text-align: center; }
.mainWrap .anotherSiteTitle span { display: block; }
.mainWrap .anotherSiteTitle .title_sizeM { margin-bottom: 15px; letter-spacing: 1.2px; line-height: normal; padding-bottom: 0; border-bottom: none; }
@media screen and (max-width: 768px) { .mainWrap .anotherSiteTitle .title_sizeM { letter-spacing: 1px; margin-bottom: 0px; } }
.mainWrap .anotherSiteTitle .title_sizeL { font-size: 36px; line-height: 32px; letter-spacing: 1.8px; margin-bottom: 55px; }
@media screen and (max-width: 768px) { .mainWrap .anotherSiteTitle .title_sizeL { font-size: 28px; margin-bottom: 30px; } }
@media screen and (max-width: 768px) { .mainWrap .anotherSiteTitle { padding-top: 60px; } }
.mainWrap .hokenNabiBox { padding-top: 100px; width: 100%; }
.mainWrap .hokenNabiBox a { display: block; border-radius: 8px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); overflow: hidden; }
.mainWrap .hokenNabiBox a:hover { opacity: 0.5; transition: .6s; }
.mainWrap .hokenNabiBox img { width: 100%; display: block; }
@media screen and (max-width: 768px) { .mainWrap .hokenNabiBox { padding-top: 60px; } }
.mainWrap .siteList { padding-bottom: 100px; }
@media screen and (max-width: 768px) { .mainWrap .siteList { padding-bottom: 60px; } }
.mainWrap .siteList ul { display: flex; flex-wrap: wrap; }
.mainWrap .siteList ul .siteBox { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 50px; transition: 0.5s; }
.mainWrap .siteList ul .siteBox:hover { opacity: 0.5; transition: .6s; }
.mainWrap .siteList ul .siteBox a { text-decoration: none; }
.mainWrap .siteList ul .siteBox .imgBox { border-radius: 5px; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1); }
.mainWrap .siteList ul .siteBox .imgBox img { margin-top: 5px; }
.mainWrap .siteList ul .siteBox .titleArea { display: flex; align-items: center; margin-top: 20px; }
@media screen and (max-width: 768px) { .mainWrap .siteList ul .siteBox .titleArea { margin-top: 15px; } }
.mainWrap .siteList ul .siteBox .titleArea .title { font-size: 20px; padding-right: 10px; font-weight: bold; }
@media screen and (max-width: 768px) { .mainWrap .siteList ul .siteBox .titleArea .title { font-size: 14px; max-width: 80%; } }
.mainWrap .siteList ul .siteBox .titleArea .okurimono { font-size: 17px; }
@media screen and (max-width: 768px) { .mainWrap .siteList ul .siteBox .titleArea .okurimono { font-size: 14px; } }
.mainWrap .siteList ul .siteBox .titleArea .blank-icon { box-sizing: border-box; position: relative; transform: scale(3); top: -4px; }
.mainWrap .siteList ul .siteBox .titleArea .blank-icon:before, .mainWrap .siteList ul .siteBox .titleArea .blank-icon:after { content: ""; box-sizing: border-box; position: absolute; width: 5px; height: 4px; border-style: solid; border-color: #cc0000; }
.mainWrap .siteList ul .siteBox .titleArea .blank-icon:before { top: -1px; left: -1px; border-width: .5px; }
.mainWrap .siteList ul .siteBox .titleArea .blank-icon:after { top: 0px; left: 0px; border-width: 0 .5px .5px 0; }
.mainWrap .siteList ul .siteBox .text { margin-top: 10px; font-size: 16px; }
@media screen and (max-width: 768px) { .mainWrap .siteList ul .siteBox .text { font-size: 14px; } }
@media screen and (max-width: 768px) { .mainWrap .siteList ul .siteBox { width: calc((100% - 20px) / 2); margin-right: 0; margin-bottom: 30px; } }
.mainWrap .siteList ul .siteBox:nth-of-type(4n) { margin-right: 0px; }
@media screen and (max-width: 768px) { .mainWrap .siteList ul { justify-content: space-between; } }
.mainWrap .news { text-align: center; }
.mainWrap .news .title_sizeL { line-height: normal; margin-bottom: 40px; }
@media screen and (max-width: 768px) { .mainWrap .news .title_sizeL { margin-bottom: 35px; } }
.mainWrap .news .newsInner { width: 960px; margin: auto; }
@media screen and (max-width: 768px) { .mainWrap .news .newsInner { width: calc(100% - 40px); } }
.mainWrap .news .newsArea { margin-bottom: 100px; }
.mainWrap .news .newsArea .newsBox { display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 0; }
.mainWrap .news .newsArea .newsBox .info { font-size: 12px; margin-right: 20px; background-color: #F3F5F6; border-radius: 5px; padding: 2px 10px; }
.mainWrap .news .newsArea .newsBox .date { font-size: 12px; margin-right: 20px; }
.mainWrap .news .newsArea .newsBox .title { font-size: 16px; text-align: left; }
@media screen and (max-width: 768px) { .mainWrap .news .newsArea .newsBox .title { margin-top: 15px; font-size: 14px; } }
@media screen and (max-width: 768px) { .mainWrap .news .newsArea .newsBox { flex-wrap: wrap; } }
.mainWrap .news .newsArea .newsBox:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 768px) { .mainWrap .news .newsArea { margin-bottom: 80px; } }
@media screen and (max-width: 768px) { .mainWrap .news { margin-top: 20px; } }

.contentsSec.main { background-color: #fef5f3; }

@media screen and (max-width: 768px) { .p-form header #otherHeaderInner { border-bottom: 1px solid #000; } }
.p-form header #otherHeaderInner .logo { display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
@media screen and (max-width: 768px) { .p-form header #otherHeaderInner .logo { gap: 5px; } }
.p-form header #otherHeaderInner .logo img { vertical-align: inherit; max-height: inherit; }
.p-form header #otherHeaderInner .logo .jal_logo { flex-basis: 75px; }
@media screen and (max-width: 768px) { .p-form header #otherHeaderInner .logo .jal_logo { flex-basis: 50px; margin-left: 20px; } }
.p-form header #otherHeaderInner .logo h1 { flex-basis: 210px; line-height: 1; }
@media screen and (max-width: 768px) { .p-form header #otherHeaderInner .logo h1 { flex-basis: 160px; } }
.p-form .global-footer { padding-top: 0; }
.p-form .copyright small { float: none; font-size: 0.7rem; }
@media screen and (max-width: 768px) { .p-form .contentHead.pageTitle01 .inner01 { flex-wrap: nowrap; } }
@media screen and (max-width: 768px) { .p-form .contentHead.pageTitle01 .inner01 h1 { font-size: 120%; } }
@media screen and (max-width: 768px) { .p-form .contentHead.pageTitle01 .inner01 .logo { flex-basis: 170px; } }
.p-form .form th { width: 220px; }
@media screen and (max-width: 768px) { .p-form .form th { width: 100%; } }
@media screen and (max-width: 768px) { .p-form .form input[type="text"].-spWide100 { width: 100%; } }
.p-form .p-quiz .selectStyling#quiz, .p-form .p-quiz .selectStyling#quiz select { width: 224px; }
@media screen and (max-width: 768px) { .p-form .p-quiz .selectStyling#quiz, .p-form .p-quiz .selectStyling#quiz select { width: 100%; } }

/*# sourceMappingURL=style.css.map */