@charset "UTF-8";


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

	Setting

=================================================================== */
html {
	color: #333;
	background: #FFF;
	line-height: 1.6;
	text-align: left;
	font-size: 65.5%;
}
body {
	font-size: 1.5rem;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	overflow-x: hidden;
}
main { padding-top:55px; }
img {
	max-width: 100%;
	height: auto;
}
.ms-set{
	flex-direction: column;
	margin: 60px 20px;
}
.containar {
	width: 95%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.containar:after {
	content: "";
	display: block;
	clear: both;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
　　/* link set
	------------------------------------------------------------------- */
 a {
	color: #5B463F;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
a img {
	transition: 0.3s ease-in-out;
}
a:hover {
	color: #47676F;
}
/* float対策：背景色表示用
	------------------------------------------------------------------- */
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: block; /* for IE8 */
}
.both {
	clear: both;
}
.hidden {
	display: none;
}
/* 	imgホバーアクション
	------------------------------------------------------------------- */
.imgWrap {
	overflow: hidden;
	width: 100%;
	　height: auto;
	cursor: pointer;
	background-color: #ffffff;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
	margin-top: -1px;
}
/*.imgWrap img:hover{ opacity: 0.6; transform: scale(1.1); transition-duration: 0.3s; }*/
	
	/* 	背景画像＆テキスト使用時スマホ用
	------------------------------------------------------------------- */
.bg.spTxt {
	text-indent: 0;
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
/* ===================================================================

	Header

=================================================================== */
body > header {
	width: 100%;
/*	height: 80px;*/
	z-index: 1;
}
body > header .logo {
	line-height: 1.8;
	display: inline-block;
	width: 80%;
}

	@media screen and (min-width:768px) and (max-width:1023px) {
		body > header .logo {
			width: 45%;
		}
	}
	
	
body > header h1 {
	width: 100%;
	margin-top: 0px;
	padding-left:2%;
	font-size:10px;
}
body:not(.custom-background-image):before{
	background: unset !important;
}
body > header img.logo02 {
	width: 60%;
	margin-left: 1%;
	vertical-align: bottom;
}
body > header .h_tel {
	position: absolute;
	top: 0;
	right: 1%;
}
body > header .h_tel img {
	width: 55%;
}
body > header .logo {
	float: left;
	padding: 10px 0px 0px 0px;
	margin-right: 100px;
}
.header_menu { padding-top:0; }
body > header .h_l a img { width:180px; margin:0 0 0 10px; }
    
    header .containar{ padding: 10px}
    .under-image{
        text-align: center;
    }
    .under-image img{
        width: 55%;
    }

/* h_r
		  ------------------------------------------------------------------- */
body > header .h_r {
	display: none;
}
/* nav
		  ------------------------------------------------------------------- */
body > header nav {
	display: none;
}
/* smh_menu
		  ------------------------------------------------------------------- */
#smh_menu {
	display: none;
}


.header_contact { display:none; }

/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: block; position: relative;	z-index: 9999; }
	.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block;	padding:.75rem;	text-decoration: none;	color: #222; }



	
/* ===================================================================
	/
	/	共通css
	/
	=================================================================== */
	#main_contents { width:100%; float:none;margin: 0;}
	#side_contents { width:100%; float:none; margin-top:50px;
		margin-bottom:0;  text-align: center;}

	section h2 { font-size:12px; padding:8px 8px; letter-spacing:2px; margin-bottom:30px; } 
	section h3 { font-size:16px; letter-spacing:1px; margin-bottom:15px; } 
	
	section p { font-size:13px; line-height:25px; }

	.containar p{line-height: 25px; letter-spacing: 1px;}

	.containar .f_box { display:block;}
	.containar .f_box .inbox { width:90%; margin:0 auto 10px; }
	.containar .f_box .inbox h3 { margin-bottom: 10px; text-align: left; color: #18223D; font-weight: 600;}
	.containar .f_box .inbox p { margin-bottom: 20px; text-align: left;}




	#map { margin-top:-85px; padding-top:85px; }
    
    .drawer-hamburger{
        padding: 7px 1rem 30px !important;
    }


/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */
	.main_img { height:120px; }
    .main_img h2 { font-size:20px; top:45%; }








	.containar #main_contents dt{
		font-size:12px;
	}
	.containar #main_contents dd{
		font-size:12px;
	}

	iframe { height:300px; }
/* ================================================================
/
/	about
/
=================================================================== */
.about .containar .f_box { }
.about .containar .f_box h3 { font-size:16px; margin-bottom:0; border:none; text-indent:0; }
.about .containar .f_box img { margin-bottom:0; }
.about .containar .f_box .inbox_2_5 { width:100%; margin: 0 auto; }
.about .containar .f_box .inbox_3_5 { width:100%; margin: 0 auto; }
.aboutbox{ margin:0 0 13%;}

/* ===================================================================
	/
	/	side_contents
	/
	=================================================================== */
	#side_contents .side_bnr_area img { margin-bottom: 20px; max-width: 60%; width: 100%;}




/* ================================================================
/
/	CONTACT
/
=================================================================== */

	section ul li { margin-bottom:0; font-size:1.1rem; }

	/* form
	------------------------------------------------------------------- */
	.cnt table { width:100%; margin:0 auto 2em; font-size:1.1rem; }
	.cnt table tr th,
	.cnt table tr td { padding:0.5em; }
	.cnt table tr th { width:30%; }
	.cnt table tr td { padding-left:0.5em; }
	.cnt table tr th span { font-size:.9rem; margin-left:0; padding:0.2em 1em; display:block; width:5em; text-align:center; margin-top:0.5em; }
	.cnt table tr td p { font-size:.9rem; margin-top:0.2em; }


	/* input */
	.cnt table tr td.short input { width:100%; }
	.cnt table tr td select { width:100%; padding:5px 10px; border:1px solid #CCC; }
	.cnt table tr td textarea { height:8em; }

	/* submit */
	.cnt input[type="submit"] { width:60%; font-size:1.2rem; }

	/* check */
	/* complete */
	.cnt .check { padding:2em; margin-bottom:2em; }
	.cnt .complete p { margin-bottom:2em; }
	.cnt .complete a { width:80%; font-size:1.2rem; }
    

    
    @media screen and (max-width:575px){
        .check-page table.formTable th{
            margin-top: 0;
            width: 100%;
        }
        .check-page .containar2{
            margin: 45px auto 0;
        }
    }



/* ================================================================
/
/	実例集（WP）
/
=================================================================== */

.post .site-content {
    width: 95%;
	padding-top:85px;
}

.post-ms-set{
	display: flex !important;
	flex-direction: column !important;
}

.content-area{
	float: unset !important;
	width: 100% !important;
}

.sidebar{
	width: 100% !important;
	float: unset !important;
	margin: 0 !important;
}

.sidebar {
	padding:0 3% !important;
}

.widget .search-submit:before{
	line-height: 10px !important;
}


  /************************ news-archive ************************/
	.site-content h2{
		font-size: 18px;
	}
	.news .f-box01 .cnt_bk{
		padding: 0 0.5em 0 0.5em;
  	}
	.news .f-box01 .cnt_bk h2.archive-h2{
		font-size: 12px;
		padding:0.5em;
		min-height:55px;
	}
  
  

  /************************ news-archive ************************/
  .news .f-box03{
  	width: 50%;
  	padding-top: 10px;
	margin-bottom:20px;
  }
  .news .archive-img{
  	height: 22vw;
  }
    .post .entry-content{
        width: auto !important;
    }

	
/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer { text-align:center; }
	footer .containar .footer_area { padding: 0 3vw; display:block; display: flex; flex-direction: column;}
	footer .area00{ width: 100%; margin: 0;}
	footer .containar .footer_area .area00 img{width: 45%; max-width: 150px; margin-bottom: 30px; }
	footer .containar .footer_area .area01 { width:100%; text-align: left; font-size: 12px; order: 1;}
	footer .containar .footer_area .area01 .area01_flex { display:block; }
	footer .containar .footer_area .area01 .f_img_area { margin:30px 0; height:auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .containar .footer_area .area01 .f_img_area a img { width:100%; margin-bottom:15px; }
	footer .containar .footer_area .area01 .f_img_area_2 { display:block; height:auto; display:none; }
	footer .containar .footer_area .area01 .f_img_area_2 img { margin-bottom:10px; width:45%; }

	footer .containar .footer_area .area02 { width:100%; padding:0; margin-left:0; }
	footer .containar .footer_area .area02 dl dt, footer .containar .footer_area .area02 dl dd { font-size:13px; text-align:left; }
	footer .containar .footer_area .area02 dl dt { width: 25%; padding-right:10px; }
	footer .containar .footer_area .area02 dl dd { width: 75%; padding-left:10px; }
	footer .containar .footer_area .area02 .tel_area { display:block; margin:20px 0; }
	footer .containar .footer_area .area02 .tel_area li { width:100%; margin:0 auto 10px; }
	footer .containar .footer_area .area02 .f_img_area{display: block;}
	

	.copyright small { font-size:12px; }




}

@media screen and (max-width:768px){
    main{
        padding-top: 35px;
    }
    .main_img h2 { top:50%; }
}

/* スマホ用 */
@media screen and (max-width:500px) {
	#side_contents .side_bnr_area img{
		max-width: 100%;
		width: 100%;
	}

	.news .f-box03{
		width: 100%;
	}

	.news .archive-img{
		max-height: 300px;
		height: 50vw;
	}
}