/*--- TOKYO STRAWBERRY BUS   #f29c9f ---------------------------------------------------------------------------------------------------*/
/* TOPスライダー */
#TSB {}

section.tsb_header_wrap{}
.tsb_header{
width: 100%;
margin: 0 auto;
height: 600px;
}
.swiper{
/*width: 1000px;*/
width: 100%;
height: 600px;
}
.swiper-wrapper {  /* wrapperのサイズを調整 */
width: 100%;
height: 600px;
}
.swiper-slide {/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
height: 600px;
position: relative;
}
.tsb_header_img{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 600px;
}
.tsb_header_img img{
width: 100%;
position: absolute;
transform: translate(-50%, -50%);
} 
.swiper-slide img.slide_01{top: 28%; left: 50%;}
.swiper-slide img.slide_02{top: 40%; left: 50%;}
.swiper-slide img.slide_03{top: 50%; left: 50%;}
.swiper-slide img.slide_04{top: 50%; left: 50%;}
.swiper-slide img.slide_00{top: 50%; left: 50%;}
.top_header_text {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
width: 850px;
padding: 1em;
text-align: center;
/* background: rgba(255, 19, 19, 0.4); */
/* border-radius: 130px; */
height: 550px;
}
.top_header_text h1{font-size: 2.8em;margin: 0 0 0.3em;}
.top_header_text img{width: 360px;}
.top_header_text p{
font-size: 1.3em;
color: #fff;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
font-weight: bold;
margin-top: 0.7em;
}
.tsb_topinfo{padding: 1.5em 0;}
.tsb_about{margin: 2em 0 -1em;}
.tsb_about_wrap{
margin: 0em 0 3em;
align-items: flex-start;
}
.tsb_about_img{
width: 36%;
margin-right: 3%;
}
.tsb_about_text{width: 61%;}
.tsb_about_text h2{
margin: 0 0 0.3em;
font-size: 1.6em;
padding: 0.3em 0.5em;
color: #fff;
background-image: linear-gradient(to right, #f29c9f 0%, #fff 80%);
}
.tsb_about_text p{font-size: 16px !important;}
.tsb_about_wrap .ord2{
order: 2;
margin-right: 0;
margin-left: 3%;
}
.tsb_about_wrap .ord1{order: 1;}
.ichigo_box{
font-weight: bold;
color: #ff564a;
}

@media screen and (max-width: 640px) {
section.tsb_header_wrap{}
.tsb_header{height: 500px;}
.swiper{height: 500px;}
.swiper-wrapper {height: 500px;}
.swiper-slide {height: 500px;}
.tsb_header_img{height: 500px;}
.tsb_header_img img{
height: 100%;
max-width: unset !important;
width: auto;
} 
.swiper-slide img.slide_01,.swiper-slide img.slide_02,.swiper-slide img.slide_03,.swiper-slide img.slide_04,.swiper-slide img.slide_00{top: 50%;}
.swiper-slide img.slide_01{left: 85%;}
.swiper-slide img.slide_02{left: 50%;}
.swiper-slide img.slide_03{left: 50%;}
.swiper-slide img.slide_04{left: 80%;}
.swiper-slide img.slide_00{left: 80%;}
.top_header_text {width: 98%;padding: 0;height: 430px;}
.top_header_text h1{font-size: 2em;}
.top_header_text img{width: 65%;}
.top_header_text p{font-size: 1.2em;}
.tsb_about_wrap{width: 94%;margin: 0 auto 2em;}
.tsb_about_img{width: 100%;margin: 0 auto 0.5em;}
.tsb_about_text{width: 100%;margin: 0 auto 1em;}
.tsb_about_text h2{font-size: 1.4em;}
.tsb_about_wrap .ord2{order: 1;margin: 0 auto 0.5em;}
.tsb_about_wrap .ord1{order: 2;}
}

/* コース ---------------------------------------------------------------*/
.tsb_course_head{
background-color: #f29c9f;
padding: 1em 0 2em;
}
.tsb_course_head img{
width: 60%;
margin: 0 20%;
}
.h2_course_head{
width: 100%;
text-align: center;
font-size: 1.6em;
color: #fff;
font-weight: bold;
margin: 1.5em 0;
}
.tsb_course_detail{
background: #fff;
border-radius: 10px;
padding: 1em;
justify-content: space-between;
}
.tsb_text_co{
width: calc(100% / 3 - 2em);
margin: 0 1em;
text-align: center;
}
.h3_course_head{font-size: 1.6em;}
.h3_course_head i{color: #f67277;margin-right: 0.3em;}
.tsb_text_co p{}
.tsb_text_co .large{font-size: 1.4em;color: #cc0000;font-weight: bold;}
.tsb_text_co .small{font-size: 0.8em;}
.tsb_course_city,.tsb_course_bay{background: #f9e1e2;}
.tsb_course_city{padding: 2em 0 0;}
.tsb_course_bay{padding: 2em 0;}
.tsb_city,.tsb_bay{}
.h2_course{
width: 100%;
font-size: 1.6em;
margin: 0 0 0.5em;
}
.h2_course span{font-size: 1.3em;}
.course_text{width: 50%;}
.lead_course{font-size: 16px !important;}
.tsb_route{
background: #fff;
padding: 1em;
margin: 1em 0;
border-radius: 10px;
}
.tsb_route ul{font-size: 14px !important;}
.tsb_route li{color: #666;}
.course_btn_wrap{}
.course_btn{
margin: 0.5em auto;
width: 70%;
}
.course_btn a{
padding: 0.6em 1em 0.5em;
display: block;
color: #e13d43;
font-weight: bold;
text-align: center;
font-size: 1em;
border-radius: 50px;
background: #fff;
border: solid #e13d43 3px;
}
.course_img{
width: 46%;
margin-right: 4%;
}
.tsb_bay .ord2{
order: 2;
margin-left: 4%;
margin-right: 0;
}
.tsb_bay .ord1{order: 1;}
hr.style1{
border-top: 3px solid #f29c9f;
border-bottom: 2px solid #fff;
margin: 3em auto 0;
width: 800px;
}

@media screen and (max-width: 640px) {
.tsb_course_head{}
.tsb_course_head img{width: 90%;margin: 0px 5%;}
.h2_course_head{font-size: 1.2em;}
.tsb_course_detail{width: 94%;margin: 0 auto;padding: 0.5em 1em 0;}
.tsb_text_co{width: 100%;text-align: left;margin: 0 0 1em;}
.h3_course_head{font-size: 1.3em;margin: 0.5em 0 0.5em;border-bottom: solid 1px #f29c9f;}
.tsb_text_co .large{font-size: 1.2em;}
.tsb_text_co .small{font-size: 1em;}
.tsb_city,.tsb_bay{width: 94%;margin: 0 auto;}
.h2_course{font-size: 1.2em;text-align: center;}
.h2_course span{display: block;font-size: 1.4em;}
.tsb_course_city .course_text,.tsb_course_bay .course_text{display: block !important;width: 100%;margin-top: 1em;}
.course_btn{width: 90%;}
.course_img{margin: 0;width: 100%;}
.course_img img{margin: 0;}
.tsb_bay .ord2{order: 1;margin: 0;}
.tsb_bay .ord1{order: 2;}
}

/* スライダー2 ------------------------------------------*/
.swiper2{}
.swiper2 .swiper-wrapper,.swiper2 .swiper-slide{height: auto;}
.swiper2-pagination{display: none;}
.swiper2.area_slide .swiper-button-prev::after,
.swiper2.area_slide .swiper-button-next::after{display: none;}

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

}

/* ベリーベリーベリー ---------------------------------------------------------------*/
.tsb_bbb{
background: #f9f5ed;
padding: 2em 0;
}
.bbb_about_wrap{align-items: center;}
.bbb_img{
width: 47%;
margin-right: 3%;
}
.h2_bbb{font-size: 1.8em;}
.bbb_text{width: 50%;}
.bbb_text p{font-size: 16px !important;}
.link_bbb{margin: 1em 0 0;}
.link_bbb a{}
a.link_berry{
color: #fff !important;
text-decoration: underline;
}

@media screen and (max-width: 640px) {
.bbb_about_wrap{width: 94%;margin: 0 auto;}
.bbb_img{margin: 0;width: 100%;}
.h2_bbb{font-size: 1.4em;text-align: center;}
.bbb_text{width: 100%;}
}