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

@media screen and (min-width: 769px) {
.nav_in_wrapper .li1:nth-of-type(6) a .s2{ opacity:0.5;}
.nav_in_wrapper .li1:nth-of-type(6) a .s1{ color:#1d2087;}
#section1{ background:#f7f4eb;}
#section1 .box1 h2{ text-align:center; padding:55px 0 40px; font-size:25px;}
#section1 .box1 ul{ width:1020px; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section1 .box1 li img{ width:325px;}
#section2{ background:#f7f4eb;}
#section2 .box1{ padding-top:75px;}
#section2 .box1 .box{ width:820px; margin:auto; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding-bottom:75px; opacity:0; transition:all 0.5s ease;}
#section2 .box1 .anime1_a{opacity:1; }
#section2 .box1 .box .img1{ width:194px; display:block;}
#section2 .box1 .box .img2{ width:25px; position:absolute; left:0; top:0;}
#section2 .box1 .box .img3{ width:25px; position:absolute; right:0; bottom:0;}
#section2 .box1 .box .txtbox{ width:520px; display:block;position:relative; min-height:220px; padding:35px; background:#fff;}
#section2 .box1 .box .txtbox p{line-height:2em;}
#section2 .box1 .box .txtbox .txt1{font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:200;}
#section2 .box1 .box .txtbox .txt2{ padding:20px 0 0; font-size:20px; color:#1d20b2;}
#section2 .box1 .box .txtbox .txt2:nth-of-type(1){ padding:0;}
#section3 .box1{ padding:40px 0 200px;}
#section3 .box1 h2{ text-align:center; font-size:18px; padding:40px 0;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif;font-weight:300;}
#section3 .box1 a{display:flex;align-items: center;justify-content: center; margin:auto; width:300px; height:60px; border:solid 2px #1d20b2; color:#1d20b2; background:#fff; font-size:25px;}
#section3 .box1 a:hover{color:#fff; background:#1d20b2;}

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

@media screen and (max-width: 768px) {
#section1{ background:#f7f4eb;}
#section1 .box1 h2{ text-align:center; padding:10vw 0 5vw; font-size:6vw;}
#section1 .box1 ul{ width:90%; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section1 .box1 li{ width:45%; margin:5vw auto 0; display:block;}
#section1 .box1 li img{ width:100%;}
#section2{ background:#f7f4eb;}
#section2 .box1{ padding-top:10vw;}
#section2 .box1 .box{ width:90%; margin:auto; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding-bottom:10vw;}
#section2 .box1 .box .img1{ width:40vw; display:block; margin:auto; padding-bottom:5vw;}
#section2 .box1 .box .img2{ width:5vw; position:absolute; left:0; top:0;}
#section2 .box1 .box .img3{ width:5vw; position:absolute; right:0; bottom:0;}
#section2 .box1 .box .txtbox{ width:80vw; display:block;position:relative; padding:5vw; background:#fff;}
#section2 .box1 .box .txtbox p{line-height:2em; font-size:4vw;}
#section2 .box1 .box .txtbox .txt1{font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:200;}
#section2 .box1 .box .txtbox .txt2{ padding:5vw 0 0; font-size:5vw; color:#1d20b2;}
#section2 .box1 .box .txtbox .txt2:nth-of-type(1){ padding:0;}
#section3 .box1{ padding:10vw 0 50vw;}
#section3 .box1 h2{ text-align:center; font-size:5vw; padding:5vw 0;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif;font-weight:300;}
#section3 .box1 a{display:flex;align-items: center;justify-content: center; margin:auto; width:60vw; height:15vw; border:solid 0.5vw #1d20b2; color:#1d20b2; background:#fff; font-size:6vw;}





}