@charset "UTF-8";

/* ====================================================== */
/* [当該カテゴリ共通のスタイル] 						  */
/* ====================================================== */

body.faqpage #global_navi{
	display:none;
}

/* マージン制御 										  */
#main-box *.sp-h0{
	padding-left : 0 !important;
	padding-right: 0 !important;
}

/* お問い合わせへの誘導 */
#contact-us div.col2-l {
	width: 56px;
}

#contact-us div.col2-r {
	width: 437px;
}

#contact-us ul.arrow-gray1 {
	margin: 0;
}

#contact-us ul.arrow-gray1 li {
	margin: 0;
	font-size: 100%;
}

#contact-us div.by-mail p {
	margin: 5px 0 0;
	text-align: right;
}

#contact-us div.wrap.single {
	width: 507px;
}


#contact-us table.layout td{
	width:50%;
}

#contact-us table.layout dl{
	margin:0;
}
#contact-us table.layout dl dt{
	display:inline-block;
	vertical-align:top;
	width:60px;
}
#contact-us table.layout dl dd{
	display:inline-block;
	vertical-align:top;
	padding-left:0.4rem;
	margin:0;
	width:360px;
}
#contact-us table.layout dl dd ul.arrow-gray1{
	margin-top:0;
}
#contact-us table.layout dl dd ul.arrow-gray1 li{
	margin-top:0;
	font-size:1rem;
}


@media screen and (max-width:640px){
#contact-us div.wrap {
	width: 100%;
}
	#contact-us table.layout td{
		width:100%;
	}
	#contact-us table.layout dl dt{
		width:20%;
	}
	#contact-us table.layout dl dd{
		width:76%;
	}
body.wide1200 #contact-us div.wrap{
	width:507px;
}

/* お問い合わせへの誘導 */
#contact-us div.col2-l {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:20%;
}

#contact-us div.col2-r {
	display:inline-block;
	vertical-align:top;
	width:78%;
}

#contact-us div.wrap.single {
	width: 100%;
}

}


/* 画面遷移ボタン dmdownload */

#question-contact_us-inquiry div.submit {
	width: 886px;
}

#question-contact_us-inquiry div.submit div.col2-l {
	width: 353px;	
}

#question-contact_us-inquiry div.submit div.col2-r {
	width: 483px;
}

#question-contact_us-inquiry_confirm div.submit {
	width: 886px;
}

#question-contact_us-inquiry_confirm div.submit div.col2-l {
	width: 422px;	
}

#question-contact_us-inquiry_confirm div.submit div.col2-r {
	width: 434px;	
}


/* コールセンターにお問い合わせください 91 114 118 127 ----------------- */

#cc-upper {
	padding: 1px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

#cc-upper div.col2-l {
	width: 169px;
}

#cc-upper div.col2-r {
	width: 329px;
}

#cc-upper div.arrange-c p {
	margin: 5px 0;
}

#cc-lower {
	background: #F5F5F5;
	padding: 1px 15px;
	border-width: 1px;
	border-style: none solid solid;
	border-color: #CCCCCC;
}

span.push{
	padding: 1px 2px 1px 2px;
	background-color: #FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
span.push.num{
	padding: 1px 4px 1px 5px;
}
span.push_b.num{
	padding: 1px 4px 1px 5px;
}





/*questionIndex*/

.questionIndex div.box{
	padding:0 0;
}

.questionIndex div.box h3{
	margin:0 0 0;
	background:linear-gradient(to bottom, rgb(245,245,245,1), #ffffff);
	background-image:none;
	background-color:rgba(245,245,245,0.7);
}
body.questionIndex.no-navi div.half h3{
	background:linear-gradient(to bottom, rgb(245,245,245,1), #ffffff);
	background-image:none;
	background-color:rgba(245,245,245,0.7);
}
	.questionIndex div.box h3 span.inner{
		display:block;
		background:none;
		padding:8px 15px 5px;
		position:relative;
		
	}
	body.questionIndex.no-navi div.half h3 span.inner{
		background:none;		
	}
	
	.questionIndex div.box h3 span.inner:after{
		position:absolute;
		right:0rem;
		top:50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display:block;
		content:"\3e";
		font-family:"jpsmt";
		color:#ce0000;
		z-index:1;
	}
	.questionIndex div.box h3 span.nolink.inner:after{
		content:"";
	}
.questionIndex div.box h3 a{
	position:relative;
	z-index:2;
	display:block;
}

.questionIndex div.box div.wrap{
	padding:0 20px;
}


/* *お電話でのお問い合わせ* */

div.notes.contact_us{
	
	font-size:1.2rem;
	border-radius:3px;
}	
	div.notes.contact_us strong:nth-of-type(1){
		display:block;
		border-bottom:1px dotted #999999;
		margin-bottom:0.4rem;
	}
	div.notes.contact_us strong:nth-of-type(1):before{
		display:inline-block;
		font-family:"jpsmt";
		font-size:1rem;
		margin-right:0.4rem;
		content:"\31";
	}
	
	@media screen and (max-width:640px){
			div.notes.contact_us{
				font-size:1.1rem;
				margin:0 -12px;
				padding:1rem;
			}
	}


.col.contact_us div.col3{
	height:180px;
	width:33%;
	border:5px solid rgba(255,255,255,1);
	border-radius:10px;
	box-sizing:border-box;
	box-shadow: 0px 0px 2px 2px rgba(255,255,255,1) inset;
	padding:15px 20px;
}
	.col.contact_us div.col3:nth-child(1){
		background:rgba(238,64,58,0.1);
	}
	.col.contact_us div.col3:nth-child(2){
		background:rgba(48,73,155,0.1);
	}
	.col.contact_us div.col3:nth-child(3){
		background:rgba(86,185,73,0.1);
	}

.col.contact_us strong{
	display:block;
}
.col.contact_us small{
	display:block;
}
.col.contact_us address{
	font-weight:bold;
	font-size:2rem;
	font-family:Arial, Helvetica, sans-serif;
}
	.col.contact_us address rt{
		font-size:0.8rem;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}
dl.reception{
}
	dl.reception dt{
		display:inline-block;
		vertical-align:top;
	}
	dl.reception dd{
		display:inline-block;
		vertical-align:top;
		margin-left:0.4rem;
	}
	dl.reception dd span{
		display:inline-block;
		margin-left:1.5rem;
		margin-right:0.4rem;
	}

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

/*questionIndex*/

.questionIndex #main-box div.box h3{
	margin:0 0 0;
	padding:0.4rem 0.6rem;
	background:linear-gradient(to bottom, rgb(245,245,245,1), #ffffff);
	background-color:rgba(245,245,245,0.7);
}
.questionIndex div.box h3 span.inner{
	padding:0;
}
	.questionIndex div.box h3 span.inner:after{
		right:-0.6rem;
	}

.questionIndex div.box div.wrap{
	padding:1rem 1rem;
}

/* *お電話でのお問い合わせ* */
.col.contact_us div.col3{
	height:auto;
	width:100%;
}

table.layout.guidance td{
	padding:2px;
}

dl.reception{
	padding:0.5rem;
}
	dl.reception dd span{
		margin-left:0;
		margin-right:0.4rem;
	}
	
}

textarea.dmform{
	width:100%;
}


/* アコーディオン型のQ＆A ----------------- */
					*/
dl.faq {
	margin-top: .5em;
	margin-bottom: .5em;
}

dl.faq dt {

}
dl.faq dd {
	margin-left: 0;
}

dl.faq .faq_q {
	color: #1e4ea6;
	text-decoration: underline;
}
dl.faq .faq_q:hover {
	color: #1e4ea6;
	cursor: pointer;
	text-decoration: underline;
}

dl.faq .faq_q_id {
	color: #333333;
	text-decoration: none;
	width: 45px;
	float: left;
	display: inline;
}
dl.faq .faq_q_id:after {
	content: ") ";
}


dl.faq .faq_a {
	clear: both;
	display: none;
	background-color: #f2f2f2;
	padding: .5em 2em;
	
}

div.colBtns{
	letter-spacing:-0.4rem;
}
	div.colBtns div.col{
		display:inline-block;
		vertical-align:top;
		width:33.3%;
		letter-spacing:normal;
		padding:0.5rem;
		box-sizing:border-box;
		transition:0.5s;
	}
		div.colBtns div.col:hover{
			background:rgba(0,102,204,0.1);
		}
	div.colBtns div.col a{
		display:block;
		padding:1rem;
		text-decoration:none;
		border:2px solid #1E4EA6;
		border-radius:5px;	
		color:rgba(51,51,51,1);
	}
	div.colBtns div.col strong{
		display:block;
		text-align:center;
		font-size:1.1rem;
	}
	div.colBtns div.col em{
		display:block;
		padding:2rem;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
		
	}
		div.colBtns div.col:nth-child(1) em{
			background-image:url(/img/question/ico_faq_01.png);
		}
		div.colBtns div.col:nth-child(2) em{
			background-image:url(/img/question/ico_faq_02.png);
		}
		div.colBtns div.col:nth-child(3) em{
			background-image:url(/img/question/ico_faq_03.png);
		}

		
@media screen and (max-width:640px){
		div.colBtns div.col{
			display:block;
			width:100%;
/* 2列
			width:50%;
*/
			padding:0.4rem;
			font-size:0.85rem;
		}
		div.colBtns div.col a{
			padding:0.6rem;
		}
		div.colBtns div.col strong{
			font-size:1rem;
		}

	div.h-step .col2-l img{
		display:none;
	}
	div.h-step .col2-l:after{
		background:#eff6fc;
		padding:4px;
		border-radius:5px;
		display:inline-block;
		margin-bottom:8px;
	}
	div.h-step.first-step .col2-l:after{
		content:"STEP 1"
	}
	div.h-step.second-step .col2-l:after{
		content:"STEP 2"
	}
	div.h-step.third-step .col2-l:after{
		content:"STEP 3"
	}
	div.h-step.forth-step .col2-l:after{
		content:"STEP 4"
	}
	div.h-step.fifth-step .col2-l:after{
		content:"STEP 5"
	}
	div.h-step.sixth-step .col2-l:after{
		content:"STEP 6"
	}

}




.repletion{
	padding:1rem 0;
	border-top:1px dotted #999966;
}

@media screen and (max-width:640px){
	.repletion br.clear{
		display:none;
	}
	.repletion div.clear{
		display:none;
	}
	.repletion *.sp-b10{
		margin-bottom:0 !important;
	}
}