/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
.nav_in_wrapper .li1:nth-of-type(5) a .s2{ opacity:0.5;}
.nav_in_wrapper .li1:nth-of-type(5) a .s1{ color:#1d2087;}
#section1 .box1{ padding: 40px 0 160px;}
#section1 .box1 .box{ width:850px; margin:auto; position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; padding:40px 0;}
#section1 .box1 .box .imgbox{ width:345px; position:relative;}
#section1 .box1 .box .imgbox .img1{ width:100%;}
#section1 .box1 .box .imgbox .line{background:url(../images/flow/images/flow3.png) repeat-x; background-size: auto 100%; height:4px; width:350px; position:absolute; bottom:-50px; z-index:-1}
#section1 .box1 .box .txtbox{ width:425px; padding-top:20px;}
#section1 .box1 .box .txtbox h2{ color:#1d20b2; font-size:25px;}
#section1 .box1 .box .txtbox h2 .img2{ width:40px;padding-right:1em;}
#section1 .box1 .box .txtbox p{ padding-top:40px; line-height:2em;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
#section1 .box1 .box:nth-child(even) .imgbox{ order:2;}
#section1 .box1 .box:nth-child(even) .txtbox{ order:1;}
#section1 .box1 .box:nth-child(odd) .imgbox .line{left:250px; transform:rotate(35deg);}
#section1 .box1 .box:nth-child(even) .imgbox .line{right:250px; transform:rotate(-35deg);}
}
/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (max-width: 768px) {
#section1 .box1{ padding: 10vw 0 50vw;}
#section1 .box1 .box{ width:90%; margin:auto; position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; padding:5vw 0;}
#section1 .box1 .box .imgbox{ width:30vw; position:relative;}
#section1 .box1 .box .imgbox .img1{ width:100%;}
#section1 .box1 .box .imgbox .line{ display:none;}
#section1 .box1 .box .txtbox{ width:100%; padding-top:5vw;}
#section1 .box1 .box .txtbox h2{ color:#1d20b2; font-size:5vw; position:absolute; top:15vw; left:35vw; width:55vw; display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
#section1 .box1 .box .txtbox h2 .s1{ display:block; width:45vw;}
#section1 .box1 .box .txtbox h2 .img2{ width:6vw;padding-right:0.5em;display:inline-block;}
#section1 .box1 .box .txtbox p{ padding-top:5vw; line-height:2em; font-size:4vw;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}

}