/*--- TOKYO STRAWBERRY BUS  #f0a0a4---------------------------------------------------------------------------------------------------*/
/* TOPスライダー */
#TSB section {margin: 0; }

/* TOP */
.tsb_bg{background-color: #f0a0a4;margin: 0 0 2em;}
.tsb_top{
padding: 2em 0;
align-items: center;
justify-content: center;
}
.tsb_top_img{
width: 26%;
margin: 0 2%;
}
.tsb_top_co{
width: 53%;
margin-left: 3%;
color: #fff !important;
}
.tsb_top_co h2{
font-size: 2.2em;
margin: 0.5em 0;
}
.tsb_top_co h2 span{font-weight: bold;}
.tsb_top_text{
font-size: 1.1em;
margin-left: 1.1em;
}
.tsb_top_co .btn_co{
width: 70%;
margin: 1.5em 2em 0;
}

@media screen and (max-width:768px){
.tsb_bg{}
.tsb_top{padding: 1em 0 2em;}
.tsb_top_img{width: 50%;margin: 0 auto;}
.tsb_top_co{margin: 0 auto;width: 100%;}
.tsb_top_co h2{font-size: 25px;text-align: center;}
.tsb_top_text{margin: 0;font-size: 1em;}
.tsb_top_co .btn_co{width: 94%;margin: 1.5em auto 0;}
}
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: 3em;
margin: 0 0 0.3em;
color: #fff;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
}
.top_header_text h1 span{font-weight: bold;}
.top_header_text img{width: 360px;}
.top_header_text p{
font-size: 1.4em;
color: #fff;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
font-weight: bold;
margin-top: 0.7em;
}
.tsb_bg.tsb_topinfo{padding: 0;}
.tsb_topinfo{padding: 3em 0 0;}
.tsb_about{margin: 2em 0 -1em;}
.tsb_about_wrap{
margin: 0em auto 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 0.1em;
color: #fff;
font-weight: bold;
background-image: linear-gradient(to right, #f0a0a4 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: #fb6767;
}

@media screen and (max-width:768px){
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: 1.8em;}
.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: #f0a0a4;
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_course_detail a{text-decoration: underline;}
.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: #d80420;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;font-weight: bold;}
.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: #fb6767;
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 #f0a0a4;
border-bottom: 2px solid #fff;
margin: 3em auto 0;
width: 800px;
}
.tsb_route ul {font-size: 14px !important;}
ul.route {
padding-left: 0px;
margin-bottom: 0;
overflow: hidden;
}
.route li {
line-height: 1.8;
padding: 0em 0;
background: none;
margin-right: 2.0rem;
float: left;
}
.route li::after {
font-family: "Font Awesome 5 Free";
content: "\f061";
position: absolute;
color: #0B7D3F;
font-weight: bold;
padding: 0 0 0 0.4rem;
}

@media screen and (max-width: 768px) {
.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 #f0a0a4;}
.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;}
hr.style1{width: 90%;}
}

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

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

}

/* ベリーベリーベリー ---------------------------------------------------------------*/
.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: 768px) {
.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%;}
}