@charset "utf-8";

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

sp_introduction

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

#container #main { /*margin-top:-100px;*/ }

#second_main_visual:after { background-size:105px 46px; height:46px; margin-top:0; right:5%; top:30%; width:105px; }

/*------------------------------------------------------------
introduction
------------------------------------------------------------*/
#introduction #introduction_cont { padding:0 10px 10px; }

#introduction #introduction_cont ul.main_menu { flex-wrap:wrap; }
#introduction #introduction_cont ul.main_menu li { flex:0 0 100%; margin-top:10px; width:100%; }
#introduction #introduction_cont ul.main_menu li:nth-child(odd) { margin-top:10px; margin-right:0; }
#introduction #introduction_cont ul.main_menu li:nth-child(even) { margin-top:10px; }
#introduction #introduction_cont ul.main_menu li:first-child { margin-top:0; }

#introduction #introduction_cont ul.main_menu li a { border:1px solid #eee; flex:1; padding:0; }
#introduction #introduction_cont ul.main_menu li a dl { display:flex; justify-content:start; padding:0; }
#introduction #introduction_cont ul.main_menu li a dl dt { flex:0 0 120px; }
#introduction #introduction_cont ul.main_menu li a dl dt img { height:80px; object-fit:cover; width:100%; }
#introduction #introduction_cont ul.main_menu li a dl dd { flex:1; padding:0 0 0 20px; }
#introduction #introduction_cont ul.main_menu li a dl dd i { font-size:116%; }
#introduction #introduction_cont ul.main_menu li a dl dd span { font-size:116%; }

#introduction #introduction_cont #floor_guide { margin-top:10px; }
#introduction #introduction_cont #floor_guide > ul { margin-top:15px; }
#introduction #introduction_cont #floor_guide > ul > li h4  { padding:10px 0 20px; }
#introduction #introduction_cont #floor_guide > ul > li > dl { flex:0 0 100%; }
#introduction #introduction_cont #floor_guide > ul > li > dl > dd .map { text-align:center; }
#introduction #introduction_cont #floor_guide > ul > li > dl > dd .map img { max-width:280px; }
#introduction #introduction_cont #floor_guide > ul > li:first-child > dl > dd .map:after { background-repeat:no-repeat; background-size:40px 116px; height:116px; left:5%; bottom:0; width:40px; }

#introduction #introduction_cont #floor_guide > ul > li ul.photo { flex:0 0 100%; margin-top:30px; }
#introduction #introduction_cont #floor_guide > ul > li ul.photo li { flex:0 1 auto; margin-top:15px; width:calc(50% - 8px); }
#introduction #introduction_cont #floor_guide > ul > li ul.photo li:nth-child(even) { margin-left:15px; }
#introduction #introduction_cont #floor_guide > ul > li ul.photo li img { height:130px; max-width:100%; }
#introduction #introduction_cont #floor_guide > ul > li ul.photo dl { padding:5px 5px 0; }
#introduction #introduction_cont #floor_guide > ul > li ul.photo dl dd { padding:10px 0 10px; }
#introduction #introduction_cont #floor_guide > ul > li ul.photo dl dd span:nth-child(2) { font-size:100%; }

#introduction #introduction_cont #floor_guide > ul > li:nth-child(2) { margin-top:15px; padding-top:15px; }
#introduction #introduction_cont #floor_guide > ul > li:nth-child(2) > dl > dd .map:before { background-repeat:no-repeat; background-size:47px 116px; height:116px; right:10%; top:20px; width:47px; }
#introduction #introduction_cont #floor_guide > ul > li:nth-child(2) > dl > dd .map:after { background-repeat:no-repeat; background-size:60px 116px; height:116px; left:auto; right:15%; top:auto; bottom:-10px; width:60px; }

}