@charset "UTF-8";
@media screen and (min-width: 768px), print {

    #contentsmain {margin: 0 auto 9.3vw;position: relative;padding-top: 7.8vw;}
    #contentsmain .inner-Box { margin: 0 auto; position: relative; }
    #contentsmain .inner-Box h3 {font-size: 3.42vw;line-height: 1.6;font-weight: 500;letter-spacing: 0vw;color: #00A4E0;position: absolute;top: -2.7vw;left: 1.1vw;padding-left: 7.5vw;}
    #contentsmain .inner-Box h3 span{font-size: 1.375vw;position: absolute;top: 2.25vw;left: 5.6vw;}
    #contentsmain .inner-Box h3::before{content: "";width: 7.8625vw;height: 2px;background: #444444;display: block;top: 4.45vw;position: absolute;left: -1.2vw;}
    #contentsmain .inner-Box h4 {font-size: 1.375vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 2.1vw;padding: 2.2vw 0 0.4vw 8.5vw;}
    
    #contentsmain .inner-Box p.text {font-size: 1.145vw;line-height: 2;font-weight: 400;letter-spacing: 0;margin-left: 6.2vw;width: 35vw;margin-bottom: 2.5vw;}
    #contentsmain .inner-Box p.text span{ font-weight: 700;}
    #contentsmain .inner-Box ul{width: 46.875vw;height: 12.625vw;background: rgba(255,255,255,0.5);backdrop-filter: blur(19px);-webkit-backdrop-filter: blur(0.98vw);margin-left: 3.1vw;z-index: 3;position: relative;padding: 1.9vw 3.3vw 2.3vw 3.3vw;}
    #contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
    #contentsmain .inner-Box ul li {position: relative;border-bottom: 1px solid #DBDBDB;margin-bottom: 0.1vw;}
    #contentsmain .inner-Box ul li a{color: #00A4E0;padding: 1.257vw 0vw;display: block;}
    #contentsmain .inner-Box ul li a:hover{ text-decoration: none; }
    #contentsmain .inner-Box p.listtext {font-size: 1.375vw;line-height: 1;font-weight: 700;}
    #contentsmain .inner-Box figure.photo {position: absolute;top: -2.5vw;right: 0;width: 54.1vw;}
    #contentsmain .inner-Box ul li a span.arr{display: block;width: 1vw;position: absolute;top: 1.3vw;right: -0.2vw;border: 1px solid #00A4E0;border-radius: 5vw;height: 1vw;}

    #contentsmain .c-arrow-link6--icon { overflow: hidden; display: inline-block; width: 1.3vw; /* 画像の幅に合わせて調整 */ height: 1vw; /* 画像の高さに合わせて調整 */ position: absolute; top: 2.4vw; right: 3.1vw; }
    #contentsmain .c-arrow-link6--icon img { position: absolute; top: 0; /* 初期状態で画像を中央に表示 */ transition: top 0.5s ease; /* アニメーションの速度を調整 */ }
 

.backk{background: #F0F3F4;padding: 7.4vw 0 1vw;margin-bottom: 7.3vw;}

#contents01 {margin: 0 auto 7.3vw;position: relative;padding-top: 5vw;}
#contents01 .text-Box {position: absolute;width: 31.25vw;min-height: 20.46vw;color: #fff;background: transparent linear-gradient(304deg, #00A4E0 0%, #0087DB 100%) 0% 0% no-repeat padding-box;padding: 4.1vw 4.2vw 6.1vw 4.2vw;top: 0vw;left: 0vw;z-index: 3;}
#contents01 .text-Box h2{font-size: 1.375vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 1.4vw;}
#contents01 .text-Box h2 span{  }
#contents01 .text-Box p{font-size: 1.145vw;line-height: 2;font-weight: 400;letter-spacing: 0vw;margin-right: -1vw;}
#contents01 .inner-Box {position: relative;box-shadow: 1.041vw 1.041vw 1.5625vw #282D6B1A;background: #fff;margin-left: 6.2vw;padding: 5.4vw 6.2vw 2.3vw 30.3vw;}

#contents01 .inner-Box {}
#contents01 .inner-Box figure.photo00 {position: relative;top: 0;left: 0;margin-bottom: 2.5vw;}
#contents01 .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 4.4vw;}
#contents01 .minBox {margin: 0 auto 3.1vw;position: relative;min-height: 15.7vw;border-bottom: 1px solid #DBDBDB;padding-left: 21.9vw;}
#contents01 .minBox.mbt{margin-bottom: 0vw;border: none;}
#contents01 .minBox figure.photo {position: absolute;top: 0;left: 0;width: 19.8vw;}
#contents01 .minBox h3 { position: relative; font-size: 1.375vw;line-height: 1.2;font-weight: 700;letter-spacing: 0vw;margin-bottom: 1.8vw;padding: 0vw 0 0 1.1vw;}
#contents01 .minBox h3::before{content: "";position: absolute;top: 0;left: 0;background: #00A4E0;width: 0.5vw;height: 1.9vw;}
#contents01 .minBox p.text {font-size: 1.145vw;line-height: 2;font-weight: 400;letter-spacing: 0;margin-bottom: 30px;}

#contents02 {margin: 0 auto 7.3vw;position: relative;padding-top: 5vw;}
#contents02 .text-Box {position: absolute;width: 31.25vw;min-height: 18.36vw;color: #fff;padding: 4.1vw 4.2vw 2.1vw 4.2vw;top: 0vw;left: 0vw;z-index: 3;background: #444444;}
#contents02 .text-Box h2{font-size: 1.375vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 1.4vw;}
#contents02 .text-Box h2 span{  }
#contents02 .text-Box p{font-size: 1.145vw;line-height: 2;font-weight: 400;letter-spacing: 0vw;margin-right: -1vw;}
#contents02 .inner-Box {position: relative;box-shadow: 1.041vw 1.041vw 1.5625vw #282D6B1A;background: #fff;margin-left: 6.2vw;padding: 5.3vw 0vw 4.2vw 30.3vw;}
#contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box ul li{position: relative;margin-right: 1vw;width: 28.125vw;margin-bottom: 1.1vw;}
#contents02 .inner-Box figure{position: relative;top: 0;left: 0;}
#contents02 .inner-Box p{font-size: 1.145vw;line-height: 1.6;font-weight: 400;letter-spacing: 0;background: transparent linear-gradient(270deg, #44444433 0%, #0E0E0E80 100%) 0% 0% no-repeat padding-box;position: absolute;bottom: 0vw;left: 0;color: #fff;padding: 0.7vw 1vw;width: 100%;}



}


@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 25.4vw;position: relative;padding-top: 25.5vw;}
    #contentsmain .inner-Box { margin: 0 auto; position: relative; }
    #contentsmain .inner-Box h3 {font-size: 9.096vw;line-height: 1.6;font-weight: 500;letter-spacing: 0vw;color: #00A4E0;position: relative;top: -2.7vw;left: 1.1vw;padding-left: 12.1vw;margin-bottom: -6.3vw;}
    #contentsmain .inner-Box h3 span{font-size: 4.175vw;position: absolute;top: 3.45vw;left: 5.6vw;}
    #contentsmain .inner-Box h3::before{content: "";width: 10.9625vw;height: 2px;background: #444444;display: block;top: 10.35vw;position: absolute;left: -1.2vw;}
    #contentsmain .inner-Box h4 {font-size: 4.325vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 8.1vw;padding: 2.2vw 0 0.4vw 13.3vw;}
    #contentsmain .inner-Box p.text span{ font-weight: 700;}
    
    #contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0;margin-left: 5.3vw;width: 75vw;margin-bottom: 2.5vw;}
    #contentsmain .inner-Box ul{width: 82.875vw;height: 46.625vw;background: rgba(255,255,255,0.5);backdrop-filter: blur(19px);-webkit-backdrop-filter: blur(0.98vw);z-index: 3;position: relative;padding: 7.5vw 7.8vw 2.3vw 8.9vw;margin-bottom: -10.7vw;}
    #contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
    #contentsmain .inner-Box ul li {position: relative;border-bottom: 1px solid #DBDBDB;margin-bottom: 0.1vw;}
    #contentsmain .inner-Box ul li a{color: #00A4E0;padding: 5.6575vw 0vw;display: block;}
    #contentsmain .inner-Box ul li a:hover{ text-decoration: none; }
    #contentsmain .inner-Box p.listtext {font-size: 4.325vw;line-height: 1;font-weight: 700;}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0vw;right: 0;margin-left: 21.3vw;}
    #contentsmain .inner-Box ul li a span.arr{display: block;width: 4.9vw;position: absolute;top: 5.3vw;right: 0.7vw;border: 1px solid #00A4E0;border-radius: 5vw;height: 5vw;}

    #contentsmain .c-arrow-link6--icon { overflow: hidden; display: inline-block; width: 1.3vw; /* 画像の幅に合わせて調整 */ height: 1vw; /* 画像の高さに合わせて調整 */ position: absolute; top: 2.4vw; right: 3.1vw; }
    #contentsmain .c-arrow-link6--icon img { position: absolute; top: 0; /* 初期状態で画像を中央に表示 */ transition: top 0.5s ease; /* アニメーションの速度を調整 */ }
 

.backk{background: #F0F3F4;padding: 7.4vw 0 19.6vw;margin-bottom: 25.1vw;}

#contents01 {margin: 0 auto 23.3vw;position: relative;padding-top: 17.2vw;}
#contents01 .text-Box {position: relative;width: 85.3vw;min-height: 64.2vw;color: #fff;background: transparent linear-gradient(304deg, #00A4E0 0%, #0087DB 100%) 0% 0% no-repeat padding-box;padding: 10.6vw 4.2vw 1.1vw 5.4vw;top: 0vw;left: 0vw;z-index: 3;margin-bottom: -20.9vw;}
#contents01 .text-Box h2{font-size: 4.325vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 8.4vw;}
#contents01 .text-Box h2 span{  }
#contents01 .text-Box p{font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0vw;margin-right: -1vw;margin-bottom: 7.6vw;}
#contents01 .inner-Box {position: relative;box-shadow: 1.041vw 1.041vw 1.5625vw #282D6B1A;background: #fff;margin-left: 10.8vw;padding: 31.7vw 0vw 15.8vw 10.4vw;}

#contents01 .inner-Box figure.photo00 {position: relative;top: 0;left: 0;margin-bottom: 4.9vw;}
#contents01 .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 0.5vw;}
#contents01 .minBox {margin: 0 auto 10.7vw;position: relative;border-bottom: 1px solid #DBDBDB;padding-left: 0vw;padding-bottom: 8.9vw;}
#contents01 .minBox.mbt{margin-bottom: 0vw;border: none;padding-bottom: 17vw;}
#contents01 .minBox figure.photo {position: relative;top: 0;left: 0;margin-bottom: 7.8vw;}
#contents01 .minBox h3 {position: relative;font-size: 4.3vw;line-height: 1.2;font-weight: 700;letter-spacing: 0vw;margin-bottom: 5.6vw;padding: 0vw 0 0 4.1vw;}
#contents01 .minBox h3::before{content: "";position: absolute;top: 0;left: 0;background: #00A4E0;width: 1.5vw;height: 4.9vw;}
#contents01 .minBox p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0;margin-right: 5vw;}
#contents01 .sp-zoombtn{font-size: 3.73vw;margin-bottom: 15vw;}
#contents01 .sp-zoombtn a{color: #fff;background: #444444;padding: 1.2vw 1.6vw;display: block;width: 25.6vw;text-align: center;}
img.mfp-img {
    width: 160vw!important;
    max-width: none!important;
}

.mfp-content {
    overflow-x: auto;
    overflow-y: hidden;
}

#contents02 {margin: 0 auto 7.3vw;position: relative;padding-top: 17.2vw;}
#contents02 .text-Box {position: relative;width: 85.3vw;min-height: 57.2vw;color: #fff;background:#444444;padding: 10.6vw 4.2vw 7.1vw 5.4vw;top: 0vw;left: 0vw;z-index: 3;margin-bottom: -13.9vw;}
#contents02 .text-Box h2{font-size: 4.325vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 8.4vw;}
#contents02 .text-Box h2 span{  }
#contents02 .text-Box p{font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0vw;margin-right: -1vw;}
#contents02 .inner-Box {position: relative;box-shadow: 1.041vw 1.041vw 1.5625vw #282D6B1A;background: #fff;margin-left: 10.8vw;padding: 25.1vw 0vw 15.8vw 10.4vw;}
#contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box ul li{position: relative;margin-bottom: 3vw;}
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents02 .inner-Box figure{position: relative;top: 0;left: 0;}
#contents02 .inner-Box p{font-size: 4vw;line-height: 1.6;font-weight: 400;letter-spacing: 0;background: transparent linear-gradient(270deg, #44444433 0%, #0E0E0E80 100%) 0% 0% no-repeat padding-box;position: absolute;bottom: 0vw;left: 0;color: #fff;padding: 2.5vw 3vw;width: 100%;}


}