/* BODY外 */
html { font-size: 100%;}
body { font-size: 0.94rem;}
div.main { overflow: initial;}
.main a:hover { text-decoration: none;}
.contents_body_full { width: 100vw; overflow: hidden; margin: 0 calc(50% - 50vw);}
#main td, #main th { vertical-align: middle;}
#main .columnbox { margin-top: -115px; padding-top: 115px;}

.header_upper_container ul { font-size: .813rem;}
.header_lower nav ul li { font-size: 0.94rem;}
.header_lower nav ul.gnav-panel_menu li { font-size: .78rem;}
.header_lower nav ul li { height: 48px;}
.header_lower nav ul li.nav-sub { color: #555; font-size: .85rem;}
footer { font-size: 1rem;}
.floatbnr { font-size: .812rem;}
.floatbnr .floatbnr-box { font-size: .95em;}
.floatbnr-box .btn_auth a { font-size: .75rem;}
.floatbnr-box > .inquiry-txt h4 { font-size: 1.112em;}
.floatbnr-box > .inquiry-txt h4 img.icon { display: inline-block;}
.floatbnr-box > .inquiry-txt h4 span.pc { display: inline-block;}
.floatbnr-box dl.tel-box dt { font-size: .802em;}
.floatbnr-box .btn-box li.s-size a { font-size: .921em;}
.floatbnr-box .btn-box.col1 { margin: auto;}
#footer_policy li { font-size: .7rem;}


@media screen and (max-width:767px)  {
	.header_lower nav ul li.nav-sub { color: #fff;}
	.floatbnr { font-size: 0.8rem;}
	.floatbnr .floatbnr-box { width: calc(100% - 10px);}
}


/* コンテンツ枠用 */
#main.full-w { width: 100%;}

/*パンクズ */
.breadcrumb { margin-top: 5px !important;}
#main.full-w > .breadcrumb { width: 1200px; margin: 5px auto 0 !important;}
#contents_header .breadcrumb { position: absolute; top: 5px; left: calc(50% - 600px); width: 1200px; margin: 0 auto !important; color: #fff;}
#contents_header .breadcrumb::before { background-image: none; -webkit-mask: url("/images/static/img/ic_home.svg") no-repeat center center / contain; mask-image: url("/images/static/img/ic_home.svg"); mask-position: center center; mask-size: contain; background-color: #fff;}
#contents_header .breadcrumb a { color: #fff;}

.content_box { max-width: 1200px; margin: auto; padding: 1em 0;}
.w-full { width: 100vw; overflow: hidden; margin: 0 calc(50% - 50vw);}

/*タイトル */
#contents_header { position: relative; background-image: ; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: rgba(255,255,255,0.6); background-blend-mode: lighten; width: 100%; padding: 1em 0;}
#contents_header p.lead { background-color: rgba(255,255,255,.6); padding: .5em; margin-bottom: 0;}
#contents_header h1.title_txt { text-align: center;}
#contents_header h1.title_txt > span { font-size: 1.5em; position: relative; display: inline-block; padding: 0 55px; margin: .5em auto;}
#contents_header h1.title_txt > span::before, #contents_header h1.title_txt > span::after { content: ''; position: absolute; top: 50%; display: inemine-block; width: 45px; height: 1px; background-color: black;}
#contents_header h1.title_txt > span::before { left: 0;}
#contents_header h1.title_txt > span::after { right: 0;}

/* 目次 */
#index { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 3em; background-color: #fafafa; padding-top: .75em; width: 100%;}
#index h2::before { content: "\f03a"; font-family: "FontAwesome",sans-serif !important; margin: 0 .5em;}
#index ol.decimal > li > ul {}
#index ol.decimal > li > ul::before { content: "┗";}
#index ol.decimal > li > ul > li { display: inline-block; padding: 0 .5em; border-right: 1px solid #ccc;}

/* 見出し */
.head-underbar-left { margin-bottom: 1.5em;}
.head-underbar-center { text-align: center; margin-bottom: 1.5em;}
.head-en{ display: block; font-size: 1rem; color: #666; font-family: "Barlow Condensed", sans-serif; font-weight: 400;}
.head-jp { font-size: 1.8rem; color: #555; font-weight: bold; border-bottom: 3px solid #555;}

.mid_point { position: relative; font-size: 1.5em; color: black; line-height: 1.4; padding: 0.25em 0.5em; margin: 1em auto .5em; border-bottom: 2px solid #0275c1;}
.mid_point::after { position: absolute; counter-increment: cs_no; content: "\f00c  point " counter(cs_no, decimal-leading-zero); font-family: "Font Awesome 5 Free","Barlow", sans-serif; font-weight: bold; background: #0275c1; color: #fff; left: 0px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 3px 7px; font-size: .8em; line-height: 1; letter-spacing: .2em;}


/* 文字サイズ(小のみ競合するのでここで記述、他サイズは/images/static/css/parts.css) */
#main p.txtS, .txtS { font-size: .8125rem !important;}

/* 枠線 */
.border { border: solid 1px #ccc;}
.border_t { border-top: solid 1px #ccc;}
.border_b { border-bottom: solid 1px #ccc;}
.border_l { border-left: solid 1px #ccc;}
.border_r { border-right: solid 1px #ccc;}
.noborder { border: 0 !important;}
.noborder_t { border-top: 0 !important;}
.noborder_b { border-bottom: 0 !important;}
.noborder_l { border-left: 0 !important;}
.noborder_r { border-righ: 0 !important;}
.radius { border-radius: 10px;}
.shadow { box-shadow: 3px 3px 3px #ccc;}

/* 背景色 */
.bg_black { background-color: #000; color: #fff;}
.bg_white { background-color: #fff; color: #333;}
.bg_gray { background-color: #eee;}
.bg_blue { background-color: #def6ff;}

/* その他 */
.relative { position: relative;}
.absolute { position: absolute;}
.top0 { top: 0;}
.bottom0 { bottom: 0;}
.left0 { left: 0;}
.right0 { right: 0;}
.z9 { z-index: 9;}
.z99 { z-index: 99;}
.z999 { z-index: 999;}
.over_hidden { overflow: hidden;}


/* 商品枠 */
.product_list .price strong { font-size: 1.2rem;}
.product_list .price strong::after { content: "（税別）"; font-size: .6em;}
.product_list a.btn { background-color: #0075c1; color: #fff !important; text-align: center; margin-top: 1em;}
.product_list.c-list.item-3 li { width: 31%; padding: 0 1% 10px 1%;}

.product_list.c-list.item-1 > li { width: 100%;}
.product_list.c-list.item-1 > li a.cms img { max-width: 100%; max-height: 600px;}
.product_list.c-list.item-1 > li .appeal { font-size: 1.5em;}
.product_list.c-list.item-1 > li .appeal::after { border-right-width: 1em; border-top-width: 2em;}
.product_list.c-list.item-1 > li .brand { font-size: 1em;}
.product_list.c-list.item-1 > li a.cms { font-size: 1.5em; margin-bottom: 1em; font-weight: bold;}
.product_list.c-list.item-1 > li .date { text-align: right; margin-bottom: 1em;}
.product_list.c-list.item-1 > li .price strong { display: block; text-align: right; font-size: 3em; margin-bottom: 10px;}
.product_list.c-list.item-1 a.btn { font-size: 1.5em; margin-bottom: 1em;}


/* リンク */
.link_btn {}
.link_btn a { position: relative; display: block; font-size: 1.2em; width: 100%; max-width: 600px; text-align: center; border: 1px solid #0075c1; background-color: #fff; box-sizing: border-box; margin: 2em auto; padding: 1em 2.5em 1em 1em;}
.link_btn a::after { font-family: FontAwesome; content: '\f105'; position: absolute; right: 1em;}
a.btn { background-color: #fff; color: #0075c1; padding: 2px 1em 1px; border: 1px solid #0075c1;}
a.btn::before { content: "\f105"; font-family: "FontAwesome",sans-serif !important; margin-right: .5em;}
.imgbtn-box li a { background-color: #fff;}


/* 分割枠 */
.flex_box { display: flex; flex-wrap: wrap; margin: .5em auto 1em;}
.flex_box > div { box-sizing: border-box;}
.flex_box > div > a:not([class]) { position: relative; display: block; width: 100%; height: 100%;}
.flex_box > div > a:not([class])::after { content: "\f08e"; font-family: "FontAwesome",sans-serif !important; margin-right: .5em; position: absolute; right: 0; bottom: 0; margin-bottom: .5em;}

.flex_box.col2 > div { width: calc(100% / 2);}
.flex_box.col3 > div { width: calc(100% / 3);}
.flex_box.col4 > div { width: calc(100% / 4);}
.flex_box.col5 > div { width: calc(100% / 5);}
.flex_box.col6 > div { width: calc(100% / 6);}

.flex_box.col2 > div.mga5 { width: calc(100% / 2 - 10px);}
.flex_box.col2 > div.mga10 { width: calc(100% / 2 - 20px);}
.flex_box.col2 > div.mga15 { width: calc(100% / 2 - 30px);}
.flex_box.col2 > div.mga20 { width: calc(100% / 2 - 40px);}
.flex_box.col2 > div.mga30 { width: calc(100% / 2 - 60px);}
.flex_box.col2 > div.mga40 { width: calc(100% / 2 - 80px);}
.flex_box.col2 > div.mga50 { width: calc(100% / 2 - 100px);}
.flex_box.col2 > div.mgl5, .flex_box.col2 > div.mgr5 { width: calc(100% / 2 - 5px);}
.flex_box.col2 > div.mgl10, .flex_box.col2 > div.mgr10 { width: calc(100% / 2 - 10px);}
.flex_box.col2 > div.mgl15, .flex_box.col2 > div.mgr15 { width: calc(100% / 2 - 15px);}
.flex_box.col2 > div.mgl20, .flex_box.col2 > div.mgr20 { width: calc(100% / 2 - 20px);}
.flex_box.col2 > div.mgl30, .flex_box.col2 > div.mgr30 { width: calc(100% / 2 - 30px);}
.flex_box.col2 > div.mgl40, .flex_box.col2 > div.mgr40 { width: calc(100% / 2 - 40px);}
.flex_box.col2 > div.mgl50, .flex_box.col2 > div.mgr50 { width: calc(100% / 2 - 50px);}

.flex_box.col3 > div.mga5 { width: calc(100% / 3 - 10px);}
.flex_box.col3 > div.mga10 { width: calc(100% / 3 - 20px);}
.flex_box.col3 > div.mga15 { width: calc(100% / 3 - 30px);}
.flex_box.col3 > div.mga20 { width: calc(100% / 3 - 40px);}
.flex_box.col3 > div.mga30 { width: calc(100% / 3 - 60px);}
.flex_box.col3 > div.mga40 { width: calc(100% / 3 - 80px);}
.flex_box.col3 > div.mga50 { width: calc(100% / 3 - 100px);}
.flex_box.col3 > div.mgl5, .flex_box.col3 > div.mgr5 { width: calc(100% / 3 - 5px);}
.flex_box.col3 > div.mgl10, .flex_box.col3 > div.mgr10 { width: calc(100% / 3 - 10px);}
.flex_box.col3 > div.mgl15, .flex_box.col3 > div.mgr15 { width: calc(100% / 3 - 15px);}
.flex_box.col3 > div.mgl20, .flex_box.col3 > div.mgr20 { width: calc(100% / 3 - 20px);}
.flex_box.col3 > div.mgl30, .flex_box.col3 > div.mgr30 { width: calc(100% / 3 - 30px);}
.flex_box.col3 > div.mgl40, .flex_box.col3 > div.mgr40 { width: calc(100% / 3 - 40px);}
.flex_box.col3 > div.mgl50, .flex_box.col3 > div.mgr50 { width: calc(100% / 3 - 50px);}

.flex_box.col4 > div.mga5 { width: calc(100% / 4 - 10px);}
.flex_box.col4 > div.mga10 { width: calc(100% / 4 - 20px);}
.flex_box.col4 > div.mga15 { width: calc(100% / 4 - 30px);}
.flex_box.col4 > div.mga20 { width: calc(100% / 4 - 40px);}
.flex_box.col4 > div.mga30 { width: calc(100% / 4 - 60px);}
.flex_box.col4 > div.mga40 { width: calc(100% / 4 - 80px);}
.flex_box.col4 > div.mga50 { width: calc(100% / 4 - 100px);}
.flex_box.col4 > div.mgl5, .flex_box.col4 > div.mgr5 { width: calc(100% / 4 - 5px);}
.flex_box.col4 > div.mgl10, .flex_box.col4 > div.mgr10 { width: calc(100% / 4 - 10px);}
.flex_box.col4 > div.mgl15, .flex_box.col4 > div.mgr15 { width: calc(100% / 4 - 15px);}
.flex_box.col4 > div.mgl20, .flex_box.col4 > div.mgr20 { width: calc(100% / 4 - 20px);}
.flex_box.col4 > div.mgl30, .flex_box.col4 > div.mgr30 { width: calc(100% / 4 - 30px);}
.flex_box.col4 > div.mgl40, .flex_box.col4 > div.mgr40 { width: calc(100% / 4 - 40px);}
.flex_box.col4 > div.mgl50, .flex_box.col4 > div.mgr50 { width: calc(100% / 4 - 50px);}

.flex_box.col5 > div.mga5 { width: calc(100% / 5 - 10px);}
.flex_box.col5 > div.mga10 { width: calc(100% / 5 - 20px);}
.flex_box.col5 > div.mga15 { width: calc(100% / 5 - 30px);}
.flex_box.col5 > div.mga20 { width: calc(100% / 5 - 40px);}
.flex_box.col5 > div.mga30 { width: calc(100% / 5 - 60px);}
.flex_box.col5 > div.mga40 { width: calc(100% / 5 - 80px);}
.flex_box.col5 > div.mga50 { width: calc(100% / 5 - 100px);}
.flex_box.col5 > div.mgl5, .flex_box.col5 > div.mgr5 { width: calc(100% / 5 - 5px);}
.flex_box.col5 > div.mgl10, .flex_box.col5 > div.mgr10 { width: calc(100% / 5 - 10px);}
.flex_box.col5 > div.mgl15, .flex_box.col5 > div.mgr15 { width: calc(100% / 5 - 15px);}
.flex_box.col5 > div.mgl20, .flex_box.col5 > div.mgr20 { width: calc(100% / 5 - 20px);}
.flex_box.col5 > div.mgl30, .flex_box.col5 > div.mgr30 { width: calc(100% / 5 - 30px);}
.flex_box.col5 > div.mgl40, .flex_box.col5 > div.mgr40 { width: calc(100% / 5 - 40px);}
.flex_box.col5 > div.mgl50, .flex_box.col5 > div.mgr50 { width: calc(100% / 5 - 50px);}

.flex_box.col6 > div.mga5 { width: calc(100% / 6 - 10px);}
.flex_box.col6 > div.mga10 { width: calc(100% / 6 - 20px);}
.flex_box.col6 > div.mga15 { width: calc(100% / 6 - 30px);}
.flex_box.col6 > div.mga20 { width: calc(100% / 6 - 40px);}
.flex_box.col6 > div.mga30 { width: calc(100% / 6 - 60px);}
.flex_box.col6 > div.mga40 { width: calc(100% / 6 - 80px);}
.flex_box.col6 > div.mga50 { width: calc(100% / 6 - 100px);}
.flex_box.col6 > div.mgl5, .flex_box.col6 > div.mgr5 { width: calc(100% / 6 - 5px);}
.flex_box.col6 > div.mgl10, .flex_box.col6 > div.mgr10 { width: calc(100% / 6 - 10px);}
.flex_box.col6 > div.mgl15, .flex_box.col6 > div.mgr15 { width: calc(100% / 6 - 15px);}
.flex_box.col6 > div.mgl20, .flex_box.col6 > div.mgr20 { width: calc(100% / 6 - 20px);}
.flex_box.col6 > div.mgl30, .flex_box.col6 > div.mgr30 { width: calc(100% / 6 - 30px);}
.flex_box.col6 > div.mgl40, .flex_box.col6 > div.mgr40 { width: calc(100% / 6 - 40px);}
.flex_box.col6 > div.mgl50, .flex_box.col6 > div.mgr50 { width: calc(100% / 6 - 50px);}

.flex_box.col2 > div:nth-child(2n) { margin-right: 0;}
.flex_box.col3 > div:nth-child(3n) { margin-right: 0;}
.flex_box.col4 > div:nth-child(4n) { margin-right: 0;}
.flex_box.col5 > div:nth-child(5n) { margin-right: 0;}
.flex_box.col6 > div:nth-child(6n) { margin-right: 0;}

.flex_box.col2 > div.colspan2 { width: calc(100% / 2 * 2);}
.flex_box.col3 > div.colspan2 { width: calc(100% / 3 * 2);}
.flex_box.col4 > div.colspan2 { width: calc(100% / 4 * 2);}
.flex_box.col5 > div.colspan2 { width: calc(100% / 5 * 2);}
.flex_box.col6 > div.colspan2 { width: calc(100% / 6 * 2);}

.flex_box.col3 > div.colspan3 { width: calc(100% / 3 * 3);}
.flex_box.col4 > div.colspan3 { width: calc(100% / 4 * 3);}
.flex_box.col5 > div.colspan3 { width: calc(100% / 5 * 3);}
.flex_box.col6 > div.colspan3 { width: calc(100% / 6 * 3);}


/* アコーディオン */
ul.acordion-wrapper { list-style: none; perspective: 900; padding: 0; margin: 0 auto; overflow-y: hidden; max-width: 1000px; line-height: 1.5; letter-spacing: 1px; color: #222;}
ul.acordion-wrapper > li { position: relative; padding: 0; margin-bottom: .5em}
ul.acordion-wrapper h3.question { margin-bottom: 2px; overflow: hidden; color: #0075c1; font-weight: bold; background-color: #e9eff0; padding: 0; position: relative; z-index: 9;}
ul.acordion-wrapper h3.question label { position: relative;  display: block; cursor: pointer; padding: 1em 2em 1em 4.5em; margin: 0; width: calc(100% - 6em);}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ h3.question label { background-color: #e9eff0;}
ul.acordion-wrapper h3.question label::before, ul.acordion-wrapper div.anser::before { font-size: 30px; font-weight: bold; font-style: italic; position: absolute; left: 0px; padding: 5px 15px 5px; top: 0; width: 30px; text-align: center;}
ul.acordion-wrapper h3.question label::before { content: "Q"; color: #30b5ef;}

ul.acordion-wrapper div.anser { position: relative; overflow: hidden; z-index: 2; margin-top: 0; max-height: 0; opacity: 0; transform: translateY(-100%); border-top: 2px solid #fff; background-color: #e9eff0; overflow: hidden; transition: .3s;}
ul.acordion-wrapper div.anser::before { content: "A"; color: #fc5151;}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ div.anser { padding: 1em 2em 1em 4.5em; max-height: 800px; opacity: 1; transform: translateY(0);}
ul.acordion-wrapper > li:nth-of-type(1) {animation-delay: 0.25s;}
ul.acordion-wrapper > li:nth-of-type(2) {animation-delay: 0.5s;}
ul.acordion-wrapper > li:nth-of-type(3) {animation-delay: 0.75s;}
ul.acordion-wrapper > li:nth-of-type(4) {animation-delay: 1s;}
ul.acordion-wrapper > li:nth-of-type(5) {animation-delay: 1.25s;}
ul.acordion-wrapper > li:nth-of-type(6) {animation-delay: 1.5s;}
ul.acordion-wrapper > li:nth-of-type(7) {animation-delay: 1.75s;}
ul.acordion-wrapper > li:nth-of-type(8) {animation-delay: 2s;}
ul.acordion-wrapper > li:last-of-type {padding-bottom: 0;}
ul.acordion-wrapper > li i { position: absolute; transform: translate(-6px, 0); margin-top: 1.5em; right: 1em; z-index: 99;}
ul.acordion-wrapper > li i:before, ul.acordion-wrapper > li i:after { content: ""; position: absolute; background-color: #5cb3c9; width: 3px; height: 9px;}
ul.acordion-wrapper > li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; display: none;}
ul.acordion-wrapper > li i:before {transform: translate(2px, 0) rotate(45deg); transition: .3s;}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ i:before {transform: translate(-2px, 0) rotate(45deg);}
ul.acordion-wrapper > li i:after {transform: translate(-2px, 0) rotate(-45deg); transition: .3s;}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ i:after { transform: translate(2px, 0) rotate(-45deg);}
ul.acordion-wrapper ul, ul.acordion-wrapper ol { margin: 0.5em; font-size: .8em;}
ul.acordion-wrapper ul.note li { font-size: 1.5rem;}

ul.acordion-wrapper div.btn { overflow: hidden; background-color: #fafafa; padding: 0; position: relative; z-index: 9; text-align: center; border: 1px solid #0075c1;}
ul.acordion-wrapper div.btn label { position: relative;  display: block; cursor: pointer; padding: 1em 2em 1em 1em; margin: 0; width: calc(100% - 3em);}
ul.acordion-wrapper div.btn label::before,  ul.acordion-wrapper div.inner::before { font-size: 22px; font-weight: 100; position: absolute; left: 0px; padding: 12px 15px 18px; color: #fff; top: 0; width: 26px; height: calc(100% - 30px); text-align: center;}
ul.acordion-wrapper div.btn label:hover{ background-color: #e9eff0;}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ div.btn label::before { background-color: #28af96;}
ul.acordion-wrapper div.btn label:hover::before { background-color: #28af96;}
ul.acordion-wrapper div.inner { position: relative; overflow: hidden; z-index: 2; margin-top: 0; max-height: 0; opacity: 0; transform: translateY(-100%); border-bottom: 1px solid #ccc; overflow: hidden; transition: .3s;}
ul.acordion-wrapper > li input[type=checkbox]:checked ~ div.inner { padding: 1em 2em 1em 1em; max-height: 100%; opacity: 1; transform: translateY(0); background-color: #fff;}


/* フロー枠 */
.flow_cards { display: flex; flex-direction: column; justify-content: center; max-width: 863px; margin: 0 auto;}
.flow_cards > li { position: relative; padding: 1em 3em 1em 6em; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 50px; background-color: #fff;}
.flow_cards > li .shape-circle { position: absolute; top: 50%; transform: translateY(-50%); left: -60px; width: 120px; height: 120px; background: #caf1ff; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1;}
.flow_head { font-size: 1.5em; font-weight: bold; color: #066eb3; padding: 0 0 0.9em 0.3em; border-bottom: 1px solid #e6e6e6; margin: 0 0 0.9em 0;}
.flow_head .step { display: inline-block; font-family: "Oswald", sans-serif; font-size: 1.5em; color: rgba(0, 117, 193, 0.2); transform: skewX(-8deg) translateY(0.05em); letter-spacing: 0.03em; margin: 0 0.5em 0 0;}
.flow_text { font-size: 1.2em; line-height: 1.6;}
.flow_cards > li:not(:last-of-type)::after { content: ""; position: absolute; left: -1em; bottom: -2.5em; font-size: .8rem; width: 0; height: 0; border-style: solid; border-width: 1.2em 1em 0 1em; border-color: #30b5ef transparent transparent transparent;}


/* お問い合わせ枠 */
.inquiry { margin: 2em auto !important; padding: 1em 0; background-color: #0075c1; color: #fff; width: 100% !important;}
.inquiry h2 .head-en { color: #fff;}
.inquiry h2 .head-jp { color: #fff; border-color: #fff;}
.inquiry .listwrp-2row { max-width: 900px; margin: auto;}
.inquiry .listwrp-2row .colbox {}
.inquiry .listwrp-2row .colbox.btn-box { margin: 0 auto; z-index: 9;}
.inquiry .listwrp-2row .colbox.btn-box li { border: 0; padding: 0; width: 90%;}
.inquiry .listwrp-2row dl.tel-box dt { background-color: #fff; font-size: 1em; color: #0075c1; font-weight: bold;}
.inquiry .listwrp-2row .colbox .oswald a { font-size: 1.5em; color: #fff !important;}
.inquiry .listwrp-2row .colbox .reception_time{ display: block; font-size: .8em; margin-left: .5em; white-space: nowrap;}
.inquiry .listwrp-2row .colbox .reception_time > b { background: #fff; color: #0075c1; margin-top: .5em; padding: 0px .5em ; display: block; text-align: center;}
.inquiry .inquiry_img { position: absolute; bottom: 0; right: 0; width: 200px;}


@media screen and (max-width:767px)  {
	main.full-w > section { width: 100%;}
	.content_box { max-width: 95vw;}
	.link_btn a { font-size: .8em;}

	/* 分割枠 */
	.flex_box.col2 > div, .flex_box.col3 > div, .flex_box.col4 > div, .flex_box.col5 > div, .flex_box.col6 > div { width: 100% !important; padding: 0 !important;}
	.flex_box.sp_col2 > div { width: calc(100% / 2) !important;}
	
	/* アコーディオン */
	ul.acordion-wrapper h3.question, ul.acordion-wrapper div.anser{ font-size: .8em;}
	ul.acordion-wrapper { font-size: 1em;}
	ul.acordion-wrapper h3.question label { padding-left: 5em; width: calc(100% - 7em);}
	ul.acordion-wrapper > li input[type="checkbox"]:checked ~ div.anser { padding-right: 0; padding-left: 5em;}
	ul.acordion-wrapper ul.note li { font-size: 1.2rem;}

	/* フロー枠 */
	.flow_cards > li { padding: 3em 1em 1em; width: calc(100% - 2em); margin: 3em auto 1em;}	
	.flow_cards li .shape-circle { left: 50%; transform: translateX(-50%); top: -13.33vw; width: 26.67vw; height: 26.67vw;}
	.flow_head { font-size: 1em;}
	.flow_cards > li:not(:last-of-type)::after { display: none;}

	.inquiry .listwrp-2row .colbox { margin-bottom: 1em;}
	.inquiry .listwrp-2row .colbox > dt { margin-top: 1.5em; font-size: 1em;}
	.inquiry .listwrp-2row .colbox .reception_time > b { display: inline; margin-right: .5em;}
	.inquiry .inquiry_img { display: none;}
}