@charset "utf-8";

/* base */
.mb30 {
	margin-bottom: 30px;
}
#marathon #head{
position: relative;
}
.content{
margin: 100px auto 134px;
}
h1,h2{
text-align: center;
}
/* content */
h1{margin-bottom: 60px;}
h2{
margin-bottom: 52px;
line-height: 36px;
font-size: 20px;
color: #015DB2;
}
h3{margin-bottom: 26px;}
h1 img{
margin: 0 auto;
display: block;
}
.logo_10th{
width: 54px;
margin: 0 auto 10px;
display: block;
}
.logo_10th img{
display: block;
}
.txt_area_Inr{
width: 100%;
padding: 72px 0 46px;
position: relative;
overflow: hidden;
}
.txt_area_Inr .bg_01{
width: 100%;
bottom: -50%;
position: absolute;
z-index: -1;
}
.txt_area_Inr .bg_01 img{
width: 100%;
}
.txt_area p{
font-size: 14px;
line-height: 28px;
margin-bottom: 28px;
text-align: center;
color: #FFF;
}
.txt_area p span{
font-size: 10px;
}
.product_area{
width: 842px;
margin: 0 auto;
}
.product_area > div{
width: 25%;
padding: 79px 0 52px;
float: left;
}
.product_area > div img{
width: auto;
margin: 0 auto;
display: block;
}
.product_area .product_01 .txt_brand{
margin-bottom: 65px;
}
.product_area .product_02 .txt_brand{
margin-bottom: 41px;
}
.product_area .product_03 .txt_brand{
margin-bottom: 41px;
}
.product_area .product_04 .txt_brand{
margin-bottom: 41px;
}
.product_area .product_01 .txt_brand img{
width: 163px;
}
.product_area .product_02 .txt_brand img{
width: 216px;
}
.product_area .product_03 .txt_brand img{
width: 167px;
}
/*.product_area .product_04 .txt_brand img{
width: 137px;
}*/
.product_txt{
width: 870px;
/*width: 820px;*/
margin: 0 auto 76px;
}
.product_txt .txt_01{
margin-bottom: 69px;
font-size: 14px;
line-height: 28px;
text-align: center;
}
.product_txt .txt_02{
font-size: 12px;
line-height: 24px;
}
/* support_area */
.support_area{
width: 100%;
padding: 80px 0px 0;
position: relative;
}
.support_area_bg {
width: 100%;
height: 515px;
overflow: hidden;
position: absolute;
top: 0;
z-index: -1;
}
.support_area_bg img{
width: 100%;
}
.support_area .txt_h3{
margin: 0 auto 59px;
text-align: center;
}
.support_area .txt_h3 img{
margin: 0 auto;
}
.support_area .support_runner{
text-align: center;
margin-bottom: 15px;

}
/* support_block */
.support_block{
width: 980px;
/*width: 825px;*/
margin: 0 auto 22px;
}
.support_block p{
width:460px;
}
.support_block p img{
width: 100%;
}
.support_block .right{
width:520px; /*margin-top: 105px;*/
}
/* ------------------------レスポンシブ------------------------ */
@media screen and (max-width: 764px){
.content{
margin: 50px auto 0;
}
h1{
margin-bottom: 40px;
}
h1 img{
width: 260.5px;
margin: 0 auto;
display: block;
}
h2{
margin: 0 17.5px 35px;
font-size: 15px;
line-height: 24px;
font-weight: bold;
}
.logo_10th {
display: block;
}
.logo_10th img{
margin: 0 auto;
display: block;
}
.txt_area_Inr{
padding: 44px 0 20px;
}
.txt_area p{
font-size: 12px;
line-height: 24px;
margin: 0 20px 24px;
text-align: left;
}
.product_area{
width: auto;
margin: 0 auto 42px;
}
.product_area > div{
width: auto;
margin: 0 auto;
padding: 50px 0 0;
float: none;
}
.product_area .product_01 .txt_brand,
.product_area .product_02 .txt_brand,
.product_area .product_03 .txt_brand,
.product_area .product_04 .txt_brand{
margin-bottom: 30px;
}
.product_area .product_01 .txt_brand img{
width: 163px;
}
.product_area .product_02 .txt_brand img{
width: 216px;
}
.product_area .product_03 .txt_brand img{
width: 167px;
}
.product_area .product_02{
padding: 40px 0;
}
.product_area .product_03{
padding: 0;
}
/* product_txt */
.product_txt{
width: auto;
margin: 0 20px 47px;
}

.product_txt .txt_01{
margin-bottom: 33px;
font-size: 12px;
line-height: 24px;
text-align: left;
}
.product_txt .txt_02{
font-size: 10px;
line-height: 15px;
text-align: left;
}

/* support_area */
.support_area{
position: relative;
margin-bottom: 100px;
}
.support_area_bg{
height: 445px;
position: absolute;
top: 0;
}
.support_area .txt_h3{
margin-bottom: 40px;
}
.support_area .txt_h3 img{
width: 180px;
margin: 0 auto;
display: block;
}
.support_area .support_runner{margin-bottom: 31px;}
.support_area .support_runner img{
width: 230px;
margin: 0 auto;
display: block;
}
.support_block{
width: auto;
margin: 0 auto 28px;
}
.support_block .right{
margin-top: 36px;
width:100%;
}
.support_block p{
width: auto;
float: none !important;
}
.support_block p.left img{
/*width: 280px;*/
width:100%;
margin: 0 auto;
display: block;
}
.support_block p.right img{
width:100%;
/*width: 255px;
margin: 0 auto 7px;*/
margin: 0 auto 28px;
display: block;
}

.support_block p.soyjoy span.image img{width:100%;}
.support_block p.soyjoy span.txt{float:right!important; width:100%!important; margin:0; padding:25px 7% 0 3%; box-sizing:border-box; display:block; font-size: 10px; line-height: 15px; text-align: left;}

.txt_area_Inr .bg_01{
width: 100%;
position: absolute;
z-index: -1;
}
.txt_area_Inr .bg_01 img{
width: auto;
height: 100%;
display: block;
position: relative;
left: -50%;
}
}/* ------------------------レスポンシブ -end- ------------------------*/