@media only screen and (max-width:730px){
#device { display:block;}
#device p.pc_btn { display:none;}
#device p.sp_btn {display:block; }
}

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

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { background:#FFF; border-top:none;}
#base { width:auto; margin:0 !important;}

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

#device p.pc_btn { display:block !important;}
#device p.sp_btn { display:none !important;}

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

#header {}
#header .h_box { display: none;}


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

#content {}

/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { }

/* NAV */
#footer .f_nav { display: none;}
#footer .f_nav ul li ul { font-size:90%;}
#footer .f_nav div { font-size:90%;}

/* ADDRESS */
#footer .address { padding:10% 5%; font-size:80%; line-height: 180%;}
#footer .address ul { padding-bottom: 5%;}
#footer .address ul::after { display: none;}
#footer .address ul li { float:none;}
#footer .address ul li+li { margin-left:0;}
#footer .address ul li:nth-child(1) { font-weight: bold;}
#footer .address .copy { padding-top:5%; line-height: 130%; border-top:1px solid #fff;}

/*====================================================================================================
  PAGE
====================================================================================================*/
#page,
#page a { display:block; width:30px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px; z-index: 9999;}
#page a { text-indent: -9999px; background:url(../image/page_top.png) no-repeat;}


/*====================================================================================================
  TOP PAGE
====================================================================================================*/
#toppage { padding:0 auto;}

/* MAINIMG */
#toppage .mainimg {}

#mainimg {
	width: 100%;
	margin: 0 auto;
}
#mainimg:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#mainimg img{ width: 100%; }
#mainimg video{ width: 100%; object-fit: cover;}
	


/* CONTENT */
#toppage .content,
#toppage .content2{ padding:10% 5% 20%;}
#toppage .content1{ margin: 130px 0 100px; padding:15% 5% 0;}
#toppage .content3{ padding:2% 0% 10%; width: 100%; margin: 0 auto 0;}
#toppage .content h3,
#toppage .content1 h3,
#toppage .content2 h3,
#toppage .content3 h3{ margin: 0 0 8%;}
#toppage .content h3 small,
#toppage .content1 h3 small,
#toppage .content2 h3 small,
#toppage .content3 h3 small{ margin-bottom:1%; font-size:100%; letter-spacing: 3px;}
#toppage .content ul,
#toppage .content1 ul,
#toppage .content2 ul,
#toppage .content3 ul{ margin: 0 auto; width:90%;}
#toppage .content ul::after,
#toppage .content1 ul::after,
#toppage .content2 ul::after,
#toppage .content3 ul::after{ display: none;}
#toppage .content ul li,
#toppage .content1 ul li,
#toppage .content2 ul li,
#toppage .content3 ul li{ float:none; width:100%;}
#toppage .content ul li+li,
#toppage .content1 ul li+li,
#toppage .content2 ul li+li,
#toppage .content3 ul li+li{ margin:5% 0 0;}
#toppage .content ul li b,
#toppage .content1 ul li b,
#toppage .content2 ul li b,
#toppage .content3 ul li b{ font-size: 120%;}
#toppage .content ul li small,
#toppage .content1 ul li small,
#toppage .content2 ul li small,
#toppage .content3 ul li small{ font-size: 100%;}
#toppage .content ul li a,
#toppage .content1 ul li a,
#toppage .content2 ul li a,
#toppage .content3 ul li a{ font-size: 100%;}
#toppage .content ul li:nth-child(1) b,
#toppage .content ul li:nth-child(2) b,
#toppage .content1 ul li:nth-child(1) b,
#toppage .content1 ul li:nth-child(2) b,
#toppage .content2 ul li:nth-child(1) b,
#toppage .content2 ul li:nth-child(2) b,
#toppage .content3 ul li:nth-child(1) b,
#toppage .content3 ul li:nth-child(2) b{ padding:10px 0;}


/* PICK UP */
#toppage .pickup { margin: 0px; padding: 0; }
#toppage .pickup h4 { margin-bottom:5%;}
#toppage .pickup .pickup_list { padding: 10% 10% 0;}
#toppage .pickup .pickup_list::after { display: none;}
#toppage .pickup .pickup_list p { float:none; width: 100%;}
#toppage .pickup .pickup_list p img { width: 100%; height: auto;}
#toppage .pickup .pickup_list p+p { margin:5% 0 0;}

	
/* sanitary */
#toppage .sanitary { margin: 0 auto; padding: 0; max-width: 1000px;}
#toppage .sanitary .comment { margin: 0 0 80px;}	


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

#content {}
	
	
	
#mainimg img{ margin: 100px 0 0; max-width: 100%; height: 100vh; object-fit: cover;}
#mainimg video{ margin: 100px 0 0; max-width: 100%; height: 100vh; object-fit: cover;}


	
#mainimg b { padding-top:40px !important; font-size: 150%; letter-spacing:0;}
#mainimg b small { display: block; font-size:50%; letter-spacing:0;}


/*====================================================================================================
  ABTOU
====================================================================================================*/

/* COMPANY ******************************************************************************************/
#company h3 { margin: auto 11% ; font-size: 130%; color: #6C8F9E; font-weight: 100;}
#company .min { margin: auto 5% auto 11%; padding: 50px 0 50px; font-size: 150%; letter-spacing: 0.3em; line-height: 190%}
	
#company { padding:30% 0 70%;}
#company table.gaiyou_hyou { margin:0 7% 0 11%;}
#company table.gaiyou_hyou th,
#company table.gaiyou_hyou td{
	table-layout:auto !important;
	display:block !important;
	padding:5% 0 !important;
	width:100% !important;
	height:auto !important;
	box-sizing: border-box;
	border: none;
}
#company table.gaiyou_hyou th { padding-bottom: 0 !important;}
#company table.gaiyou_hyou td { padding-top:0 !important;}
	
	

/* ACCESS *******************************************************************************************/
#access { padding:10% 0;}
#access .map iframe { width: 100%; height: 200px !important;}
#access .address { margin: auto; padding:10% 10% 15%;}


/* PLAN *********************************************************************************************/
#plan { padding:10%;}
#plan h3 { font-size: 130%;}
#plan h3::after { width:100%;}
#plan dt,
#plan dd { float:none; width: 100%;}
#plan dt { border-bottom: 1px solid #ddd;}
#plan .box dl:nth-child(1) { border-bottom: none;}



/*====================================================================================================
  CAREERS
====================================================================================================*/

#content .navi{ margin: 0 6%; max-width: 100%;}
#content .navi ul{ width: 100%;}
#content .navi ul li{
	margin: 0 2% 1.5% 0;
	width: 49%;
	font-size: 77%;
}
#content .navi ul li:nth-child(even){ margin-right: 0;}
#content .navi ul li:last-child{ margin-right: 0;}
#content .navi ul li a{ display: block; padding-top: 5px; height: 40px; color: #FFF; text-decoration: none; box-sizing: border-box;} 
#content .navi ul li a:hover { background:rgba(255,255,255,0.40);}



/* ENTRY ********************************************************************************************/

#entry { margin: auto; padding:0 0 140px; max-width:100%; }
#entry h4{ margin: 0 6%; padding-bottom: 5px; font-size: 110%; font-weight:600; border-bottom: 1px solid #808080;}
#entry h4.bo_n{ padding-bottom: 0; }

#entry .rec_com1{ margin: 0 6%; font-size: 130%; line-height: 160%;}
#entry .rec_com2{ margin: 10px 6% 30px;}

	
#entry .top{ margin: 0 6% 0; width: 88%; box-sizing: border-box;}
	
#entry .naiyo{ margin: 0px 6% 50px; width: 88%; box-sizing: border-box;}
#entry .naiyo ul{
	float: none;
	margin-bottom: 2%;
	width: 100%;
	margin-right: 0%;}
#entry .naiyo ul:after { /* float clear*/ display:block; clear:both; content:"";}
#entry .naiyo ul:last-child{ margin-right: 0;}
#entry .naiyo ul li{ width: 50%; text-align: center;}
#entry .naiyo ul li:nth-child(1){ float: left;}
#entry .naiyo ul li:nth-child(2){ float: right;}
	
	
#entry .naiyo2{ margin: 30px 6% 0; width: 88%; box-sizing: border-box;}
#entry .naiyo2 ul{
	float: none;
	margin-bottom: 2%;
	width: 100%;
	margin-right: 0%;}
#entry .naiyo2 ul:after { /* float clear*/ display:block; clear:both; content:"";}
#entry .naiyo2 ul:last-child{ margin-right: 0;}
#entry .naiyo2 ul li{ width: 50%; text-align: center;}
#entry .naiyo2 ul li:nth-child(1){ float: left; }
#entry .naiyo2 ul li:nth-child(2){ float: right;}
#entry .naiyo3 { margin: 0 6% 35px; width: 88%; box-sizing: border-box;}

#entry .gyomu{ margin-bottom: 30px;}
#entry .gyomu ul{ margin: 20px 6%;}
#entry .gyomu ul li{ width: 100%; padding-bottom: 0;}
#entry .gyomu ul li:nth-child(1){ float: none; margin-bottom: 2%; padding-bottom: 2%; border-right:none; border-bottom:1px #808080 solid;}
#entry .gyomu ul li:nth-child(2){ float: none; padding-left: 0;}

#entry .syonin{ margin: 10px 6% 30px;}
#entry .syonin ul{ border-top:#808080 1px solid; box-sizing: border-box;}

#entry .syonin ul li{ padding: 5px 0; }
#entry .syonin ul li:nth-child(1){ float: none; width:100%; border-right:none; background-color: #D6D6D6; padding: 5px 0 5px 10px;}
#entry .syonin ul li:nth-child(2){ float: none; width:100%; padding-left: 1%;}
#entry .syonin ul:last-child{ border-bottom:#808080 1px solid;}

#entry .box-r{
    margin: 20% 6% 0;}	

	

/*====================================================================================================
  PRIVACY
====================================================================================================*/
#privacy {}


/*====================================================================================================
  SITEMAP
====================================================================================================*/
#sitemap { background: url("../../image/back-site.jpg") no-repeat ; background-position:bottom; background-size: cover;  padding: 80px 0 250px;}
table.sitemap_hyou { margin:0 10%; width:80% !important;}
table.sitemap_hyou th,
table.sitemap_hyou td{
	table-layout:auto !important;
	display:block !important;
	padding:5% !important;
	width:100% !important;
	height:auto !important;
	box-sizing: border-box;
	border: none;
}
table.sitemap_hyou th { padding-bottom: 0 !important; border-top: 1px solid #000;}
table.sitemap_hyou td { padding-top:0 !important;}

#sitemap h4 { margin: auto; max-width: 80%; font-size: 130%; color: #6C8F9E; font-weight: 100;}
#sitemap .min { margin: auto; max-width: 80%; padding: 0 0 50px; font-size: 180%; letter-spacing: 0.5em; line-height: 190%}	
	
/*====================================================================================================
  CONTACT
====================================================================================================*/
#contact {}
#contact-thanks { margin: 0 auto; width: 90%;}

/* colour */

#top-bs{ margin: 200px auto 0; width: 100%; background:#e3eff6;}

#top-bs .con_pa_s{
  margin: 0 auto;
  position:relative;
  width: 100%;
　top:30px;
  height :350px;
}

#top-bs .con_ch1_s{
    position: relative;
    margin: 0 auto;
    top: -120px;
    max-width: 350px;
    width: 320px;
	height :336px;
}

#top-bs .con_ch2_s{
	position: relative;
    margin: 0 auto ;
	top: -100px;
    width: 260px;
    height: 109px;
}