@charset "UTF-8";
.pc_br { display: inline-block; }
@media only screen and (max-width: 992px) { .pc_br { display: none; } }

.txt_r { color: #e90000; }

/*============================
#SET_Contents
============================*/
.not-top .bg_b { background-color: #fff4e0; }

@media only screen and (max-width: 992px) { .not-top #SET_Breadcrumbs .breadcrumbs_bg_main .breadcrumbs_box_main { line-height: calc((12 / 375) * 100 * 1vw); } }

@media only screen and (max-width: 992px) { .not-top.calendar #SET_Breadcrumbs { margin-bottom: calc((30 / 375) * 100 * 1vw); } }

#SET_Contents.tryhoop { color: #333333; /*商品概要*/ }
#SET_Contents.tryhoop h3:not(.tab) { width: calc(14em + (0.06em * 15)); margin-bottom: 55px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop h3:not(.tab) { width: calc((355 / 375) * 100 * 1vw); line-height: calc((40 / 375) * 100 * 1vw); margin-bottom: calc((52 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop h3:not(.tab)::after { bottom: calc((-21 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .hero { /*background-color: #00469b;*/ max-height: 1100px; overflow: hidden; background-image: url("./img/tryhoop_main_pc_bk.png"); background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .hero { max-height: inherit; background: none; } }
#SET_Contents.tryhoop .hero .inner_contents { max-width: 1141px; margin: 0 auto; }
#SET_Contents.tryhoop .hero .inner_contents .main-picture img { width: 100%; height: auto; display: block; }
#SET_Contents.tryhoop .hero .note { background-color: #00479d; padding: 16px 0 9px; }
#SET_Contents.tryhoop .hero .note p { text-align: center; font-weight: 700; font-size: 20px; line-height: 30px; color: #FFF; }
#SET_Contents.tryhoop .hero .note p span { font-weight: 500; font-size: 15px; }
#SET_Contents.tryhoop .wrap_content.bg_b { padding: 65px 0 104px; border-top: none; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b { padding: calc((30 / 375) * 100 * 1vw) 0 calc((53 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents { width: 930px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents { width: calc((351 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 { margin-bottom: 76px; letter-spacing: 0.22em; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 { line-height: 1.5em; letter-spacing: 0.1em; margin-bottom: calc((51 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4::after { bottom: -26px; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 + a { display: flex; justify-content: center; align-items: center; width: 455px; height: auto; padding: 7px 0; font-weight: 700; font-size: 1.81rem; /* 20px */ line-height: 1.4em; letter-spacing: 0.04em; text-align: center; color: #FFF; background-color: #e90000; border-radius: 35px; margin: 0 auto 60px; text-decoration: none; position: relative; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 + a { width: calc((335 / 375) * 100 * 1vw); padding: calc((12 / 375) * 100 * 1vw) 0; font-size: calc((17 / 375) * 100 * 1vw); line-height: 1.28em; letter-spacing: 0.05em; border-radius: calc((35 / 375) * 100 * 1vw); margin: 0 auto calc((29 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 + a::after { content: ""; display: block; width: 24px; height: 24px; background-image: url(../../../../images/icon_download_w.svg); background-repeat: no-repeat; background-position: left top; background-size: contain; position: absolute; top: 50%; right: 25px; transform: translateY(-52%); }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 + a::after { width: calc((22.5 / 375) * 100 * 1vw); height: calc((22.78 / 375) * 100 * 1vw); right: calc((18.7 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents h4 + a:hover { opacity: 0.8; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table { background-color: #FFF; border-top: #333 solid 1px; border-left: #333 solid 1px; font-size: 1.45rem; /* 16px */ line-height: 1.75em; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.5em; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr th { background-color: #F2F2F2; border-bottom: #333 solid 1px; border-right: #333 solid 1px; padding: 22px 21px 19px 30px; text-align: left; vertical-align: middle; font-weight: 500; letter-spacing: 0.1em; width: 206px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr th { width: calc((85.5 / 375) * 100 * 1vw); height: calc((70 / 375) * 100 * 1vw); padding: calc((13 / 375) * 100 * 1vw) calc((6 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw) calc((11 / 375) * 100 * 1vw); letter-spacing: 0; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td { border-bottom: #333 solid 1px; border-right: #333 solid 1px; padding: 14px 20px; text-align: left; vertical-align: middle; font-weight: 400; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td { width: calc((265 / 375) * 100 * 1vw); padding: calc((12 / 375) * 100 * 1vw) calc((6 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td span { font-size: 1.27rem; /* 14px */ padding-left: 1em; text-indent: -1em; display: inline-block; line-height: 1.81rem; /* 20px */ letter-spacing: 0.05em; margin-top: 3px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td span { font-size: calc((12 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene { display: flex; margin-top: 14px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene { margin-top: calc((11 / 375) * 100 * 1vw); display: block; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene .scene { display: flex; flex: 0 0 40%; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene .scene h5 { border: #333 solid 1px; font-weight: 400; font-size: 1.45rem; /* 16px */ letter-spacing: 0.04em; margin-right: 9px; display: flex; justify-content: center; align-items: center; flex: 0 0 108px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene .scene h5 { font-size: calc((13.5 / 375) * 100 * 1vw); display: inline-flex; width: calc((83 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene .scene p { flex: 1 1 7em; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene .scene + .scene { margin-top: calc((11 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_method .wrap_scene + p { margin-top: 0.5em; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene { display: flex; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene { display: block; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene h5 { border: #333 solid 1px; font-weight: 400; font-size: 1.45rem; /* 16px */ letter-spacing: 0.04em; margin-right: 9px; display: flex; justify-content: center; align-items: center; flex: 0 0 108px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene h5 { font-size: calc((13.5 / 375) * 100 * 1vw); display: inline-flex; width: calc((83 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene { margin-top: 14px; align-items: center; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene { margin-top: calc((11 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene h5 { flex-direction: column; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene h5 { width: fit-content; padding: 0 0.5em; align-items: flex-start; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene h5 span { font-size: 0.8em; padding-left: 0; text-indent: 0; display: inline; line-height: 1.3em; margin-top: 0; margin-bottom: 0.5em; text-align: center; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene p { font-feature-settings: normal; padding-left: 6em; text-indent: -6em; } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene p span.tume { font-size: 1.45rem; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.deposit_amount .wrap_scene + .wrap_scene p span.tume { font-feature-settings: "palt"; font-size: calc((15 / 375) * 100 * 1vw); line-height: calc((27 / 375) * 100 * 1vw); display: inline; text-indent: 0; padding-left: 0; } }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.other { padding-left: calc((10 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.other ul { padding-left: 1em; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents table tr td.other ul li { list-style: disc; }
#SET_Contents.tryhoop .wrap_content.bg_b .inner_contents .update { font-weight: 400; font-size: 1.18rem; /* 13px */ letter-spacing: 0.06em; text-align: right; font-feature-settings: "palt"; margin-top: 1em; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.bg_b .inner_contents .update { font-size: calc((12 / 375) * 100 * 1vw); font-feature-settings: normal; } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents { width: 707px; margin: 0 auto; padding: 95px 0 43px; text-align: center; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents { width: calc((350 / 375) * 100 * 1vw); padding: calc((36 / 375) * 100 * 1vw) 0 calc((38 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents p { font-weight: 400; font-size: 1.36rem; /* 15px */ line-height: 1em; letter-spacing: 0.05em; font-feature-settings: normal; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents p { font-size: calc((12 / 375) * 100 * 1vw); line-height: calc((21 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents h5 { font-weight: 700; font-size: 2.0rem; /* 22px */ line-height: 1em; letter-spacing: 0; margin: 29px 0 13px; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents h5 { font-size: calc((14 / 375) * 100 * 1vw); margin: calc((18 / 375) * 100 * 1vw) 0 calc((14 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel { margin-bottom: 23px; font-feature-settings: "palt"; letter-spacing: 0.095em; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel { margin-bottom: calc((16 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a { font-weight: 700; font-size: 45px; line-height: 1; text-decoration: none; padding-left: 76px; position: relative; display: inline-block; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a { font-size: calc((28.8 / 375) * 100 * 1vw); padding-left: calc((51 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a::before { content: ""; display: block; width: 64px; height: 50px; background-image: url(../../../../common/images/free_call_mark.svg); background-repeat: no-repeat; background-position: left top; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-49%); }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents .tel a::before { width: calc((41.27 / 375) * 100 * 1vw); height: calc((31.96 / 375) * 100 * 1vw); } }
#SET_Contents.tryhoop .wrap_content.inq .inner_contents .time { font-weight: 400; font-size: 1.27rem; /* 14px */ margin-bottom: 52px; font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { #SET_Contents.tryhoop .wrap_content.inq .inner_contents .time { font-size: calc((11 / 375) * 100 * 1vw); line-height: calc((17 / 375) * 100 * 1vw); margin-bottom: calc((23 / 375) * 100 * 1vw); font-feature-settings: normal; } }
