@charset "utf-8";

/*=================================

sp_top

=================================*/

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

/*------------------------------------------------------------
order
------------------------------------------------------------*/
#about_corona { flex:0 0 100%; order:4; }
#promotion_movie { flex:0 0 100%; order:3; }
#reason { flex:0 0 100%; order:2; }
#instructor { flex:0 0 100%; order:10; }
#sns { flex:0 0 100%; order:9; }
#introduction { flex:0 0 100%; order:7; }
#banner_area { flex:0 0 100%; order:8; }
#banner_area2 { flex:0 0 100%; order:6; }
#plan { order:4; }

#schoolbus #schoolbus_map #schoolbus_map_cont > ul:nth-child(2) { order:4; }
#schoolbus #schoolbus_map #schoolbus_map_cont > .point { order:2; }

/*------------------------------------------------------------
main_visual
------------------------------------------------------------*/
#main_visual #main_visual_cont .cover_left { display:none; }
#main_visual #main_visual_cont .cover_right { display:none; }

#main_visual #main_visual_cont .bx-wrapper { flex:0 1 100%; }
#main_visual #main_visual_cont ol { flex:0 1 100%; height:auto; }
#main_visual #main_visual_cont ol li a img { width:100%; height:auto; object-fit:cover; }
#information ul li:first-child { display:none; }
#information ul li:nth-child(3) { display:none; }
#information ul li:nth-child(2) { background-color:#fff; border-bottom:1px solid #eee; flex:0 0 100%; padding:0; }
#information ul li:nth-child(2) a { display:block; padding:15px; line-height:1.6; position:relative; }
#information ul li:nth-child(2) a span { background-image:url(../../images/common/megaphone-solid_gold.svg); background-position:left center; background-repeat:no-repeat; background-size:13px auto; padding-left:30px; color:#333; display:block; font-size:85%; line-height:1.6; }
#information ul li:nth-child(2) a span br { display:block; }
#main_visual #main_visual_cont ol li a dl { bottom:10px; right:10px; }
#main_visual #main_visual_cont ol li a dl dd { margin-top:10px; }

/*------------------------------------------------------------
about_corona
------------------------------------------------------------*/
#about_corona { background-color:#efefef; display:flex; justify-content:center; padding:20px; }
#about_corona .pic { border:1px solid #ccc; text-align:center; }
#about_corona .pic img { height:auto; width:100%; max-width:474px; }

/*------------------------------------------------------------
promotion_movie
------------------------------------------------------------*/
#promotion_movie dl.title dt img { height:20px; width:auto; }
#promotion_movie dl.title dd { font-size:93%; margin-top:15px; }

#promotion_movie .promotion_movie_cont .movie_wrap {}
#promotion_movie .promotion_movie_cont .movie_wrap iframe { width:100%; height:auto; min-height:260px; }

#promotion_movie .promotion_movie_cont .movie_wrap #player lite-youtube {
margin:0 auto;
max-width:300px !important;
}

/*------------------------------------------------------------
reason
------------------------------------------------------------*/
#reason { padding:0; }
#reason dl.title { display:none; }
#reason dl.title dt img { height:20px; width:auto; }
#reason dl.title dd { font-size:93%; margin-top:15px; }
#reason #reason_wrap #reason_cont { background-color:#dff0fa; flex:0 1 100%; position:relative; padding:0 15px; }

#reason #reason_wrap #reason_cont a { display:flex; flex-wrap:wrap; position:relative; }
#reason #reason_wrap #reason_cont .pic { display:flex; flex:0 0 100%; }
#reason #reason_wrap #reason_cont .pic img { display:block; flex:0 0 100%; height:auto; width:100%; max-width:100%; max-height:300px; }

#reason #reason_wrap #reason_cont .comment { position:absolute; margin:auto; top:0; padding:15px; width:100%; }
#reason #reason_wrap #reason_cont .comment dl { align-items:start; padding:10px; position:relative; }
#reason #reason_wrap #reason_cont .comment dl:before { content:" "; top:-2px; left:-2px; border:2px solid #fff; opacity:0.3; width:100%; height:100%; position:absolute; }
#reason #reason_wrap #reason_cont .comment dl dt { align-items:start; display:flex; justify-content:center; flex:0 1 100%; background-image:url("../../images/common/bg_white_op_20.png"); background-repeat:repeat; background-position:left top; padding:20px 20px 0; }
#reason #reason_wrap #reason_cont .comment dl dt span { color:#fff; }
#reason #reason_wrap #reason_cont .comment dl dd { background-image:url("../../images/common/bg_white_op_20.png"); background-repeat:repeat; background-position:left top; padding:0 20px 20px;  flex:0 1 100%; justify-content:center; padding-top:10px; }
#reason #reason_wrap #reason_cont .comment dl dd span { color:#fff; font-size:4vw; line-height:1.6; }
#reason #reason_wrap #reason_cont .comment dl:after { content:none; }

#reason #reason_wrap #reason_cont a:hover .comment dl dt span { color:#fff; }
#reason #reason_wrap #reason_cont a:hover .comment dl dd span { color:#fff; }

/*------------------------------------------------------------
schoolbus
------------------------------------------------------------*/
#schoolbus { border-top:1px solid #eee; padding:30px 0 0; }
#schoolbus dl.title dt img { height:20px; width:auto; }
#schoolbus dl.title dd { font-size:93%; margin-top:15px; }

#schoolbus #schoolbus_wrap { flex-wrap:wrap; }
#schoolbus #schoolbus_wrap #schoolbus_cont { flex:0 0 100%; flex-wrap:wrap; padding:0; }

#schoolbus #schoolbus_wrap #schoolbus_cont a { flex:0 0 100%; flex-wrap:wrap; }

#schoolbus #schoolbus_wrap #schoolbus_cont img { flex:0 0 100%; width:100%; height:auto; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment { flex:0 0 100%; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl:after { content:none; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl dd { flex:1 0 100%; padding:10px; text-align:center; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl dd span { font-size:100%; line-height:1.6; font-weight:400; }

#schoolbus #schoolbus_map { flex: 0 0 100%; }
#schoolbus #schoolbus_map #schoolbus_map_cont { flex: 0 0 100%; flex-wrap:wrap; padding:0 0 30px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .contents_title { flex:0 0 100%; margin-top:30px; }

#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction { flex-wrap:wrap; display:block; flex: 0 0 100%; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li { flex:0 1 100%; margin-top:15px; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li:first-child { margin-top:0; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li img { max-width:300px; }

#schoolbus #schoolbus_map #schoolbus_map_cont ul:first-child { padding-right:0; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point { flex:0 0 100%; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul { display:flex; flex-wrap:wrap; margin-top:20px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li { flex:0 0 100%; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li > dl > dt { padding:0; text-align:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li > dl > dt > span { display:block; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li > dl > dd > img { max-width:300px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point p { margin:0; padding:0 15px 25px; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul { flex-wrap:wrap; flex:0 1 100%; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li { flex:0 1 100%; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li > dl {}
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li > dl dt { text-align: left; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li:first-child > dl { padding:15px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li:nth-child(2) > dl { padding:15px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li:first-child > dl > dd { margin-top:15px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl { min-width:58px; padding:13px 3px 15px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl dt { padding:0; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #eastside ul {}
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #eastside ul li { width:15%; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul {}
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul.line0 { display:none; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul li { width:15%; }

#access #access_cont #area #area_cont #school_bus_stop { flex: 0 1 100%; margin-top:0; padding:20px; }

/*------------------------------------------------------------
ranking_banner
------------------------------------------------------------*/
#ranking_banner {
padding: 10px 10px;
}

#ranking_banner #ranking_banner_cont a:after {
background-image:url(../../images/top/ranking_banner_bg_sp.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 90%;
content:" ";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:1;
}

#ranking_banner #ranking_banner_cont a dl.sp {
display:flex;
padding: 25px 20px 35px 20px;
z-index:2;
}

#ranking_banner #ranking_banner_cont a dl dt img {
max-width:70%;
}

#ranking_banner #ranking_banner_cont a dl dd {
max-height: 40px;
position:relative;
z-index:2;
}

/*------------------------------------------------------------
recruit_banner
------------------------------------------------------------*/
#recruit_banner {
 padding: 10px 10px;
}

/*------------------------------------------------------------
price_list
------------------------------------------------------------*/
#price_list { padding:30px 0 0; }
#price_list dl.title dt img { height:20px; width:auto; }
#price_list dl.title dd { font-size:85%; margin-top:15px; }

#price_list #price_list_wrap #price_list_cont { background-color:#dff0fa; flex:0 1 100%; padding:15px; display:block; }
#price_list #price_list_wrap #price_list_cont ul {  background:transparent; flex-wrap:wrap; }
#price_list #price_list_wrap #price_list_cont ul li { background:transparent; flex:0 0 100%; }
#price_list #price_list_wrap #price_list_cont ul li:first-child { background-color:#fff; }
#price_list #price_list_wrap #price_list_cont ul li:nth-child(2) { background-color:transparent; }
#price_list #price_list_wrap #price_list_cont ul li a { width:100%; }
#price_list #price_list_wrap #price_list_cont ul li .car dl { flex:0 0 100%; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dt { flex: 0 0 158px; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dt img { height:auto; min-height:100%; max-width:200px; object-fit:cover; object-position:center 80%; width:200px; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd { flex:1 0 auto; }
#price_list #price_list_wrap #price_list_cont ul li .motor { background-color:#fff; margin-top:15px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl { flex:0 0 100%; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dt { flex: 0 0 158px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dt img { height:auto; min-height:100%; max-width:200px; object-fit:cover; width:200px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd { flex:1 0 auto; }

/*------------------------------------------------------------
plan
------------------------------------------------------------*/
#plan { padding:30px 0 0; }
#plan dl.title { padding:0 0 30px; }
#plan dl.title dt img { height:20px; width:auto; }
#plan dl.title dd { font-size:85%; margin-top:15px; }

#plan #normal_plan .plan_title { flex:1 0 100%; }
#plan #normal_plan .plan_title dl { flex-wrap:wrap; flex:1 0 100%; padding:25px 20px; }
#plan #normal_plan .plan_title dl dt { flex:1 0 100%; object-fit: cover; }
#plan #normal_plan .plan_title dl dd { flex:1 0 100%; padding:10px 0 0; }
#plan #normal_plan .plan_title dl dd p { text-align:center; }
#plan #normal_plan .plan_title dl dd p span { font-size:85%; line-height:1.6; }

#plan #plan_list_wrap .plan_list_cont { flex:0 1 100%; padding:0; }
#plan #plan_list_wrap .plan_list_cont > ul { flex:0 1 100%; flex-wrap:wrap; }
#plan #plan_list_wrap .plan_list_cont > ul > li { flex:1 0 100%; padding:0 25px; }

#plan #plan_list_wrap .plan_list_cont ul li.daytime { width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.daytime .plan_link { width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan { width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.daytime .plan_detail { margin-top:0; width:100%; }

#plan #plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan { width:100%; }

#plan #plan_list_wrap .plan_list_cont ul li.freetime { padding-top:70px; width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.freetime .plan_link { width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan { width:100%; }
#plan #plan_list_wrap .plan_list_cont ul li.freetime .plan_detail { margin-top:0; width:100%; }
#plan #priority_plan .plan_list_cont ul li { flex:1 0 100%; }
#plan #priority_plan .plan_list_cont ul li .plan_link { width:100%; }
#plan #priority_plan .plan_list_cont ul li .plan_link div { flex:1 0 100%; width:100%; }
#plan #priority_plan .plan_list_cont ul li .plan_link div img { width:100%; max-width:100%; }

#plan #priority_plan .plan_list_cont ul li .plan_detail { width:100%; }

#plan #priority_plan .plan_title { flex:1 0 100%; flex-wrap:wrap; }
#plan #priority_plan .plan_title dl { flex:1 0 100%; flex-wrap:wrap; }

#plan #plan_cont .plan_list_wrap .plan_list_cont { flex:0 0 100%; padding:0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont > ul { flex-wrap:wrap; flex:0 0 100%; margin:0 auto; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li { flex:0 0 100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime { background-color:#fef2f7; margin:30px auto 0; padding:20px 20px 20px; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link { width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan { flex: 0 0 100%; justify-content:space-between; padding: 36px 25px 37px 120px; max-width:100%; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan img { left:10px; max-width:88px; height:auto; flex:0 1 88px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan span { font-size:116%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name span { font-size:116%; text-align:right; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail { margin-top:20px; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a { background-color:#fff; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a span { padding:10px 5px; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark { position:absolute; right:20px; left:auto; top:-40px; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime { background-color:#e4f3ed; margin:50px auto 0; padding:20px 20px 20px; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link { width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan { flex: 0 0 100%; justify-content:space-between; margin: 0 auto; max-width:100%; padding: 36px 25px 37px 120px; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan img { left:10px; max-width:88px; height:auto; flex:0 1 88px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name {}
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name span { font-size:116%; text-align:right; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail { margin-top:20px; width:100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail a { background-color:#fff; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail a span { padding:10px 5px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .daytime_plan .mark { position:absolute; right:20px; left:auto; top:-40px; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .mark { position:absolute; right:20px; left:auto; top:-40px; }

#plan #plan_cont #normal_plan { display:none; }
#plan #plan_cont #normal_plan .plan_title { background-color:#fff; flex:0 0 100%; }
#plan #plan_cont #normal_plan .plan_title dl { flex:0 0 100%; flex-wrap:wrap; padding:0; }
#plan #plan_cont #normal_plan .plan_title dl dt { background-color:#e4f3ed; flex:0 0 100%; padding:20px; position:relative; text-align:left; }
#plan #plan_cont #normal_plan .plan_title dl dt:before { left:15px; top:20px; width:6px; height:16px; }
#plan #plan_cont #normal_plan .plan_title dl dt span { font-size:116%; padding-left:15px; }
#plan #plan_cont #normal_plan .plan_title dl dd { line-height:1.4; margin-top:0; padding:15px 15px; text-align:left; }

#plan #plan_cont #normal_plan .plan_list_cont { flex:0 0 100%; padding:0; }
#plan #plan_cont #normal_plan .plan_list_cont ul { flex-wrap:wrap; flex:0 0 100%; margin:0 auto; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link { width:100%; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan { flex: 0 0 100%; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan img { height:auto; width:100%; max-width:460px; }

#plan #plan_cont #priority_plan { padding:0; }
#plan #plan_cont #priority_plan .plan_title { background-color:#fff; flex:0 0 100%; }
#plan #plan_cont #priority_plan .plan_title dl { flex:0 0 100%; flex-wrap:wrap; padding:0; }
#plan #plan_cont #priority_plan .plan_title dl dt { background-color:#f6f2e7; flex:0 0 100%; padding:20px; position:relative; text-align:left; }
#plan #plan_cont #priority_plan .plan_title dl dt span { font-size:116%; padding-left:15px; }
#plan #plan_cont #priority_plan .plan_title dl dt:before { left:15px; top:20px; width:6px; height:16px; }
#plan #plan_cont #priority_plan .plan_title dl dd { line-height:1.4; margin-top:0; padding:15px 15px 0; text-align:left; }

#plan #plan_cont #priority_plan .plan_list_cont { padding:0; }
#plan #plan_cont #priority_plan .plan_list_cont ul li {}
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 { margin-top:20px; }

#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_link { margin-top:30px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_link { margin-top:30px; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link { flex-wrap:wrap; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days { background-color:#fffae7; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days { background-color:#ecf7fd; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days { background-color:#fef2f7; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .explain { padding:15px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .explain p { font-size:100%; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail { margin-top:15px; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days { flex: 0 0 100%; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days img,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days img,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days img { height:auto; width:100%; max-width:460px; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .alert { margin:0 15px 15px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .alert span { line-height:1.6; }

/*------------------------------------------------------------
instructor
------------------------------------------------------------*/
#instructor { padding:30px 0 0; }
#instructor dl.title { padding:0 0 30px; }
#instructor dl.title dt img { height:20px; width:auto; }
#instructor dl.title dd { font-size:85%; margin-top:15px; }
#instructor #instructor_wrap { padding:0; }
#instructor #instructor_wrap #instructor_cont { flex:0 1 100%; padding:0 0 15px; }
#instructor #instructor_wrap #instructor_cont ul { flex-wrap:wrap; width:100%; }
#instructor #instructor_wrap #instructor_cont ul li { margin-left:0; padding:15px 15px 0; width:25%; }
#instructor #instructor_wrap #instructor_cont ul li img { width:100%; height:auto; max-width:150px; }

/*------------------------------------------------------------
banner_area
------------------------------------------------------------*/
#banner_area { background:transparent; margin-top:0; padding:0; }
#banner_area ul { flex-wrap:wrap; }
#banner_area ul li { background-color:#feeef6; display:flex; flex:0 0 100%; justify-content:center; margin-top:0; padding:20px 0; }
#banner_area ul li:first-child { margin-top:0; display:none; }
#banner_area ul li:nth-child(2) { /*display:none;*/ }
#banner_area ul li .online { justify-content:center; padding:0; }
#banner_area ul li .online .pic { align-items:center; display:flex; justify-content:center; }
#banner_area ul li .online .pic a { display:block; }
#banner_area ul li .online .pic a img { height:auto; max-width:300px; width:100%; }
#banner_area ul li #b_questionnaire { justify-content:center; padding:0; }
#banner_area ul li #b_questionnaire .pic { align-items:center; display:flex; justify-content:center; }
#banner_area ul li #b_questionnaire .pic a { display:block; }
#banner_area ul li #b_questionnaire .pic a img { height:auto; max-width:300px; width:100%; }

/*------------------------------------------------------------
banner_area2
------------------------------------------------------------*/
#banner_area2 { background:transparent; display:block; margin-top:20px; padding:0; display:none; }
#banner_area2 ul { flex-wrap:wrap; }
#banner_area2 ul li { background-color:#feeef6; display:flex; flex:0 0 100%; justify-content:center; margin-top:20px; padding:20px 0; }
#banner_area2 ul li:first-child { margin-top:0; }
#banner_area2 ul li:nth-child(2) { /*display:none;*/ }
#banner_area2 ul li .online { justify-content:center; padding:0; }
#banner_area2 ul li .online .pic { align-items:center; display:flex; justify-content:center; }
#banner_area2 ul li .online .pic a { display:block; }
#banner_area2 ul li .online .pic a img { height:auto; max-width:300px; width:100%; }

/*------------------------------------------------------------
sns
------------------------------------------------------------*/
#sns { border-top:none; margin-top:30px; padding:0; }
#sns dl.title { padding:0 0 30px; text-align:center; }
#sns dl.title dt img { height:20px; width:auto; }
#sns dl.title dd { font-size:85%; margin-top:15px; }
#sns #sns_wrap { padding:25px; }
#sns #sns_wrap #sns_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; }
#sns #sns_wrap #sns_cont > ul { flex-wrap:wrap; flex:0 0 100%; margin-top:25px; width:100%; }
#sns #sns_wrap #sns_cont > ul > li { flex:0 0 20%; margin-bottom:0; }
#sns #sns_wrap #sns_cont > ul > li:first-child { display:none; }
#sns #sns_wrap #sns_cont > ul > li dl { display:flex; flex-wrap:wrap; }
#sns #sns_wrap #sns_cont > ul > li dl dt { flex:0 0 100%; }
#sns #sns_wrap #sns_cont > ul > li dl dt img { object-fit:cover; height:65px; width:65px; }
#sns #sns_wrap #sns_cont > ul > li dl dd { flex:0 0 100%; }
#sns #sns_wrap #sns_cont > ul > li dl dd ul li img:first-child { width:18px; height:auto; }
#sns #sns_wrap #sns_cont > ul > li dl dd p { display:none; }
#sns #sns_wrap #sns_cont > ul > li p { flex:0 1 100%; justify-content:flex-end; margin-top:0; text-align:right; }

#sns #sns_wrap #sns_cont > ul.official_account { display:flex; flex-wrap:wrap; width:100%; margin-top:0; }
#sns #sns_wrap #sns_cont > ul.official_account > li { margin-top:20px; margin-bottom:0; flex:0 0 100%; }
#sns #sns_wrap #sns_cont > ul.official_account > li:first-child { display:none; margin-top:0; }
#sns #sns_wrap #sns_cont > ul.official_account li a { align-items:center; background-color:#fff; border-radius:3px; display:flex; flex:0 0 100%; justify-content:space-between; padding:15px; }
#sns #sns_wrap #sns_cont > ul.official_account li a img { width:17px; height:auto; }
#sns #sns_wrap #sns_cont > ul.official_account li a dl { align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; }
#sns #sns_wrap #sns_cont > ul.official_account li a dl dt { color:#333; flex:0 0 100%; font-size:129%; font-weight:600; height:auto; padding:0; }
#sns #sns_wrap #sns_cont > ul.official_account li a dl dd { color:#333; flex:0 0 100%; font-size:79%; margin:10px 0 0; padding:0; }
#sns #sns_wrap #sns_cont > ul.official_account li a i { color:#666; }

#sns #sns_wrap #twitter_box { display:flex; justify-content:center; padding:0; }
#sns #sns_wrap #twitter_box iframe.twitter-timeline { width:100% !important; max-width:500px; }

/*------------------------------------------------------------
introduction
------------------------------------------------------------*/
#introduction { border-top:none; padding:0 0 30px 0; }
#introduction dl.title dt img { height:20px; width:auto; }
#introduction dl.title dd { font-size:100%; margin-top:0; }
#introduction #introduction_wrap #introduction_cont { flex-wrap:wrap; flex:0 1 100%; }
#introduction #introduction_wrap #introduction_cont > ul { width:100%; }
#introduction #introduction_wrap #introduction_cont > ul li { flex:0 0 100%; }

/*------------------------------------------------------------
news
------------------------------------------------------------*/
#news { padding:30px 0; }
#news dl.title dt img { height:20px; width:auto; }
#news dl.title dd { font-size:85%; margin-top:15px; }
#news #news_wrap { padding:30px 0 0; }
#news #news_wrap #news_cont { flex:0 0 100%; padding:0; }
#news #news_wrap #news_cont > ol { flex:0 0 100%; padding:0; }
#news #news_wrap #news_cont > ol li { border-top:1px solid #eee; border-bottom:none; }
#news #news_wrap #news_cont > ol li:first-child { border-top:1px solid #eee; }
#news #news_wrap #news_cont > ol li dl { flex-wrap:wrap; margin:0; padding:0; }
#news #news_wrap #news_cont > ol li dl dt { background-color:#eee; flex:0 0 100%; padding:15px; text-align:left; }
#news #news_wrap #news_cont > ol li dl dt span { color:#333; font-weight:600; }
#news #news_wrap #news_cont > ol li dl dd { flex:0 0 100%; margin-top:0; padding:15px; }

/*------------------------------------------------------------
guide
------------------------------------------------------------*/
#guide { padding:30px 0 0; }
#guide dl.title dt img { height:20px; width:auto; }
#guide dl.title dd { font-size:85%; margin-top:15px; }
#guide #guide_wrap #guide_cont { flex:0 1 100%; }
#guide #guide_wrap #guide_cont ul { padding:0 15px 15px; width:100%; }
#guide #guide_wrap #guide_cont ul li { background-color:transparent; margin:25px 0 0; flex: 0 0 48%; padding:0; }
#guide #guide_wrap #guide_cont ul li:nth-child(even) { margin-left:4%; padding:0; }
#guide #guide_wrap #guide_cont ul li a { background-color: #feefdd; padding:25px 15px 30px; }
#guide #guide_wrap #guide_cont ul li:last-child a { background:transparent; }
#guide #guide_wrap #guide_cont ul li a dl dd { margin-top:15px; }
#guide #guide_wrap #guide_cont ul li a dl dd span { color:#333; font-size:85%; }

/*------------------------------------------------------------
menu
------------------------------------------------------------*/
#menu { padding:30px 0; }
#menu dl.title dt img { height:20px; width:auto; }
#menu dl.title dd { font-size:85%; margin-top:15px; }
#menu #menu_wrap #menu_cont { flex:0 1 100%; }
#menu #menu_wrap #menu_cont ul { padding:0 15px 15px; width:100%; }
#menu #menu_wrap #menu_cont ul li { background-color:transparent; margin:25px 0 0; flex: 0 0 48%; padding:0; }
#menu #menu_wrap #menu_cont ul li:nth-child(even) { margin-left:4%; padding:0; }
#menu #menu_wrap #menu_cont ul li a { background-color: #feeef6; height:100%; padding: 25px 15px 30px; }
#menu #menu_wrap #menu_cont ul li a dl { align-items:center; display:flex; flex-wrap:wrap; justify-conrtent:center; }
#menu #menu_wrap #menu_cont ul li a dl dt { flex:0 0 100%; }
#menu #menu_wrap #menu_cont ul li a dl dd { flex:0 0 100%; margin-top:15px; }
#menu #menu_wrap #menu_cont ul li a dl dd span { color:#333; font-size:85%; }
#menu #menu_wrap #menu_cont ul li:last-child a { /*background:transparent;*/ }


#copyright { /*padding-bottom:90px;*/ }

/*------------------------------------------------------------
menu
------------------------------------------------------------*/
#questionnaire_box { align-items:center; background-color:#C9B577; display:flex; justify-content:center; position:fixed; bottom:0; height:90px; width:100%; z-index:1001; }
#questionnaire_box > p { align-items:center; background-color:#a88415; border-radius:3px; display:flex; justify-content:center; position:absolute; left:12px; top:-10px; text-align:center; z-index:1002; }
#questionnaire_box > p span { color:#fff; font-size:69%; flex:0 0 100%; line-height:1; padding:4px; }
#questionnaire_box > p:after {
content:" "; 
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0 6px;
border-color: #a88415 transparent transparent transparent ;
position:absolute;
bottom:-8px;
left:50%;
margin-left:-5px;
}

#questionnaire_box #questionnaire { align-items:center; display:flex; flex:0 0 100%; justify-content:center; position:relative; z-index:1001; height:96px; }
#questionnaire_box #questionnaire .slick { opacity:0; }
#questionnaire_box #questionnaire .questionnaire_cont {  align-items:center; display:flex; justify-content:space-between; padding:10px; height:96px; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation { display:flex; flex-wrap:wrap; justify-content:center; flex:0 0 80px; margin-right:10px; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation .pic { display:flex; flex:0 0 100%; justify-content:center; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation .pic img { border-radius:50%; height:60px; width:60px; object-fit:cover; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation ul { display:flex; justify-content:center; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation ul li { margin-left:3px; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation ul li:first-child { margin-left:0; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation ul li i { font-size:62%; }
#questionnaire_box #questionnaire .questionnaire_cont .evaluation ul li.on i { color:#F5CF00; }

#questionnaire_box #questionnaire .questionnaire_cont .comment { background-color:#fff; border-radius:4px; flex:1 1 80%; text-overflow:ellipsis; padding:10px; position:relative; }
#questionnaire_box #questionnaire .questionnaire_cont .comment:before {
content:" "; 
width: 0;
height: 0;
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #fff transparent transparent ;
position:absolute;
top:50%;
left:-8px;
margin-top:-5px;
}

#questionnaire_box #questionnaire .questionnaire_cont .comment span { 
display: -webkit-box;
font-size:85%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
 /*IE対策*/
line-height:1.6;
max-height: 4.8em;
}

.slick-initialized { opacity:1; }

#questionnaire_box #questionnaire li:nth-child(8) .questionnaire_cont .evaluation .pic img,
#questionnaire_box #questionnaire li:nth-child(9) .questionnaire_cont .evaluation .pic img { object-position:center right; }

#questionnaire_box #questionnaire .questionnaire_cont a:hover { text-decoration:none; }
#questionnaire_box #questionnaire .questionnaire_cont a:hover .comment span { color:#333; }

#questionnaire_box #questionnaire .slick-slide {
height:96px;
}

#questionnaire_box #questionnaire .slick-slide a {
display:block;
height:96px;
}


/*------------------------------------------------------------
instagram_banner
------------------------------------------------------------*/
#instagram_banner_area {
padding:10px 10px;
}

#instagram_banner_area #instagram_banner {
max-width:100%;
padding: 0;
}

#instagram_banner_area #instagram_banner a {
column-gap:10px;
padding:0 0 0 10px;
}

#instagram_banner_area #instagram_banner a h2 {
flex-direction:column;
width:calc(40vw - 70px);
row-gap:10px;
}

#instagram_banner_area #instagram_banner a h2 figure:first-child {
}

#instagram_banner_area #instagram_banner a h2 figure:nth-child(2) {
max-width:70px;
}

#instagram_banner_area #instagram_banner a h2 span {
font-size:7px;
display:none;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont {
column-gap:15px;
height:360px;
justify-content: start;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container {
width: 200px;
height:360px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container:last-child {
display:none;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul {
width: 200px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li {
width: 200px;
margin: 0 auto 15px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box {
padding: 10px;
width: calc(100% - 20px);
height: 220px;
margin: 0 auto;
row-gap: 10px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .pic img {
}

}


@media screen and (max-width:480px){
#instagram_banner_area #instagram_banner a #instagram_banner_cont {
column-gap:10px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container {
width: 140px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul {
width: 140px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li {
margin: 0 auto 10px;
width: 140px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box {
height: 200px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .pic {
min-height: 160px;
}


}