@charset "UTF-8";

/*--- ヘッダーメニュー ---*/

.header_nav { position:relative; z-index:3; }
.header_nav a { display:inline-block; padding:10px; transition:.3s; }
.header_nav a:hover, .header_nav a.on { color:#444; opacity:0.3; }
.header_nav > div { width:100%; padding:10px 20px; text-align:center; background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12); }
.top_menu a::after, .link_window::after { content:"\f35d"; font-family:Font Awesome\ 5 Free; font-size:10px; font-weight:normal; margin:0 0 0 5px; }

.koushiki_link { text-align:center; }
.koushiki_link a { color:#239265; position:relative; transition:.3s; }
.koushiki_link a:hover { opacity:0.3; }

/*--- ヘッダーメニューここまで ---*/


#container {
	color:#333;
}

#menuresp li a {
	color:#333 !important;
}

.fixed_btn color:#000;
background:#ffe333;
}

.fixed_btn:hover {
	color:#000;
}

.fixed_btn::after,
.fixed_btn_mitumori::after {
	right:10px;
}


.icon-f { display:inline-block; position:absolute; top:3px; left:0; width:18px; height:18px; margin:0 0 0 0; border-radius:18px; border:0; color:#fff; line-height:18px; font-size:12px; font-weight:bold; text-align:center; background:#000; }
.icon-g2 { display:inline-block; position:absolute; top:3px; left:0; width:18px; height:18px; margin:0 0 0 0; border-radius:18px; border:0; color:#fff; line-height:18px; font-size:12px; font-weight:bold; text-align:center; background:#007BE5; }
.icon-g { display:inline-block; position:absolute; top:3px; left:20px; width:18px; height:18px; margin:0 0 0 0; border-radius:18px; border:0; color:#fff; line-height:18px; font-size:12px; font-weight:bold; text-align:center; background:#007BE5; }
.new { position:relative; top:-0.25em; padding:0 0 0 4px; color:#C72C2C; font-size:11px; font-weight:bold; font-style:italic; text-transform:uppercase; }
h2 .new { top:-0.75em; }


.hero_bg { display:flex; justify-content:center; align-items:center; height:350px; margin:0 0 40px; background-image:linear-gradient(90deg, #2C666C 0%, #39AFD5 100%); background-repeat:no-repeat; background-size:cover; }
.hero_box { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; color:#fff; }
.hero_box div { display:flex; flex-flow:column; }
.hero_box div:nth-child(1) { justify-content:center; }
.hero_box div:nth-child(2) { justify-content:flex-end; align-items:center; }
.hero_box h1 { width:fit-content; margin:0 auto 20px; color:#fff; line-height:1.5; font-size:3rem; }
.hero_box h1 small { font-size:2.2rem; }
.hero_box img { width:100%; max-width:300px; }
.hero_banner { position:relative; }

.hero_box_inner { display:flex !important; flex-flow:row wrap !important; justify-content:space-between !important; align-items:flex-start !important; width:100%; }
.hero_box_inner h2 { width:100%; margin:0; padding:10px; color:#fff; font-size:18px; text-align:center; background:linear-gradient(to right,  #1e5799 0%,#007be5 100%); }
.hero_box_glory { justify-content:flex-start !important; align-self:stretch; width:48.5%; margin:0; padding:2px; background:#fff; }
.hero_box_fuji { justify-content:flex-start !important; align-self:stretch; width:48.5%; margin:0; padding:2px; background:#fff; }
.hero_box_photo { display:flex !important; flex-flow:row wrap !important; justify-content:center !important; align-items:center !important; width:100%; padding:20px 0 0; }
.hero_box_photo figure { width:48.5%; }
.hero_box_photo figure img { display:block; width:65%; margin:0 auto; }
.hero_box_photo figcaption { display:block; width:100%; padding:10px 0; color:#808080; font-size:12px !important; text-align:center; }

.contentArea { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.contentAside { position:sticky; top:120px; width:15%; }
.contentAside dl {  }
.contentAside dt { margin:0 0 15px; padding:0 0 0 8px; border-left:#00873C 3px solid; line-height:1; font-size:18px; font-weight:bold; }
.contentAside dd { margin:0 0 40px; padding:0; }
.contentAside ul { margin:0; padding:0; }
.contentAside li { margin:0 0 10px; padding:0; }
.contentAside label { display:block; }
.contentAside input { position:relative; top:-0.25em; margin:0 5px 0 0; outline:0; }
.contentBody { width:78%; }
.contentBody { margin:0 0 80px; }
.contentBody h2 { margin:0 0 24px; padding:0 0 0 10px; border-left:#999 5px solid; line-height:1; font-size:21px; font-weight:normal; text-align:left; }
.contentBody h2.pickup { margin:0 0 24px; padding:0 0 0 10px; border-left:#00873C 5px solid; line-height:1; font-size:21px; font-weight:normal; text-align:left; }
.contentBody h3 { margin:0 0 10px; padding:0 36px 0 80px; line-height:1.5; font-size:16px; font-weight:block; }
.contentBody h3 i { color:#999; }
.contentBody p { margin:0 0 15px; }
.contentBody p.notice { margin:0 0 15px; color:#666; font-size:0.86em; }
.contentBody ul { margin:0 0 15px; padding:0 0 0 1.5em; list-style:disc; }
.contentBody ol { margin:0 0 15px; padding:0 0 0 1.5em; list-style:decimal; }
.contentBody ul li { margin:0 0 8px; padding:0; line-height:1.5; list-style:disc; }
.contentBody ol li { margin:0 0 8px; padding:0; line-height:1.5; list-style:decimal; }
.contentBody figure { margin:0 0 15px; }
.contentBody figure img { width:100%; height:auto; }
.contentBody hr { width:100%; height:0; margin:0 0 40px; border:0; }
.contentBody .accordionHead { position:relative; cursor:pointer; }
.contentBody .accordionHead .fas { position:absolute; top:calc(50% - 0.5em); right:10px; }
.contentBody .accordionHead .fa-plus { opacity:1; transition:0.25s; }
.contentBody .accordionHead .fa-minus { opacity:0; transition:0.25s; }
.contentBody .accordionHead::before { content:'Q'; display:block; position:absolute; top:; left:45px; width:24px; height:24px; color:#fff; line-height:24px; font-size:12px; text-align:center; background:#00873C; }
.contentBody .accordionHead.active {  }
.contentBody .accordionHead.active .fa-plus { opacity:0; transition:0.25s; }
.contentBody .accordionHead.active .fa-minus { opacity:1; transition:0.25s; }
.contentBody .accordionHead.active::before {  }
.contentBody .accordionHead.active::after {  }
.contentBody .accordionBody { margin:0; }
.contentBody .accordionBody.active { margin:0 0 20px; }
.contentBody .faqSet { margin:0 0 10px; padding:0; }
.contentBody .faqSet.hide { display:none; }
.contentBody .faqSetInner { position:relative; overflow:hidden; height:0; margin:0; padding:0; border-radius:0; background:#f8f8f8; box-sizing:border-box; transition:0.25s; }
.contentBody .faqSetInner.active { position:relative; overflow:inherit; width:100%; height:auto; margin:0 0 20px; padding:20px 20px 5px 40px; border-radius:4px; background:#f8f8f8; box-sizing:border-box; transition:0.25s; }
.contentBody .faqSetInner.active::before { content:'A'; position:absolute; top:26px; left:20px; color:#7FBE26; }

.accordionBodyInner { padding:25px; border-radius:10px; background:#fff; }
.moneyTipsInner { margin:0; padding:40px 40px 20px; border-radius: 6px; border: #aaa 1px solid; }
.moneyTipsList {}
.moneyTipsList dl { display: flex; flex-flow: row wrap; align-items: center; gap: 20px; margin: 0 0 20px; }
.moneyTipsList dt { width: 160px; line-height: 1.5; font-size: 16px; font-weight: bold; }
.moneyTipsList dt small { display: block; font-size: 12px; font-weight: normal; }
.moneyTipsList dt .notice { display: block; padding-top: 4px; font-size: 9px; font-weight: normal; }
.moneyTipsList dd { width: calc(100% - 180px); }
.moneyTipsList dd.x3 { width: calc((100% - 200px) / 4 * 3); }
.moneyTipsList dd.x1 { width: calc((100% - 200px) / 4 * 1); }
.moneyTipsList dd figure { display: flex; flex-flow: column wrap; justify-content: flex-start; align-tiems: flex-start; }
.moneyTipsList dd figcaption { order: 1; display: block; margin: 0 0 10px; padding: 8px; color: #fff; font-size: 14px; font-weight: bold; }
.moneyTipsList dd figcaption.good { background: #23aeb7; }
.moneyTipsList dd figcaption.nogood { background: red; }
.moneyTipsList dd img.pc { order: 2; display: block; width: 100%; height: 100%; object-fit: cover; }
.moneyTipsList dd img.sp { order: 2; display: none; width: 100%; height: 100%; object-fit: cover; }
.moneyTipsCaution { padding:30px 0 0; }
.moneyTipsCaution h3 { margin: 0 0 20px; text-align: center; }
.moneyTipsCaution h3 img { margin: 0 10px; width: 30px; height: 21px; }
.moneyTipsCaution h3+p { margin: 0 0 20px; text-align: left; }
.moneyTipsCautionInner { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 20px; }
.moneyTipsCaution01 { width: calc(50% - 10px); margin: 0; padding: 15px 20px 5px; border-radius: 6px; border: #23aeb7 2px solid; background: #fafafa; }
.moneyTipsCaution02 { width: calc(50% - 10px); margin: 0; padding: 15px 20px 5px; border-radius: 6px; border: red 2px solid; background: #fafafa; }
.moneyTipsCautionChild .label { margin: 0 0 10px; text-align: center; }
.moneyTipsCautionChild figure { margin: 0 0 10px; }
.moneyTipsCautionChild img { width: 100%; height: 100%; object-fit: cover; }
.moneyTipsCautionChild .caution { color: #666; font-size: 12px; text-align: center; }

.contentBody .accordionHead2 { position:relative; cursor:pointer; }


@media screen and (max-width: 767px) {
	.moneyTipsInner { margin: 30px 0 40px; padding: 25px 25px 10px; border-radius: 6px; border: #aaa 1px solid; }
	.moneyTipsList {}
	.moneyTipsList dl { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 20px; }
	.moneyTipsList dt { width: 100%; line-height: 1.5; font-size: 16px; font-weight: bold; }
	.moneyTipsList dt small { display: inline-block; padding: 0 0 0 1.0em; font-size: 12px; font-weight: normal; }
	.moneyTipsList dt .notice { display: block; padding-top: 4px; font-size: 9px; font-weight: normal; }
	.moneyTipsList dd { width: calc(100% - 0px); }
	.moneyTipsList dd.x3 { width: calc((100% - 0px) / 1 * 1); }
	.moneyTipsList dd.x1 { width: calc((100% - 0px) / 1 * 1); }
	.moneyTipsList dd figure { display: flex; flex-flow: column wrap; justify-content: flex-start; align-tiems: flex-start; }
	.moneyTipsList dd figcaption { order: 1; display: block; margin: 0 0 10px; padding: 8px; color: #fff; font-size: 14px; font-weight: bold; }
	.moneyTipsList dd figcaption.good { background: #23aeb7; }
	.moneyTipsList dd figcaption.nogood { background: red; }
	.moneyTipsList dd img.pc { order: 2; display: none; width: 100%; height: 100%; object-fit: cover; }
	.moneyTipsList dd img.sp { order: 2; display: block; width: 100%; height: 100%; object-fit: cover; }
	.moneyTipsCaution {}
	.moneyTipsCaution h3 { margin: 0 0 20px; text-align: center; }
	.moneyTipsCaution h3+p { margin: 0 0 20px; text-align: left; }
	.moneyTipsCautionInner { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center; gap: 20px; }
	.moneyTipsCaution01 { width: calc(100% - 0px); margin: 0; padding: 15px 20px; border-radius: 6px; border: #23aeb7 2px solid; background: #fafafa; }
	.moneyTipsCaution02 { width: calc(100% - 0px); margin: 0; padding: 15px 20px; border-radius: 6px; border: red 2px solid; background: #fafafa; }
	.moneyTipsCautionChild .label { margin: 0 0 10px; text-align: center; }
	.moneyTipsCautionChild figure { margin: 0 0 10px; }
	.moneyTipsCautionChild img { width: 100%; height: 100%; object-fit: cover; }
	.moneyTipsCautionChild .caution { color: #666; font-size: 12px; text-align: center; }
}


footer { margin:0 0 30px; }
footer p { color:#666; font-size:1.2rem; text-align:center; }
.no_wrap { white-space:nowrap; }

@media screen and (max-width:1024px) {
}

@media screen and (max-width:767px) {
.contentArea { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; }
.contentAside { position:relative; top:inherit; width:100%; }
.contentBody { width:100%; }
}