@charset "utf-8";
/*
	Last Update:2019/05/21
	Auther: iw
*/
@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");
@media (min-width: 768px){
	.pc_none { display:none; }
	#head #main_navi #navi_top { bottom:100%; }
}
@media (max-width: 767px){
/*===================================================================
	layout
===================================================================*/
* { box-sizing:border-box; max-width:100%; }
html { width:100%; min-width:inherit; }
img { max-width:100%; height:auto; }
iframe { max-width:100%; max-height:75vw; }

#base { width:100%; overflow-x:hidden; }
.center { width:100%; }

#head { height:auto; }
#head #main_navi #navi_top { display:none; }

#btn_menu { position:fixed; top:5px; right:5px; width:50px; height:50px; border-radius:5px;  font-size:35px; background:#65a9ed; display:table; z-index:100; }
#btn_menu a { display:table-cell; vertical-align:middle; color:#fff; }
#head #main_navi .navi { display:none; }
#head #main_navi .navi li { width:100%; margin:0; border:1px solid #eee; background:#fff; }
#head #main_navi .navi li a { padding:10px 0; display:block; }
#head #main_navi .navi li .fs15 { font-size:14px; }
#head #main_navi .navi li .fs14 { font-size:12px; }

#base.open #main_navi .navi { display:block; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:99; background:#65a9ed; padding-top:60px; }
#base.open #btn_menu a .fa-bars:before { content:"\f00d"; }

#information #main_visual,
#service #main_visual,
#inquiry #main_visual { height:auto; padding-bottom:20px; }

.to_top { line-height:100%; }
#foot { height:auto; }
#foot_contents { width:100%; padding:20px; }
#foot_contents #footer_left,
#foot_contents #footer_right { float:none; width:100%; padding:0; }
#foot_contents #footer_left { padding-bottom:40px; }
#foot_photo > * { width:50%; }
#copyright { padding:10px; text-align:left; }


/*===================================================================
	#top
===================================================================*/
#top #main_visual { display:table; height:100vh; background-size:cover; background-position:center bottom; background-attachment:scroll; }
#top #main_visual #main_wrap { display:table-cell; vertical-align:middle; width:100%; }
#top #main_visual #main_wrap .scroll { margin-top:100px; width:100%; text-align:center; }
#top #main_visual #main_wrap .scroll a { color:#ddd; font-size:40px; opacity:0.8; }

#body { display:block; padding:20px; }
#primary, #secondary2 { width:100%; float:none; }

h2#information_hl, h2#about_hl, h2#internet_hl { font-size:20px; }
h2#information_hl > *, h2#about_hl > *, h2#internet_hl > * { display:inline-block; vertical-align:middle; }
h2#information_hl .english, h2#about_hl .english, h2#internet_hl .english { display:block; font-size:12px; }

.top_image1 { margin-top:0; }
#top_fee { margin-top:40px; }
#top_kind .fl_left,
#top_kind .fl_right { float:none; width:100%; }

#secondary2 #cycle1 li { display:inline-block; vertical-align:top; width:49%; }
#secondary2 #cycle1 ul > li:first-child { display:block; width:100%; }


/*===================================================================
	#information
===================================================================*/
#information .box { padding-top:0; }
#information .box .title,
#information .box .title * { display:block; width:100%; }
#information .box .title .date,
#information .box .title .name { width:100%; padding:10px; }
#information .box .title .date { border-bottom:1px dashed #fff; }

#information .box .comment,
#information .box .photo { float:none; padding:15px 10px; }


/*===================================================================
	#inquiry
===================================================================*/
#inquiry #secondary2 { display:none; }
#inquiry form { margin-bottom:50px; }
#inquiry form .tbl_1,
#inquiry form .tbl_1 tbody,
#inquiry form .tbl_1 tr,
#inquiry form .tbl_1 tr > * { display:block; }

}