/* -- ﾌﾞﾚｰｸﾎﾟｲﾝﾄ 未満 -- */
@media screen and (max-width: 639px) {

#wh_lw {
        width: 100%;
        display: block;
	text-align:left;
}

p,ul,li {
   font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wh_lw em.fa {
	display:block;
	text-align:center;
	margin: 0 auto ;
	font-size:80px;	
        color: #CCC;
}
#wh_lw img{
	}

/***************
 *scene01 *
 ***************/
#scene01 {
	position:relative;
/*	width: 100%;*/
	background-image: url(../images/lw_toha/bg01.jpg);
	background-size: 75% auto;
	background-position: top ;
	background-repeat:no-repeat;
	overflow: auto !important;
}

#scene01 .story {
	position      : relative;
}

#scene01 .think {
	margin : 160px 0 30px 0;
}
#scene01 .think img {
	width:80%;
}
#scene01 h2 {
	padding-bottom: 0px;
}
#scene01 h2 img {
	width:80%;
}


/***************
 * scene02 *
 ***************/
#scene02 {
}
#scene02 .story {
	position      : relative;
	z-index       : 1;
	overflow:hidden;
}


#scene02 h2 {
	padding-bottom: 10px;
}
#scene02 h2 img {
	width:70%;
}
#scene02 .story-right{
	position      : relative;
	width: 100%;
	margin-top: 30px;
	border:solid 2px #CACACA;
	}
#scene02 .story-right .cont{
	width:95%;
	margin:auto;
	}
	
#scene02 .story-right .cont ol{
	margin-top: 0px;
	margin-left: 0px;
	}
	
#scene02 .story-right .cont ol li{
	margin-left:5px;
	list-style-type:none;
	}
	
/***************
 * scene03 *
 ***************/
#scene03 {
	position:relative;
	background-image:url(../images/lw_toha/bg03.jpg);
	background-size: 75% auto;
	background-position: top right;
	background-repeat:no-repeat;
	overflow:auto !important;


}
#scene03 .story {
	position      : relative;
	margin        : 60px 0px 10px 0px;
}

#scene03 h2.different {
	padding-bottom: 20px;
}
#scene03 h2.different img {
	width:80%;
}
#scene03 h2.enmei {
	padding-top: 50px;
	padding-bottom: 0px;
}
#scene03 h2.enmei img {
	width:60%;
}

/**************
 * scene04 *
 **************/
 #scene04{
	position:relative;
	background-image:url(../images/lw_toha/bg04.jpg);
	background-size: 75% auto;
	background-position: top center;
	background-repeat:no-repeat;
	overflow:auto !important;
	}
#scene04 .story {
	 	margin-top: 180px;
}
#scene04  p{
	color       : #000;
}
#scene04 h2 {
	padding-bottom: 0px;
}
#scene04 h2 img {
	width:70%;
}

/**************
 *scene05*
 **************/
#scene05 {
}
#scene05 .story {
	position      : relative;
	margin        : 30px auto 0 auto;
}

#scene05 h2 {
	padding-bottom: 0px;
}
#scene05 h2 img {
	width:100%;
}
#scene05 .article {
	overflow: hidden;
}

#scene05 p.lcont {
}
#scene05 p.rcont {
}


#scene05 .story .button {
     margin: 50px auto;
	 text-align:center;
}

#scene05 .story .button .jinukyoku {
	margin-top: 15px;
	text-align:center;

}
#scene05 .story .button .jinukyoku-name {
	font-size:30px;
        margin:0;
	color:#0F4B87;
}
#scene05 .story .button .jinukyoku-hour {
	color:#0F4B87;
}
#scene05 .story .button .jinukyoku-tel {
	width:80%;
	margin:15px auto;

}
}


/* -- ﾌﾞﾚｰｸﾎﾟｲﾝﾄ 以上 -- */
@media all and (min-width: 640px) {

	
#wh_lw {
	width    : 978px;
	margin: 0px auto;
	text-align:left;
}
#wh_lw p {
	font-size : 14px;
	line-height:1.6;
}
#wh_lw em.fa {
	display:block;
	text-align:center;
	margin: 0 auto ;
        padding-top:10px;
	font-size:60px;
        color: #DDD;
}
#wh_lw em.fa a {
	text-decoration: none;
}

#wh_lw .invertOn
{
	background-image: none;
}
#wh_lw .invertOn .invertLink
{
	color: #99ffff;
}

/***************
 *scene01 *
 ***************/
#scene01 {
	position:relative;
	width:1130px;
	height:685px;
	margin-left:-75px;
	background-image:url(../images/lw_toha/bg01.jpg);
	overflow:auto !important;
}

#scene01 .story {
	position      : relative;
	z-index       : 1;
	width         : 500px;
		height:715;
	margin-left : 500px;
}

#scene01 .think {
	margin : 60px 0 80px 0;
}

#scene01 h2 {
	padding-bottom: 20px;
}



#scene01 p {
	width     : 500px;
}

#scene01 ul li {
	font-size : 16px;
	margin    : 16px 0;
}

#scene01 ul {
	padding : 0px;
}

/***************
 * scene02 *
 ***************/
#scene02 {
		height:600px;
		width    : 978px;
		overflow:visible !important;
}
#scene02 .story {
	position      : relative;
	z-index       : 1;
	width       : 420px;
	margin        : 100px 20px 20px 0px;
	overflow:hidden;
	float:left;
}


#scene02 h2 {
	padding-bottom: 20px;
}
#scene02 .story-right{
	position      : relative;
	float:right;
	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: left ;
	width: 480px;
	height: 800px;
	margin-top: 80px;
		margin-right: 50px;
	}
#scene02 .story-right .cont{
	width:450px;
	margin:30px auto auto auto;
	}
	
#scene02 .story-right .cont ol{
	margin-top: 0px;
	margin-left: 0px;
	}
	
#scene02 .story-right .cont ol li{
	margin-left:5px;
	list-style-type:none;
	}
	
/***************
 * scene03 *
 ***************/
#scene03 {
	position:relative;
	width:1130px;
	height:715px;
	margin-left:-75px;
	background-image:url(../images/lw_toha/bg03.jpg);
	overflow:auto !important;

}
#scene03 .story {
	position      : relative;
	z-index       : 1;
	width         : 500px;
	margin        : 80px 40px 10px 75px;
}

#scene03 h2.different {
	padding-bottom: 20px;
}

#scene03 h2.enmei {
	padding-top: 60px;
	padding-bottom: 20px;
}


/**************
 * scene04 *
 **************/
 #scene04{
	 position:relative;
	width:1130px;
	height:760px;
	margin-left:-75px;
	background-image:url(../images/lw_toha/bg04.jpg);
	overflow:auto !important;
	}
#scene04 .story {
	width         : 450px;
	margin-top: 340px;
	margin-left: 530px;
	padding : 15px 25px;
     background-color:rgba(255,255,255,0.7);
}
#scene04  p{
/*	color       : #000;*/
}
#scene04 h2 {
	padding-bottom: 20px;
}


/**************
 *scene05*
 **************/
#scene05 {
			height:680px;
}
#scene05 .story {
	position      : relative;
	z-index       : 1;
	width         : 978px;
	margin        : 100px auto 0 auto;
}

#scene05 h2 {
	padding-bottom: 20px;
}

#scene05 .article {
	overflow: hidden;
}

#scene05 p.lcont {
	width: 450px;
	float:left;	
	margin-right:50px;
}
#scene05 p.rcont {
	width: 450px;
		float:left;	
}


#scene05 .story .button {
	margin-top: 80px;
	margin-left:180px;
	width: 615px;
}

#scene05 .story .button .jinukyoku {
	margin-top: 15px;
	float: left;
	width: 250px;
}
#scene05 .story .button .jinukyoku-name {
	font-size:30px;
        margin:0;
        padding:0;
	color:#0F4B87;
}
#scene05 .story .button .jinukyoku-hour {
	font-size:20px;
        margin:0;
        padding:0;
	color:#0F4B87;
}
#scene05 .story .button .jinukyoku-tel {
	margin-top: 15px;
	margin-right:0px;
	overflow:hidden;
}

}