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

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url : http://www.cubicdesign.co.jp
*
* Built       : 2017/09/11
* Last update : 2017/09/11
* Made by     : Murata Hiroyuki
* Updated by  : Murata Hiroyuki
*
**********************************************************************/


/* menu
**********************************************************************/
.faq__menu{ padding: 20px 16px 10px 16px;}
.faq__menu-item{ margin: 0 0 10px 0;}
.faq__menu-item__link{ display: block; height: 45px; padding: 0 18px; font: 700 14px/41px "heisei-kaku-gothic-std"; color: #fff; border: solid 2px #fff; position: relative; transition: background .3s linear, color .3s linear;}
.faq__menu-item__link.halfmax{ background: #dd0716; border-color: #dd0716;}
.faq__menu-item__link.sevenmax{ background: #009541; border-color: #009541;}
.faq__menu-item__link.noremax{ background: #008080; border-color: #008080;}
.faq__menu-item__link:hover{ background: #fff;}
.faq__menu-item__link.halfmax:hover{ color: #dd0716;}
.faq__menu-item__link.sevenmax:hover{ color: #009541;}
.faq__menu-item__link.noremax:hover{ color: #008080;}
@media print, screen and (min-width: 681px){
  .faq__menu{ display: flex; width: 980px; margin: 0 auto; padding: 50px 0;}
  .faq__menu-item{ width: calc((100% - 40px)/3); margin: 0 20px 0 0; }
  .faq__menu-item:last-child{ margin: 0;}
  .faq__menu-item__link{ width: 100%; height: 60px; padding: 0; font-size: 19px; line-height: 56px; text-align: center;}
}


/* title
**********************************************************************/
.faq__title{ height: 45px; font: 700 14px/45px "heisei-kaku-gothic-std"; color: #fff; text-align: center; position: relative;}
.faq__title.halfmax{ background-color: #dd0716;}
.faq__title.sevenmax{ background-color: #009541;}
.faq__title.noremax{ background-color: #008080;}
.faq__title::before{ content: ""; width: 0; height: 0; position: absolute; bottom: -9px; left: 50%; border-style: solid; border-width: 13px 13px 0 13px; transform: translateX(-50%);}
.faq__title.halfmax::before{ border-color: #dd0716 transparent transparent transparent;}
.faq__title.sevenmax::before{ border-color: #009541 transparent transparent transparent;}
.faq__title.noremax::before{ border-color: #008080 transparent transparent transparent;}
@media print, screen and (min-width: 681px){
  .faq__title{ height: 50px; font-size: 19px; line-height: 50px;}
}


/* wrap
**********************************************************************/
.faq__wrap{ padding: 20px 0;}
@media print, screen and (min-width: 681px){
  .faq__wrap{ width: 980px; margin: 0 auto; padding: 50px 0 80px!important; position: relative; overflow: hidden;}
  .faq__wrap::before{ content: ""; background: #d1d1d1; width: 1px; height: 100%; position: absolute; top: 0; left: 200px;}
}


/* 左メニュー
**********************************************************************/
.faq__wrap-category{ margin: 0 0 30px 0; padding: 0 16px;}
.faq__wrap-category__title{ margin: 0 0 8px 3px; padding: 0 0 0 11px; position: relative; font-weight: bold; font-size: 11px; line-height: 1;}
.faq__wrap-category__title::before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-style: solid; border-width: 4px 0 4px 5px;}
.halfmax .faq__wrap-category__title::before{ border-color: transparent transparent transparent #dd0716;}
.sevenmax .faq__wrap-category__title::before{ border-color: transparent transparent transparent #009541;}
.noremax .faq__wrap-category__title::before{ border-color: transparent transparent transparent #008080;}
.faq__wrap-category__title strong{ font-size: 15px;}
.halfmax .faq__wrap-category__title strong{ color: #dd0716;}
.sevenmax .faq__wrap-category__title strong{ color: #009541;}
.noremax .faq__wrap-category__title strong{ color: #008080;}
.faq__wrap-category__menu{ display: none;}
/* select box */
.select{ background: #fff; height: 46px; position: relative; z-index: 1; border: solid 1px #d6d6d6; border-radius: 4px; overflow: hidden;}
.select::before{ content: ""; background: #f2f2f2; width: 40px; height: 100%; position: absolute; top: 0; right: 0; border-left: solid 1px #d6d6d6; z-index: -1;}
.select::after{ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); border-style: solid; border-width: 6px 4px 0 4px; z-index: -1;}
.halfmax .select::after{ border-color: #dd0716 transparent transparent;}
.sevenmax .select::after{ border-color: #009541 transparent transparent;}
.noremax .select::after{ border-color: #008080 transparent transparent;}
.select select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; width: 130%; height: 44px; padding: 0 0 0 15px; border: none; border-radius: 0; font-size: 13px; cursor: pointer;}
@media print, screen and (min-width: 681px){
  .faq__wrap-category{ width: 200px; padding: 0; float: left;}
  .faq__wrap-category__title{ margin-bottom: 12px;}
  .faq__wrap-category__menu{ display: block;}
  .faq__wrap-category__menu-item{ margin: -1px 0 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
  .faq__wrap-category__menu-item a{ display: block; height: 48px; padding: 0 14px; font-size: 14px; color: #333; line-height: 46px; font-weight: bold; transition: background .2s linear, color .2s linear;}
  .faq__wrap-category__menu-item a:hover,
  .faq__wrap-category__menu-item.on a{ background: #f8f7f3; position: relative;}
  .halfmax .faq__wrap-category__menu-item.on a{ color: #dd0716;}
  .sevenmax .faq__wrap-category__menu-item.on a{ color: #009541;}
  .noremax .faq__wrap-category__menu-item.on a{ color: #008080;}
  .faq__wrap-category__menu-item.on a::after{ content: ""; width: 34px; height: 34px; background: #f8f7f3; border-top: solid 1px #ccc; border-right: solid 1px #ccc; position: absolute; top: 50%; right: -18px; transform: translateY(-50%) scaleX(.6) rotate(45deg);}
  .faq__wrap-category__menu-select{ display: none;}
}


/* 右コンテンツ
**********************************************************************/
.faq__wrap-contents{ padding: 0 16px;}
.faq__wrap-contents__wrap{ margin: 0 0 30px 0;}
.faq__wrap-contents__title{ margin: 0 0 20px 0; padding: 0 0 5px 0; font-size: 16px; font-weight: bold; line-height: 1.5; border-bottom: 1px dotted #B2B2B2;}
.faq__wrap-contents__title::before{ content: ""; display: inline-block; width: 16px; height: 16px; margin: 0 5px 3px 0; vertical-align: middle; border-radius: 50%; box-sizing: border-box;}
.halfmax .faq__wrap-contents__title::before{border: 4px solid #dd0716;}
.sevenmax .faq__wrap-contents__title::before{border: 4px solid #009541;}
.noremax .faq__wrap-contents__title::before{border: 4px solid #008080;}
.faq__wrap-contents__box{ margin: 0 0 16px 0; background: rgba(239, 234, 225, 0.4); font-size: 14px; line-height: 1.6; border-radius: 8px; overflow: hidden; transition: 0.4s;}
.faq__wrap-contents__question{ padding: 16px 45px 15px 46px; font-size: 14px; line-height: 1.4; cursor: pointer; position: relative;}
.faq__wrap-contents__question::before,.faq__wrap-contents__question::after{ content: ""; display: block; position: absolute;}
.halfmax .faq__wrap-contents__question::before,
.halfmax .faq__wrap-contents__question::after{ background-color: #dd0716;}
.sevenmax .faq__wrap-contents__question::before,
.sevenmax .faq__wrap-contents__question::after{ background-color: #009541;}
.noremax .faq__wrap-contents__question::before,
.noremax .faq__wrap-contents__question::after{ background-color: #008080;}
.faq__wrap-contents__question::before{ width: 80px; height: 80px; background: url(../img/icon_q.svg) no-repeat; background-position: right 14px bottom 16px; top: -40px; left: -40px; border-radius: 40px;}
.faq__wrap-contents__question::after{ width: 24px; height: 24px; background: url(../img/icon_plus.svg) no-repeat center center; top: 12px; right: 16px; border-radius: 50%;}
.faq__wrap-contents__question.is-open::after{ background-image: url(../img/icon_minus.svg);}
.faq__wrap-contents__answer{ margin: 0 16px 16px; padding: 16px 20px 15px 20px; background: #FFFFFF; text-indent: 30px; position: relative; border-radius: 8px;}
.faq__wrap-contents__answer::before{ content: ""; width: 17px; height: 18px; background-repeat: no-repeat; background-position: center; position: absolute; top: 18px; left: 18px;}
.halfmax .faq__wrap-contents__answer::before{ background-image: url(../img/icon_a_halfmax.svg);}
.sevenmax .faq__wrap-contents__answer::before{ background-image: url(../img/icon_a_sevenmax.svg);}
.noremax .faq__wrap-contents__answer::before{ background-image: url(../img/icon_a_noremax.svg);}
.js-accordion-content{ display: none;}
@media print, screen and (min-width: 681px){
  .faq__wrap-contents{ width: 730px; float: right;}
  .faq__wrap-contents__question::after{ top: 15px; right: 22px;}
  .faq__wrap-contents__answer{ margin: 0 22px 22px; padding: 15px 25px 15px 56px; text-indent: 0;}
  .faq__wrap-contents__answer::before{ left: 28px;}

}


/* ------------------------------

セブンマックスバナー追加2025.10.02

------------------------------ */
.sevenmaxBnr{
	padding:0px 16px 20px; 
	max-width: 680px;
	margin: 0 auto;
}
.sevenmaxBnr a{
	display: block;
	color: #fff;
	font-weight: 700;
	position: relative;
	background: #45BC90;
	padding: 18px;
	border: 2px solid #45BC90;
	transition: all .5s;
}
.sevenmaxBnr a:hover{
	background: #fff;
	color: #45BC90;
}
.sevenmaxBnr a::after{
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transform:rotate(45deg);
	transition: all .5s;
}
.sevenmaxBnr a:hover::after{
	border-top: 2px solid #45BC90;
	border-right: 2px solid #45BC90;
}
.sevenmaxBnr a img{
	width:30px;
	background: #fff;
	padding: 3px;
	margin-right: 5px;
	vertical-align: middle;
}
.faq__menu-item__link::after{
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transform:rotate(45deg);
	transition: all .5s;
}
.faq__menu-item__link.halfmax:hover::after{
	border-top: 2px solid #dd0716;
	border-right: 2px solid #dd0716;
}
.faq__menu-item__link.noremax:hover::after{
	border-top: 2px solid #008080;
	border-right: 2px solid #008080;
}
.pagetop .faq__menu-item__link.halfmax{
	pointer-events: none;
}
.pagenoremax .faq__menu-item__link.noremax{
	pointer-events: none;
}
.pagetop .faq__menu-item__link.halfmax::after{
	transform:rotate(135deg);
}
.pagenoremax .faq__menu-item__link.noremax::after{
	transform:rotate(135deg);
}
.faq__menu-item__link img{
	margin-right: 5px;
	vertical-align: middle;
	background: #fff;
	padding: 3px;
	width: 30px;
}

.faq__menu-item__link.noremax img{
	padding: 5px 3px;
}

@media print, screen and (min-width: 681px){
	.faq__menu{
		justify-content: center;
		padding-bottom: 30px;
	}
	.sevenmaxBnr{
		padding-bottom: 40px;
	}
	.sevenmaxBnr a{
		font-size: 19px;
		text-align: center;
	}
	.sevenmaxBnr a::after{
		right: 30px;
	}
	.sevenmaxBnr a img{
		width:50px;
		padding: 5px;
		margin-right: 10px;
	}

	.faq__menu-item__link img{
		width:50px;
		padding: 5px;
		margin-right: 10px;
	}
	.faq__menu-item__link.noremax img{
		padding: 8px 5px;
	}
}