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



html, body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap:break-word;
	background:#ffffff;
	/*	background-attachment: fixed; 背景を常にそこにおく*/
	font-size:1rem;
	color:#333;
}
*{
  margin:0;
  padding:0;
}
a {	
	color:#333333;
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filteiver: "alpha( opacity=80 )";
}

/*・画像を100%幅にする*/
.img-responsive{
	max-width: 100%;
	height:auto;
}
p{
	padding:0;
	margin:0;
}
.mrgT1{
	margin-top:1em;
}
.mrgT2{
	margin-top:2em;
}
.mrgT3{
	margin-top:3em;
}

.mrgR3{
	margin-right:8em;
}
.alignCTR{
text-align:center;	
}

.main{
	max-width:1000px;
	margin:auto;
}


.logo_area{
	clear:both;
	margin: auto;
	max-width: 920px;
}
.logo_set{
	float:left;
	}
.logo_tel_set{
	float:right;
	}
	

.text-area1{
	border:2px solid #333;
	padding:0.8em;
	font-size:140%;
	margin:1.1em;
}
.text-area1 p{
line-height:1.3em;	
}

.display_set_flex{
	display:flex;
	margin: auto;
	max-width: 920px;
}
.point3{
	border:1px solid #333;
	margin:1em;
	width:33%;
}
.point3 p{
	padding:0.5em;
}
.minogasenai_set{
		max-width:639px;
		margin:auto;
}
.information_set{
	background: #fff url(../img/pc/8_bg.png) repeat;

}

.information_set h2{
	font-size:130%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-family:"ヒラギノゴシック";
	padding: 1.4em 0 0.5em 0;
	margin: 0;
}

.information_img1{
	margin:0 9.3em;
}
.information_img2{
	margin:1em 5em;
}
.information_img3{
	max-width: 300px;
	margin: 0 auto;

}
.pdgLR{
	padding:0 3.8em;
}

.qa_title{
	margin:0.5em;
	}
	
.qa_wrap{
	padding:0 5.1em;
}
.question{
	font-size:150%;
	font-family:"ヒラギノゴシック";
}
.answer{
	font-size:120%;
	margin-left:2em;
	font-family:"ヒラギノゴシック";
}

.list_QA ul {
	list-style:none;
}
.list_QA ul li {
	margin-bottom:8px;
	text-indent:-2.2em;
	padding-left:2.2em;
}

.list_QA ul li img{
margin-bottom:-0.3em;
}

.oogata_set{
  max-width: 465px;
	margin: 0 auto;
padding:2rem 1rem 0.5rem;
}
.kogata_set{
max-width: 715px;
	margin: 0 auto;
padding:2.5rem 0.5rem 0.5rem;
}

.tenjikai_set{
	margin:3em 2.5em 0;
}

.picmedia{
	margin:1em;
	height:auto;
	width:33%;
}
.picmedia p{
	font-size:110%;
}

.picmedia span{
	font-size:120%;
	font-weight:bold;
}
.txtalignL{
	text-align:left;
}
.servise_set{
	margin:3em 10em 0;
}
.servise_wrap p{
	margin:2em 10em 0;
	font-size:110%;
	font-weight:bold;
}
.harutoaki_set{
	margin:3em 5.5em 0;	
	}

/*バナーエリア*/
.maker_bnr_wrap{
display:flex;
justify-content: center;
align-items: center;
	}

/*お申し込みフォーム*/
.form_area .requi_red{
	color:#ff0000;
	}

.form_area p{
	margin:3em 3em 0;
}

.form_tel_size{
font-size:150%;	
font-weight:bold;
	}


/*ヘッダーロゴと電話番号*/
.logoTop_area{
	max-width: 1000px;
	padding: 15px 0 0 0;
	overflow: hidden
}
.logoTop_left{
	float:left;
	width:33%;
	padding:0 0% 0 2%;
}
.logoTop_right{
	float:left;
	width:26%;
	padding:0 1% 0 36%;
}


/* ------------------------------------------------------------
	5. footer
------------------------------------------------------------ */
#footerArea {
	background-color: #333333;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 90%;
	color: #FFF;
}
#footerArea a {
	color:#FFF;
	text-decoration:none;
}
#footerArea a:hover {
	text-decoration:underline;
}
#footerInner {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 10px;
	padding:0 1em 1em 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#footerInner ul {
	width:550px;
	float: left;
}
#footerInner ul li {
	float:left;
	margin-bottom:5px;
}
#footerText {
	float:right;
	text-align:right;
}
#copy {
	color: #FFF;
	text-align: center;
}	
/*---------------
・PC/SP切り替え
---------------*/

/*＜PC用表示＞*/
.ge_PC_Only_logoarea{
	display:block;
	margin-bottom:1em;
}
.ge_SP_Only_logoarea{
	display:none;
	margin-bottom:1em;
}

.ge_PC_Only{
	display:block;
	margin-bottom:3em;
}
.ge_SP_Only{
	display:none;
	margin-bottom:1em;
}

/*＜SP用表示＞*/
@media screen and (max-width: 480px) {
.main{
	max-width:480px;
	margin:auto;
	padding:0.2em;
}
.ge_PC_Only_logoarea{
	display:none;
}
.ge_SP_Only_logoarea{
	display:block;
}
.ge_PC_Only{
	display:none;
}
.ge_SP_Only{
	display:block;
}
.logoTop_left{
	float:left;
	width:37%;
	padding:0 8% 0 0;
}
.logoTop_right{
	float:left;
	width:53%;
	padding:0 0 0 2%;
}

	

/*・画像を100%幅にする*/
.img-responsive_sp{
	width: 70%;
	height:auto;
}
	
.text-area1{
	border:2px solid #333;
	padding:0.5em;
	font-size:100%;
	margin:0.5em;
}
.text-area1 p{
line-height:1.3em;	
}
.text-area2{
	padding:0.5em 0.1em;
	font-size:120%;
	text-align:center;
	font-weight:bold;
}
.information_set{
	background: #fff url(../img/sp/8_bg.png) repeat;
	padding:0.5em;
}
.information_set h2{
	font-size:130%;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.pdgLR{
	padding:1em;
}

.picmedia{
	margin:0.2em 0.5em;
	height:auto;
	width:50%;
}
.picmedia p{
	font-size:100%;
}

.picmedia span{
	font-size:100%;
	font-weight:bold;
}
.tenjikai_set{
	margin:0.1em;
}
.display_set_flex{
	margin-top:1em;
}

.servise_wrap p{
	margin:1em;
}


.qa_wrap{
	padding:0.1em;
	margin:0 0.5em;
}
.question{
	font-size:150%;
}
.answer{
	font-size:120%;
	margin-left:0;
}

.question img{
	width:7%;
}
.answer img{
	width:7%;
}

.list_QA ul {
	list-style:none;
}
.list_QA ul li.question{
	text-indent:-1.2em;
	padding-left:1.2em;
	font-size:100%;
	font-weight:bold;
	}
.list_QA ul.answer{
	font-size:100%;
	}
.list_QA ul.answer li{
	text-indent:-1.5em;
	padding-left:1.5em;
	}

/*.list_QA ul li img{
	margin-bottom:-0.3em;
	margin-right:0.2em;
}

.qa_sp_wrap{
	margin:1em;	
	}*/
	
.qa_title{
	margin:0.2em;
	}


.form_area p{
	margin:1em 1em 0;
}
/*ヘッダーロゴと電話番号*/
.logoTop_area{
	max-width: 1000px;
	padding:0.3em 0;
	overflow: hidden
}
.logoTop_left{
	float:left;
	width:40%;
	padding:1% 10% 0 0;
}
.logoTop_right{
	float:left;
	width:40%;
	padding:0 0 0 10%;
}
}
.freedial_wrap {
display: flex;
align-items: center;
justify-content: flex-end
}
.freedial_wrap .feedial_14{
padding-right: 0.3em;
width: 22px!important;
height: 14px!important;
}

.info-tell .feedial_14{
width: 24px!important;
display: inline-block!important;
}
.form_tel_size.info-tell .ico_feedial{
  max-width: 38px;
  height: auto;
  padding-right: 5px;
  transform: translateY(3px);
  display: inline-block;
}
@media screen and (max-width: 515px) {
  .freedial_wrap {
justify-content: center;
		justify-content: flex-end
}
}