@charset "UTF-8";
/* メイン */
main img{width: 100%;}
main .main_img::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(125deg,rgba(0,47,95,0.9),transparent);z-index: 1;opacity: 0;animation: 5s fadeIn 0s Forwards;mix-blend-mode: darken;}
main h2{position: absolute;left: 0;bottom: 25%;color: #fff;z-index: 10;opacity: 0;animation: 2s fadeIn 0s Forwards;}
main h2 p{font-size: 1.7vw;text-align: center;}
main h2 figure{width: 25vw;margin: 2vw auto 0;}
main h2 div{display: inline-block;padding: 1vw 0.3vw 1vw 1vw;margin-top: 2vw;}
main h2 div:first-of-type{margin-top: 5vw;}
main h2 div span{z-index: 1;opacity: 0;animation: 2s fadeIn 1.5s Forwards;font-size: 6vw;line-height: 1;font-weight: 700;letter-spacing: 0.05em;}
main h2 div::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,47,95,1);animation: 2s scaleXl 0.5s Forwards;transform: scaleX(0);transform-origin: left;}
main h2 div:nth-of-type(2)::before{animation-delay: 1s;}
main h2 div:nth-of-type(2) span{animation-delay: 2s;}
.main_catch_e{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;position: absolute;right: -0.1em;top: 2vw;z-index: 10;}
.main_catch_e span{font-size: 6.2vw;line-height: 0.8;white-space: nowrap;overflow: hidden;display: inline-block;height: 0%;animation: 1s main_catch_e 2s Forwards linear;width: 1.2em;color: #fff;font-family: 'Oswald', sans-serif;}
.main_catch_e span:nth-of-type(2){margin-right: -0.3em;animation-delay: 2.5s;}
.main_scroll{font-family: "Oswald", sans-serif;color: #fff;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;position: absolute;bottom: 0;left: calc(50% - 1em);z-index: 1;height: 16%;text-align: center;opacity: 0;animation: 1s main_scroll 3.5s forwards;font-size: 1vw;}
.main_scroll::before{content: "";display: block;width: 1px; height: 100%;background: #fff;position: absolute;left: -0.2em;bottom: 0;}
.main_scroll::after{content: "";display: block;width: 1px; height: 15%;background: #fff;position: absolute;left: -0.2em;bottom: 0;transform: rotate(30deg);transform-origin: bottom;}

@keyframes scaleXl {
0%{transform: scaleX(0);transform-origin: left;}
100%{transform: scaleX(1);transform-origin: left;}
}
@keyframes main_catch_e {
0%{height: 0%;}
100%{height: 100%;}
}
@keyframes main_scroll {
0% {opacity: 0;transform: translateY(-20%);}
100% {opacity: 1;transform: translateY(0);}
}

@media screen and (max-width: 768px) {
main h2 p{font-size: 5.4vw;text-align: left;margin-left: 5.5vw;}
main h2 figure{width: 60vw;margin: 2vw 0 0 5vw;}
main h2 div{padding: 2vw 0.3vw 2vw 3vw;}
main h2 div:first-of-type{margin-top: 15vw;}
main h2 div span{font-size: 9.8vw;}
.main_catch_e{top: 0;}
.main_catch_e span{font-size: 13vw;}
.main_catch_e span:nth-of-type(2){margin-right: -0.3em;animation-delay: 2.5s;}
.main_scroll{font-size: 3vw;}
}


/* ミギウデとは */
#about{animation-name: fadeInUp;}
.about_img img{width: 100%;}
.about_wrap{max-width: 1000px;position: absolute;top: 8%;left: 0;right: 0;margin: 0 auto;background: rgba(255,255,255,0.8);padding: 50px 10px;text-align: center;animation-delay: 0.3s;animation-name: fadeIn;}
.about_wrap h3{font-size: 30px;font-weight: 600;color: #002f5f;display: flex;align-items: center;justify-content: center;line-height: 1;}
.about_wrap h3 figure{width: 240px;margin-right: 15px;margin-top: -10px;}
.about_wrap h3 + p{font-size: 18px;margin-top: 30px;line-height: 1.8;}
.about_wrap .read{margin-top:1.5vw;font-size:18px;}

@media screen and (max-width: 768px) {
.about_wrap{width: 90vw;top: 8%;padding: 8vw 0 5vw;}
.about_wrap h3{font-size: 5vw;}
.about_wrap h3 figure{width: 35vw;margin-right: 2vw;margin-top: -4vw;}
.about_wrap h3 + p{font-size: 3.3vw;margin-top: 3vw;line-height: 1.6;}
.about_wrap .read{margin-top:2vw;font-size: 3.3vw;}
}


/* 共通 */
.contents_tit{font-size: 48px;line-height: 1;font-weight: 600;}
.contents_tit + p{font-size: 18px;margin-top: 40px;line-height: 1.8;}
.copy_e{position: absolute;top: 50%;transform: translateY(-50%);}
.copy_e span{font-size: 120px;line-height: 1;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: 'Oswald', sans-serif;white-space: nowrap;overflow: hidden;display: inline-block;animation-delay: 0.5s;}
.link_btn{display: inline-block;color: #fff;padding: 12px 18px;background: #002f5f;border-radius: 7px;transition: 0.3s all;float: right;margin-top: 20px;}
.link_btn::after{content: "";display: inline-block;width: 18px;height: 18px;background: url("../common/img/btn_arrow.png") no-repeat center center/contain;vertical-align: -0.2em;margin-left: 0.4em;}

@keyframes copy_e_l {
0% {opacity: 0;transform: translateX(-100px) translateY(-50%);}
100% {opacity: 1;transform: translateX(0) translateY(-50%);}
}

@keyframes copy_e_r {
0% {opacity: 0;transform: translateX(100px) translateY(-50%);}
100% {opacity: 1;transform: translateX(0) translateY(-50%);}
}

@media screen and (min-width: 769px) {
.link_btn:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
.contents_tit{font-size: 7vw;}
.contents_tit + p{font-size: 3.2vw;margin-top: 5vw;}
.copy_e span{font-size: 13vw;}
.link_btn{padding: 2vw 3vw;border-radius: 1.5vw;margin-top: 3vw;}
.link_btn::after{width: 3.5vw;height: 3.5vw;}
}

/* 選ばれる理由 */
#pickup{background: #00528f;padding: 90px 100px;color: #fff;letter-spacing: 0.05em;overflow: hidden;animation-name: fadeInUp;}
#pickup .copy_e{color: #a3b6cc;left: 0;animation-name: copy_e_l;}
.pickup_item{display: flex;justify-content: space-between;margin-top: 60px;}
.pickup_item > li{width: 30%;animation-name: fadeInUp;}
.pickup_item > li figure{width: 240px;height: 240px;display: flex;justify-content: center;align-items: center; margin: 0 auto;background: #fff;border-radius: 50%;overflow: hidden;}
.pickup_item > li figure img{width: 80%;}
.pickup_item > li h4{text-align: center;font-size: 24px;font-weight: 600;margin-top: 10px;}
.pickup_item > li h4 span{font-size: 0.7em;display: block;margin-bottom: 5px;}
.pickup_item > li h4 span i{background: linear-gradient(to right,#97cee2,#fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-weight: 600;}
.pickup_item > li h4 span big{font-size: 2em;font-weight: 600;color: #fff;}
.pickup_item > li h4 + p{margin-top: 15px;}
.migiudenokai{max-width: 1000px;margin: 50px auto 0;padding: 30px;border-radius: 10px;background: linear-gradient(165deg,#e5f3f6 50%,#fff 50%);display: flex;justify-content: space-between;animation-name: fadeInUp;}
.migiudenokai > dt{width: 39%;}
.migiudenokai > dd{width: 58.5%;}
.migiudenokai > dd h4{padding-bottom: 7px;border-bottom: 1px solid #002f5f;}
.migiudenokai > dd h4 figure{width: 182px;}
.migiudenokai > dd h4 + p{color: #000;margin-top: 15px;}

@media screen and (min-width: 769px) {
.pickup_item > li:nth-of-type(2){animation-delay: 0.2s;}
.pickup_item > li:nth-of-type(3){animation-delay: 0.4s;}
}

@media screen and (max-width: 1400px) {
#pickup{padding-right: 0;}
}

@media screen and (max-width: 768px) {
#pickup{padding: 10vw 0 10vw 9vw;}
.pickup_item{flex-wrap: wrap;margin-top: 7vw;}
.pickup_item > li{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;}
.pickup_item > li:nth-of-type(n+2){margin-top: 5vw;}
.pickup_item > li figure{width: 31vw;height: 31vw;margin: 0;}
.pickup_item > li figure img{width: 80%;}
.pickup_item > li .pickup_copy{width: calc(100% - 33vw);}
.pickup_item > li h4{text-align: left;font-size: 4vw;margin-top: 0;}
.pickup_item > li h4 span{margin-bottom: 1vw;}
.pickup_item > li h4 + p{margin-top: 2vw;}

.migiudenokai{margin: 7vw auto 0;padding: 5vw 4vw;border-radius: 2vw;background: linear-gradient(135deg,#e5f3f6 50%,#fff 50%);flex-wrap: wrap;}
.migiudenokai > dt{width: 100%;order: 2;margin-top: 3vw;}
.migiudenokai > dd{width: 100%;order: 1;position: static;}
.migiudenokai > dd h4{padding-bottom: 1.5vw;}
.migiudenokai > dd h4 figure{width: 25vw;}
.migiudenokai > dd h4 + p{margin-top: 3vw;}
.migiudenokai > dd .link_btn{position: absolute;top: -1vw;right: 4vw;}
}



/* ミギウデの特徴 */
#feature{padding: 90px 100px;letter-spacing: 0.05em;overflow: hidden;animation-name: fadeInUp;min-height: 1000px;}
#feature .copy_e{color: #c3cbd1;right: 0;animation-name: copy_e_r;margin-right: -15px;}
#feature .contents_tit{color: #002f5f;}
.feature_item{display: flex;justify-content: space-between;margin-top: 60px;}
.feature_item > *{width: 48.3%;animation-name: fadeInUp;display: flex;justify-content: flex-end;flex-wrap: wrap;align-items: center;}
.feature_item > * .feature_img{width: 240px; height: 240px;display: flex;justify-content: center;align-items: center;border-radius: 50%;overflow: hidden;}
.feature_item > dt .feature_img{background: #0073be;}
.feature_item > dd .feature_img{background: #e1e5e8;}
.feature_item > dd .feature_img img{width: 80%;}
.feature_item > * h4{width: calc(100% - 240px);font-size: 24px;font-weight: 600;color: #002f5f;padding-left: 25px;}
.feature_item > * h4 big{font-size: 1.9em;font-weight: 600;color: #0074c1;display: block;line-height: 1.1;}
.feature_item > * h4 .f_logo{margin-top: 15px;}
.feature_item > dt h4 .f_logo{width: 210px;}
.feature_item > * p{margin-top: 25px;}

@media screen and (max-width: 1400px) {
#feature{padding-left: 0;}
}

@media screen and (max-width: 768px) {
#feature{padding: 10vw 9vw 10vw 0;min-height: auto;}
#feature .copy_e{margin-right: -3vw;}
.feature_item{flex-wrap: wrap;margin-top: 7vw;}
.feature_item > *{width: 100%;}
.feature_item > * .feature_img{width: 31vw; height: 31vw;}
.feature_item > dd{margin-top: 7vw;}
.feature_item > dd .feature_img img{width: 80%;}
.feature_item > * h4{width: calc(100% - 31vw);font-size: 4vw;padding-left: 2vw;}
.feature_item > * h4 .f_logo{margin-top: 3vw;}
.feature_item > dt h4 .f_logo{width: 38vw;}
.feature_item > dd h4 .f_logo{width: 38vw;}
.feature_item > * p{margin-top: 4vw;}
}



/* 転職をお考えの方・採用をお考えの方 */
#worry{animation-name: fadeInUp;}
.worry_switch{background: #f7f7f7;padding: 80px 20px 0;border-bottom: 2px solid #002e5f;display: flex;justify-content: center;}
.worry_switch > *{width: 580px;background: #aaa;color: #fff;text-align: center;padding: 10px;font-size: 24px;cursor: pointer;transition: 0.3s all;font-weight: 500;}
.worry_switch > *::before{content: "";display: inline-block;width: 32px;height: 32px;background: url("../common/img/switch_arrow.png") no-repeat center center/contain;vertical-align: -0.3em;margin-right: 0.5em;transition: 0.3s all;}
.worry_switch > *::after{content: "";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #f7f7f7;display: block;}
.worry_switch > *:nth-of-type(2){margin-left: 40px;}
.worry_switch > *.active{background: #002e5f;pointer-events: none;}
.worry_switch > *.active::before{transform: rotate(90deg);}
.worry_switch > *.active::after{display: none;}
#recruitment{display: none;}

.worry_main::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(125deg,rgba(0,47,95,0.9),transparent);z-index: 1;mix-blend-mode: darken;}
.worry_main figure img{width:100%;}
.worry_main_copy{position: absolute;left: 0;bottom: 8%; color: #fff;z-index: 1;}
.worry_main_tit{font-size: 1.6vw;display: flex;align-items: flex-end;padding-left: 1vw;line-height: 1;}
.worry_main_tit figure{width: 15.6vw;}
.worry_main_catch div{display: inline-block;padding: 0.5vw 0.1vw 0.5vw 1vw;margin-top: 1vw;}
.worry_main_catch div:first-of-type{margin-top: 3.5vw;}
.worry_main_catch div span{font-size: 4.1vw;z-index: 1;line-height: 1;animation-name: fadeIn;animation-delay: 0.5s;font-weight: 500;letter-spacing: 0.05em;}
.worry_main_catch div i{width: 100%;height: 100%;background: #002e5f;position: absolute;left: 0;top: 0;animation-name: scaleXl;}

.worry_tit{font-size: 48px;color: #0074be;line-height: 1;display: inline-block;font-weight: 600;padding-left: 75px;}
.worry_tit::before{content: "";display: inline-block;width: 60px;height: 60px;position: absolute;left: 0;top: 0;}
.service .worry_tit::before{background: url("../img/service_i.svg") no-repeat center center/contain;}
.message .worry_tit::before{background: url("../img/message_i.svg") no-repeat center center/contain;}
.flow .worry_tit::before{background: url("../img/flow_i.svg") no-repeat center center/contain;}
.worry_tit small{display: block;font-size: 0.375em;font-family: 'Oswald','Noto Sans JP', sans-serif;text-align: center;margin-top: 5px;}
.worry_tit + p{font-size: 18px;margin-top: 20px!important;line-height: 1.8;}

.worry_item{margin-top: 75px;animation-name: fadeInUp;}

.message::before{content: "";width: 100%;height: 100px;display: block;z-index: -1;position: absolute;left: 0;top: -100px;background: linear-gradient(177deg,transparent 50%,#f7f7f7 50%);}
.message::after{content: "";width: 100%;height: 100px;display: block;z-index: -1;position: absolute;left: 0;bottom: -100px;background: linear-gradient(357deg,transparent 50%,#f7f7f7 50%);}
.message{background: #f7f7f7;}
.message .worry_tit ~ p{font-size: 18px;margin-top: 1em;line-height: 1.8;}

.flow{margin-top: 120px;}
.flow_item{display: flex;justify-content: space-between;margin-top: 40px;}
.flow_item > *{width: 16.7%;border: 2px solid #0175be;border-radius: 10px;padding: 15px 8px;}
.flow_item > *::after{content: "";display: inline-block;width: 16%;height: 100%;position: absolute;right: -22%;top: 0;background: url("../img/flow_arrow_pc.png") no-repeat center center/contain;}
.flow_item > *:last-of-type::after{display: none;}
.flow_item > * h4{font-size: 16px;font-weight: 600;text-align: center;color: #0175be;border-bottom: 1px solid #002f5f;}
.flow_item > * h4 big{font-size: 2em;font-weight: 700;line-height: 1;vertical-align: -0.05em;}
.flow_item > * h4 div{font-size: 1.3em;font-weight: 700;min-height: 3em;display: flex;justify-content: center;align-items: center;color: #002f5f;}
.flow_item > * figure{margin-top: 5px;}
.flow_item > * p{font-size: 15px;margin-top: 10px;}

.support_btn{background: #0074be;color: #fff;transition: 0.3s all;padding: 20px 20px 18px 90px;font-size: 36px;line-height: 1.2;display: block;width: 600px;margin: 100px auto 0;}
.support_btn small{display: block;font-size: 0.6em;padding-left: 2em;}
.support_btn span{font-size: 0.8em;}
.support_btn::before{content: "";display: inline-block;width: 60px;height: 60px;position: absolute;left: 20px;top: 23px;background: url("../img/support_i.svg") no-repeat center center/contain;}
.support_btn::after{content: "";display: block; width: calc(100% - 12px);height: calc(100% - 12px);border: 1px solid #fff;position: absolute;top:0;bottom:0;left:0;right: 0;margin: auto;z-index: 1;pointer-events: none;}

@media screen and (min-width: 769px) {
.worry_switch > *:hover,
.support_btn:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
.worry_switch{padding: 5vw 4vw 0;}
.worry_switch > *{width: 49%;padding: 1vw 0 1vw 3vw;font-size: 3.5vw;}
.worry_switch > * big{font-size: 1.2em;font-weight: 600;display: block;}
.worry_switch > *::before{width: 6vw;height: 6vw;vertical-align: 0;margin-right: 0;position: absolute;top: 0;bottom: 0;margin: auto 0;left: 3vw;}
.worry_switch > *:nth-of-type(2){margin-left: 2%;}

.worry_main_copy{bottom: 4%;}
.worry_main_tit{font-size: 5vw;flex-direction: column;align-items: flex-start;padding-left: 5vw;line-height: 1;}
.worry_main_tit figure{width: 47vw;margin-bottom: 2vw;}
.worry_main_catch div{padding: 2vw 0.1vw 2vw 3vw;margin-top: 1.5vw;}
.worry_main_catch div:first-of-type{margin-top: 20vw;}
.worry_main_catch div span{font-size: 9vw;}

.worry_tit{font-size: 8vw;padding-left: 12vw;}
.worry_tit::before{width: 10vw;height: 10vw;}
.worry_tit small{margin-top: 1vw;}
.worry_tit + p{font-size: 3.5vw;margin-top: 4vw!important;}

.worry_item{margin-top: 10vw;}

.message{margin-top: 15vw;}
.message::before{height: 15vw;top: -15vw;}
.message::after{height: 15vw;bottom: -15vw;}
.message .worry_tit ~ p{font-size: 3.5vw;}

.flow{margin-top: 20vw;}
.flow_item{flex-wrap: wrap;margin-top: 5vw;}
.flow_item > *{width: 100%;border: 2px solid #0175be;border-radius: 2vw;padding: 4vw 3vw;display: grid;grid-template-columns: 68% 32%;}
.flow_item > *:nth-of-type(n+2){margin-top: 7vw;}
.flow_item > *::after{width: 10vw;height: 5vw;right: 0;left: 0;top: auto;bottom: -7vw;background: url("../img/flow_arrow_sp.png") no-repeat center center/contain;margin: 0 auto;}
.flow_item > *:last-of-type::after{display: none;}
.flow_item > * h4{font-size: 3.5vw;text-align: left;padding-bottom: 1vw;}
.flow_item > * h4 big{margin-right: 0.2em;}
.flow_item > * h4 div{min-height: auto;display: inline-flex;}
.flow_item > * figure{margin-top: 0;grid-row: 1/3;grid-column: 2/3;}
.flow_item > * p{font-size: 3.5vw;margin-top: 3vw;}

.support_btn{padding: 5vw 4vw 5vw 15vw;font-size: 5.3vw;width: 90vw;margin: 10vw auto 0;}
.support_btn::before{width: 8vw;height: 8vw;left: 5vw;top: 6vw;}
.support_btn::after{width: calc(100% - 4vw);height: calc(100% - 4vw);}
}




/* 会社概要 */
#outline{background: #f7f7f7;padding: 90px 0;margin-top: 90px;animation-name: fadeInUp;}
#outline .contents_tit{color: #002d5f;}
.outline_item{max-width: 1024px;display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 18px;margin: 40px auto 0;}
.outline_item > *{padding: 20px 5px;border-bottom: 1px dashed #333;}
.outline_item > *:last-of-type{border-bottom: none;}
.outline_item > dt{width: 20%;text-align: center;display: flex;justify-content: center;align-items: center;}
.outline_item > dd{width: 78%;}
.outline_item > dd a{text-decoration: underline;}

@media screen and (min-width: 769px) {
.outline_item > dd a:hover{text-decoration: none;}
}

@media screen and (max-width: 768px) {
#outline{padding: 10vw 0;margin-top: 10vw;}
#outline .contents_tit{}
.outline_item{font-size: 3.5vw;margin: 7vw auto 0;}
.outline_item > *{padding: 4vw 1vw;}
.outline_item > dt{width: 20%;}
.outline_item > dd{width: 78%;}
}



/* お問い合わせフォーム */
#support{background: #00528f;padding: 90px 0;animation-name: fadeInUp;color: #fff;}
#support_recruitment{display: none;}
.support_contents{text-align: center;font-size: 18px;}
.support_item{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.support_item > *{display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.support_item > * p{width: 200px;}
.support_item > * div{width: calc(100% - 220px);}
.support_item > dt{width: 48.75%;}
.support_item > dd{width: 100%;}
.support_item + *{margin-top: 45px;}
.policy_btn{color: #fff;display: inline-block;margin-top: 25px;text-decoration: underline;}

.modal_bk{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.8);cursor: pointer;display: none;z-index: 1100;}
.policy_modal{max-height: 80vh;max-width: 1200px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;color: #000;padding: 45px 35px;z-index: 1200;overflow-y: auto;background: #fff;display: none;}
.policy_modal h4{font-size: 36px;color: #002d5f;font-weight: 600;line-height: 1.5;}
.policy_modal h4 small{font-size: 0.6em;display: block;font-weight: 600;}
.policy_modal h4 + p{margin-top: 20px;}
.policy_modal h5{font-size: 18px;color: #002d5f;font-weight: 600;margin-top: 25px;}
.policy_modal h5 + p{margin-top: 10px;}
.policy_modal .tl{text-indent: -0.5em;padding-left: 0.5em;}
.policy_footer{border: 1px solid #002d5f;padding: 20px;margin-top: 20px;text-align: center;}
.policy_footer h5{margin-top: 0;}
.modal_close_btn{color: #fff;line-height: 1;width: 40px;height: 40px;background: #000;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;cursor: pointer;transition: 0.3s all;font-size: 45px;}

input[type="text"],input[type="tel"],input[type="email"],textarea{width: 100%;box-sizing: border-box;padding: 10px 7px;font-size: 16px;}
label{cursor: pointer;display: inline-block;}
::placeholder{color: #878787;font-size: 16px;}
:focus::placeholder{color: transparent;}
.send_btn{display: flex;justify-content: center;align-items: center;width: 400px;font-size: 20px;border: none;background: #c3cbd1;height: 80px;margin: 45px auto 0;cursor: pointer;transition: 0.3s all;position: relative;}
.send_btn::before{content: "";display: block; width: calc(100% - 10px);height: calc(100% - 10px);border: 1px solid #333;position: absolute;top:0;bottom:0;left:0;right: 0;margin: auto;z-index: 1;pointer-events: none;}

@media screen and (min-width: 769px) {
.policy_btn:hover{text-decoration: none;}
.modal_close_btn:hover,
.send_btn:hover{opacity: 0.6;}
}


@media screen and (max-width: 768px) {
#support{padding: 10vw 0;}
.support_contents{text-align: center;font-size: 3.5vw;}
.support_item{margin-top: 3vw;}
.support_item > *{flex-wrap: wrap;margin-top: 4vw;}
.support_item > * p{width: 100%;text-align: left;margin-bottom: 1vw;}
.support_item > * div{width: 100%;}
.support_item > dt{width: 100%;}
.support_item > dd{width: 100%;}
.support_item + *{margin-top: 5vw;}
.policy_btn{margin-top: 4vw;}

.policy_modal{max-height: 80vh;width: 90vw;padding: 5vw 4vw;}
.policy_modal h4{font-size: 6vw;}
.policy_modal h4 small{}
.policy_modal h4 + p{margin-top: 4vw;}
.policy_modal h5{font-size: 3.7vw;margin-top: 5vw;}
.policy_modal h5 + p{margin-top: 2vw;}
.policy_modal .tl{}
.policy_footer{padding: 4vw;margin-top: 4vw;}
.policy_footer h5{margin-top: 0;}
.modal_close_btn{width: 8vw;height: 8vw;font-size: 10vw;}

input[type="text"],input[type="tel"],input[type="email"],textarea{padding: 2vw 1vw;font-size: 16px;}
label{}
::placeholder{font-size: 16px;}
.send_btn{width: 70vw;font-size: 4vw;height: 15vw;margin: 6vw auto 0;}
.send_btn::before{width: calc(100% - 3vw);height: calc(100% - 3vw);}
}

/* form css */
.confirmphase dl.support_item dt div,.confirmphase dl.support_item dd div{
  text-align: left;
  padding: 10px;
}
.thanksphase .thankstext{
  padding: 10px;
}