@charset "utf-8";


/* ---------------------------------------------------------------- *
	コンテンツエリアの設定です
 * ---------------------------------------------------------------- */


#container {
	width: 100%;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.contents {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 1240px;
	text-align: center;
}

.contents:after {
	content: "";
	display: block;
	clear: both;
}

.contents p{ margin: 0;padding: 0;}


/* ---------------------------------------------------------------- *
	スペックテーブルの設定です
 * ---------------------------------------------------------------- */

table { margin: 0;border-spacing: 0;border-collapse: collapse;float: left;}
th { padding: 8px;text-align: center;}
tbody tr td { border: 1px solid #CACACA;text-align: left;}
tbody tr th, tbody tr td {padding: 10px;}
tbody tr th { padding: 10px;text-align: center;font-weight: bold;background: #E8EBF2;text-transform: uppercase;border: 1px solid #CACACA;}


/* ---------------------------------------------------------------- *
	カートボタン・スクロールの設定です
 * ---------------------------------------------------------------- */

#lp-cart {
	position: fixed;
	bottom: 150px;
	right: 0;
	font-size: 80%;
	text-indent:-9999px;
	z-index: 1000;
}

#lp-cart a {
	background:url(https://www.eefuton.net/html/user_data/assets/img/skpd_img/lp_cart.png) no-repeat;
	background-position: 50% 0;
	width: 120px;
	height: 120px;
	padding: 38px 0 0 0;
	text-align: center;
	display: block;
}

#lp-cart a:hover {
	background:url(https://www.eefuton.net/html/user_data/assets/img/skpd_img/lp_cart_on.png) no-repeat;
	background-position: 50% 0;
}


/* ---------------------------------------------------------------- *
	Q&Aの設定です
 * ---------------------------------------------------------------- */

section ul {
	width: 94%;
	margin: 0 auto 40px auto;
	padding: 20px;
	background-color: #FFFFFF;
	border-radius: 14px;
	list-style: none;
	display: inline-block;
}

section ul li.q{
	padding-left: 40px;
	margin: 10px 0;
	line-height: 2.8;
	background: url(https://www.eefuton.net/html/user_data/assets/img/skpd_img/question.png) left 0px top 0 no-repeat;
	background-size: 30px auto;
}

section ul li.a{
	padding-left: 40px;
	line-height: 2.8;
	background: url(https://www.eefuton.net/html/user_data/assets/img/skpd_img/answer.png) left 0px top 0 no-repeat;
	background-size: 30px auto;
}

section ul li p{
	line-height: 1.8;
	padding-left: 40px;
	text-align: left;
}

/* FAQアコーディオン */
.faq-accordion-wrap{
  padding-bottom:24px;
}

.faq-accordion{
  max-width:1000px;
  margin:0 40px;
}

/* 各ボックス */
.faq-accordion details{
  margin:0 0 12px;
  background:#fff;
  border:3px solid #CCCCCC;
  border-radius:6px;
  overflow:hidden;
}

/* 質問 */
.faq-accordion summary{
  position:relative;
  display:block;
  margin:0;
  padding:16px 48px 16px 16px;
  font-size:120%;
  font-weight:700;
  line-height:1.7;
  cursor:pointer;
  list-style:none;
}

.faq-accordion summary::-webkit-details-marker{
  display:none;
}

/* ＋アイコン */
.faq-accordion summary::before,
.faq-accordion summary::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:14px;
  height:2px;
  background:#666666;
  transform:translateY(-50%);
  transition:all .25s ease;
}

.faq-accordion summary::after{
  transform:translateY(-50%) rotate(90deg);
}

/* 開いた時（−になる） */
.faq-accordion details[open] summary::after{
  transform:translateY(-50%) rotate(0deg);
}

/* 回答 */
.faq-answer{
  background:#F6F6F6;
  border-top:1px solid #e8ddd1;
}

.faq-answer p{
  margin:0;
  padding:14px 16px 16px;
  font-size:120%;
  text-align: left;
  line-height:1.9;
}
/* スマホ 639px */
@media screen and (max-width:639px){
  .faq-accordion summary{
    padding:14px 42px 14px 14px;
    font-size:14px;
  }

  .faq-accordion summary::before,
  .faq-accordion summary::after{
    right:14px;
    width:12px;
  }

  .faq-answer p{
    padding:12px 14px 14px;
    font-size:13px;
    line-height:1.8;
  }
}


/*-----------------------------------------------------	*/
/*	for 940px - 2480px				*/
/*----------------------------------------------------	*/

@media screen and (min-width: 940px) and (max-width: 2480px) {

.contents {width: 100%; padding: 0 80px;}
.contents p{font-size: 120%;}
.pc_image {margin: 0 auto;}
.sp_image {display: none;}

#image_box {/*親div*/ position: relative;/*相対配置*/}
#image_box .image_text { position: absolute;/*絶対配置*/ color: white;/*文字は白に*/ top: 20%; left: 20%;}
#image_box p { font-size: 140%;}
#image_box img { width: 100%;}

.rppd_subject { font-size: 160%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}
.rppd_subject_cb { font-size: 160%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}
.rppd_subject_bb { font-size: 160%; color:#FFFFFF;font-family: BIZ UDMincho;text-align:center;clear: both; padding: 20px 0;}
.rppd_subject_gothic { font-size: 150%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_subject_gothic_s { font-size: 120%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_topic { font-size: 150%; color:#443333;font-family:-apple-system,F66PrintempsR;text-align: center;}
.rppd_subject_gothic_crt { font-size: 150%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 10px 0; width: 100%;display: inline-block; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.rppd_subject_gothic_crb { font-size: 100%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 20px 20px 20px 0; width: 100%;display: inline-block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}

h2 { font-size: 160%; color:#3a94ae;font-weight: normal;}
h3 { font-size: 160%; color:#f09d4b;font-weight: normal;}
h4 { font-size: 160%; color:#333333;font-weight: normal;}
h5 { font-size: 130%; color:#333333;font-weight: normal;}
h5 .bd_box { font-weight: bold; font-size: 130%;color: #fff;}
h6 { font-size: 130%; color:#333333;font-weight: normal;}
h6 .bd_box { font-weight: bold; font-size: 130%;color: #fff;}

h5 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 30px;padding-left: 240px; position: relative; overflow: hidden;}
h5 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 20px;color: #fff; background: #b89476;}
h6 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 30px; padding-left: 160px; position: relative; overflow: hidden;}
h6 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 20px;color: #fff; background: #9c9f9b;}

.f_mint_s { font-size: 100%;}
.f_mint { font-size: 120%;}
.f_mint_l { font-size: 160%;font-weight: bold;}
.f_orange_s { font-size: 100%;}
.f_orange { font-size: 120%;}
.f_orange_l { font-size: 160%;font-weight: bold;}
.f_black_s { font-size: 100%;}
.f_black { font-size: 120%;}
.f_black_l { font-size: 160%;font-weight: bold;}
.f_red_s { font-size: 100%;}
.f_red { font-size: 120%;}
.f_red_l { font-size: 160%;font-weight: bold;}
.f_blue_s { font-size: 100%;}
.f_blue { font-size: 120%;}
.f_blue_l { font-size: 160%;font-weight: bold;}
.f_brown_s { font-size: 100%;}
.f_brown { font-size: 120%;}
.f_brown_l { font-size: 160%;font-weight: bold;}

.box20 {width: 20%; padding: 0 10px; float: left;display: block;}
.box30 {width: 33%; padding: 5px; float: left;}
.box40 {width: 40%; padding: 0 10px; float: left;}
.box50 {width: 50%; padding: 0 10px; float: left;}
.box60 {width: 60%; padding: 0 10px; float: left;}
.box80 {width: 80%; padding: 10px 20px; margin: 10px 0; float: left; background: #ffffff;}
.box100 {margin: 20px 0; clear: both;padding: 0 25%;}
.txt_box {margin: 10px 0; clear: both; padding: 2% 3%;background: #ffffff; text-align: left;}
.txt_box80 {margin: 20px 0; clear: both; padding: 3%;background: #ffffff; text-align: left;}
.txt_box80bl {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: left;}
.txt_box80iv {margin: 20px 0; clear: both; padding: 3%;background: #f5f0ec; text-align: left;}
.txt_box80gr {margin: 20px 0; clear: both; padding: 3%;background: #f1f1f1; text-align: left;}
.txt_box80pk {margin: 20px 0; clear: both; padding: 3%;background: #fff3ee; text-align: left;display: inline-block;}
.txt_box80mt {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: left;display: inline-block;}
.txt_box80bw {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #FFFFFF, #be830d); text-align: left;display: inline-block;}
.txt_box80or {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #fffcff, #f8dacf); text-align: left;display: inline-block;}

.image_box20 {width: 20%; padding: 0 10px; margin: 10px 0 0 0; float: left;}
.image_box20r {width: 20%; padding: 0 10px; margin: 10px 0 0 0; float: right;}
.image_box40 {width: 40%; padding: 0 20px; margin-bottom: 0px; float: left;}
.image_box50 {width: 50%; padding: 0 10px; margin-bottom: 0px; float: left;}

table { width: 100%;}

/* ** */}


/*-----------------------------------------------------	*/
/*	for - 640px - 939px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 939px) {

.contents {width: 100%; padding: 0 20px;}
.contents p{font-size: 100%;}

#image_box {/*親div*/ position: relative;/*相対配置*/}
#image_box .image_text { position: absolute;/*絶対配置*/ color: white;/*文字は白に*/ top: 15%; left: 10%;}
#image_box p { font-size: 120%;}
#image_box img { width: 100%;}

.rppd_subject { font-size: 160%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}
.rppd_subject_cb { font-size: 160%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}
.rppd_subject_bb { font-size: 160%; color:#FFFFFF;font-family: BIZ UDMincho;text-align:center;clear: both; padding: 20px 0;}
.rppd_subject_gothic { font-size: 150%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_subject_gothic_s { font-size: 120%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_topic { font-size: 150%; color:#443333;font-family:-apple-system,F66PrintempsR;text-align: center;}
.rppd_subject_gothic_crt { font-size: 150%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 10px 0; width: 100%;display: inline-block; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.rppd_subject_gothic_crb { font-size: 100%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 20px 20px 20px 0; width: 100%;display: inline-block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}

h2 { font-size: 140%; color:#3a94ae;font-weight: normal;}
h3 { font-size: 140%; color:#f09d4b;font-weight: normal;}
h4 { font-size: 140%; color:#333333;font-weight: normal;}
h5 { font-size: 130%; color:#333333;font-weight: normal;}
h5 .bd_box { font-weight: bold; font-size: 130%;color: #fff;}
h6 { font-size: 120%; color:#333333;font-weight: normal;}
h6 .bd_box { font-weight: bold; font-size: 130%;color: #fff;}

h5 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 30px;padding-left: 240px; position: relative; overflow: hidden;}
h5 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 20px;color: #fff; background: #b89476;}
h6 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 30px; padding-left: 160px; position: relative; overflow: hidden;}
h6 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 20px;color: #fff; background: #9c9f9b;}

.f_mint_s { font-size: 100%;}
.f_mint { font-size: 120%;}
.f_mint_l { font-size: 140%;font-weight: bold;}
.f_orange_s { font-size: 100%;}
.f_orange { font-size: 120%;}
.f_orange_l { font-size: 140%;font-weight: bold;}
.f_black_s { font-size: 100%;}
.f_black { font-size: 120%;}
.f_black_l { font-size: 140%;font-weight: bold;}
.f_red_s { font-size: 100%;}
.f_red { font-size: 120%;}
.f_red_l { font-size: 140%;font-weight: bold;}
.f_blue_s { font-size: 100%;}
.f_blue { font-size: 120%;}
.f_blue_l { font-size: 140%;font-weight: bold;}
.f_brown_s { font-size: 100%;}
.f_brown { font-size: 120%;}
.f_brown_l { font-size: 140%;font-weight: bold;}

.box20 {width: 20%; padding: 0 10px; float: left;display: block;}
.box30 {width: 50%; padding: 10px 20px; margin: 0; float: left;}
.box40 {width: 40%; padding: 0 10px; float: left;}
.box50 {width: 50%; padding: 0 10px; float: left;}
.box60 {width: 60%; padding: 0 10px; float: left;}
.box80 {width: 70%; padding: 10px 20px; margin: 0; float: left; background: #ffffff;}
.box100 {width: 30%; padding: 0 50px; margin: 10px 100px;}

.txt_box {margin: 10px 0; clear: both; padding: 2% 3%;background: #ffffff; text-align: left;}
.txt_box80 {margin: 20px 0; clear: both; padding: 3%;background: #ffffff; text-align: left;}
.txt_box80bl {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: left;}
.txt_box80iv {margin: 20px 0; clear: both; padding: 3%;background: #f5f0ec; text-align: left;}
.txt_box80gr {margin: 20px 0; clear: both; padding: 3%;background: #f1f1f1; text-align: left;}
.txt_box80pk {margin: 20px 0; clear: both; padding: 3%;background: #fff3ee; text-align: left;display: inline-block;}
.txt_box80mt {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: left;display: inline-block;}
.txt_box80bw {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #FFFFFF, #be830d); text-align: left;display: inline-block;}
.txt_box80or {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #fffcff, #f8dacf); text-align: left;display: inline-block;}

.image_box20 {width: 30%; padding: 0 10px; margin: 0 0 20px 0; float: left;}
.image_box20r {width: 30%; padding: 0 10px; margin: 0 0 20px 0; float: right;}
.image_box40 {width: 40%; padding: 0 20px; margin-bottom: 0px; float: left;}
.image_box50 {width: 48%; padding: 0 20px; margin-bottom: 0px; float: left;}

#lp-cart { position: fixed; bottom: 140px; right: 0; font-size: 80%; text-indent:-9999px; z-index: 1000; }

/* ** */}


/*-----------------------------------------------------	*/
/*	for - 639px				*/
/*-----------------------------------------------------	*/

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

.contents {width: 100%; padding: 0 10px;}
.contents p{font-size: 100%;}

#image_box {/*親div*/ position: relative;/*相対配置*/}
#image_box .image_text { position: absolute;/*絶対配置*/ color: white;/*文字は白に*/ top: 8%; left: 5%;}
#image_box p { font-size: 83%;}
#image_box img { width: 100%;}

.rppd_subject { font-size: 120%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}
.rppd_subject_cb { font-size: 180%; color:#443333;font-family: BIZ UDMincho;text-align:center;clear: both;margin: 50px 0; width: 100%;display: inline-block;}

.rppd_subject_bb { font-size: 120%; color:#FFFFFF;font-family: BIZ UDMincho;text-align:center;clear: both; padding: 20px 0;}
.rppd_subject_gothic { font-size: 120%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_subject_gothic_s { font-size: 110%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; width: 100%;display: inline-block;}
.rppd_topic { font-size: 130%; color:#443333;font-family:-apple-system,F66PrintempsR;text-align: center;}
.rppd_subject_gothic_crt { font-size: 120%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 10px 0; width: 100%;display: inline-block; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.rppd_subject_gothic_crb { font-size: 100%; color:#443333;font-family: BIZ UDゴシック, sans-serif;text-align:center;clear: both;margin: 0; padding: 20px; width: 100%;display: inline-block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}

h2 { font-size: 130%; color:#3a94ae;font-weight: normal;}
h3 { font-size: 130%; color:#f09d4b;font-weight: normal;}
h4 { font-size: 130%; color:#333333;font-weight: normal;}
h5 { font-size: 130%; color:#333333;font-weight: normal;}
h5 .bd_box { font-weight: bold; font-size: 80%;color: #fff;}
h6 { font-size: 130%; color:#333333;font-weight: normal;}
h6 .bd_box { font-weight: bold; font-size: 80%;color: #fff;}

h5 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 10px;padding-left: 120px; position: relative; overflow: hidden;}
h5 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 5px;color: #fff; background: #b89476;}

h6 { line-height: 1.4;text-align:left;clear: both;margin-bottom: 10px; padding-left: 80px; position: relative; overflow: hidden;}
h6 .bd_box { position: absolute; top: 0; left: 0; display: block; padding: 10px 5px;color: #fff; background: #9c9f9b;}

.f_left {text-align: left;}

.f_small {text-align: left;}
.f_small_txt {text-align: left; inline-size: 320px; overflow-wrap: break-word;}

.f_mint_s { font-size: 100%;}
.f_mint { font-size: 120%;}
.f_mint_l { font-size: 120%;font-weight: bold;}
.f_orange_s { font-size: 100%;}
.f_orange { font-size: 120%;}
.f_orange_l { font-size: 120%;font-weight: bold;}
.f_black_s { font-size: 100%;}
.f_black { font-size: 120%;}
.f_black_l { font-size: 120%;font-weight: bold;}
.f_red_s { font-size: 100%;}
.f_red { font-size: 120%;}
.f_red_l { font-size: 120%;font-weight: bold;}
.f_blue_s { font-size: 100%;}
.f_blue { font-size: 120%;}
.f_blue_l { font-size: 120%;font-weight: bold;}
.f_brown_s { font-size: 100%;}
.f_brown { font-size: 120%;}
.f_brown_l { font-size: 120%;font-weight: bold;}

.box20 {width: 20%; padding: 0 10px; float: left;display: block;}
.box30 {width: 80%; padding: 10px 20px; margin: 0 auto;}
.box40 {width: 40%; padding: 0 10px; float: left;}
.box50 {width: 90%; padding: 0 10px; float: left;}
.box60 {width: 98%; padding: 0 10px;}
.box80 {width: 98%; padding: 10px 20px; margin: 0; background: #ffffff;clear: both; text-align: left;}
.box100 {width: 45%; padding: 0 50px; margin: 10px 100px;}

.txt_box {margin: 10px 0; clear: both; padding: 2% 3%;background: #ffffff; text-align: left;}
.txt_box80 {margin: 20px 0; clear: both; padding: 3%;background: #ffffff; text-align: center;}
.txt_box80bl {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: left;}
.txt_box80iv {margin: 20px 0; clear: both; padding: 3%;background: #f5f0ec; text-align: left;}
.txt_box80gr {margin: 20px 0; clear: both; padding: 3%;background: #f1f1f1; text-align: left;}
.txt_box80pk {margin: 20px 0; clear: both; padding: 3%;background: #fff3ee; text-align: center;display: inline-block;}
.txt_box80mt {margin: 20px 0; clear: both; padding: 3%;background: #f0f9fd; text-align: center;display: inline-block;}
.txt_box80bw {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #FFFFFF, #be830d); text-align: left;display: inline-block;}
.txt_box80or {margin: 20px 0; clear: both; padding: 3%;background: linear-gradient(to bottom right, #fffcff, #f8dacf); text-align: center;display: inline-block;}

.image_box20 {width: 50%; padding: 0 10px; margin: 10px auto;}
.image_box20r {width: 50%; padding: 0 10px; margin: 10px auto;}
.image_box40 {width: 98%; padding: 0 10px; margin: 0 auto;}
.image_box50 {width: 98%; padding: 0 20px; margin-bottom: 0px; float: left;}

#lp-cart a:hover {
	background:url(https://www.eefuton.net/html/user_data/assets/img/skpd_img/lp_cart_s_on.png) no-repeat;
	background-position: 50% 0;
}


/* ** */}