@charset "utf-8";
.mainvisual.max_width{
background: url(/img/landing_page/req/autoid/bg_bt-w300_w200_2050_01_001.jpg) no-repeat center;
background-size: cover;
}
.mainvisual.max_width .mainvisual_inner{
background: url(/img/landing_page/req/autoid/bg_bt-w300_w200_2050_01_002.png) no-repeat 661px 14px;
height: 367px;
}
.mainvisual.max_width .mainvisual_inner h1{
padding: 47px 0 0 38px;
line-height: 2.0;
margin: 0 0 38px ;
}
.mainvisual.max_width .mainvisual_inner h1 span.txt01{
font-size: 22px;
font-weight: bold;
color: #fff;
background: #d40001;
padding: 5px 13px 5px 12px;
letter-spacing: 0.2px;
}
.mainvisual.max_width .mainvisual_inner h1 span.txt02{
font-size: 26px;
font-weight: bold;
letter-spacing: 0.9px;
}
.mainvisual.max_width .mainvisual_inner h1 span.txt03{
font-size: 58px;
font-weight: bold;
line-height: 1.0;
letter-spacing: 2.5px;
}
.mainvisual.max_width .mainvisual_inner p.btn{
margin: 0 0 38px 38px;
}
.lp_contents.max_width .section1{
padding: 70px 0 0;
}
.lp_contents.max_width .section1 .lp_contents_inner h2{
font-size: 42px;
font-weight: bold;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2{
padding: 0 40px;
display: flex;
justify-content: space-between;
margin: 72px 0 54px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 h3{
position: relative;
font-size: 32px;
font-weight: bold;
color: #fff;
padding: 24px 15px 24px;
background: #d40001;
margin: 0 0 23px;
text-align: center;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 h3:after{
position: absolute;
width: 0;
height: 0;
content: "";
border: 27px solid transparent;
border-left: 27px solid #e56667;
-ms-transform: rotate(0.625turn);
-webkit-transform: rotate(0.625turn);
transform: rotate(0.625turn);
top: -27px;
left: -27px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 h3 + p{
font-size: 17px;
font-weight: bold;
padding-left: 6px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old {
display: flex;
justify-content: space-around;
padding: 0 40px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old li{
width: calc(100% - 20px / 3);
position: relative;
padding-left: 20px;
margin: 3px 0 0;
font-size: 16px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old li:before{
content: "";
width: 18px;
height: 18px;
border: 1px solid #999999;
position: absolute;
top: 3px;
left: -2px;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old li:nth-of-type(1)::before{
background: #e69877;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old li:nth-of-type(2)::before{
background: #da5f3e;
}
.lp_contents.max_width .section1 .lp_contents_inner div.col2 ul.old li:nth-of-type(3)::before{
background: #f2cdb9;
}
.lp_contents.max_width .section1 .lp_contents_inner p.txt04{
width: 876px;
font-size: 21px;
font-weight: bold;
line-height: 1.5;
margin: 0 auto 48px;
}
.lp_contents.max_width .section1 .lp_contents_inner p.txt05{
font-size: 42px;
font-weight: bold;
line-height: 1.4;
}
.lp_contents.max_width .section2{
background: url(/img/landing_page/req/autoid/bg_bt-w300_w200_2050_01_004.jpg) repeat-x top center #f5f5f5;
margin: 38px 0 0;
padding: 0 0 83px;
}
.lp_contents.max_width .section2 .lp_contents_inner{
background: url(/img/landing_page/req/autoid/bg_bt-w300_w200_2050_01_003.jpg) no-repeat top center;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2{
padding: 118px 0 0;
display: flex;
justify-content: space-between;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div{
flex: 0 1 50%;
text-align: center;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div h3{
font-size: 20px;
font-weight: bold;
margin: 0 0 26px;
text-align: center;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div:nth-of-type(1) h3 span{
background: #666666;
font-size: 18px;
font-weight: bold;
padding: 5px 13px 5px;
margin: 0 10px 0 0;
color: #fff;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div:nth-of-type(2) h3{
color: #d40001;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div:nth-of-type(2) h3 span{
background: #d40001;
font-size: 18px;
font-weight: bold;
padding: 5px 10px 5px;
margin: 0 10px 0 0;
color: #fff;
letter-spacing: 0.9px;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div p.txt06{
font-size: 17px;
font-weight: bold;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div p.txt06 span.second{
font-size: 30px;
color: #d40001;
font-weight: bold;
line-height: 1.5;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div:nth-of-type(1) p.txt06{
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 0 10px 0;
}
.lp_contents.max_width .section2 .lp_contents_inner div.col2 > div:nth-of-type(1) p.txt06 span{
font-weight: bold;
}