@charset 'utf-8';

/* ----------------------------------------
　step_hosho.css
---------------------------------------- */

article {width: 100%; text-align: left;}
.btn a {display: block; text-decoration: none;}
.bbb a {display: block; text-decoration: none;}
.bbb a:link {color: #ffffff !important;}
.b-btm {border-bottom: 1px solid #e3e3e3;}

/* main
---------------------------------------- */

.main-cnt { font-size: 1.4rem;line-height:1.3;}
.main-cnt h2 {padding: 0.5% 0 0 1.5%;margin:0 0 15px;}
.main-cnt h2:before { content: ""; border-right: 3px solid #e61312; margin-right: 3%;}
.main-cnt h3 { padding-bottom: 4%;}
.main-cnt h3 span { font-size: 2.6rem; margin-right: 2%;}



.arrow { width: 0; height: 0; border: 17px solid transparent; border-top: 17px solid #d4d1d1; margin: 2% auto -2%;}

/*リンク*/
.link-box {padding: 4%;}
.link-box li {border: 1px solid #e3001f; box-shadow: 0 1px 0 0 #dbdbdb; font-size: 1.5rem;}
.link-box .btn {text-align: center; padding: 3%;}
.link-box .btn:first-child {margin-bottom: 4%;}
.link-box dt {color: #ffffff; font-size: 1.5rem;padding: 0 0 1.5%;border-bottom:solid 2px #e3001f;}
.link-box dt:before { content: url("/common2015/img/flow_icon.gif"); margin-right: 1%;}
.link-box dd {font-size: 1.4rem; line-height: 1.3; padding: 4% 0;}
.txt-link {text-align: right; padding: 4% 4% 8%; font-size: 1.4rem;}
.txt-link a {text-decoration: underline;}


/*詳細ページ
---------------------------------------- */

/*コンテンツ詳細*/
	

.main-cnt h3 {padding: 4% 0 1.5%; margin-bottom: 3.75%;}
.main-cnt h3:before { content: url("/common2015/img/flow_icon.gif"); margin-right: 1%;}
.main-cnt h4 {font-size: 1.4rem;background:#eee;padding:0.5em 1em;margin:20px 0 15px;}

.cnt-header .note {margin:15px;text-indent:-2em;padding-left:2em;}

.btm .link-box dd.btn {background:#fff; border: 1px solid #a3a3a3; box-shadow: 0 1px 0 0 #dbdbdb;}


.example .ex-img img {width:100%;}
.example .ex-txt {text-indent:-2em;padding-left:2em;}

.example .btm .link-box dt {background: #2d9aba;color: #fff; font-size: 1.5rem; text-align: center; padding: 3%;margin:0;border-bottom:none;}
.example .btm .link-box:first-child dt {background: #30718f;}
.example .btm .link-box dt:before { content:""; margin-right:0;}
.example .btm .link-box dd.btn a {color: #2d9aba;}
.example .btm .link-box:first-child dd.btn a {color: #30718f;}

.example .btm .link-box p {margin:1em 0 0;text-indent:-2em;padding-left:2em;}

.example .taisyouList,
.example .hosyouList {margin:0 0 1em;}

.example .taisyouList li {display:inline-block;margin:0 21px 0 0;width:219px;}
.example .taisyouList li img {width:100%;}

.outline li h3 {font-size:1.4rem;}

/* For IE8 */
html>/**/body .main-cnt { font-size/***/: 14px\9; }
html>/**/body .outline li h3 { font-size/***/: 14px\9; }
html>/**/body .inquiry .inq-box dl { float/***/: left\9; margin/***/: 0 0.5%\9; }
html>/**/body .inquiry .inq-box { margin-bottom/***/: 20px\9; }
html>/**/body .inquiry .inq-box dl dd img { 	width/***/: 100%\9; }
html>/**/body .inquiry .inq-box dl dd { font-size/***/: 14px\9; }
.inquiry .inq-box:after { content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 1px; overflow: hidden; }


/* ----------------------------------------
　style.css max-width:768px;
---------------------------------------- */

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


	/* main
	---------------------------------------- */

	.main-cnt {background:#e6e6e6;font-size:1.4rem;padding-bottom:3%;}
	.main-cnt h2 {padding: 0.5% 0 0 3%;text-indent:-3%;}
	
	.cnt-ttl {padding: 3.75% 3% 2%;background:#fff;border-bottom:solid 1px #c8c8c8;}
	.cnt-ttl h2 {margin:0;font-size:1.5rem;}
	.main-cnt h3 {  border-bottom: 2px solid #e3001f;font-size:1.5rem;}
	
	.main-cnt section {background:#fff;margin:3%;border:solid 1px #c8c8c8;padding:5%; box-shadow: 0 1px 0 0 #dbdbdb;}
	
	.main-cnt section.cnt-header {margin:0;padding:0;border:none;border-bottom:solid 1px #dedede; box-shadow: none;}



	.cnt-header .title01 {}
	.hosyouList {margin:0 3%;}
	.hosyouList dt {margin:20px 0 13px;}
	.hosyouList ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 1px;
		overflow: hidden;
	}
	.hosyouList li {
		float: left;
		width: 48%;
		margin: 10px 0 10px 4%;
		box-sizing: border-box;
	}
	.hosyouList li:nth-child(2n-1) {
		margin-left: 0;
	}
	.hosyouList li.odd {
		margin-left: 0;
	}
	.cnt-header .title01 img,
	.hosyouList dt img,
	.hosyouList li img{
		width:100%;
		height:auto;
	}
	.cnt-header .title01 span,
	.hosyouList dt span,
	.hosyouList li span{display:none;}

	.uri .hosyouList ul {display:block;padding:0 0 30px;}
	.uri .hosyouList li {width:100%;}
	.uri .hosyouList dd ul li:first-child + li {margin:24px 0 13px;}


	
	.btm .link-box {border:solid 1px #c8c8c8;background:#fff;margin:3%;}
	.btm .link-box dd.btn {text-align:left;padding-right:50px;background:url(/common2015/img/step_hosho/btn_arrow_border.png) right center no-repeat;background-size:50px auto;}
	.btm .link-box dd.btn a {display:block;text-align:center;padding:3% 0 3% 3%;}
	.btm .link-box dd.btn.satei,
	.btm .link-box dd.btn.soudan {padding:1px 1px 1px 1px;display:table;width:100%;}
	.btm .link-box dd.btn.satei a {background:url(/common2015/img/step_hosho/btn_ico_01.gif) left center no-repeat;background-size:contain;height:60px;padding:0 60px 0 70px;display:table-cell;vertical-align:middle;font-weight:bold;}
	.btm .link-box dd.btn.soudan a {background:url(/common2015/img/step_hosho/btn_ico_02.gif) left center no-repeat;background-size:contain;height:60px;padding:0 60px 0 70px;display:table-cell;vertical-align:middle;font-weight:bold;}
	.btm .link-box dd.btn a::after {display:none;}


	.example .ex-txt {margin:1em 0 0;}
	.example .ex-txt02 {display:none;}
	.example .btm .link-box	{padding-left:0;padding-right:0;border:0;margin-left:0;margin-right:0;}
	.example .taisyouList li {margin:0;width:48%;float:right;}
	.example .taisyouList li:first-child {float:left;}

	
	.main-cnt section.outline {background:#e6e6e6;border:none;padding:0; box-shadow: none;}
	.outline ul {background:#fff;border:solid 1px #c8c8c8;padding:5%; box-shadow: 0 1px 0 0 #dbdbdb;}
	.outline > p {margin:0.5em 0 0;text-indent:-1em;padding-left:1em;}
			
	.main-cnt section.inquiry {margin:0;border:solid 10px #c8c8c8; box-shadow: none;padding:3%;}
	.inquiry .copy {width:72%;margin:0 auto 1.5em;}
	.inquiry .copy img {width:100%;}
	.inquiry dt img {display:none;}
	.inquiry dt {border-bottom:solid 1px #ccc;font-size:1.5rem;padding:0 0 0.3em 1em;text-indent:-0.5em;}
	.inquiry dt span{border-left:solid 2px #e37d00;padding:0 0 0 0.5em;color:#4d1f00;}
	.inquiry dd {margin:1em 0 2em;padding:0 0 0 18.2%;background:url(/common2015/img/step_hosho/sp_inquiry_bg02.gif) left top no-repeat;background-size:auto 100%;}
	.inquiry dl:first-child dd {background:url(/common2015/img/step_hosho/sp_inquiry_bg01.gif) left top no-repeat;background-size:auto 100%;}
	.inquiry dl:last-child dd {background:url(/common2015/img/step_hosho/sp_inquiry_bg03.gif) left top no-repeat;background-size:auto 70%;}
	.inquiry dl:last-child dd p {margin:1em 0 0 -20%;text-align:center;}
	.inquiry dl:last-child dd p img {width:78%;}
	
	.dial {border:solid 1px #c8c8c8;background:#fff;margin:3%;padding:4%;}
	.dial dt {text-indent: 100%;white-space: nowrap;overflow: hidden;height:5em;background:url(/common2015/img/step_hosho/sp_dial_01.gif) center top no-repeat;background-size:auto 100%;margin:0 0 1em;}
	.dial dd img {display:none;}

	/* For IE8 */
	html>/**/body footer li { font-size/***/: 13px\9; }

}



/* ----------------------------------------
　style.css max-width:424px;
---------------------------------------- */

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


	/* main
	---------------------------------------- */
	.inquiry dd {padding:0 0 0 20%;background:url(/common2015/img/step_hosho/sp_inquiry_bg02.gif) left top no-repeat;background-size:18.2% auto;}
	.inquiry dl:first-child dd {background:url(/common2015/img/step_hosho/sp_inquiry_bg01.gif) left top no-repeat;background-size:18.2% auto;}
	.inquiry dl:last-child dd {background:url(/common2015/img/step_hosho/sp_inquiry_bg03.gif) left top no-repeat;background-size:18.2% auto;}

	.dial dt {background:url(/common2015/img/step_hosho/sp_dial_01.gif) center top no-repeat;background-size:100% auto;margin:0 0 1em;}

	.hosyouList li {margin-bottom: 0;}
}



/* ----------------------------------------
　style.css min-width:768px;
---------------------------------------- */

@media screen and (min-width: 740px){


	/* main
	---------------------------------------- */

	.main-cnt {margin: 35px 0 0;}
	.cnt-ttl h2 {font-size: 18px; background: none; text-align: left; padding: 4px 0 9px 6px; border-bottom: 1px solid #e3e3e3;}
	.cnt-ttl h2:before {content: ""; border-right: 3px solid #e3001f; margin-right: 17px;}

	/*流れ*/
	.main-cnt h3 {font-size: 20px; padding: 15px 0 10px; border-bottom: 1px solid #e3e3e3;}
	.main-cnt h3 span {font-size: 26px;}
	.arrow {margin: 15px auto 0;}

	/*リンク*/
	.link-box {padding: 40px 0 25px; border-bottom: none;font-size: 16px;}
	.link-box ul {display: table; border-collapse: separate; border-spacing: 19px 0; width: 104%; margin-left: -2%;}
	.link-box li {display: table-cell; width: 50%;}
	.link-box .btn {padding: 20px; font-size: 17px;}
	.btm {display: table; border-collapse: separate; border-spacing: 19px 0; width: 104%; margin-left: -2%;}
	.btm .link-box {width: 43%; padding: 15px; border:1px solid #e3e3e3; display: table-cell;}
	.btm .btn {padding: 7px; font-size: 16px;}
	.btm .link-box .btn a:after {content: url("/common2015/img/step_hosho/arrow_link.gif"); float: right;}
	.btm .link-box dd.btn { background-color: #e3001f;border:none;box-shadow:none;}
	.btm .link-box dd.btn a {color: #fff;}
	.txt-link {font-size: 14px; padding: 20px 0 2px; border-bottom: 1px dashed #898989; display: inline-block; float: right; margin-bottom: 35px;	}
	.txt-link a {text-decoration: none;}


	/* 詳細ページ
	---------------------------------------- */


	/*コンテンツ詳細*/
	.main-cnt h2 {font-size: 18px; padding: 25px 0 10px;}
	.main-cnt .detail {border:none; padding: 0;}

	/* */
	.cnt-header {border:solid 1px #dedede;}
	.cnt-header img, .hosyouList img {width:100%;height:auto;}
	.cnt-header .title01 {width:100%;height:auto;}
	.hosyouList {}
	.hosyouList dt {width:100%;height:auto;margin:13px auto 0;}
	.cnt-header .hosyouList dt {width:96.5%;}
	.hosyouList dd {display:none;}
	.cnt-header .title01 > img,
	.hosyouList dt > img,
	.hosyouList li img{display:none;}
	.uri {padding:0 0 40px;}
	
	.example {
		border:1px solid #e3e3e3;
		padding:20px;
		margin:20px 0 0;
	}
	.example .ex-box {
		position:relative;
		margin:20px 0;
	}		
	.example .ex-img {
		width:47.7%;
		float:right;
	}
	.example .ex-img:first-child {
		border-right:1px solid #e3e3e3;
		padding:0 2.2% 0 0;
		float:left;
	}
	.example .ex-txt {display:none;}
	
	.example .btm { display: table; table-layout: fixed; border-collapse: collapse; width:100%; margin: 20px 0 0; padding: 0;}
	.example .btm .link-box { display: table-cell; position: relative; width: 50%; padding: 0; border: none; }
	.example .btm .link-box:nth-child(2n-1) dl { padding-right: 1%; }
	.example .btm .link-box:nth-child(2n) dl { padding-left: 1%; }
	.example .btm .link-box dl { padding-bottom: 5px; box-sizing: content-box; }
	.example .btm .link-box .btn a:after { content: none; }
	.example .btm .link-box .btn { display: block; width: 99%; position: absolute; bottom: 0; margin: 0 0 0 -50%; padding: 7px 22px 7px 7px; border: solid 1px #ccc; background: #fff url(/common2015/img/arrow_link.gif) no-repeat 98% center; box-sizing: border-box; }
	.example .btm .link-box:nth-child(2n) .btn { margin: 0 0 0 -49%; }
	/* For IE8 */
	html>/**/body .example .btm .link-box dl dd { font-size/***/: 14px\9; }
	html>/**/body .example .btm .link-box.left dl { padding-right/***/: 1%;\9; }
	html>/**/body .example .btm .link-box.right dl { padding-left/***/: 1%;\9 }
	html>/**/body .example .btm .link-box.right .btn { margin/***/: 0 0 0 -49%\9; }

	.outline {
		padding:0 0 0 18px;
	}
	.outline li {
		background:url(/common2015/img/step_hosho/bg_dotline.gif) left bottom no-repeat;
		display:table;
		margin:0 0 25px;
	}
	.outline li h3 {
		display:table-cell;
		width:189px;
		padding:0 0 26px;
	}
	.outline li p {
		display:table-cell;
		width:741px;
		padding:0 0 26px;
	}
	.outline > p {
		padding:0 0 26px 205px;
		text-indent:-1em;
		background:url(/common2015/img/step_hosho/bg_dotline.gif) left bottom no-repeat;
	}
	
	.inquiry .copy {text-align:center;}
	.inquiry .inq-box {display:-webkit-flex;display:flex;justify-content:-webkit-space-between;justify-content:space-between;margin:27px auto 40px;width:95.7%;}
	.inquiry .inq-box dl {width:31.8%;}
	.inquiry .inq-box dl dt span{
		display:none;
	}
	.inquiry .inq-box dl dt img{
		width:100%;
		height:auto;
	}
	.inquiry .inq-box dl dd {padding:1em 0 0;line-height:1.5;}
	.inquiry .inq-box dl dd p {margin:1em 0 0;}
	.inquiry .inq-box dl dd .note {font-size:80%;}
	.inquiry .inq-box dl:last-child dd p {text-align:center;}
	.inquiry .inq-box dl:last-child dd p img {width:90%;}
	
	.dial {border:solid 1px #dedede;display:table;margin:30px 0 0;}
	.dial dt {padding:20px 0 20px 35px;white-space:nowrap;display:table-cell;vertical-align:middle;}
	.dial dd {padding:20px 0 20px 22px;display:table-cell;vertical-align:middle;}
	.dial dd:last-child {padding:20px 35px 20px 25px;display:table-cell;}

	.link-box { position: relative; }
	.link-box dd { margin-bottom: 30px; }
	.link-box dd.btn {position: absolute; width: 91%; margin: 0 0 0 -47%; bottom: 15px; left: 50%;}

}