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

body { min-width:375px; font-size:100%;}

#wrapper { background:#FFF; }

.pc { display:none;}
.sm { display:block;}

.page, .page a { width:60px; height:60px; }
.page { right:20px; bottom:20px; }
.page a { background-size:70%; }


/*====================================================================================================
  HEADER
====================================================================================================*/

.header { display:none; }

/*====================================================================================================
  CONTENT
====================================================================================================*/

.content { padding-top: 0; }

/*====================================================================================================
  FOOTER
====================================================================================================*/
.footer { display:block; }

.f_info { margin:0; text-align:center; }
.f_info * { font-size:100%; margin:0; }
.f_info .logo { margin-bottom:10px; }
.f_info .c_num span { margin-right:0; }
.f_info .contact { width: 285px; margin:15px auto 30px; }
.f_info .contact a { padding-left:67px; }

ul.f_nav { display:none; }
.copy { font-size:87.5%; }


/*====================================================================================================
  TOP PAGE
====================================================================================================*/

.box_main { width:90%; }

.toppage h3 b { font-size:182.5%; }
.toppage h3 small { font-size:87.5%; }
.toppage h4 { font-size: 150%; }

.b_more { width:285px; }
.b_more a { height: 55px; font-size: 112.5%; }

.top_mainimg h2 {
  width: 95%;
  font-size: 175%;
  padding: 30px 5%;
  background-size: 15% auto, auto;
  background-position: 95% bottom;
}
.top_mainimg ul.slick_type_fade li img { height:500px; object-position:70%; }
.top_mainimg .slick-dots li,
.top_mainimg .slick-dots li button,
.top_mainimg .slick-dots li button:before { width:50px; height:4px; }

.top_about { display:block; margin-block:50px; }
.top_about h4 { margin-block:30px 15px; }
.top_about .photo { margin:0; }
.top_about .come { font-size:112.5%; }

.top_service { padding-block:50px; }
.top_service dl { margin-block: 30px; }
.top_service dl dt .box+.box { margin-top: 20px; }
.top_service dl dt .b_link { height: 45px; font-size: 112.5%; }
.top_service dl dd { padding: 20px; }
.top_service dl dd .photo img { height:250px; }
.top_service dl dd .mid { font-size:112.5%; }
.top_service dl dd .come { font-size: 100%; margin-block:10px; }
.top_service dl dd ul li { font-size:100%; }
.top_service dl:nth-child(1) { display: block; }
.top_service dl:nth-child(1) dt .photo { width:100%; }
.top_service dl:nth-child(2) { flex-direction: column-reverse; }
.top_service dl:nth-child(2) dt { display: block; }
.top_service dl:nth-child(2) dd { width: 100%; padding-block: 30px; margin-bottom:20px; }

.top_news { padding-block:50px; }
.top_news .news_list { width:90%; }
.top_news ul { display:block; padding:10px; }
.top_news ul li:nth-child(1) { font-size:100%; width:auto; padding:0; margin-bottom:5px; }
.top_news ul li a { padding:0; font-size:112.5%; }

.top_recruit .rec_box { padding-block:30px; }
.top_recruit h4 { width: 90%; margin:auto; }
.top_recruit .box { width:90%; margin-top:30px; }

.top_access { margin-block:50px; }
.top_access iframe { height:300px; }

/*====================================================================================================
  SUB PAGE
====================================================================================================*/

.page_title h2 { font-size:167%; }

.subpage { 
	width:90%;
	padding: 0 0 50px;
}

/* MIDASHI */
.subpage h3 { margin:40px 0 20px; font-size: 150%;}
.subpage h3::after { width:175px; }
.subpage h4 { margin:30px 0 15px; font-size:1.375rem; }
.subpage h4::before { width: 10px; height:41px; }
.subpage h4.mid { font-size:1.375rem;}

/* CATCH COPY */

/* COMMON TEXT */
.come { font-size: 100%; }
.come2 { font-size:112.5%; }

/* COMMENT */
.comment1 { margin:0 0 20px;}
.comment2 { margin:0 0 20px; padding:5%;}
.comment3 { margin:0 0 20px; padding:5%;}

/* HYOU */
.subpage table.hyou :is(th, td) {
	width:  100%;
	padding: 15px;
	display: block;
	font-size: 100%;
  text-align:center;
}
.subpage table.hyou :is(th,td) .sm_mid { display:block;}
.subpage table.hyou.pc_tit { display:none;}
.subpage table.hyou.pc_tit + table.hyou tr:first-child :is(th, td):first-child { border-top:solid 1px #cecece;}
.subpage table.hyou th:empty { display:none;}

.subpage table.hyou.w50 :is(th, td) { display:table-cell;}

/* LIST */
ul.list-ul {}
ol.list-ol li { font-size: 100%; }
dl.place_info dt { font-size: 125%; }
dl.place_info dd { font-size: 100%; margin-top: 0; }

/* LINK */
ul.file_box li { padding-left: 28px; }
ul.file_box li::before { width:17px; height:19px; }
ul.file_box li a { font-size: 125%; }
ul.file_box li a::after { top: auto; transform: none; }

/* EMBEDDED MAP */
.map { margin:0 0 20px;}
.map iframe { width: 100%; height: 300px; }

/* BOX */
.box1 { display: block; margin-block: 40px; }
.box1 .photo { width: 100%; margin-bottom: 20px; }
.box2 { display: block; }
.box2 .photo { width: 100%; margin-bottom: 20px; }

/* PHOTO BOX */
.photo_box { column-gap:4%; row-gap: 20px; margin: 30px 0; }
.subpage ul.photo_box:not(.g1) { width: 48%; }
.subpage ul.photo_box li.photo { margin:0;}
.subpage ul.photo_box li.caption { font-size: 100%; margin-top: 5px; }


/* BUTTON */
.btn a { font-size: 112.5%; padding:20px 0; }
.subpage .btn { float:none;}
.subpage :is(.b1, .b2, .b3) { width:90%; margin-inline:5%; font-size:1.25rem;}

/* FLOW */
.flow_box .come { margin-top: 15px; }

.subpage :is(.photo-c, .photo-l, .photo-r) { float:none;}
.subpage :is(.photo-c, .photo-l, .photo-r) img { max-width:unset; width:100%; padding:0 0 20px;}

/*====================================================================================================
  サービス
====================================================================================================*/
.service h4 { margin-block: 40px 20px; }
.service .come { margin-top: 0; }

/*====================================================================================================
  ご利用料金
====================================================================================================*/
.use .note { font-size: 100%; padding-left: 17px; }

/*====================================================================================================
  見学申し込み・お問い合わせ
====================================================================================================*/
.forms { padding-top:50px; }
.forms .w494,
.forms .w815 { width: 100%; }
.forms input[type="submit"] { font-size: 112.5%; padding:20px 0; }

/* FORM */
#mail_form dl{ display: block; }
#mail_form dt{ border-bottom: solid 1px #cecece ; }
#mail_form .required [type="radio"]{ margin-left: 13.5%; }
#form_submit { width: 96%; }



}