@charset "UTF-8";
/* CSS Document */
html { margin-top: 0 !important; }
html body {position: relative;margin-top: 0 !important;}
body {height: 100%;margin: 0;padding: 0;font-family: "fot-tsukubrdgothic-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;color: #5D5D5D;background-color: #fff;}
p,h1,h2,h3,h4,h5,h6,th,td,a,i {margin: 0 auto;padding: 0;font-size: 1.2vw;line-height: 120%;font-weight: 400;}
img,video,iframe{margin: 0;padding: 0;vertical-align: bottom;}
ul,ol { list-style: none;}
a {text-decoration: none;color: #1b1b1b;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
a:hover {opacity: 1;}
/*----- font -----*/
.font1 {font-family: "source-han-sans-japanese", sans-serif;}
.font2 {font-family: "sketchnote-text", sans-serif;}
/*----- none -----*/
.pc{display: block;}
.tab{display: none;}
.sp{display: none;}
/*----- header -----*/
header {width: 100%;}
.header {width: 100%;margin: 0 auto;font-size: 0;}
.header_00 {width: 100%;position: relative;font-size: 0;}
.header_t {display: inline-block;vertical-align: middle;width: 35%;padding: 0 1vw 0 5vw;box-sizing: border-box;}
.header_t1 {}
.header_t1 a {}
.header_t1 a img {width: 85%;}
.header_t2 {margin-top: 3vw;font-size: 1.4vw;font-weight: 600;line-height: 190%;}
.header_i {display: inline-block;vertical-align: middle;width: 65%;}
.header_video {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 0 0 0 5vw;}
.header_img {width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 0 0 0 7vw;}
.header_01 {width: 100%;margin-top: 4vw;padding: 1.5vw 5vw;box-sizing: border-box;text-align: center;background-color: #FA7A81;color: #fff;}
.header_01_t1 {font-size: 1.5vw;font-weight: 600;line-height: 160%;}
/*----- content01 -----*/
#content01 {position: relative;width: 100%;padding: 11vw 0 11vw;background-image:url("../img/content01_bg.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;background-position: center;}
.content01 {width: 75%;margin: 0 auto;}
/* content01_t */
.content01_t {z-index: 10;position: relative;width: 100%;}
.content01_t1 {font-size: 3.2vw;font-weight: 600;}
.content01_t2 {margin-top: 2.5vw;font-size: 1.3vw;line-height: 240%;}
/* content01_absolute */
.content01_t0 {position: absolute;top: 1vw;left: 0.5vw;font-size: 13vw;color: rgba(229,239,253,0.30)}
.content01_img {position: absolute;top: 3vw;right: 0%;width: 53%;}
/*----- content02 -----*/
#content02 {width: 100%;padding: 3vw 0;}
.content02 {width: 80%;margin: 0 auto;}
/* content02_01 */
.content02_01 {width: 100%;}
.content02_01_box {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;width: 100%;padding: 4.5vw 0;border-bottom: dotted 3px #cfcfcf;}
.content02_01_box:last-child {border-bottom: dotted 0px #cfcfcf;}
/* 偶数番目だけ左右逆にする */
.content02_01_box:nth-child(even) {flex-direction: row-reverse;}
.content02_01_t {width: 62%;}
.content02_01_t1 {font-size: 1.9vw;font-weight: 600;line-height: 160%;}
.content02_01_t2 {margin-top: 1vw;font-size: 1vw;line-height: 170%;}
.content02_01_i {width: 34%;}
.content02_01_img {width: 100%;height: 19vw;object-fit: cover;border-radius: 1.5vw;}
/*----- content03 -----*/
#content03 {width: 100%;padding: 11vw 0 11vw;background-color: #EEFDFD;}
.content03 {width: 63%;margin: 0 auto;}
.content03_t1 {z-index: 10;position: relative;margin-bottom: 3vw;font-size: 3.6vw;font-weight: 600;text-align: center;}
/* content03_box */
.content03_box {z-index: 15;position: relative;width: 100%;margin: 2.5vw auto 0;padding: 1.2vw 1.2vw 1.2vw 5.5vw;font-size: 0;background-color: #fff;box-sizing: border-box;border-radius: 1vw;box-shadow: 1px 3px 3px #cfcfcf;}
.content03_box_t {display: inline-block;vertical-align: middle;width: 69%;padding-right: 4vw;box-sizing: border-box;}
.content03_box_t1 {font-size: 1.5vw;font-weight: 600;line-height: 140%;}
.content03_box_t1 span {display: inline-block;font-size: 1.2vw;}
.content03_box_t2 {margin-top: 1vw;font-size: 1vw;line-height: 140%;}
.content03_box_i {display: inline-block;vertical-align: middle;width: 31%;margin-top: -2vw;}
.content03_box_img {width: 100%;border-radius: 1vw;}
/* content03_absolute */
.content03_img {position: absolute;top: -0.5vw;left: -0.5vw;width: 7.5%;}
/*----- content04 -----*/
#content04 {width: 100%;padding: 1vw 0;}
.content04 {width: 80%;margin: 0 auto;}
/* content04_01 */
.content04_01 {width: 100%;}
.content04_01_box {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;width: 100%;padding: 4.5vw 0;border-bottom: dotted 3px #cfcfcf;}
.content04_01_box:last-child {border-bottom: dotted 0px #cfcfcf;}
/* 偶数番目だけ左右逆にする */
.content04_01_box:nth-child(even) {flex-direction: row-reverse;}
.content04_01_t {width: 62%;}
.content04_01_t1 {font-size: 1.9vw;font-weight: 600;line-height: 160%;}
.content04_01_t2 {margin-top: 1vw;font-size: 1vw;line-height: 170%;}
.content04_01_i {width: 34%;}
.content04_01_img {width: 100%;height: 19vw;object-fit: cover;border-radius: 1.5vw;}
/*----- footer -----*/
footer {width: 100%;}
.footer {width: 95%;margin: 0 auto;padding: 1.5vw 0;font-size: 0;}
/* footer_l */
.footer_l {display: inline-block;vertical-align: bottom;width: 50%;padding-left: 7vw;box-sizing: border-box;}
.footer_l_img {width: 37%;}
/* footer_r */
.footer_r {display: inline-block;vertical-align: bottom;width: 50%;text-align: right;}
.footer_r a {display: inline-block;vertical-align: middle;padding: 0 1vw;font-size: 1vw;border-right: solid 1px #000;box-sizing: border-box;}
.footer_r a:hover {text-decoration-line: underline;}
.footer_r a:last-child {border-right: solid 0px #000;}
footer small {display: block;width: 100%;height: 2.5vw;background-color: #262626;}


@media screen and (max-width:960px) {
/*----- none -----*/
.pc{display: block;}
.tab{display: block;}
.sp{display: none;}
/*----- header -----*/
.header_t {width: 50%;padding: 0 2vw 0 5vw;}
.header_t1 {}
.header_t1 a {}
.header_t1 a img {width: 85%;}
.header_t2 {margin-top: 3vw;font-size: 2vw;line-height: 190%;}
.header_i {width: 50%;}
.header_video {width: 100%;aspect-ratio: 4 / 3.3;object-fit: cover;border-radius: 0 0 0 5vw;}
.header_img {width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 0 0 0 7vw;}
.header_01 {margin-top: 4vw;padding: 1.5vw 5vw;}
.header_01_t1 {font-size: 2.1vw;line-height: 160%;}
/*----- content01 -----*/
#content01 {padding: 11vw 0 15vw;background-image:url("../img/content01_bg.png");}
.content01 {width: 90%;}
/* content01_t */
.content01_t1 {font-size: 3.8vw;}
.content01_t2 {margin-top: 2.5vw;font-size: 1.9vw;line-height: 220%;}
/* content01_absolute */
.content01_t0 {top: 1vw;left: 0.5vw;font-size: 13vw;}
.content01_img {top: 3vw;right: 0%;width: 60%;}
/*----- content02 -----*/
#content02 {padding: 3vw 0;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_box {padding: 4.5vw 0;}
.content02_01_t {width: 62%;}
.content02_01_t1 {font-size: 2.5vw;}
.content02_01_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 160%;}
.content02_01_i {width: 34%;}
.content02_01_img {height: 30vw;}
/*----- content03 -----*/
#content03 {padding: 11vw 0 11vw;}
.content03 {width: 90%;}
.content03_t1 {margin-bottom: 3vw;font-size: 4.2vw;}
/* content03_box */
.content03_box {margin: 3.5vw auto 0;padding: 1.5vw 1.5vw 1.5vw 6.5vw;}
.content03_box_t {width: 69%;padding-right: 4vw;}
.content03_box_t1 {font-size: 2.1vw;}
.content03_box_t1 span {font-size: 1.8vw;}
.content03_box_t2 {margin-top: 1vw;font-size: 1.6vw;line-height: 140%;}
.content03_box_i {width: 31%;margin-top: -2vw;}
.content03_box_img {}
/* content03_absolute */
.content03_img {top: -0.5vw;left: -0.5vw;width: 7%;}
/*----- content04 -----*/
#content04 {padding: 1vw 0;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01_box {padding: 4.5vw 0;}
.content04_01_t {width: 62%;}
.content04_01_t1 {font-size: 2.5vw;line-height: 160%;}
.content04_01_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 160%;}
.content04_01_i {width: 34%;}
.content04_01_img {height: 30vw;}
/*----- footer -----*/
.footer {width: 95%;padding: 1.5vw 0;}
/* footer_l */
.footer_l {width: 40%;padding-left: 0vw;}
.footer_l_img {width: 50%;}
/* footer_r */
.footer_r {width: 60%;}
.footer_r a {padding: 0 1.5vw;font-size: 1.6vw;}
footer small {height: 3vw;}
}

@media screen and (max-width:500px) {
/*----- none -----*/
.pc{display: none;}
.tab{display: none;}
.sp{display: block;}
/*----- header -----*/
header {position: relative;}
.header_t {position: absolute;top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 90%;padding: 0;text-align: center;}
.header_t1 {}
.header_t1 a {}
.header_t1 a img {width: 55%;filter: drop-shadow(0px 0px 3px #fff);}
.header_t2 {margin-top: 3vw;font-size: 3.5vw;line-height: 190%;color: #555;text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px,#fff 0px -2px 2px, #fff -2px 0px 2px,#fff 2px 2px 2px, #fff -2px 2px 2px,#fff 2px -2px 2px, #fff -2px -2px 2px,#fff 1px 2px 2px, #fff -1px 2px 2px,#fff 1px -2px 2px, #fff -1px -2px 2px,#fff 2px 1px 2px, #fff -2px 1px 2px,#fff 2px -1px 2px, #fff -2px -1px 2px,#fff 1px 1px 2px, #fff -1px 1px 2px,#fff 1px -1px 2px, #fff -1px -1px 2px;}
.header_i {width: 100%;}
.header_video {width: 100%;aspect-ratio: 4 / 5.5;object-fit: cover;border-radius: 0 0 0 0;}
.header_img {width: 100%;aspect-ratio: 4 / 4;object-fit: cover;border-radius: 0 0 0 0;}
.header_01 {margin-top: 4vw;padding: 3.5vw 5vw;}
.header_01_t1 {font-size: 3.5vw;line-height: 160%;}
/*----- content01 -----*/
#content01 {padding: 11vw 0 15vw;}
/* content01_t */
.content01_t1 {font-size: 5.2vw;}
.content01_t2 {margin-top: 2.5vw;font-size: 3.3vw;line-height: 200%;}
/* content01_01 */
.content01_01 {width: 100%;margin: 2vw auto 0 0;padding: 2vw 2vw;}
.content01_logo01_img {width: 35%;}
.content01_logo02_img {width: 20%;margin: 0 5%;}
.content01_logo03_img {width: 32%;}
/* content01_absolute */
.content01_t0 {top: 1vw;left: 0.5vw;font-size: 13vw;}
.content01_img {top: 3vw;right: 5%;width: 80%;}
/*----- content02 -----*/
#content02 {padding: 3vw 0;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_box {display: -webkit-block;display: block;padding: 5.5vw 0;}
.content02_01_t {width: 100%;}
.content02_01_t1 {font-size: 3.9vw;}
.content02_01_t2 {margin-top: 2.5vw;font-size: 3vw;line-height: 160%;}
.content02_01_i {width: 100%;margin-top: 3vw;}
.content02_01_img {height: 50vw;}
/*----- content03 -----*/
#content03 {padding: 11vw 0 11vw;}
.content03 {width: 90%;}
.content03_t1 {margin-bottom: 3vw;font-size: 4.2vw;}
/* content03_box */
.content03_box {margin: 4vw auto 0;padding: 5vw 3.5vw 3vw 8.5vw;}
.content03_box_t {width: 100%;padding-right: 0;}
.content03_box_t1 {font-size: 3.5vw;}
.content03_box_t1 span {font-size: 3.2vw;}
.content03_box_t2 {margin-top: 2vw;font-size: 3vw;line-height: 160%;}
.content03_box_i {width: 100%;margin-top: 3vw;}
.content03_box_img {}
/* content03_absolute */
.content03_img {top: -1vw;left: -1vw;width: 9%;}
/*----- content04 -----*/
#content04 {padding: 2vw 0;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01_box {display: -webkit-block;display: block;padding: 5.5vw 0;}
.content04_01_t {width: 100%;}
.content04_01_t1 {font-size: 3.9vw;}
.content04_01_t2 {margin-top: 2.5vw;font-size: 3vw;line-height: 160%;}
.content04_01_i {width: 100%;margin-top: 3vw;}
.content04_01_img {height: 50vw;}
/*----- footer -----*/
.footer {width: 95%;padding: 1.5vw 0 3vw;}
/* footer_l */
.footer_l {width: 100%;padding-left: 0vw;text-align: center;}
.footer_l_img {width: 40%;}
/* footer_r */
.footer_r {width: 100%;margin-top: 3vw;text-align: center;}
.footer_r a {padding: 0 2vw;font-size: 3.2vw;}
footer small {height: 5vw;}
}
