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

@media screen and (min-width: 769px) {
.nav_in_wrapper .li1:nth-of-type(3) a .s2{ opacity:0.5;}
.nav_in_wrapper .li1:nth-of-type(3) a .s1{ color:#1d2087;}
#section1 {width:100%; background:url(../images/common/images/common2.png); }
#section1 .box1{ width:785px; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding:50px 0;}
#section1 .box1 .txtbox{ width:435px; position:relative; min-height:331px; padding-bottom:40px;text-shadow:1px 1px 1px #fff;}
#section1 .box1 .txtbox h3{ font-size:25px; padding-bottom:20px;}
#section1 .box1 .txtbox .txt1{ line-height:2em;}
#section1 .box1 .txtbox .txt2{ position:absolute; bottom:0; right:0; text-align:right;}
#section2 .box1{ padding-bottom:200px;}
#section2 .box1 h2{ text-align:center; font-size:25px; padding:70px 0;}
#section2 .box1 li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:500px; margin:auto; padding:10px 0; font-size:18px;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
#section2 .box1 li .s1{ width:175px;}
#section2 .box1 li .s2{ width:325px;}
#section2 .box1 li .s3{ padding-left:175px;}




}
/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (max-width: 768px) {
#section1 {width:100%; background:url(../images/common/images/common2.png); padding:10vw 0;}
#section1 .box1{ width:90%; margin:auto; position:relative;}
#section1 .box1 .img1{ width:45vw;}
#section1 .box1 .txtbox{ width:100%; text-shadow:0.5vw 0.5vw 0.5vw #fff; }
#section1 .box1 .txtbox h3{ font-size:6vw; padding-bottom:10vw; position:absolute; top:25vw; width:45vw; text-align:center; right:0;}
#section1 .box1 .txtbox .txt1{ line-height:2em; padding:5vw 0; font-size:4vw;}
#section1 .box1 .txtbox .txt2{ position:absolute; top:10vw;  right:0; text-align:right;}
#section2 .box1{ padding-bottom:30vw;}
#section2 .box1 h2{text-align:center; font-size:6vw; padding:10vw 0;}
#section2 .box1 li{width:90%; margin:auto; padding:5vw 0; font-size:5vw;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:300;}
#section2 .box1 li .s1{ width:100%; display:block; font-weight:600;}
#section2 .box1 li .s2{ width:100%; display:block;}
#section2 .box1 li .s3 { width:100%; display:block;}
#section2 .box1 li .s3 a{ display:table; margin:auto;}
#section2 .box1 li .s3 a img{ width:60vw;}


}