@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

.strength_inner_wrap {
margin: 160px auto 260px;
}


.strength_wrap2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.strength_wrap2::before {
content: "";
position: absolute;
bottom: -80px;
right: -50%;
width: 155%;
height:960px;
background: #F4F4F7;
z-index: -1;
}

.strength_wrap2_box {
position: relative;
width:75%;
padding-right: 5%;
box-sizing: border-box;
}

.strength_wrap2_box2 {
position: relative;
width:45%;
margin-right: -20%;
}



.section03_wrap {
width: 98%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
margin: 60px 0 0;
}

.strength_inner_wrap2 {
margin: 160px auto 120px;
}

.detail_photo {
position: relative;
margin: 0 0 120px -13vw;
z-index: 1;
}

.detail_photo2 {
position: relative;
margin: 0 -13vw 120px 0;
z-index: 1;
}

.detail_photo::before,
.detail_photo2::before {
content: "";
position: absolute;
bottom: -60px;
right: -50%;
width: 155%;
height: 200px;
background: #F4F4F7;
z-index: -1;
}

.detail_ori_wrap {
background: #002f7b;
padding: 30px;
box-sizing: border-box;
position: relative;
}

.detail_ori_wrap .detail_ori_wrap_tit{
font-size: 20px;
color: #FFF;
margin: 0 0 30px;
}

.detail_ori_wrap .detail_ori_wrap_txt{
color: #FFF;
font-weight: 700;
margin: 0 0 50px;
}

.detail_ori_wrap .products_list {
background: rgba(255,255,255,0.2);
padding: 30px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border: 1px solid #FFF;
}

.detail_ori_wrap .products_list .products_list_box{
width: 23.5%;
position: relative;
}

.detail_ori_wrap .products_list .products_list_box a{
display: block;
color: #FFF;
}

.detail_ori_wrap .products_list .products_list_box a .photo{
margin: 0 0 5px;
overflow: hidden;
}

.detail_ori_wrap .products_list .products_list_box a.photo img{
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.detail_ori_wrap .products_list .products_list_box a.photo img:hover{
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.detail_ori_wrap .products_list .products_list_box a h3{
font-size:0.7em;
}




.section03_wrap2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.section03_wrap2::before {
content: "";
position: absolute;
bottom: -60px;
right: -50%;
width: 155%;
height: 420px;
background: #F4F4F7;
z-index: -1;
}

.section03_wrap2_box {
position: relative;
width:75%;
padding-right: 5%;
box-sizing: border-box;
}

.section03_wrap2_box2 {
position: relative;
width:45%;
margin-right: -20%;
}

.section03_wrap2_box .illust_img {
width: 70%;
margin: 0 auto 30px;
}

.strength_block_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.strength_block_wrap::before {
content: "";
position: absolute;
bottom: -60px;
right: -50%;
width: 155%;
height: 300px;
background: #F4F4F7;
z-index: -1;
}


.strength_block_wrap_box {
width: 48%;
position: relative;
}

.strength_block_wrap_box h4{
font-size: 1.2em;
margin: 10px 0;
}

.strength_block_wrap_box p{
font-size: 0.8em;
}


.illust_img2 {
width: 90%;
margin: 0 auto;
}



/*flow
----------------------------------------*/
.flow_wrap {
max-width: 1140px;
margin: 0 auto;
}

.flow_box {
position: relative;
padding-bottom: 30px;
padding-left: 200px;
}

.flow_box:before {
position:absolute;
left:60px;
width:1px;
height:100%;
background-color:#002f7b;
content:""
}

.flow_box:last-of-type::before {
content: none;
}

.flow_box_icon {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 120px;
border: 1px solid #002f7b;
border-radius: 50%;
background-color: #002f7b;
line-height: 120px;
text-align: center;
}

.flow_box_icon img{
width: 48%;
height:auto;
}

.flow_box_tit {
display: block;
font-size: 22px;
font-weight: 500;
line-height: 1;
}

.flow_box_tit span{
display: block;
color: #002f7b;
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 500;
padding-bottom: 10px;
}

.flow_box_txt {
padding-top: 18px;
margin: 0 0 30px;
}

.flow_img {
width: 35%;
float: right;
margin: 0 0 3% 3%;
}

.flow_img p{
font-size: 0.8em;
text-align: center;
}



}



/*sp*/
@media only screen and (max-width: 768px) {

.strength_inner_wrap {
margin: 60px auto 60px;
}

.strength_wrap2 {
position: relative;
}

.strength_wrap2::before {
content: "";
position: absolute;
bottom: -100px;
right: -50%;
width: 155%;
height: 200px;
background: #F4F4F7;
z-index: -1;
}

.strength_wrap2_box {
position: relative;
width:100%;
}

.strength_wrap2_box2 {
position: relative;
width:80%;
margin: 30px auto 0;
}


.strength_inner_wrap2 {
margin: 60px auto 60px;
}

.detail_photo {
position: relative;
margin: 0 0 60px -13vw;
z-index: 1;
}

.detail_photo2 {
position: relative;
margin: 0 -13vw 60px 0;
z-index: 1;
}

.detail_photo::before,
.detail_photo2::before {
content: "";
position: absolute;
bottom: -30px;
right: -50%;
width: 155%;
height: 100px;
background: #F4F4F7;
z-index: -1;
}

.detail_ori_wrap {
background: #002f7b;
padding: 15px;
box-sizing: border-box;
position: relative;
margin: 30px 0 0;
}

.detail_ori_wrap .detail_ori_wrap_tit{
font-size: 16px;
color: #FFF;
margin: 0 0 10px;
}

.detail_ori_wrap .detail_ori_wrap_txt{
color: #FFF;
font-weight: 700;
margin: 0 0 30px;
}

.detail_ori_wrap .products_list {
background: rgba(255,255,255,0.2);
padding: 10px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
border: 1px solid #FFF;
}

.detail_ori_wrap .products_list .products_list_box{
width: 48%;
position: relative;
margin-right: 4%;
margin-bottom: 4%;
}

.detail_ori_wrap .products_list .products_list_box:nth-child(2n){
margin-right: 0;
}

.detail_ori_wrap .products_list .products_list_box a{
display: block;
color: #FFF;
}

.detail_ori_wrap .products_list .products_list_box a .photo{
margin: 0 0 5px;
overflow: hidden;
}

.detail_ori_wrap .products_list .products_list_box a.photo img{
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.detail_ori_wrap .products_list .products_list_box a.photo img:hover{
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.detail_ori_wrap .products_list .products_list_box a h3{
font-size:0.7em;
}



.section03_wrap2 {
position: relative;
}

.section03_wrap2::before {
content: "";
position: absolute;
bottom: -100px;
right: -50%;
width: 155%;
height: 200px;
background: #F4F4F7;
z-index: -1;
}

.section03_wrap2_box {
position: relative;
width:100%;
}

.section03_wrap2_box2 {
position: relative;
width:80%;
margin: 30px auto 0;
}

.section03_wrap2_box .illust_img {
width: 100%;
margin: 30px auto 30px;
}

.strength_block_wrap {
width: 80%;
margin: auto;
position: relative;
}

.strength_block_wrap::before {
content: "";
position: absolute;
bottom: -20px;
right: -50%;
width: 155%;
height: 480px;
background: #F4F4F7;
z-index: -1;
}


.strength_block_wrap_box {
width: 100%;
position: relative;
margin-bottom: 30px;
}

.strength_block_wrap_box h4{
font-size: 1em;
margin: 10px 0;
}

.strength_block_wrap_box p{
font-size: 0.8em;
}


.illust_img2 {
width: 80%;
margin:30px auto 0;
}


/*flow
----------------------------------------*/
.flow_wrap {
max-width: 90%;
margin: 0 auto;
}

.flow_box {
position: relative;
padding-bottom: 64px;
padding-left: 100px;
}

.flow_box:before {
position: absolute;
left: 40px;
width: 1px;
height: 100%;
background-color: #002f7b;
content: "";
}

.flow_box:last-of-type::before {
content: none;
}

.flow_box_icon {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
border: 1px solid #002f7b;
border-radius: 50%;
background-color: #002f7b;
line-height: 80px;
text-align: center;
}

.flow_box_icon img{
width: 36%;
height:auto;
}

.flow_box_tit {
display: block;
font-size: 20px;
font-weight: 500;
line-height: 1;
}

.flow_box_tit span{
display: block;
color: #002f7b;
font-size: 16px;
font-family: 'Lato', sans-serif;
font-weight: 500;
padding-bottom: 15px;
}

.flow_box_txt {
padding-top: 24px;
margin: 0 0 30px;
}

.flow_img {
width: 60%;
margin:30px auto 0;
}

.flow_img p{
font-size: 0.8em;
text-align: center;
}



}