@charset "utf-8";
.flex{display: flex}

/* ----------------------------- #fv ------------------------------- */
#fv{ background-image: linear-gradient( 90deg, #FFE6E6, #FFE6E6 ); background-size: 100% 90%; background-position: top; background-repeat: no-repeat; padding: 0 0 0;border-radius: 17px 17px 0 0;}
#fv .slider .box_slider{ position: relative; display: flex !important; flex-direction: column; justify-content: flex-end; padding: 90px 0 0;}
#fv .slider .box_slider .text_box{background: #fff; border: 1px solid #FF9C9C; border-radius: 8px; box-shadow: 4px 4px 0 #FF9C9C; padding: 4px 6px 8px; width: 183px; position: absolute; transform: translateX(-50%); left: 50%;opacity: 0; transition: 0.5s; z-index: 1; top: 0px;}
#fv .slider .slick-track .slick-center .box_slider .text_box{opacity: 1; transition: 0.5s;}
#fv .slider .box_slider .text_box:before{content: ""; width: 18px; height: 20px; display: block; background: url(../images/about/about_icn_1.svg) no-repeat center center; background-size: 100%; position: absolute; bottom: -20px; left: 20px;}
#fv .slider .box_slider .text_box .flex{align-items: center;}
#fv .slider .box_slider .text_box .flex p{font-size: 11px; margin: 0 0 0 10px; line-height: 140%;}
#fv .slider .box_slider .main_img{vertical-align: bottom;}
#fv .slider .box_slider.box_slider_1{width: 92px !important; margin: 0 13px;}
#fv .slider .box_slider.box_slider_1 .text_box{top: 55px;width: 160px;}
#fv .slider .box_slider.box_slider_1 .text_box:before{ left: 30px;}

#fv .slider .box_slider.box_slider_2{width: 46px !important; margin: 0 11px;}
#fv .slider .box_slider.box_slider_2 .text_box{top: 30px; width: 173px;}
#fv .slider .box_slider.box_slider_2 .text_box:before{ left: 50px;}

#fv .slider .box_slider.box_slider_3{width: 64px !important; margin: 0 11px;}
#fv .slider .box_slider.box_slider_3 .text_box{top: 10px;}
#fv .slider .box_slider.box_slider_3 .text_box:before{ left: 50px;}

#fv .slider .box_slider.box_slider_4{width: 93px !important; margin: 0 12px 0 13px;}
#fv .slider .box_slider.box_slider_4 .text_box{top: 42px; width: 170px;}
#fv .slider .box_slider.box_slider_4 .text_box:before{ left: 32px;}


/* ----------------------------- #about ------------------------------- */
#about{padding: 19px 0 0;}
#about h2{font-family: 'Butler_Ultra_Light'; font-size: 22px; line-height: 140%; text-align: center; color: #FF9C9C}
#about h2 span{font-family: fot-tsukuaoldmin-pr6n, sans-serif; font-weight: 300; font-style: normal; font-size: 24px; line-height: 140%; color: #000; letter-spacing: -0.07em; display: inline-block; padding: 4px 0 0;}
#about .about_box{padding: 20px 0 0;}
#about .about_box .box{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 18px 4% 30px;}
#about .about_box .box:not(:first-child){margin: 6px 0 0;}
#about .about_box .box h3{text-align: center; font-size: 18px; font-family: fot-tsukuaoldmin-pr6n, sans-serif; font-weight: 300; font-style: normal;line-height: 140%;}
#about .about_box .box h3 span{font-family: 'Butler_Ultra_Light'; font-size: 51px; color: #FF9C9C;line-height: 100%;}
#about .about_box .box .img{text-align: center; }
#about .about_box .box p.text{font-size: 13px; line-height: 160%; padding: 16px 0 0;font-family: 'Noto-Sans-JP-Regular';letter-spacing: 0.05em;}
#about .about_box .box p.text span{font-size: 16px; font-family: fot-tsukuaoldmin-pr6n, sans-serif; font-weight: 300; font-style: normal; line-height: 160%; color: #F15D5F; display: inline-block; width: 100%; text-align: center; letter-spacing: 0em;}
#about .about_box .box p.mini_tt{font-size: 11px; line-height: 160%;font-family: 'Noto-Sans-JP-Regular';}
#about .about_box .box p.text_2{font-size: 14px; line-height: 160%; text-align: center;font-family: 'Noto-Sans-JP-Regular';}

#about .about_box .box.box_1 .img{padding: 20px 0 0;}
#about .about_box .box.box_1 .img img{width: 40.32%; height: auto; }

#about .about_box .box.box_2 img{margin: -20px 0 0 ;}
#about .about_box .box.box_2 .img img{width: 69.67%; height: auto; }
#about .about_box .box.box_2 p.text span{text-align: left;}

#about .about_box .box.box_3 img{padding: 15px 0 0;width: 100%; height: auto; }
#about .about_box .box.box_3 p.text span{font-size: 18px;}

#about .about_box .box.box_4 ul{}
#about .about_box .box.box_4 ul li{padding: 25px 0 33px;}
#about .about_box .box.box_4 ul li:not(:last-child){border-bottom: 1px solid #D6D6D6; }
#about .about_box .box.box_4 ul li:last-child{padding: 25px 0 0;}
#about .about_box .box.box_4 ul li .img_box{position: relative; width: 100%; text-align: center; margin: 16px 0 0;}
#about .about_box .box.box_4 ul li .img_box .tt_box{background: #fff; border: 1px solid #FF9C9C; border-radius: 12px; box-shadow: 4px 4px 0 #FF9C9C; padding: 10px 10px 14px 12px;transition: 0.5s; position: relative; z-index: 1; align-items: center; width: 100%; height: auto; }
#about .about_box .box.box_4 ul li .img_box .tt_box:before{content: ""; width: 24px; height: 26px; display: block; background: url(../images/about/about_icn_1.svg) no-repeat center center; background-size: 100%; position: absolute; bottom: -26px; left: 70px;}
#about .about_box .box.box_4 ul li .img_box .tt_box figcaption{ padding: 5px 0 0; font-size: 11px; }
#about .about_box .box.box_4 ul li .img_box .tt_box .play_box{margin: 0 0 0 11px; text-align: center; width: calc(100% - 85px);}
#about .about_box .box.box_4 ul li .img_box .tt_box .play_box p{font-size: 13px; line-height: 160%;font-family: 'Noto-Sans-JP-Regular';text-align: left;}
#about .about_box .box.box_4 ul li .img_box .tt_box .play{box-shadow: 3px 3px 5px rgba(0,0,0,0.2); border-radius: 100px; opacity: 1; transition: 0.5s; width: 82px; height: auto; margin: 10px auto 0;}
#about .about_box .box.box_4 ul li .img_box .tt_box .play.thumb-hover{opacity: 0.5; transition: 0.5s;}
#about .about_box .box.box_4 ul li .img_box .tt_box .play img{ width: 100%; height: auto;}
#about .about_box .box.box_4 ul li.list_1 .img_box{padding: 0 0 17px;}
#about .about_box .box.box_4 ul li.list_1 .img_box .about_img{width: 89.85%; height: auto;margin: 20px 0 0; }

#about .about_box .box.box_4 ul li.list_2 .img_box{padding: 0 0 17px;}
#about .about_box .box.box_4 ul li.list_2 .img_box .about_img{width: 78.51%; height: auto; margin: 20px 0 0 9%; }

#about .about_box .box.box_4 ul li.list_3 .img_box{padding: 0 0 17px;}
#about .about_box .box.box_4 ul li.list_3 .img_box .about_img{width: 82.42%; height: auto; margin: 30px 0 0 5%;}

#about .about_box .box.box_4 ul li.list_4 .img_box{padding: 0 0 17px;}
#about .about_box .box.box_4 ul li.list_4 .img_box .about_img{width: 89.86%; height: auto; margin: 15px 0 0;}

#about .about_box .box.box_5 .img{padding: 11px 0 0;}
#about .about_box .box.box_5 .img img{width: 100%; height: auto;}
#about .about_box .box.box_5 p.mini_tt{padding: 10px 0 0;}
#about .about_box .box.box_5 p.text span{font-size: 22px; }

#about .about_box .box.box_6 .flex{padding: 20px 0 0; align-items: center; justify-content: center;}
#about .about_box .box.box_6 .flex .img{width: 24%; height: auto;}
#about .about_box .box.box_6 .flex .img img{width: 100%; height: auto;}
#about .about_box .box.box_6 .flex .text{padding: 0 0 5px 15px; width: calc(100% - 24%); }
#about .about_box .box.box_6 p.mini_tt{padding: 23px 0 0;}

/* ----------------------------- mobile ------------------------------- */
footer { padding: 40px 0 8px;}
@media only screen and (max-width: 768px) {}