@charset "utf-8";
/* CSS Document */

.mainvisual{
background: url(/img/landing_page/req/vision/bg_xg-x_2030_01_002.jpg) no-repeat center top,url(/img/landing_page/req/vision/bg_xg-x_2030_01_001.jpg) repeat-x left top;
height: 640px
}
.mainvisual_inner{
height: 640px
}
.lp_contents.max_width{
 overflow: hidden;
}
h1{
 padding: 70px 0 0;
}
.band{
 background: #1b2b3e;
 padding: 45px 0;
}
h2{
 font-size:30px;
 color :#081431;
 padding: 30px 0;
 margin: 60px 0;
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
}
.section1{
 background :#f6f6f6;
 padding: 60px 0 70px;
}
h3{
 font-size:26px;
 background :#3c88cc;
 border-bottom:3px solid #4270a7;
 color: #fff;
 padding: 23px 50px 23px;
}
.lp_contents.max_width .section1 .lp_contents_inner{
 width: 1070px;
}
.content01{
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 padding: 40px 50px 50px;
 background: #fff;
}
.section1 .content01 .product{
 box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
 margin: 0 0 30px;
 width:470px;
 display: flex;
 flex-wrap: wrap;
}
.section1 .content01 .product > span.definition{
 float: left;
 padding: 18px 12px 18px;
 width: 290px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.section1 .content01 .product > span.definition span h4{
 font-size: 19px;
 font-weight: bold;
 color: #2972b3;
}
.section1 .content01 .product > span.definition span.lp_btn{
 color: #fff;
 font-weight: bold;
 font-size: 16px;
 text-align: center;
 padding: 10px 0 13px 23px;
 background: url(/img/landing_page/common/icon03.png) no-repeat 32px center,linear-gradient(to bottom, #df3939 0%,#ce1a1b 100%);
 background-size: 6%;
 border-radius: 5px;
 width: 250px;
 display: inline-block;
 box-shadow: none;
}
.section1 .content01 .product > span.definition span.lp_btn.inquiry,
.section2 .content02 .product span.lp_btn.type06.inquiry{
 background: linear-gradient(to bottom, #00745c 0%,#005a43 100%);
}
.section1 .content01 .product > span.definition span.lp_btn.inquiry span,
.section2 .content02 .product span.lp_btn.type06.inquiry span{
 position: relative;
}
.section1 .content01 .product > span.definition span.lp_btn.inquiry span::before,
.section2 .content02 .product span.lp_btn.type06.inquiry span::before{
 position: absolute;
 top: 50%;
 left: -26px;
 width: 0;
 height: 0;
 transform: translateY(-50%);
 border-top: 6px solid transparent;
 border-right: 0 solid transparent;
 border-bottom: 6px solid transparent;
 border-left: 13px solid #fff;
 content: "";
}
.section1 .content01 .product > span.definition span.lp_btn span{
 font-weight: bold;
}
.section1 .content01 .product > span.definition span.txt{
 font-size:14px;
 color: #3a3e40;
 line-height: 1.8;
}
.section1 .content01 .product:after {
 display: block;
 visibility: hidden;
 clear: both;
 height: 0;
 content: "";
 font-size: 0;
}

.section2{
 padding: 70px 0;
}
.section2 .content02{
 display: flex;
 flex-wrap: wrap;
 border-left:1px solid #dcdcdc;
 border-top:1px solid #dcdcdc;
}
.section2 .content02 .product{
 text-align: center;
 border-right:1px solid #dcdcdc;
 border-bottom:1px solid #dcdcdc;
 display: flex;
 flex-direction: column;
 padding: 43px 0 35px;
}
.section2 .content02 .product span h4{
 font-size: 24px;
 color: #27435d;
 margin: 0 0 25px;
 font-weight: bold;
}
.section2 .content02 .product span.txt{
 font-size: 16px;
 color: #3a3e40;
 flex-grow: 1;
 display: flex;
 justify-content: center;
 align-items: center;
}
.section2 .content02 .product span.pic{
 width:100%;
 padding: 25px 0 0;
}
.section2 .content02 .product span.lp_btn.type06{
 width: 250px;
 color: #fff;
 font-weight: bold;
 font-size: 16px;
 margin: 15px auto 0;
 background: url(/img/landing_page/common/icon03.png) no-repeat 32px center,linear-gradient(to bottom, #df3939 0%,#ce1a1b 100%);
 background-size: 5%;
 border-radius: 5px;
 padding: 10px 0 12px 24px;
 box-shadow: none;
 display: inherit;
}
.section2 .content02 .product span.lp_btn.type06 span{
 font-weight: bold;
}