@charset "utf-8";
html, body {
	width: 100%;
}
body {
	width: 100%;
	font-size: 16px;
	line-height: 1.8em;
	color: #333333;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Zen Maru Gothic', sans-serif;
	/*min-width: 1060px;*/
	position: relative;
}
/*全体*/
#container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}
.pc_only {
}
.sp_only {
	display: none;
}
/*======================
contents共通
=====================*/
.contents {
	width: 100%;
}
@media screen and (min-width: 960px) {
.inner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (min-width: 641px) and (max-width: 959px) {
.inner {
	width: 90%;
	margin-left: auto;
	margin-right: auto;	
}
}
h2.jp {
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
	font-size: 42px;
	line-height: 120%;
	font-weight: 700;
	display: block;
}
.en {
	font-family: 'Oswald', sans-serif;
	display: block;
	font-size: 24px;
	color: #888;
	letter-spacing: 2px;
}
.center {
	text-align: center;
}
.copy {
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 30px;
}
/*吹き出しベタ*/
.fukidashi {
	position: relative;
	display: inline-block;
	margin: 0em 0% 1.5em 0%;
	padding: 1em;
	font-size: 30px;
	line-height: 140%;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	background-color: #F5A21B;
}
.fukidashi:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #F5A21B;
}

/*======================
ボタン共通
=====================*/
.bt {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*リンク用ボタンベタ　赤*/
.css_btn_class {
	width: 100%;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	background-color: #BA182B;
	color: #fff;
	display: inline-block;
	line-height: 160%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 50px;
	font-weight: 700;
}
.css_btn_class:hover {
	background-color: #E9D13A;
	color: #BA182B;
	opacity: 1.0 !important;
}
/*======================
header
======================*/
#header {
	background-color: #FFF;
	box-shadow: 5px 0px 5px #000000;
	position: relative;
	z-index: 99999;
}
#header .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0px 3%;
}
#header .wrap .logo {
	width: 12%;
	max-width: 100px;
	margin: 5px 5% 0 0;
}

/*======================
#main
======================*/
/*メイン*/
#main {
	width: 100%;
	background-image: url("../images/mv_pc.png");
	background-position: top center;
	background-size: auto 100%;
	height: 650px;
}
/*======================
#sougyo
======================*/
#sougyo {
}
#sougyo .inner {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}
#sougyo .bg_o {
	padding: 5px 5px 6px 10px;
	font-size: 26px;
	font-weight: 700;
	color: #FFF;
	width: 290px;
	margin: 0 auto 10px auto;
	background-color: #F6AB32;
}
#sougyo .c_bk {
	border-bottom: 2px solid #333333;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 26px;
}
#sougyo .c_bk b {
	font-size: 45px;
	padding: 0 5px;
}
#sougyo .c_wh {
	font-size: 30px;
	line-height: 120%;
}
/*======================
#maker
======================*/
#maker {
	padding: 30px 0 50px 0;
}
#maker .crown {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
#maker .maker_wrap {
}
#maker .maker_wrap .center {
	font-weight: 700;
	font-size: 20px;
	margin: 30px auto 15px auto;
}
#maker .maker_wrap .slider {
	width: 100%;
	background-color: #FFF;
}
#maker .maker_wrap .slider .slider_box {
	height: 90px;
}
#maker .maker_wrap .slider .slider_box img {
	width: auto;
	margin: 0 auto;
	height: 100%;
}
#maker .cta {
	width: 90%;
	max-width: 600px;
	margin: 50px auto 0 auto;
}
/*======================
#merit
======================*/
#merit {
	padding: 70px 0 70px 0;
}
#merit .marubeta {
	border-radius: 50px;
	color: #FFF;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 7px;
	width: 50%;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%,0);
}
#merit .merit_bf {
	background-color: #FFF;
	position: relative;
	border: 3px solid #666666;
	padding: 30px 5%;
	width: 80%;
	margin: 0 auto;
}
#merit .merit_bf dl.cus {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#merit .merit_bf dl.cus dt {
	width: 25%;
}
#merit .merit_bf dl.cus dd {
	width: 70%;
	color: #666;
}
#merit .merit_bf dl.cus dd .text {
	font-size: 20px;
}
#merit .merit_bf dl.cus dd .bg_lgr {
	padding: 10px 20px;
	font-size: 24px;
	margin-top: 15px;
	font-weight: 700;
}
#merit .arrow {
	width: 60px;
	margin: 50px auto;
}
#merit .merit_af {
	background-color: #FFF;
	position: relative;
	border: 3px solid #F39800;
	padding: 50px 5% 30px 5%;
	width: 80%;
	margin: 0 auto;
}
#merit .merit_af .merit_wrap {
}
#merit .merit_af .center {
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
}
#merit .merit_af .merit_wrap ul {
	margin: 30px auto; 
}
#merit .merit_af .merit_wrap li {
	font-weight: 700;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	border-bottom: 2px dotted #AAAAAA;
}
#merit .merit_af li.num01 {
	background-image: url(../images/adv_01.png);
	background-size: 40px auto;
	background-position: left center;
}
#merit .merit_af li.num02 {
	background-image: url(../images/adv_02.png);
	background-size: 40px auto;
	background-position: left center;
}
#merit .merit_af li.num03 {
	background-image: url(../images/adv_03.png);
	background-size: 40px auto;
	background-position: left center;
}
#merit .merit_af .merit_wrap li i {
	padding: 0 3px;
	font-style: normal;
	font-size: 30px;
}
#merit .point_wrap {
	background-image: url(../images/adv_point.png);
	background-size: 200px auto;
	background-position: top center;
	padding-top: 50px;
}
#merit .point_wrap .p_tit {
	font-weight: 700;
	font-size: 36px;
	line-height: 120%;
	text-align: center;
}
#merit .point_wrap ul {
	margin-top: 30px;
}
#merit .point_wrap ul li {
	margin-bottom: 30px;
}
#merit .point_wrap ul li:last-child {
	margin-bottom: 15px;
}
#merit .point_wrap .bg_gr {
	color: #FFF;
	font-weight: 700;
	font-size: 20px;
	padding: 10px 10px 10px 60px;
	background-image: url(../images/adv_attention.png);
	background-size: auto 35px;
	background-position: 10px center;
}
#merit .point_wrap .image {
	padding: 30px 30px 0 30px;
}
#merit .point_wrap .text {
	padding: 10px 30px 30px 30px;
}
/*======================
#hikaku
======================*/
#hikaku {
	padding: 0px 0 70px 0;
}
#hikaku .bg_lg {
	padding: 30px 5%;
	width: 80%;
	margin: 0 auto;
}
#hikaku .bg_lg dl.cus {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 85%;
	margin: 0 auto;
}
#hikaku .bg_lg dl.cus dt {
	width: 25%;
}
#hikaku .bg_lg dl.cus dd {
	width: 70%;
	color: #666;
	padding: 10px 0px;
	font-size: 24px;
	line-height: 140%;
	margin-top: 15px;
	font-weight: 700;
}
#hikaku .bg_wh {
	padding: 30px 30px 20px 30px;
	margin-top: 20px;
}
#hikaku .bg_wh .center {
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
}
#hikaku .check {
	border-top: 2px dotted #AAAAAA;
	width: 80%;
	margin: 20px auto 0px auto;
	padding: 15px 0 0px 0px;
}
#hikaku .check li {
	width: 100%;
	background-image: url(../images/check.png);
	background-size: auto 25px;
	background-position: left center;
	padding: 10px 0 10px 35px;
	font-size: 24px;
	line-height: 100%;
	font-weight: 700;
}
#hikaku .flame {
	background-image: url(../images/flame_1.png),url(../images/flame_2.png),url(../images/flame_3.png),url(../images/flame_4.png);
	background-size: 30px auto;
	background-position: left top,right top,left bottom,right bottom;
	width: 70%;
	margin: 50px auto;
}
#hikaku .flame .center {
	padding: 50px 0;
	font-weight: 700;
	font-size: 36px;
	line-height: 120%;
}
#hikaku .arrow {
	width: 120px;
	margin: 50px auto 30px auto;
}
#hikaku .data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 80%;
	margin: 0 auto;
}
#hikaku .data li {
	width: 48%;
	padding-top: 10px;
}
#hikaku .data li img {
	vertical-align: bottom;
}
#hikaku .bg_o .center {
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
}

/*======================
#reason
======================*/
#reason {
	padding: 0px 0 100px 0;
}
#reason ul.reason_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
}
#reason ul.reason_wrap li {
	width: 26%;
	position: relative;
	border: solid 2px #F39800;
	padding: 2%;
}
#reason ul.reason_wrap li::before {
	content: "";
	position: absolute;
	top: -12px;
	bottom: -12px;
	left: -12px;
	right: -12px;
	border: solid 2px #F39800;
	z-index: -1;
}
#reason ul.reason_wrap li .num {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translate(-50%,0);	
	width: 90px;
}
#reason ul.reason_wrap li h3 {
	margin: 40px auto 10px auto;
	text-align: center;
	font-size: 22px;
}
#reason ul.reason_wrap li .ill {
	margin: 30px auto;
}
#reason ul.reason_wrap li .text {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: justify;
	line-height: 160%;
}
/*======================
#case
======================*/
#case {
	padding: 0px 0 100px 0;
	clear: both;
}
#case .jp {
	margin-top: 30px;
	background-image: url(../images/pp_L.png),url(../images/pp_R.png);
	background-size: 100px auto,150px auto;
	background-position: 20% center,80% 40%;
}
#case .case_wrap {
	width: 80%;
	margin: 0 auto;
}
#case .case_wrap dl {
	margin-bottom: 30px;
}
#case .case_wrap dt.case_tit {
	width: 100%;
	height: 80px;
	background-color: #F6AB32;
}
#case .case_wrap dt.case_tit img {
	width: auto;
	height: 100%;
}
#case .case_wrap dd.image {
	width: 70%;
	margin: 30px auto 0 auto;
}
#case .case_wrap dd.c_o {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	padding: 10px 0 20px 0;
}
/*======================
#voice
======================*/
#voice {
	padding: 100px 0 100px 0;
	clear: both;
}
#voice ul.voice_wrap {
}
#voice ul.voice_wrap li {
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 15px;
}
#voice ul.voice_wrap li dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	margin: 0 auto;
}
#voice ul.voice_wrap li dl dt {
	width: 30%;
}
#voice ul.voice_wrap li dl dd {
  width: 65%;
}
#voice ul.voice_wrap li dl dd .fukidashi_L {
	position: relative;
	display: inline-block;
	margin: 0em 0em 0em 0em;
	padding: 15px 15px;
	/*min-width: 450px;*/
	width: 100%;
	color: #F39800;
	font-size: 18px;
	background: #FFF;
	border: solid 3px #F39800;
	box-sizing: border-box;
	border-radius: 15px;
}
#voice ul.voice_wrap li dl dd .fukidashi_L:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
#voice ul.voice_wrap li dl dd .fukidashi_L:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #F39800;
	z-index: 1;
}
#voice ul.voice_wrap li dl dd p {
	margin: 0;
	padding: 0;
	font-weight: 700;
}
#voice ul.voice_wrap li dl dd .c_o {
	padding-bottom: 10px;
}
#voice ul.voice_wrap li dl dd .bg_o {
	color: #FFF;
	padding: 3px 10px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
}
#voice ul.voice_wrap li .text {
	margin-top: 20px;
}

/*======================
#flow
======================*/
#flow {
	padding: 100px 0 100px 0;
	clear: both;
}
#flow table {
}
#flow th {
	width: 15%;
	padding: 0px 0 40px 0;
	background-image: url(../images/flow_line.png);
	background-size: 2px 50%;
	background-position: 50% center;
	background-repeat: repeat-y;
}
#flow th.b_none {
	background-image: none;
}
#flow th img {	
	width: 100%;
	vertical-align: top;
}
#flow td {
	padding: 0px 0 40px 5%;
}
#flow td .f_Oswald {
	color: #F39800;
	font-size: 20px;
}
#flow td h3 {
	font-size: 26px;
	padding: 10px 0;
}
#flow td .text {
}

/*======================
#QA
======================*/
#QA {
	padding: 100px 0 100px 0;
}
#QA .inner {
	padding: 100px auto 100px auto;
}
/*accordion*/
.accordion_area {}
.accordion_area .accordion_one .ac_header {
  background-color: #A4CD56;
  color: #FFF;
  /*border: 2px solid #FFF;*/
  border-bottom: 2px solid #FFF;
  padding: 1rem 3rem 1rem 1rem;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
  font-weight: 700;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {/*+のcss*/
  border-top: 2px solid #FFF;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {/*+のcss*/
  border-left: 2px solid #FFF;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
  
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 1rem 3rem 1rem 1rem;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  background: #fff;
}
/*faq*/
.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
  position: absolute;
  left: 0;
  content: "Q．";
 /* color: #09357f;*/
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 18px;
  font-weight: 700;
  text-align: justify;
}
.p-faq__bodyinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
  position: absolute;
  left: 0;
  content: "A．";
  /*color: #de0000;*/
  color: #A4CD56;
  font-size: 20px;
  font-weight: 700;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 18px;
  /*font-weight: 700;*/
  text-align: justify;
}
/*======================
contact
======================*/
#contact {
	width: 100%;
	padding: 0px 0px 110px 0px;
	background-image: url(../images/com_line.png),url(../images/com_pp.png);
	background-size: auto 15px,auto 90px;
	background-position: left bottom,90% 99.3%;
	background-repeat: repeat-x,no-repeat;
}
#contact div.content {
	display: none !important;
}
/*
#contact .iframe-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
}
#contact .iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
}
*/
#contact .iframe-wrapper {
}
#contact .iframe-wrapper iframe {
	width: 100%;
	height: 1900px;
}
@media screen and (min-width: 641px) and (max-width: 767px) {
#contact .iframe-wrapper iframe {
	height: 1750px;
}
}

/*======================
#com
======================*/
#com {
	padding: 50px 0 50px 0;
}
#com table {
	border-top: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}
#com table th {
	background-color: #FEF3E3;
	padding: 20px;
	border-bottom: 1px dotted #CCC;
	width: 25%;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
}
#com table td {
	background-color: #FFF;
	padding: 20px;
	border-bottom: 1px dotted #CCC;
	font-size: 16px;
	font-weight: 400;
}
/*======================
footer
======================*/
.pagetop {
	text-align: center;
	bottom: 20px;
	right: 20px;
	position: fixed;
	z-index: 99;
}
.pagetop img {
	width: 50px;
}
.cta_btm {
	text-align: center;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%,0);
	position: fixed;
	z-index: 99;
}
.cta_btm img {
	width: 100%;
	max-width: 700px;
}
#footer {
}
#footer .f_logo {
	width: 400px;
	margin: 0px auto 120px auto;
}
#copyright {
	font-size: 10px;
	margin-top: 10px;
	color: #FFF;
	text-align: center;
	background-color: #1F1F1F;
	width: 100%;
}
/*----------------------------------------
送信完了画面
------------------------------------------*/
#thanks {
	width: 90%;
	margin: auto;
	text-align: center;
	position:absolute;
	top:50%;
 	left:50%;
 	transform:translate(-50%,-50%);
}
#thanks dl {
}
#thanks dt {
	font-size: 30px;
	line-height: 140%;
	font-weight: bold;
	margin: 30px auto;
}
#thanks dd p.cap {
	font-size: 18px;
	line-height: 180%;
}
#thanks dd p.cap small {
}
#thanks dd address {
	font-style: normal;
	max-width: 700px;
	width: 90%;
	margin: 30px auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
#thanks .bt {
	margin-top: 50px;
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}
#thanks .bt .css_btn_class_kei {
	width: 100%;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	line-height: 160%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 50px;
	font-weight: bold;
	/*border: 2px solid #888;*/
	background-color: #18965A;
}
#thanks .bt .css_btn_class_kei:hover {
	background-color: #888;
	color: #FFF;
	opacity: 1.0 !important;
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
#thanks dt {
	font-size: 24px;
	margin: auto;
}
#thanks dd p.cap {
	font-size: 14px;
	line-height: 180%;
	margin: 20px auto auto auto;
}
#thanks .bt {
	margin-top: 20px;
	max-width: 200px;
}
#thanks .bt .css_btn_class_kei {
	font-size: 14px;
}
}