/* ==========================================================
*
* ご利用案内
*
========================================================== */

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');


/* ---------------------------------------------
*   セクションタイトル
---------------------------------------------*/
h2.basedTtl{
	display: block;
	overflow:hidden;
	font-size:2.2rem;
	line-height:125%;
	color:#ffffff;
	background-color:#002169;
	padding:0.5em 1em;
	margin-bottom:1em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	h2.basedTtl{
		font-size:1.8rem;
	}
}


/* ---------------------------------------------
*   拡大画像（SP)
---------------------------------------------*/
.zoomImg{
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

.zoomImg > img{
	width:100%;
	height:auto;
}

.zoomImg > a{
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.zoomImg > a > img{
	width:40%;
	height:auto;
	position:absolute;
	right:5px;
	bottom:5px;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	.zoomImg{
		width:100%;
	}

	#how .zoomImg > img{
		max-width:100%;
	}
	
	.zoomImg > a{
		display:block;
	}
}


/******************************************
*
ご利用案内 TOP
*
******************************************/

/* ---------------------------------------------
*   メインタイトル
---------------------------------------------*/

#titleBox.bkPict{
	background-color:#f2f2f2;
	background-image:url('../guidance/images/top/titlebg.png');
	/*background-position: 50% 50%;*/
	background-size:cover;
}



/* for Tb --------------------*/
@media screen and (max-width:980px) {
    /**/

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	#titleBox.bkPict{
		background-position: 0% 50%;
	}

}


/* ---------------------------------------------
*   コーナータイトル
---------------------------------------------*/

#guidanceIndex{
    display:block;
    overflow:hidden;
    width:100%;
    padding:30px 0 30px;
}


/* ---------------------------------------------
*   コンテンツリスト
---------------------------------------------*/

#guidanceIndex ul{
	display:block;
	/*overflow:hidden;*/
}

#guidanceIndex ul > li{
	display:block;
	/*overflow:hidden;*/
	width:25%;
	float:left;
	padding:0 15px;
}

#guidanceIndex ul > li > .listBox{
	display:block;
	overflow:hidden;
	width:100%;
	/*max-width:300px;*/
	/*min-height:450px;*/
	position:relative;
	margin-bottom:10px;
	/*border:1px solid #cccccc;*/

	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#guidanceIndex ul > li > .listBox > a{
	display:block;
	overflow:hidden;
	text-decoration:none;
}

#guidanceIndex ul > li > .listBox > a > .innerFrame::after{
	display: block;
	font-family: 'ycota_ift';
    content: "\e917";
    color: #eb7730;
    font-weight: normal;
    margin-top:1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

#guidanceIndex ul > li > .listBox > a:hover > .innerFrame::after{
    margin-left: 1.0em;
    margin-right: 0.0em;
}


#guidanceIndex ul > li > .listBox .innerFrame{
	display:block;
	overflow:hidden;
	padding:20px;	
}

#guidanceIndex ul > li > .listBox h3{
	font-size:1.8rem;
	font-weight:bold;
	line-height:125%;
	margin-bottom:20px;
}

#guidanceIndex ul > li > .listBox p{
	line-height:155%;
	font-size:1.6rem;
}

.headerImg > img{
	width:100%;
	height:auto;
}

#guidanceIndex ul > li .iconImg{
	display:none;
}


/* for Tb -------------------- */
@media screen and (max-width:980px) {

	#guidanceIndex ul > li{
		width:50%;
	}

	
	#guidanceIndex ul > li > .listBox{
		max-width:100%;
	}

}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#guidanceIndex{
	    display:block;
	    overflow:hidden;
	    width:100%;
	    padding:0 0 0;
	}


	#guidanceIndex ul > li{
		display:block;
		width:100%;
		padding:5px;
		float:none;
	}

	#guidanceIndex ul > li > .listBox > a > .headerImg{
		display:none;
	}

	#guidanceIndex ul > li > .listBox .innerFrame{
		padding:10px;	
	}


	#guidanceIndex h3{
		font-size:1.6rem;
	}

	#guidanceIndex ul > li > .listBox p{
		font-size:1.4rem;
	}

	#guidanceIndex ul > li .iconImg{
		display:block;
		width:30%;
		float:left;
		padding-right:10px;
	}

	#guidanceIndex ul > li .iconImg > img{
		width:100%;
		height:auto;
	}

}



/* ---------------------------------------------
*   Q&Aリスト
---------------------------------------------*/
dl.qaList{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
}

dl.qaList dt{
	clear:both;
	display:block;
	/*overflow:hidden;*/
	width:1.0em;
	line-height:125%;
	font-size:1.5em;
	font-weight:bold;
	float:left;
	color:#1b2359;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height:100%;
}

dl.qaList dd{
	display:block;
	overflow:hidden;
	width:calc(100% - 2.5em);
	margin-bottom:0.5em;
	float:left;
	line-height:155%;

}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	dl.qaList{
		display:block;
		overflow:hidden;
		font-size:1.4rem;
	}

}


/******************************************
*
ご利用のステップ
*
******************************************/
#step{
	font-size:1.6rem;
	line-height:125%;
}

#step > h2{
	font-size:2.6rem;
	line-height: 125%;
}

#step > p{
	padding:1em;
	line-height:155%;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#step > h2{
		font-size:1.8rem;
	}

}


/* ---------------------------------------------
*   ステップリスト
---------------------------------------------*/
#stepBer{
	display:block;
	overflow:hidden;
	width:100%;
	max-width:978px;
	margin:50px auto;
	text-align:center;
}

#stepBer img{
	width:100%;
	height:auto;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#stepBer{
		width:auto;
		margin:25px auto;
	}

}




/* ---------------------------------------------
*   本文
---------------------------------------------*/
#stepContent ul{
	display:block;
	overflow:hidden;
	margin:60px 0 30px;
}

#stepContent ul > li{
	clear:both;
	display:block;
	overflow:hidden;
	padding:40px 0;
}

#stepContent ul > li .stepImg{
	display:block;
	overflow:hidden;
	width:calc(100% - 500px);
	max-width:400px;
	float:right;
}

.stepImg > img{
	width: 100%;
	height:auto;
}

#stepContent ul > li > a.arrow-link{
	float:left;
	font-weight:bold;
	font-size:1.6rem;
	margin-top:1em;
}


.eachStaps{
	display:block;
	overflow:hidden;
	/*width:calc(100% - 410px);*/
	width:100%;
	max-width:500px;
	float:left;
}

.eachStaps > h3{
	display:block;
	font-size:1.8rem;
	color:#002169;
	padding-bottom:0.75em;
	margin-bottom:0.75em;
	border-bottom: 1px solid #cccccc;
}


.eachStaps > p{
	line-height:155%;
}



/* for Sp --------------------*/
@media screen and (max-width: 980px) {
/*@media screen and (max-width: 750px) {*/

	#stepContent ul{
		margin:30px 0 30px;
	}

	#stepContent ul > li{
		padding:10px 0;
	}

	#stepContent ul > li .stepImg{
		width:100%;
		max-width:100%;
		float:none;
		margin:20px 0;
	}

	#stepContent ul > li > a.arrow-link{
		display:block;
		float:none;
		font-size:1.6rem;
		margin:1em 0;
		border:1px solid #cccccc;
		text-align:center;
		padding: 1em;
	}

	.eachStaps{
		width:100%;
		max-width:100%;
		float:none;
	}

}



/******************************************
*
よくあるご質問
*
******************************************/
#faqContent{
	font-size:1.6rem;
	line-height:125%;
}

#faqContent > p{
	padding-bottom:1em;
	line-height:155%;
}

dl.faqList{
	display:block;
	overflow:hidden;
	margin:2em 0;
}

dl.faqList > dt{
	display:block;
	/*overflow:hidden;*/
	font-size:2.0rem;
	font-weight:bold;
	line-height:125%;
	color:#012169;

	text-indent:-1.5em;
	margin-left:1.5em;
}

dl.faqList > dt > div.ancarSection > span{
	color:#ec7731;
	margin-right:0.5em;
	font-family: 'Ubuntu Condensed', sans-serif;
}

dl.faqList > dd{
	display:block;
	overflow:hidden;
	padding:30px 0 50px;
	border-bottom: 1px solid #cccccc;
	margin-bottom:50px;
	line-height:155%;
}

dl.faqList > dd > ul{
	margin-top:1em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	dl.faqList > dt{
		font-size:1.6rem;
	}

	dl.faqList > dd{
		padding:25px 0 25px;
		margin-bottom:25px;
	}
		
}


/* ---------------------------------------------
*   表組
---------------------------------------------*/

.imgcopy{
	display:none;
	font-size:1.2rem;
	margin-top:30px;
}

.scrollTable{
	display:block;
	overflow:hidden;
	padding:0 5px;
}

#faqContent table{
	width:100%;
	margin-top:30px;
}

#faqContent table > caption{
	font-weight:bold;
	font-size:1.6rem;
}

#faqContent table > thead th{
	text-align:center;
	font-weight:bold;
	font-size:1.6rem;
	padding:0.5em 1em;
	white-space:nowrap;
}

#faqContent table > tbody th,
#faqContent table > tbody td{
	padding:0.5em 1em;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	white-space:nowrap;
	border:1px solid #cccccc;
}

#faqContent table > tbody th{
	color:#ffffff;
	background-color:#012169;
}

#faqContent table td > small{
	font-size:0.8em;
	font-weight: normal;
}

#faqContent table > tbody > tr:nth-child(6) > th,
#faqContent table > tbody > tr:nth-child(7) > th{
	background-color:#344b81;
}

#faqContent table td[rowspan="7"]{
	font-size:2.0rem;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	.imgcopy{
		display:block;
	}

	#faqContent table{
		margin-top:0;
	}

	#faqContent table > thead th{
		font-size:1.4rem;
	}

	#faqContent table > tbody th,
	#faqContent table > tbody td{
		font-size:1.4rem;
	}

	.scrollTable{
		overflow-x:auto;
	}

}




/******************************************
*
ヤマシタが選ばれる理由
*
******************************************/
#strengthBody{
	font-size:1.6rem;
	line-height:125%;
}

#strengthBody p{
	padding-bottom:1em;
	line-height:155%;
}


#strengthBody > section{
	clear:both;
	display:block;
	overflow:hidden;
	/*margin-bottom:100px;*/
}

#strengthBody h2.lined{
	display:block;
	text-align:center;
	line-height:155%;
	margin: 0 0;
	padding: 30px 0;
}

#strengthBody h2.lined > span::after {
    margin: 0.5em auto;
}

#strengthBody h2.lined small{
	font-size:1.6rem;
}

.articleBox{
	clear:both;
	display:block;
	overflow:hidden;
	position:relative;
}

.articleBox > p{
	line-height:155%;
}

.innerImg{
	display:block;
	overflow:hidden;
}

.innerImg img{
	width:100%;
	height:auto
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#strengthBody h2.lined{
		font-size:1.8rem;
	}

}

/* ---------------------------------------------
*   メディア（選ばれる理由用）
---------------------------------------------*/
.media__img-wrapper--strength {
  flex: 0 1 40%;
}

.media__img--strength {
  height: auto;
}

.media__title--strength {
  font-size: 2.0rem;
  line-height: 155%;
  margin-bottom: 30px;
}

.media__text--strength {
  line-height: 155%;
}

@media screen and (max-width:768px) {
  .media__img-wrapper--strength {
    padding: 0 20%;
  }

	.media__title--strength {
		font-size: 1.6rem;
	}
}

/* ---------------------------------------------
*   ページ内リンク
---------------------------------------------*/
ul.innerLinks{
	display: flex;
    display: -webkit-flex;
    width: 100%;
	margin: 40px 0 30px 0;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow:hidden;
}

ul.innerLinks::after{
    content: '';
    width: 33%;
}

ul.innerLinks li{
	width:33%;
	margin-bottom:0.5em;
	padding:0.5em 1em;
	border-left:1px solid #cccccc;
	letter-spacing:normal;
}

ul.innerLinks li:nth-child(3n){
	border-right:1px solid #cccccc;
}


ul.innerLinks li a{
	display:block;
	overflow:hidden;
	/*text-align: center;*/
	font-weight:bold;
	text-decoration:none;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

ul.innerLinks li a::before{
	font-family: 'ycota_ift';
    content: "\e911";
    font-size: 0.8em;
    margin-right: 0.5em;
    color: #EA7600;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	ul.innerLinks{
		margin: 25px 0 15px 0;
	}
    
    ul.innerLinks::after{
        content: '';
        width: 100%;
    }

	ul.innerLinks li{
		width: 100%;
        padding:0.5em;
        border-right:1px solid #cccccc;
    }
}


/* ---------------------------------------------
*   よくあるお悩み
---------------------------------------------*/
#strengthBody #s01{
	padding-bottom:60px;
}

#strengthBody #s01 h3{
	font-size:2.0rem;
	line-height:125%;
	margin:40px 0;
	color: #002169;
}

#strengthBody #s01 strong{
	color: #ec7731;
}

#strengthBody #s01 .innerImg{
	width:calc(100% - 510px);
	max-width:400px;
	height: auto;
	/*max-height: 249px;*/
	min-height:192px;
}

#strengthBody #s01 .articleInner{
	display:block;
	overflow:hidden;
	width:510px;
	padding-left:10px;
    position:absolute;
    top:0;
}


#strengthBody #s01 .articleBox:nth-child(2){
	margin-bottom:60px;
}
#strengthBody #s01 .articleBox:nth-child(2) .articleInner{
    right:0;
}
#strengthBody #s01 .articleBox:nth-child(2) .innerImg{
	float:left;
}

#strengthBody #s01 .articleBox:nth-child(3) .articleInner{
    left:0;
}
#strengthBody #s01 .articleBox:nth-child(3) .innerImg{
	float:right;
}


/* for Tb --------------------*/
@media screen and (max-width: 980px) {

}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	/*#strengthBody #s01{
		padding-bottom:30px;
	}*/

	#strengthBody #s01 h3{
		font-size:1.6rem;
		margin:40px 0 1em;
	}

	#strengthBody #s01 .innerImg{
		display:block;
		overflow:hidden;
		width:100%;
		min-width:100%;
		height:auto;
		margin:0 auto;
		padding:0 10%;
	}

	#strengthBody #s01 .articleInner{
		width:100%;
	    position:relative;
	    top:auto;
		padding-left:0;
	}

	#strengthBody #s01 .articleBox:nth-child(2){
		margin-bottom:0;
	}
			
}


/* ---------------------------------------------
*   3つの強み
---------------------------------------------*/
#strengthBody #s02{
	padding-bottom:60px;
}

#ttl02{
	display:block;
	overflow:hidden;
	width:100%;
	height:420px;
	position:relative;
	background:url('../guidance/images/strength/imgbase.png') no-repeat 50% 50%;
	background-size:cover;
}

#strengthBody #s02 h2.lined{
	width:100%;
	color:#ffffff;
	margin:0;
	position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	#strengthBody #s02{
		padding-bottom:0;
	}

	#ttl02{
		height:auto;
		padding: 25px 10px;
	}
	
	#strengthBody #s02 h2.lined{
		font-size:1.6rem;
		position:relative;
		top:auto;
		left:auto;
		-webkit-transform:none;
		transform:none;
	}

}


/* ---------------------------------------------
*   3つの強み　トピックリンク
---------------------------------------------*/
#topicLinks ul{
	display:block;
	overflow:hidden;
	margin:20px 0 60px;
}

#topicLinks ul > li{
	display:block;
	overflow:hidden;
	padding:5px;
	width:33%;
	float:left;
}

#topicLinks ul > li > .articleInner{
	display:block;
	overflow:hidden;
	height:100%;
	padding:20px;
	background-color:#ffffff;
	/*border:1px solid #cccccc;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#topicLinks ul > li > .articleInner > h3{
	font-size: 3.6rem;
	font-weight:normal;
	line-height:125%;
}

#topicLinks ul > li > .articleInner > p{
	font-size:1.6rem;
	line-height:200%;
	font-weight:bold;
	color: #002169;
	margin:30px 0 30px;
}

#topicLinks ul > li > .articleInner > p:after{
	display: block;
    overflow: hidden;
    content: "";
    width: 2.5em;
    margin-top: 1.0em;
    border-bottom: 2px solid #eb7730;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	#topicLinks ul{
		margin:20px 0 30px;
	}

	#topicLinks ul > li{
		display:block;
		overflow:hidden;
		padding:5px;
		width:100%;
		float:none;
	}

	#topicLinks ul > li > .articleInner > h3{
		font-size: 3.0rem;
		float:right;
		margin-left:10px;
	}

	#topicLinks ul > li > .articleInner > p{
		margin:0;
	}

	#topicLinks ul > li > .articleInner > a{
		float:right;
	}
	
}

/* ---------------------------------------------
*   3つの強み　トピック
---------------------------------------------*/
#strengthBody #s02 dl{
	display:block;
	overflow:hidden;
}


#strengthBody #s02 dl > dt{
	font-size:4.8rem;
	line-height: 125%;
	clear:both;
}

#strengthBody #s02 dl > dd{
	display:block;
	position:relative;
	/*min-height:300px;*/
}

#strengthBody #s02 dl > dd h4{
	display:block;
	width:530px;
	padding-left:10px;
	margin-bottom:1em;
	font-size:2.0rem;
	line-height:155%;
	color: #002169;
	float:right;
}

#strengthBody #s02 dl > dd p,
#strengthBody #s02 dl > dd ul{
	display:block;
	width:530px;
	padding-left:10px;
	float:right;
}

#strengthBody #s02 dl > dd .innerImg{
	width:calc(100% - 530px);
	max-width:400px;
	position:absolute;
	top:0;
	left:0;
}

#strengthBody #s02 dl > dt:nth-child(3){
	text-align:right;
	/*margin-top:40px;*/
}

#strengthBody #s02 dl > dd:nth-child(4){
	/*margin-bottom:40px;*/
}
#strengthBody #s02 dl > dd:nth-child(4) .innerImg{
	left:auto;
	right:0;
}
#strengthBody #s02 dl > dd:nth-child(4) h4,
#strengthBody #s02 dl > dd:nth-child(4) p{
	float:left;
	padding-left:0;
	padding-right:10px;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#strengthBody #s02 dl > dt{
		font-size:3.2rem;
	}

	#strengthBody #s02 dl > dd{
		min-height:auto;
		margin-bottom:30px;
	}

	#strengthBody #s02 dl > dd h4{
		width:100%;
		font-size:1.6rem;
		float:none;
		padding-left:0;

	}

	#strengthBody #s02 dl > dd p,
	#strengthBody #s02 dl > dd ul{
		width:100%;
		float:none;
		padding-left:0;
		padding-right:0;
	}

	#strengthBody #s02 dl > dd .innerImg{
		width:100%;
		max-width:100%;
		position:relative;
		top:auto;
		left:auto;
		margin:10px 0;
	}

	#strengthBody #s02 dl > dt:nth-child(3){
		text-align:left;
	}

	#strengthBody #s02 dl > dd:nth-child(4){
		margin-bottom:10px;
	}
	#strengthBody #s02 dl > dd:nth-child(4) .innerImg{
		left:auto;
		right:auto;
	}
	#strengthBody #s02 dl > dd:nth-child(4) h4,
	#strengthBody #s02 dl > dd:nth-child(4) p{
		float:none;
	}
	
	
}

/* ---------------------------------------------
*   他社との比較
---------------------------------------------*/
#strengthBody #s03{
	display:block;
	overflow:hidden;
	background-color:#f1f1f1;
	padding:60px 10px 60px;
}

#strengthBody #s03 h2.lined{
	/*margin: 0 0 60px;*/
}

#strengthBody #s03 .innerImg{
	display:block;
	overflow:hidden;
	width:100%;
	max-width: 900px;
	margin:10px auto 10px;
}


#strengthBody #s03 p{
	width:100%;
	max-width: 900px;
	margin:0 auto 60px;
	padding-left:1em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#strengthBody #s03{
		padding:10px 10px 20px;
	}

	#strengthBody #s03 h2.lined{
		margin: 0 0 30px;
	}

	#strengthBody #s03 .innerImg{
		width: 100%;
		margin:10px auto 10px;
	}

	#strengthBody #s03 p{
		width: 100%;
		margin:0 auto;
	}

}

/* ---------------------------------------------
*   他社との比較
---------------------------------------------*/
#strengthBody #s04{
	display:block;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:60px;
}

#strengthBody #s04 .articleBox{
	clear:both;
	width:100%;
	max-width:730px;
	overflow:hidden;
	margin:0 auto 50px;
	position:relative;
	min-height:240px;
}

#strengthBody #s04 .articleBox h4{
	display:block;
	overflow:hidden;
	width:370px;
	font-size:2.0rem;
	line-height:155%;
	margin-bottom:30px;
}

#strengthBody #s04 .articleBox p{
	display:block;
	overflow:hidden;
	width:370px;
}

#strengthBody #s04 .innerImg{
	display:block;
	overflow:hidden;
	width:calc(100% - 370px);
	max-width: 322px;
	position:absolute;
	top:0;
	right:0;
}

#strengthBody #s04 .articleBox.sideR h4,
#strengthBody #s04 .articleBox.sideR p{
	float:right;
}
#strengthBody #s04 .articleBox.sideR .innerImg{
	right:auto;
	left:0;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	
	#strengthBody #s04{
		padding-top:30px;
		padding-bottom:0;
	}

	#strengthBody #s04 .articleBox{
		width:100%;
		margin:0 auto 30px;
		min-height:100%;
	}

	#strengthBody #s04 .articleBox h4{
		width:100%;
		font-size:1.6rem;
		line-height:155%;
		margin-bottom:1em;
	}

	#strengthBody #s04 .articleBox p{
		width:100%;
	}

	#strengthBody #s04 .innerImg{
		width:100%;
		position:relative;
		top:auto;
		right:auto;
		padding:0 15%;
		margin-bottom: 1em;
	}

	#strengthBody #s04 .articleBox.sideR h4,
	#strengthBody #s04 .articleBox.sideR p{
		float:none;
	}
	#strengthBody #s04 .articleBox.sideR .innerImg{
		left:auto;
	}
}

/* ---------------------------------------------
*   業界への貢献
---------------------------------------------*/
#strengthBody #s05{
	display:block;
	overflow:hidden;
	background-color:#f1f1f1;
	padding:60px 10px 60px;
}

#strengthBody #s05 h2.lined{
	/*margin: 0 0 60px;*/
}

#strengthBody #s05 .articleBox{
	clear:both;
	width:100%;
	max-width:900px;
	overflow:hidden;
	margin:0 auto 50px;
	padding:0 10px;
	position:relative;
}

#strengthBody #s05 .articleBox h4{
	display:block;
	overflow:hidden;
	width:510px;
	font-size:2.0rem;
	line-height:155%;
	margin-bottom:30px;
	float:right;
	padding-left:10px;
}

#strengthBody #s05 .articleBox p{
	display:block;
	overflow:hidden;
	width:510px;
	float:right;
	padding-left:10px;
}

#strengthBody #s05 .innerImg{
	display:block;
	overflow:hidden;
	width:calc(100% - 520px);
	max-width:360px;
	position:absolute;
	top:0;
	left:0;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#strengthBody #s05{
		padding:0 10px 0;
	}

	
	#strengthBody #s05 h2.lined{
		margin:0 0 0;
	}

	#strengthBody #s05 .articleBox{
		width:100%;
		overflow:hidden;
		margin:0 auto 30px;
	}

	#strengthBody #s05 .articleBox h4{
		width:100%;
		font-size:1.6rem;
		line-height:155%;
		margin-bottom:1em;
		float:none;
		padding-left:0;
	}

	#strengthBody #s05 .articleBox p{
		width:100%;
		float:none;
		padding-left:0;
	}

	#strengthBody #s05 .innerImg{
		width:100%;
		position:relative;
		top:auto;
		left:auto;
		padding:0 20%;
		margin-bottom:1em;
	}
	
}

/* ---------------------------------------------
*   徹底した衛生管理
---------------------------------------------*/
.strength__s06 {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width:768px) {
  .strength__s06 {
    padding-left: 0;
    padding-right: 0;
  }
}

/******************************************
*
ご利用者の声
*
******************************************/
#voice{
	font-size:1.6rem;
	line-height:125%;
}

#voice > p{
	padding-bottom:1em;
	line-height:155%;
}

#graphPict{
	display:block;
	overflow:hidden;
	text-align:center;
	margin:60px 0;
}
#graphPict > img{
	width:100%;
	max-width:602px;
	height:auto;
}


/* for Tb --------------------*/
@media screen and (max-width:980px) {
    /**/

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	#graphPict{
		margin:30px 0;
	}

}

/* ---------------------------------------------
*   トピックリンク
---------------------------------------------*/
#caseLinks ul{
	display:block;
	overflow:hidden;
	margin:20px 0 100px;
}

#caseLinks ul > li{
	display:block;
	overflow:hidden;
	padding:5px;
	width:33%;
	float:left;
}


#caseLinks ul > li > h3{
	font-size: 2.8rem;
	font-weight:normal;
	line-height:125%;
	text-align:right;
	margin-bottom:10px;
}

#caseLinks ul > li > .articleInner{
	display:block;
	overflow:hidden;
	height:100%;
	min-height:460px;
	background-color:#ffffff;
	/*border:1px solid #cccccc;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    position:relative;
    padding-bottom:60px;
}

#caseLinks ul > li > .articleInner > .innerImg{
	display:block;
	overflow:hidden;
}

#caseLinks ul > li > .articleInner > .innerImg > h3{
	display:none;
}

#caseLinks ul > li > .articleInner > .innerImg > img{
	width:100%;
	height:auto;
}


#caseLinks ul > li > .articleInner > h4{
	/*font-size:1.4rem;*/
	line-height:155%;
	font-weight:bold;
	padding:20px;
}

#caseLinks ul > li > .articleInner > h4:after{
	display: block;
    overflow: hidden;
    content: "";
    width: 2.5em;
    margin-top: 1.0em;
    border-bottom: 2px solid #eb7730;
}

#caseLinks ul > li > .articleInner > h4 > small{
	font-size:1.4rem;
	color:#002169;
}

#caseLinks ul > li > .articleInner > p{
	/*font-size:1.2rem;*/
	line-height:155%;
	padding:0 20px 0;
}

#caseLinks ul > li > .articleInner > a{
	display:block;
	padding:20px 20px;
	font-weight:bold;
	position:absolute;
	bottom: 0;
	left:0;
}


/* for Tb --------------------*/
@media screen and (max-width: 980px) {
/* for Sp --------------------
@media screen and (max-width: 750px) {*/
	#caseLinks ul{
		margin:20px 0 60px;
	}

	#caseLinks ul > li{
		display:block;
		overflow:hidden;
		padding:10px 5px;
		width:100%;
		float:none;
	}

	#caseLinks ul > li > .articleInner{
		min-height:auto;
		padding-bottom:10px;
	}

	#caseLinks ul > li > .articleInner > h4{
		padding:10px;
	}

	#caseLinks ul > li > .articleInner > p{
		padding:0 10px 10px;
	}

	#caseLinks ul > li > .articleInner > a{
		padding:10px 10px;
		position:relative;
		bottom:auto;
		left:auto;
	}

	#caseLinks ul > li > h3{
		display:none;
	}

	#caseLinks ul > li > .articleInner > .innerImg{
		display:block;
		overflow:hidden;
		position:relative;
	}

	#caseLinks ul > li > .articleInner > .innerImg > h3{
		display:block;
		width:40%;
		text-align:center;
		font-size:3.4rem;
		font-weight:normal;
		line-height:125%;
		position:absolute;
	    top:50%;
	    right:10px;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

	#caseLinks ul > li > .articleInner > .innerImg > img{
		width:50%;
		height:auto;
		float:left;
	}
	
}

/* ---------------------------------------------
*   Case
---------------------------------------------*/

#voice .caseBox{
	display:block;
	overflow:hidden;
	margin-bottom:150px;
}

.caseBox .innerImg{
	display:block;
	position:relative;
}

.caseBox .innerImg > img{
	width:100%;
	height:auto;
}

.caseBox .innerImg > h3{
	display:inline-block;
	overflow:hidden;
	line-height:125%;
	font-size:2.8rem;
	font-weight:normal;
	color:#ffffff;
	padding:0.25em 0.75em;
	background-color:#0c1544;

	/*margin:-25px 40px 0;*/
	position: absolute;
	bottom:0;
	left:40px;
}

.caseBox .innerImg > .captionTxt{
	font-size:1.0rem;
	float:right;
}

.caseBox h4{
	font-size:2.4rem;
	line-height:155%;
	margin-top:1em;
}

.caseBox h4 small{
	font-size:1.4rem;
	color:#0c1544;
}

.caseBox h4 > span::after{
	display: block;
    overflow: hidden;
    content: "";
    width: 2.5em;
    margin-top: 1.0em;
    border-bottom: 2px solid #eb7730;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#voice .caseBox{
		margin-bottom:50px;
	}

	.caseBox .innerImg > h3{
		font-size:1.6rem;
		left:10px;
	}

	.caseBox .innerImg > .captionTxt{
		font-size:0.8rem;
	}

	.caseBox h4{
		font-size:1.8rem;
	}
}


/* ---------------------------------------------
*   Case table
---------------------------------------------*/
.caseBox > table{
	width:100%;
	margin:30px 0;
}


.caseBox > table th{
	padding:1em;
	font-weight:bold;
	background-color:#f5f5f5;
	border:1px solid #cccccc;
	white-space:nowrap;
	width:25%;
}

.caseBox > table td{
	padding:1em;
	border:1px solid #cccccc;
	width:75%;
}



/* ---------------------------------------------
*   Case Q&A
---------------------------------------------*/
.caseBox > dl{
	display:block;
	overflow:hidden;
	margin-top:30px;
}

.caseBox > dl > dt{
	font-size:1.6rem;
	font-weight:bold;
	color:#0c1544;
	line-height:155%;
	padding-bottom:1em;
	border-bottom:1px solid #cccccc;
}

.caseBox > dl > dt > strong{
	font-size:1.4rem;
	color:#eb7730;
}

.caseBox > dl > dd{
	padding:1em 0 2em;
	line-height:155%;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	
}



/* ---------------------------------------------
*   Case Point
---------------------------------------------*/
.pointBox{
	display:block;
	overflow:hidden;
	background-color:#f1f1f1;
	padding:30px;
}

.pointBox > h4{
	font-size:1.6rem;
	font-weight:bold;
	color:#0c1544;
	line-height:155%;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #cccccc;
}

.pointBox > p{
	line-height:155%;
	margin-bottom:1em;
}

.pointBox > a{
	font-weight:bold;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	.pointBox{
		padding:15px;
	}
}


/******************************************
*
レンタル料／搬入・搬出料について
*
******************************************/
.guidance-content h3.basedTtl{
	font-size: 1.6rem;
	color: #002169;
    margin-bottom: 1em;
}

.guidance-content p {
    padding-bottom: 1em;
	line-height: 155%;
}

.guidance-content .list_img {
    width: 100%;
    margin-bottom: 60px;
}

.guidance-content .list_img img {
    width: 100%;
}


/* ---------------------------------------------
*   productListarea
---------------------------------------------*/
.productListarea .tileList {
    margin: 20px 0 50px 0;
}