@charset "UTF-8";
/* CSS Document */


/* スライダー */
@media (min-width: 768px) {
	.slick_slide .slick-list div.slide1{ background-image: url("../images/top/slider/img1.jpg"); background-size: cover; background-position: bottom;}
	.slick_slide .slick-list div.slide1>.text_box { position: absolute; top: 0; right: 0; display: inline-flex; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; justify-content: flex-start; align-items: flex-start; padding: 40px 0 0 40px; z-index: 2;}
	.slick_slide .slick-list div.slide1>.text_box img{ width: auto; height: 180px;}
	.slick_slide .slick-list div.slide1>.text_box2 { width: 100%; text-align: left; top: 0; right: 0; padding: 240px 0 0 40px;}
	.slick_slide .slick-list div.slide1>.text_box2 span{ width: 100%; text-align: left;}
	.slick_slide .slick-list div.slide1>.text_box2 img{ width: auto; height: 130px; margin: 0 0 0 auto;}
	
	.slick_slide .slick-list div.slide2{ background-image: url("../images/top/slider/img2.jpg"); background-size: cover; background-position: center;}
	.slick_slide .slick-list div.slide2>.text_box { position: absolute; top: 0; right: 0; display: inline-flex; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; justify-content: flex-end; align-items: flex-start; padding: 45px 40px 0 0; z-index: 2;}
	.slick_slide .slick-list div.slide2>.text_box img{ width: auto; height: 65px;}
	.slick_slide .slick-list div.slide2>.text_box2 { width: 100%; top: 0; left: 0; padding: 150px 40px 0 0;}
	.slick_slide .slick-list div.slide2>.text_box2 span{ width: 100%; text-align: right;}
	.slick_slide .slick-list div.slide2>.text_box2 img{ width: auto; height: 190px; margin: 0 0 0 auto;}
}
@media (max-width: 767.98px) {
	.slick_slide .slick-list div.slide1>span { position: absolute; top: 0; right: 0; display: inline-flex; justify-content: flex-start;
    align-items: flex-start; bottom: 30px; left: 0; margin: auto; width: 100%; height: auto; flex-direction: column; padding: 15px 0 0 15px;}
	.slick_slide .slick-list div.slide1>span img{ width: 70%; height: auto; text-shadow: 1px 1px 2px black;}
	.slick_slide .slick-list div.slide1.slick-active>span img{ animation: main1 4s ease-in-out;}
	.slick_slide .slick-list div.slide1.slick-active .top_btn{ margin: 15px 0 0 0; animation: main1 4s ease-in-out;}
	
	.slick_slide .slick-list div.slide2>span { position: absolute; top: 0; right: 0; display: inline-flex; justify-content: flex-start;
    align-items: flex-end; bottom: 30px; margin: auto; width: 100%; height: auto; flex-direction: column; padding: 20px 20px 0 0;}
	.slick_slide .slick-list div.slide2>span img{ width: 60%; height: auto; text-shadow: 1px 1px 2px black; z-index: 2;}
	.slick_slide .slick-list div.slide2.slick-active>span img{ animation: main1 4s ease-in-out;}
	.slick_slide .slick-list div.slide2.slick-active .top_btn{ margin: 15px 0 0 0; animation: main1 4s ease-in-out;}
	.slick_slide .top_btn a{ background-color: #fff; color: #000;}
}


/* 全体 */
@media (min-width: 768px) {
	.contents{ width: 1000px; margin: 0 auto; z-index: 3; position: relative;}
	
	.wave_back.lead{ position: relative; background-color: #fff; width: 1168px; margin: 0 auto;}
	.wave_back.dokidoki{ position: relative; background-color: #d3edfb; padding: 0 0 360px 0; margin: 280px 0 0 0;}
	.wave_back.dokidoki::before { content: ""; background-image: url("../../../images/wave/wave4.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; top: -38px; z-index: 1;}
	.wave_back.wave_white{ position: relative; background-color: #fff; padding: 0; margin: 0;}
	.wave_back.wave_white::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; top: -38px; z-index: 1;}
	.wave_back.naruhodo{ position: relative; background-image: url("../images/top/naruhodo/img1.jpg"); background-size: contain; background-position: center; padding: 10px 0 0 0; margin: 40px auto 0; height: 422px; color: #fff;}
	.wave_back.naruhodo::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; top: 0; z-index: 1; transform: scale(-1, -1);}
	.wave_back.mirai{ position: relative; background-color: #fff; padding: 0;}
	.wave_back.mirai::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; top: -38px; z-index: 1; transform: scale(-1, 1);}
	.wave_back.message{ position: relative; background-color: #fff; padding: 0 0 80px 0; background-image: url("../images/top/message/img2.jpg"); background-size: cover; width: 1168px; height: 742px; margin: 0 auto;}
	.wave_back.message::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; top: 0; z-index: 1; transform: scale(1, -1);}
	.wave_back.message::after { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; bottom: -5px; z-index: 1; transform: scale(1, 1);}
	.wave_back.recbtn{ position: relative; background-color: #fff; padding: 0 0 30px 0;}
	.wave_back.recbtn::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 40px; background-size: 1156px auto; position: absolute; bottom: -38px; z-index: 1; transform: scale(1, -1);}
}
@media (max-width: 1168px) {
	.wave_back.naruhodo { background-size: cover;}
}
@media (max-width: 767.98px) {
	.contents{ width: 100%; margin: 0 auto; z-index: 3; position: relative; font-size: 14px;}

	.wave_back.lead{ position: relative; background-color: #fff; width: 100%; margin: 0 auto 120px;}
	.wave_back.dokidoki{ position: relative; background-color: #d3edfb; padding: 0 0 20px 0;}
	.wave_back.dokidoki::before { content: ""; background-image: url("../../../images/wave/wave4.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; top: -19px; z-index: 1;}
	.wave_back.wave_white{ position: relative; background-color: #fff; padding: 0 15px; margin: 0 0 25px 0;}
	.wave_back.wave_white::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; top: -19px; z-index: 1;}
	.wave_back.naruhodo{ position: relative; background-image: url("../images/top/naruhodo/img1.jpg"); background-size: cover; background-position: center; padding: 20px 15px;}
	.wave_back.naruhodo::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; top: -3px; z-index: 1; transform: scale(1, -1);}
	.wave_back.mirai{ position: relative; background-color: #fff; padding: 70px 15px 40px;}
	.wave_back.mirai::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; top: -19px; z-index: 1; transform: scale(-1, 1);}
	.wave_back.message{ position: relative; padding: 0;}
	.wave_back.message::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; bottom: -19px; z-index: 10; transform: scale(1, -1);}
	.wave_back.recbtn{ position: relative; background-color: #fff; padding: 0 0 30px 0;}
	.wave_back.recbtn::before { content: ""; background-image: url("../../../images/wave/wave2.png"); background-repeat: repeat-x; background-position: center; display: block; width: 100%; height: 22px; background-size: 541px auto; position: absolute; left: 0; bottom: -19px; z-index: 1; transform: scale(1, -1);}
}


/* 若き感性は、あなたです。 */
@media (min-width: 768px) {
	.lead_box{ padding: 25px 0 0 0;}
	.lead_box .lead_title{ }
	.lead_box .lead_title img{ width: auto; height: 67px;}
	.lead_box .lead_p_flex{ display: flex; margin: 24px 0 0 0;}
	.lead_box .lead_p_flex p{ width: calc(100% - 572px); margin: 0; font-size: 17px; font-family: "M PLUS Rounded 1c", sans-serif;}
	.lead_box .lead_p_flex img{ width: 572px;}
}
@media (max-width: 767.98px) {
	.lead_box{ padding: 20px 10px 30px 10px; display: flex; width: 375px; margin: 0 auto;}
	.lead_box .lead_title img{ width: 12vw; max-width: 24px; left: 5px; position: relative;}
	.lead_box .lead_p_flex{ margin: 0 0 0 20px; width: 88%;}
	.lead_box .lead_p_flex p{ width: 100%; margin: 0; font-size: 14px; font-family: "M PLUS Rounded 1c", sans-serif;}
}


/* さあ、いっしょにドキドキしよう。 */
@media (min-width: 768px) {
	.dokidoki_box .dokidoki_flex{ display: flex; justify-content: center; align-items: flex-end;}
	.dokidoki_box .dokidoki_flex .img1{ width: 310px; object-fit: contain; position: relative; left: -20px;}
	.dokidoki_box .dokidoki_flex .img2{ width: 578px;}
	.dokidoki_box .dokidoki_flex .img3{ width: 191px; position: relative; right: -20px;}
	.dokidoki_box .dokidoki_move{ position: absolute; top: -245px; width: 100%;}
	.dokidoki_box .dokidoki_move .dokidoki_title{ margin: 0 0 10px 0; text-align: center;}
	.dokidoki_box .dokidoki_move .dokidoki_title img{ height: 43.5px;}
	.dokidoki_box .dokidoki_move h2{ font-size: 16px; text-align: center; width: 570px; margin: 20px auto 10px;  display: block; font-weight: normal; font-family: "M PLUS Rounded 1c", sans-serif;}
	.dokidoki_box .dokidoki_nomove{ position: relative; top: 210px;}
	.dokidoki_box .dokidoki_nomove .dokidoki_title2{ margin: 0 0 20px 0;}
	.recruit_banner_flex{ display: flex; justify-content: space-between; margin: 0;}
	.recruit_banner_flex img{ width: 481px;}
	.recruit_banner_one{ margin: 20px 0 0 0;}
    
    /*20240626加藤追加*/
    .recruit_banner_flex0626{ gap: 20px;}
}
@media (max-width: 767.98px) {
	.dokidoki_box{ padding: 20px 15px 26px; position: relative; top: -130px; margin: 0 0 -130px 0;}
	.dokidoki_box .dokidoki_flex{ display: flex; padding: 0;}
	.dokidoki_box .dokidoki_flex .img1{ width: 205px; position: relative; left: -20px;}
	.dokidoki_box .dokidoki_flex .img2{ width: 95%;}
	.dokidoki_box .dokidoki_flex .img3{ width: 191px; position: relative; right: -20px;}
	.dokidoki_box .dokidoki_move{ margin: 0; text-align: center;}
	.dokidoki_box .dokidoki_move .dokidoki_title{ margin: 0 0 20px 0;}
	.dokidoki_box .dokidoki_move .dokidoki_title img{ width: 95%;}
	.dokidoki_box .dokidoki_move h2{ font-size: 14px; text-align: center; width: 100%; margin: 20px auto 10px;  display: block; font-weight: normal; font-family: "M PLUS Rounded 1c", sans-serif;}
	.dokidoki_box .dokidoki_nomove{ margin: 20px 0 0 0;}
	.dokidoki_box .dokidoki_nomove .dokidoki_title2{ margin: 0 0 15px 0;}
	.recruit_banner_flex{ display: flex; justify-content: space-between; margin: 0;}
	.recruit_banner_flex a{ width: 49%;}
	.recruit_banner_one{ margin: 15px 0 0 0;}
    
    /*20240626加藤追加*/
    .recruit_banner_flex0626{ justify-content: center; flex-wrap: wrap; gap: 6px;}
}


/* SDGs */
@media (min-width: 768px) {
	.wave_back.sdgs_rec{ background-color: #0099d9; position: relative; top: -110px; margin: 0 0 -110px 0;}
	.wave_back.sdgs_rec .contents{ background-color: #fff; width: 770px;}
	.wave_white .contents{ top: -130px!important;}
	.wave_white .contents .top_btn{ text-align: right;}

	.wave_white .sdgs_rec_move{ position: absolute; bottom: -645px;}
	.wave_white .sdgs_rec_move_flex{ display: flex; align-items: center; margin: 0 0 20px 0;}
	.wave_white .sdgs_rec_move_flex>div:first-child img{ width: 647px;}
	.wave_white .sdgs_rec_move_flex>div:first-child{ width: 647px;}
	.wave_white .sdgs_rec_move_flex>div:last-child{ width: 353px;}
	.wave_white .sdgs_rec_move_flex>div:last-child img{ width: 344px;}

	.sdgs_box_rec { display: flex; justify-content: space-between; margin: 0 30px;}
	.sdgs_box_rec .sdgs_1 img{ width: 286px;}
	.sdgs_box_rec .sdgs_2 img{ width: 393px;}
	.sdgs_box_rec .top_btn{ margin-top: 0;}
}
@media (max-width: 767.98px) {
	.wave_back.sdgs_rec{ position: relative; top: 0; margin: 0;}
	.wave_back.sdgs_rec .contents{ background-color: #fff; width: 100%!important;}
	.wave_back.sdgs_rec .top_btn{ margin: 15px 0; padding: 0 15px;}
	.wave_white .contents{ }
	.wave_white .contents .top_btn{ text-align: right;}

	.wave_white .sdgs_rec_move{ position: absolute; bottom: -645px;}
	.wave_white .sdgs_rec_move_flex{ display: flex; align-items: flex-end; margin: 0; padding: 15px 0 0; position: relative; top: -20px;}
	.wave_white .sdgs_rec_move_flex>div:first-child img{ width: 80%;}
	.wave_white .sdgs_rec_move_flex>div:first-child{ width: 100%;}
	.wave_white .sdgs_rec_move_flex>div:last-child{ width: 40%;}
	.wave_white .sdgs_rec_move_flex>div:last-child img{ width: 100%;}

	.sdgs_box_rec { display: flex; justify-content: space-between; margin: 0; padding: 0 15px; border-right: 15px solid #0099d9; border-left: 15px solid #0099d9;}
	.sdgs_box_rec .sdgs_1{ width: 44%; background-color: #fff; padding: 0;}
	.sdgs_box_rec .sdgs_1 img{ width: 92%;}
	.sdgs_box_rec .sdgs_2{ width: 56%; background-color: #fff; padding: 0;}
	.sdgs_box_rec .sdgs_2 img{ width: 100%;}
	.sdgs_box_rec .top_btn{ margin-top: 0;}
	.sdgs_rec_text img{ width: 85%;}
}


/* ナルホド！若築 */
@media (min-width: 768px) {
	.naruhodo_box{ margin: 60px 0 0 0; position: relative;}
	.naruhodo_box img{ width: 1000px;}
	.naruhodo_box p{ position: absolute; top: 190px; font-family: "M PLUS Rounded 1c", sans-serif;}
	.naruhodo_box .top_btn{ position: absolute; top: 255px; margin: 0;}

	.wave_back.mirai .mirai_box{ padding: 40px 0 0 0;}
	.wave_back.mirai .mirai_box p{ margin: 0 0 20px 0; font-family: "M PLUS Rounded 1c", sans-serif;}
	.wave_back.mirai .mirai_title{ width: 448px; margin: 0 0 20px 0;}
	
	.naruhodo_btm{ display: none;}
}
@media (max-width: 767.98px) {
	.naruhodo_box{ margin: 25px 0 15px; position: relative; padding: 0 15px;}
	.naruhodo_box p{ font-family: "M PLUS Rounded 1c", sans-serif; color: #fff; margin: 10px 0; width: 78%;}
	.naruhodo_box .top_btn{ margin: 0;}

	.wave_back.mirai .mirai_box{ padding: 0;}
	.wave_back.mirai .mirai_box p{ margin: 0 0 20px 0; font-family: "M PLUS Rounded 1c", sans-serif;}
	.wave_back.mirai .mirai_title{ width: 70%; margin: 0 0 20px 0;}
	
	.naruhodo_btm{ text-align: center; position: absolute; bottom: -50px; right: 10px;}
	.naruhodo_btm img{ width: 90px;}
}


/* メッセージ */
@media (min-width: 768px) {
	.wave_back.message{ background-color: #fff; margin: -30px auto 0;}
	.message_box{ margin: 70px 0 0 0; position: relative;}
	.message_box .message_title{ position: absolute; top: 70px;}
	.message_box .message_title img{ width: 950px;}
	.message_box a{ position: absolute; right: 0; top: 450px;}
	.message_box a img{ width: 224px;}
}
@media (max-width: 767.98px) {
	.wave_back.message{ background-color: #fff; margin: 0 auto;}
	.message_box{ margin: 0; position: relative;}
	.message_box a{ }
	.message_box a img{ width: 100%;}
}