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

@media screen and (min-width: 769px) {
.nav_in_wrapper .li1:nth-of-type(4) a .s2{ opacity:0.5;}
.nav_in_wrapper .li1:nth-of-type(4) a .s1{ color:#1d2087;}
#section1 .box1{ width:900px; margin:auto; padding-bottom:200px;}
#section1 .box1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding-top:60px;}
#section1 .box1 h2{font-size:25px; width:100%; padding-bottom:10px;}
#section1 .box1 p{ line-height:2em; width:610px; padding-right:290px; padding-bottom:10px;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
#section1 .box1 .img1{width:270px;}
#section1 .box1 .img2{width:270px;padding-bottom:10px;}
#section1 .box1 .img3{width:345px;padding-bottom:10px;}
#section1 .box1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:623px; padding-top:10px;}
}
/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (max-width: 768px) {
#section1 .box1{width:90vw;margin:auto; padding-bottom:40vw;}
#section1 .box1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding-top:10vw;}
#section1 .box1 h2{font-size:6vw; padding-bottom:5vw;}
#section1 .box1 p{font-size:4vw; padding-bottom:5vw;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
#section1 .box1 .imgbox1{ position:relative; width:100%; height:40vw; overflow:hidden;}
#section1 .box1 .img1{width:100%; position:absolute; bottom:0; left:0;}
#section1 .box1 .box:nth-of-type(1) .img1{ bottom:-45vw;}
#section1 .box1 .box:nth-of-type(2) .img1{ bottom:-55vw;}
#section1 .box1 .box:nth-of-type(3) .img1{ bottom:-55vw;}
#section1 .box1 .box:nth-of-type(4) .img1{ bottom:-45vw;}
#section1 .box1 .img2{width:39vw;padding-bottom:1vw;}
#section1 .box1 .img3{width:50vw;padding-bottom:1vw;}
#section1 .box1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:100%; padding-top:1vw;}
}