@import "../js/nav/styles.css?202002120917";

@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:750px){

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}
#wrapper { background:#FFF; border-top:none; overflow:hidden;}
#base { width:100%; 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 {}

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

#content { border: none;}

/*====================================================================================================
  FOOTER
====================================================================================================*/
	
#page {
	display:block;
	position: absolute;
	top:-28px;
	right: 0px;
	text-indent: -9999px;
	z-index:9999;
}
#page a {
	display:block;
	width:70px;
	height:28px;
	background: url(../image/pagetop.png) no-repeat;
}

#footer {}
#footer .f-all{	width: 100%;}
#footer p:nth-child(1){ display: none;}
#footer p:nth-child(2){ float: none; text-align: center;}
	
/*====================================================================================================
  TOP PAGE
====================================================================================================*/

#mainimg{ margin:0 auto; width:100%;}
#mainimg img{ width:100%;}
#toppage{ width:100%;}

/****** INFOMATION ******/
#toppage .information{ margin:30px 2%; width:96%;}

/* news */
#toppage .information .news{ width:100%; float: none;}
#toppage .information .news .news-list{ height: 150px;}
#toppage .information .news .news-list dl{ width: 100%;}
#toppage .information .news .news-list dt{
	float: none;
	padding: 0.5% 0%;
	width: 100%;
	background: none;
}
#toppage .information .news .news-list dd{ float: none; margin-right: 0; padding: 0.5% 0; width: 100%;}

/* banner */
#toppage .information .banner{ float: none; width: 100%; margin-top: 25px;}
#toppage .information .banner .ba{ float: left; width: 49%; margin: 0 2% 9px 0;}
#toppage .information .banner .ba img{ width: 100%; height: auto;}
#toppage .information .banner .ba:nth-child(2n){ margin-right: 0;}
#toppage .information .banner .ba:nth-child(3n){ margin-right: 2%;}


/****** SERVICE ******/
#toppage .service .se-list{ margin: 15px 2% 30px; width: 96%;}
#toppage .service .se-list ul{ float: none; margin: 0 0 30px; width: 100%;}

/* TOPICS SETTING */
#toppage .topics{ width:100%;}
#toppage .topics .tpcs{ margin: 0 2%; width:96%; box-sizing: border-box;}
#toppage .topics .tpcs ul{
	position: relative;
	margin: 0 0 10px;
	float:none;
	width:100%;
}
#toppage .topics .tpcs ul li { float:left;}
#toppage .topics .tpcs ul li:nth-child(1) { width:30%;}
#toppage .topics .tpcs ul li:nth-child(2) { width:70%; padding:5% 0;}
#toppage .topics .tpcs ul:after { /*float_clear*/ display:block; clear:both; content:"";}
#toppage .topics .tpcs ul li img{ width:100%; height:auto;}

/* MESSAGE SETTING */
#toppage .message{ background:#F5F3F0;}
#toppage .message h3{ text-align:center;}
#toppage .message .me{ margin:0 2% 20px; width:96%;}
#toppage .message .me .come{ width: 100%;}
#toppage .message .more2 { margin:auto; width:150px;}

/* RECRUITE SETTING */
#toppage .recrute{ background: url(../image/top-bk4.jpg) no-repeat center bottom; background-size: cover;}
#toppage .recrute .re{ margin: 0 auto; padding: 70px 2%; width: 100%;}
#toppage .recrute .re .re-cach{ margin-bottom: 10px; text-align: center; font-family: "游明朝", "YuMincho", serif; font-size: 20px; font-weight:600;}
#toppage .recrute .re ul.bana{ margin: 20px 0 40px;}
#toppage .recrute .re ul.bana img{ width: 100%; height:auto;}
#toppage .recrute .re ul.bana li{ float: none;}
#toppage .recrute .re ul.bana li:nth-child(1){ margin: 0 0 10px;}

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


#subpage { 
	margin:0 0 50px !important;
	padding:50px 2% 0;
	width:100%;
    box-sizing:border-box;
}


/* MIDASHI */
h2.tit{
	width: 100%;
	min-height:inherit;
	color:#FFF;
	font-size:150%;
	line-height:130%;
	background:#1D5FA0;
}
h2 div{ display: block; padding: 20px 0 10px; border-bottom: #1D5FA0 2px solid;}
h2 div small{ font-size:12px; font-family: "游ゴシック体","Yu Gothic", "YuGothic";}
	
#subpage h3 {}
#subpage h4 { margin:0 2% 5px; font-size: 100%;}

/* CATCH COPY */
#subpage .catch { margin:0 2% 20px; font-size: 120%;}

/* COMMON */
#subpage .comment1 { margin:0 2% 20px;}
#subpage .comment2 { margin:0 2% 20px; padding:5%;}
#subpage .comment3 { margin:0 2% 20px; padding:5%;}

/* HYOU */
#subpage table.hyou { padding:15px; border:1px solid #EEE;}
#subpage table.hyou th,
#subpage table.hyou td {
	table-layout:auto !important;
	display:block !important;
	margin-bottom:5px;
	padding:0 !important;
	width:100% !important;
	min-height:20px;
	height:auto !important;
	text-align:left;
	font-weight:normal;
	border:none;
	box-sizing:border-box;
}
#subpage table.hyou tr+tr td:nth-child(1) { margin-top:15px;}

#subpage table.hyou { margin:10px 2%; width:96%;}
#subpage table.hyou2,
#subpage table.hyou3,
#subpage table.hyou4,
#subpage table.hyou5 {margin:0 2%; width:96%;}

#subpage table.hyou2 {}
#subpage table.hyou2 th,
#subpage table.hyou2 td {
	table-layout:auto !important;
	display:block !important;
	padding:5px 5% !important;
	width:90% !important;
	height:auto !important;
	text-align:left;
	font-weight:normal;
}
#subpage table th div.altop { top:10px;}
#subpage table th div.almid { position:relative;}
#subpage table th div.albottom { bottom:10px;}

/* vertical */
#subpage table th { position:static;}
#subpage table th div.altop,
#subpage table th div.almid,
#subpage table th div.albottom {position:static;}

/* LIST */
#subpage ul.list-ul { margin:20px 2%;}

/* LINK */
#subpage .link-box { width:100%; margin:0 2%;}
#subpage .link-box:after { display:none;}
#subpage .link2 .link {width:auto;}
#subpage .link3 .link {width:auto;}
#subpage .link4 .link {width:auto;}
#subpage .file-box { width:100%; margin:0 2%;}
#subpage .file-box:after { display:none;}
#subpage .file-box .file img {padding-right:10px;}
#subpage .file2 .file {width:auto;}
#subpage .file3 .file {width:auto;}
#subpage .file4 .file {width:auto;}

/* EMBEDDED */
#subpage .embedded { margin:0 2% 20px;}

/* PHOTO BOX */
#subpage .photo-box { margin:0 2%; padding:0; width:96%;}
#subpage .photo-box:after { display:none;}
#subpage .photo-box  ul { float:none; margin:15px 0; width:100%; text-align:center;}
#subpage .g1 ul li,
#subpage .g2 ul li,
#subpage .g3 ul li,
#subpage .g4 ul li,
#subpage .g5 ul li{ width:100%; }
#subpage .g1 ul li.photo img,
#subpage .g2 ul li.photo img,
#subpage .g3 ul li.photo img,
#subpage .g4 ul li.photo img,
#subpage .g5 ul li.photo img { max-width:220px; height:auto;}

/* BOX */
#subpage .temple-box { margin:0 2%; width:96%;}
#subpage .temple-box:after { display:none;}
#subpage .box1,
#subpage .box2 { float:none;margin: 0 2% 20px; width:96%;}
#subpage .box1:after,
#subpage .box2:after { display:none;}
#subpage .box1 .catch { margin:0 0 20px !important;}
#subpage .box1 h4,
#subpage .box2 h4 { margin:10px 0; font-size:100%;}
#subpage .photo-c { float:none; padding:0; width:100%;}
#subpage .photo-c img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}
#subpage .photo-l,
#subpage .photo-r { float:none; padding:0; width:100%; text-align:center;}
#subpage .photo-l img,
#subpage .photo-r img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}

/* LINE */
#subpage .line {
	margin:0 2% 20px;
	height:50px;
	background-size:100% auto;
}

/* BUTTON */
#subpage .btn { margin:0 2%; padding:0; width:96%;}
#subpage .btn:after { display:none;}
#subpage .btn .bo { float:none; margin:0 2% 10px;}
#subpage .b1 .bo { width:96%;}
#subpage .b2 .bo { width:96%;}
#subpage .b3 .bo { width:96%;}

/* BUTTON */
#subpage ul.anchor { margin:20px 2% !important; padding:0; width:96%;}
#subpage ul.anchor:after { display:none;}
#subpage ul.anchor li{ float:none; margin:0 2% 10px;}
#subpage ul.anchor li a{ font-size:100%;}
#subpage .b1 li { width:96%;}
#subpage .b2 li { width:96%;}
#subpage .b3 li { width:96%;}

/*====================================================================================================
	ABOUT
====================================================================================================*/

#about .sup1,
#about .sup2{ text-align: left;}

#about .me{}
#about .me .catch{ display: inline-block; font-family: "游明朝", "YuMincho", serif;}
	
/*====================================================================================================
====================================================================================================*/
/*====================================================================================================
====================================================================================================*/
/*====================================================================================================
====================================================================================================*/

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

#toppage .topics .tpcs ul li a{	background: none;}
#about .g-list ul li:nth-child(1){ float: none; width: 100%;}
#about .g-list ul li:nth-child(2){ float: none; width: 100%;}

	
}