@charset "UTF-8";

/*ーーーーーーーーーーーーーーーーーーーーーおすすめポイントページのCSSーーーーーーーーーーーーーーーーーーーーー*/

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

.about_cont_wrp{
	width:980px;
	margin:0 auto;
}

/*リード部分の設定*/

.leed_wrp{
	padding-top:24px;
}

.leed_l_wrp{
	float:left;
}

.leed_r_wrp{
	width:394px;
	float:right;
}

.m_leed_img{
	display:inline-block;
	padding-bottom:4px;
}

.m_leed_img_2{
	display:inline-block;
	padding-left:10px;
}

.leed_sentence{
	font-size:123%;
	line-height:2em;
}

/*レスポンシブ版リード部分*/
.res_leed_title_wrp{
	display:none;
}


/*グローバルメニュー「魂ガレージとは？」ボタン部分の設定*/

.nav_about a {
  display: block;
  width: 210px;
  overflow: hidden;
  margin-top: -56px;
}

.non_link{
	cursor:default;
}


/*「魂ガレージとは？」説明コンテンツ部分の設定*/

.left_wrp{
	float:left;
}

.right_wrp{
	float:right;
}

.about_in_img1{
	display:block;
	margin-bottom: 10px;
}

.about_in_1_title{
	display:inline-block;
	font-size:123.1%;
	font-weight:bold;
	padding-top:5px;
}

.about_in_img1_star{
	display:inline-block;
	vertical-align:middle;
}

.about_in_1_sent{
	font-size:108%;
	padding-left:10px;
	line-height:1.8em;
	margin-top:-2px;
	margin-bottom: 40px;
}

.about_cont_wrp2{
	padding-top:35px;
}



/*サービスの流れ部分の設定*/

.service_wrp{
	padding-top:40px;
}

.flot{
	float:left;
}

.nagare_in_1{
	width:194px;
	padding-top:18px;
	padding-left:18px;
	padding-bottom:27px;
	background-color:#e0d4ae;
	-moz-border-radius:7px 0px 0px 7px;
	-webkit-border-radius:7px 0px 0px 7px;
	-o-border-radius:7px 0px 0px 7px;
	-ms-border-radius:7px 0px 0px 7px;
	border-radius:7px 0px 0px 7px;
	behavior:url("/PIE.htc");
	margin-top:10px;
}

.nagare_in_title{
	font-size:123.1%;
	font-weight:bold;
	padding-bottom:20px;
}

.nagare_in_sent{
	width:198px;
	font-size:108%;
	line-height:1.5em;
	padding-top:12px;
}


.nagare_in_2{
	height:485px;
	margin-top:10px;
	background-color:#e0d4ae;
	padding-top:60px;
}

.nagare_in_3{
	width:194px;
	height:500px;
	padding-top:18px;
	padding-bottom:27px;
	background-color:#e0d4ae;
	margin-top:10px;
}

.font_size_12{
	display:inline-block;
	font-size:85.5%;
	line-height:1.5em;
}

.nagare_in_4{
	width:194px;
	height:500px;
	padding-top:18px;
	padding-bottom:27px;
	background-color:#e0d4ae;
	margin-top:10px;
}

.nagare_in_5{
	width:194px!important;
	height:500px;
	padding-top:18px;
	padding-bottom:27px;
	padding-right:18px;
	background-color:#e0d4ae;
	margin-top:10px;
	-moz-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
	-o-border-radius:0px 7px 7px 0px;
	-ms-border-radius:0px 7px 7px 0px;
	border-radius:0px 7px 7px 0px;
	behavior:url("/PIE.htc");

}

.kome{
	font-size:85%;
	font-weight:bold;
	text-align:right;
	padding-top:15px;
}

.res_service_title{
	display:none;
}

/*購入ボタン部分の設定*/

.buy_btn_big{
	margin-top:30px;	
}

.buy_btn_big a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
 	box-shadow: #000 0 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*SNSボタン部分の設定*/

.sns{
	padding-top:11px;
	padding-bottom:9px;
}








}





/*画面サイズ640px切り替え後の設定ーーーーーーーーーーーーーーー*/

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

.about_cont_wrp{
	width:100%;
}

/*リード部分の設定*/

/*レスポンシブ版リード部分*/

.res_leed_title_wrp{
	display:block;
}


.res_leed_title_wrp{
	height:auto;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:20px;
}

.res_leed_title_img{
	display:inline-block;
	vertical-align: middle;
	height:auto;
}

.leed_title{
	display:inline-block;
	font-size:153.9%;
	font-weight:bold;
}

.leed_l_wrp{
	width:93.75%;
	height:auto;
	margin:0 auto;
	padding-left:0px;
	float:none;
}

.leed_r_wrp{
	display:none;
}

.m_leed{
	display:none;
}

.m_leed_img{
	width:65.666%;
	height:auto;
	margin:0 auto;
}

.m_leed_img_2{
	display:inline-block;
	padding-left:10px;
}

.leed_sentence{
	font-size:108%;
	line-height:1.5em;
	padding-bottom:20px;
}

/*グローバルメニュー「魂ガレージとは？」ボタン部分の設定*/

.nav_about a {
  display: block;
  width: 210px;
  overflow: hidden;
  margin-top: -56px;
}

.non_link{
	cursor:default;
}


/*「魂ガレージとは？」説明コンテンツ部分の設定*/

.left_wrp{
	float:none;
}

.right_wrp{
	float:none;
}

.about_cont_inwrp{
	width:70.468%;
	height:auto;
	margin:0 auto;
}
	

.about_in_img1{
	display:block;
	width:100%;
	height:auto;
	margin-top:50px;
}

.about_in_1_title{
	display:inline-block;
	font-size:108%;
	font-weight:bold;
	padding-top:5px;
}

.about_in_img1_star{
	display:inline-block;
	vertical-align:middle;
	width:6.25%;
	height:auto;
}

.about_in_1_sent{
	font-size:108%;
	padding-left:10px;
	line-height:1.8em;
	margin-top:-2px;
}


.about_cont_inwrp2{
	padding-top:35px;
	width:70.468%;
	height:auto;
	margin:0 auto;
}

.del{
	display:none;
}


/*サービスの流れ部分の設定*/

.res_service_title{
	display:block;
	background-color:#ff6600;
	color:#fff;
	font-size:108%;
	padding:15px 0px 10px 20px;
	background-image:url(../../img/old/shared/footer_line.gif);
	background-position:top left;
	background-repeat:repeat-x;
}


.anarrow{
	display:none;
}

.service_wrp{
	padding-top:40px;
}

.flot{
	float:none;
}


.nagare_in_title{
	font-size:123.1%;
	font-weight:bold;
	padding-bottom:20px;
}

.nagare_in_sent{
	width:100%;
	font-size:108%;
	line-height:1.5em;
	padding-top:12px;
}




.font_size_12{
	display:inline-block;
	font-size:85.5%;
	line-height:1.5em;
}

.nagare_in_1,
.nagare_in_3,
.nagare_in_4,
.nagare_in_5{
	padding-top:18px;
	padding-bottom:27px;
	padding-right:18px;
	padding-left:18px;
	background-color:#e0d4ae;
	margin-top:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
	behavior:url("/PIE.htc");
	width:70.468%;
	height:auto;
	margin:0 20px;
	margin-bottom:20px;

}

.nagare_in_1{
	margin-top:20px;
}

.service_title{
	display:none;
}

.service_in_img{
	display:block;
	width:194px;
	margin:0 auto;
}

.kome{
	font-size:85%;
	font-weight:bold;
	text-align:right;
	padding-top:15px;
}



/*購入ボタン部分の設定*/

.buy_btn_big img{
	display: block;
	margin-top:25px;
	width:93.75%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
}

/*SNSボタン部分の設定*/

.sns{
	padding-top:11px;
	padding-bottom:9px;
}



}