@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
START：よくある質問QA
--------------------------------------------------*/

/*--------------------------------------
Common style
----------------------------------------*/
body{margin:0;padding:0;text-align:center;color:#333;font-size:16px;line-height:1.6;}
a{color:#c06;}
#mainBox_top{text-align: center;}
#mainBox{text-align: left;line-height: 1.8;}
.txtC{text-align: center;}
.txtB{font-weight: bold;}
.txtL{font-weight: bold;font-size: 130%;}
.txtR{font-weight: bold;color:#ef163a ;}
.borNo{text-decoration: none;color: #333;}
.linkf{text-align: center; border-bottom: 4px solid #efefef; padding:50px 0 10px;margin-bottom: -20px;font-size:20px; }
.linkBoxf{list-style-type: none;padding: 50px 0 0 ;margin:0;display: flex;flex-wrap: wrap;justify-content: space-around;}
.f_bnr{text-align: center; margin:10px 2% 50px;}
.cor_sttl{margin-top: 50px;padding-left: 10px; border-left:6px solid #e73278;line-height: 1.5;}
.cor_sttl:first-child{margin-top: 0;padding-left: 10px; border-left:6px solid #e73278;line-height: 1.5;}

	/*---------- ボタン ----------*/
	.btn01 a {display: flex;justify-content: space-evenly;align-items: center;text-decoration: none;margin: 50px auto;padding: 1em 2em;border-radius: 10px;width: 400px;color: #fff;font-size: 23px;font-weight: 700;background-color: #e73278;transition: 0.3s;}
	.btn01 a::after {content: '';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 14px;border-color: transparent transparent transparent #fff;transition: 0.3s;}
	.btn01 a:hover::after {transform: translateX(5px);}
	
	.btn02 a {display: flex;justify-content: space-evenly;align-items: center;text-decoration: none;margin: 50px auto;padding: 1em 2em;border-radius: 10px;width: 400px;color: #fff;font-size: 23px;font-weight: 700;background-color: #1392d7;transition: 0.3s;}
	.btn02 a::after {content: '';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 14px;border-color: transparent transparent transparent #fff;transition: 0.3s;}
	.btn02 a:hover::after {transform: translateX(5px);}

	



/*--------------------------------------
PC style
----------------------------------------*/
@media print, screen and (min-width:769px){
	/*---------- Common Style ----------*/
	.sp{display:none;}

	/*---------- タイトルまわり ----------*/
	.QAList{min-height:27px;color:#333;font-weight:bold;font-size:1.2rem;text-align:left;padding:12px 0 2px 44px;margin:10px 0 0;background-image:url(/image/common/icon_heart.png), linear-gradient(to bottom, #ccbfaf, #ded4ca);background-repeat:no-repeat,repeat;background-position:1% 50%;background-size:28px auto, auto auto;line-height:1;border-bottom:solid 1px #b3aa8b;box-shadow:0px 2px #ded4ca, 0px -2px #ccbfaf;border-top:solid 1px #b3aa8b;}
	.top_h2{margin:100px 0 -30px;}
	
	/*---------- TOP 画像リンクやボタン ----------*/
	.linkBox{ list-style-type: none;padding: 0;margin:  30px 0 0;display: flex;flex-wrap: wrap;}
	.linkBox li:nth-child(2n){padding: 0 0 30px 30px;}
	.top_bnr{padding: 100px 0;}
	
	
	/*---------- TOP QA項目リンクのみ ----------*/
	.Qbox_top_bo {width: 750px;position: relative;display: flex;padding: 10px 20px;margin: 20px auto 0;background-color: #fdeaf1;border-radius: 10px;align-items: center;font-size: 20px;text-align: left;}
	.Qbox_top_bo span {color: #e73278;font-size: 48px;}
	.Qbox_top_bo p { margin-left: 25px;font-weight: bold;}
	.answer {display: flex;padding: 20px 0;}
	
	.Qbox_top_fa {width: 750px;position: relative;display: flex;padding: 10px 20px;margin: 20px auto 0;background-color: #effafe;border-radius: 10px;align-items: center;font-size: 20px;text-align: left;}
	.Qbox_top_fa span {color: #1392d7;font-size: 48px;}
	.Qbox_top_fa p { margin-left: 25px;font-weight: bold;}
	.Qbox_fa .button {margin: 0 0 0 auto;font-size: 42px;color: #1392d7;}
	

	/*---------- 階層下 ----------*/
	.lev_h2{padding:20px 0 0;}
	.cv01{text-align: center;padding: 40px 0 10px; font-size: 30px; font-weight: bold;}
	.YTmv{text-align: center;margin: 20px auto;}
	.YTmv iframe{border: 1px solid #efefef;}
	video{padding: 0; margin: 0;}
	.wrap{display: flex;justify-content: space-around;}
	.wrap p:last-child{padding: 15px 0 0 20px;}
	

	/*---------- 階層下 アコーディオン ----------*/
	.js-Qbox{padding: 30px 0;}
	.js-Qbox img{padding: 15px 0;}
	.Qbox_bo p,.Qbox_fa p,.Qbox_cor p,.Qbox_otr p {margin-left: 10px;font-weight: bold;}
	.Qbox_bo .button,.Qbox_fa .button,.Qbox_cor .button,.Qbox_otr .button {width: 30px;height: 30px;position: relative;margin: 0 0 0 auto;font-size: 42px;}
	.Qbox_bo .button.is-open:before,.Qbox_fa .button.is-open:before,.Qbox_cor .button.is-open:before,.Qbox_otr .button.is-open:before {display: none;}
	
	.Qbox_bo {width: 940px;background-color: #fdeaf1;position: relative;display: flex;padding: 5px 10px  ;margin: 20px auto 0;align-items: center;border-radius: 10px;font-size: 20px;line-height: 1.3;}
	.Qbox_bo span {color: #e73278;font-size: 48px;}
	.Qbox_bo .button:before {width: 4px;height: 30px;content: "";background: #e73278;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_bo .button:after {width: 30px;height: 4px;background: #e73278;position: absolute;top: 50%;left: 0;content: "";transform: translateY(-2px);}
	
	.Qbox_fa {width: 940px;background-color: #effafe;position: relative;display: flex;padding: 5px 10px  ;margin: 20px auto 0;align-items: center;border-radius: 10px;font-size: 20px;line-height: 1.3;}
	.Qbox_fa span {color: #1392d7;font-size: 48px;}
	.Qbox_fa .button:before {width: 4px;height: 30px;content: "";background: #1392d7;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_fa .button:after {width: 30px;height: 4px;background: #1392d7;position: absolute;top: 50%;left: 0;content: "";transform: translateY(-2px);}
	
	.Qbox_cor,.Qbox_otr {width: 940px;background-color: #fffec7;position: relative;display: flex;padding: 5px 10px  ;margin: 20px auto 0;align-items: center;border-radius: 10px;font-size: 20px;line-height: 1.3;}
	.Qbox_cor span,.Qbox_otr span {color: #f6a519;font-size: 48px;}
	.Qbox_cor .button:before,.Qbox_otr .button:before {width: 4px;height: 30px;content: "";background: #f6a519;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_cor .button:after,.Qbox_otr .button:after {width: 30px;height: 4px;background: #f6a519;position: absolute;top: 50%;left: 0;content: "";transform: translateY(-2px);}
	
	
}




/*--------------------------------------
SP style
----------------------------------------*/
@media screen and (max-width:769px){
	/*---------- Common Style ----------*/
	.pc{display:none;}
	.SpBox{padding: 0 10px;}
	.borNo p{text-decoration: none;color: #333;}
	#mainContainer img{width: 100%;height: auto; margin: 0 auto;}
	
	/*---------- タイトルまわり ----------*/
	.QAList{min-height:27px;color:#333;font-weight:bold;font-size:1.2rem;text-align:left;padding:12px 0 2px 38px;margin:10px 0 0;background-image:url(/image/common/icon_heart.png), linear-gradient(to bottom, #c9c2b5, #dcd5c8);background-repeat:no-repeat,repeat;background-position:2% 50%;background-size:28px auto, auto auto;line-height:1;border-bottom:solid 1px #b3aa8b;box-shadow:0px 2px #ded4ca, 0px -2px #ccbfaf;border-top:solid 1px #b3aa8b;}
	.top_h2{margin:50px 0 -26px;}
	
	/*---------- TOP 画像リンクやボタン ----------*/
	.linkBox{ list-style-type: none;padding: 0;margin:  20px 0 0;}
	.linkBox li{margin-bottom: 5px;}
	.top_bnr{padding: 50px 0;}	
	.btn01 a {width: 80%;font-size: 105%;margin: 30px auto 0;padding: 1em;}
	.btn02 a {width: 80%;font-size: 105%;margin: 30px auto 0;padding: 1em;}
	
	
	/*---------- TOP QA項目リンクのみ ----------*/
	.Qbox_top_bo {width: 96%;max-width: 96%; position: relative;display: flex;padding: 12px 2%;background-color: #fdeaf1;margin: 15px auto 0;text-align: left;border-radius: 10px;align-items: center;line-height: 1.3;}
	.Qbox_top_bo span {color: #e73278;font-size: 40px;}
	.Qbox_top_bo p { margin-left: 5px;font-weight: bold;}
	
	.Qbox_top_fa {width: 96%;max-width: 96%;position: relative;display: flex;padding: 12px 2%;background-color: #effafe;margin: 15px auto 0;text-align: left;border-radius: 10px;align-items: center;line-height: 1.3;}
	.Qbox_top_fa span {color: #1392d7;font-size: 40px;}
	.Qbox_top_fa p { margin-left: 5px;font-weight: bold;}
	.Qbox_fa .button {margin: 0 0 0 auto;font-size: 40px;color: #1392d7;}
	
	
	/*---------- 階層下 ----------*/
	.cv01{text-align: center;padding: 40px 0 10px; font-size: 16px; font-weight: bold;}
	.YTmv {margin: 20px auto;position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden;}
	.YTmv iframe,video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.linkBoxf li{width: 44%;padding:0 1% 2% 0;}
	.linkBoxf li:nth-child(2n){padding-right: 0;}



	/*---------- 階層下 アコーディオン ----------*/
	.js-Qbox img{margin: 15px 0;}
	.answer {display: flex;padding: 20px 0;text-align: left;}
	.Qbox_bo p,.Qbox_fa p,.Qbox_cor p,.Qbox_otr p  {margin:0 10px;font-weight: bold;width:80%;}
	.Qbox_bo .button,.Qbox_fa .button,.Qbox_cor .button,.Qbox_otr .button{width: 30px;height: 30px;position: relative;margin: 0 0 0 auto;}
	.Qbox_bo .button.is-open:before,.Qbox_fa .button.is-open:before,.Qbox_cor .button.is-open:before,.Qbox_otr .button.is-open:before {display: none;}
	
	.Qbox_bo {width: 96%;max-width: 96%;position: relative;display: flex;padding: 12px 2% ;margin: 20px auto 0;background-color: #fdeaf1;border-radius: 10px;align-items: center;line-height: 1.3;}
	.Qbox_bo span {color: #e73278;font-size: 40px;}
	.Qbox_bo .button:before {width: 4px;height: 30px;content: "";background: #e73278;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_bo .button:after {width: 30px;height: 4px;background: #e73278;position: absolute;top: 50%;left: 0;content: "";transform: translateY(-2px);}
	
	.Qbox_fa {width: 96%;max-width: 96%;position: relative;display: flex;padding: 12px 2% ;margin: 20px auto 0;background-color: #effafe;border-radius: 10px;align-items: center;line-height: 1.3;}
	.Qbox_fa span {color: #1392d7;font-size: 40px;}
	.Qbox_fa .button:before {width: 4px;height: 30px;content: "";background: #1392d7;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_fa .button:after {width: 30px;height: 4px;background: #1392d7;position: absolute;top: 50%;left: 0;content: "";transform: translateY(-2px);}

	.Qbox_cor,.Qbox_otr {width: 96%;max-width: 96%;position: relative;display: flex;padding: 12px 2% ;margin: 20px auto 0;background-color: #fffec7;border-radius: 10px;align-items: center;line-height: 1.2;}
	.Qbox_cor span,.Qbox_otr span {color: #f6a519;font-size: 40px;}
	.Qbox_cor .button:before,.Qbox_otr .button:before {width: 4px;height: 30px;content: "";background: #f6a519;position: absolute;top: 0;left: 50%;transform: translateX(-2px);}
	.Qbox_cor .button:after,.Qbox_otr .button:after {width: 30px;height: 4px;content: "";background: #f6a519;position: absolute;top: 50%;left: 0;transform: translateY(-2px);}
	
	
	
}