@charset "UTF-8";


/* タブレット用 */
@media screen and (max-width:1023px) {
/* ===================================================================

	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; }
img { max-width:100%; height:auto; }
.containar { width:100%; 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  { 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; }


/* ===================================================================
	/
	/	news
	/
	=================================================================== */
	.news {	padding: 30px 0; background: none; border-bottom: 2px solid #18223D;}
	.news .containar h2 { float: none; margin: 3px auto; }
	.topix { flex-direction: column;}
	.topix .topix_left a { color: #6b5926;}
	.topix .topix_left { float:none; width:100%; text-align:center; border:none; padding:0; height:80px; }
	.topix .topix_right { float: none; margin:0 20px; height:auto; text-align:center; }
	.topix .topix_right ul li {	line-height:25px; font-size:15px; text-align: left; margin-bottom: 10px; }
	.topix .topix_right ul { padding:10px 0; }
	.topix .topix_right ul li a p { line-height:25px; }
	.news_area .sp{ display: none;}
	.topix_time{ margin-right: 15px;}

/* ===================================================================
	/
	/	main image
	/
	=================================================================== */
	#main_img{
		background: url(../image/main_bg.jpg) center;
		background-repeat: no-repeat;
		background-size:cover;
		position: relative;
		height:400px;
	}
	.maintext{
		background-repeat: no-repeat;
		padding: 10% 4%;
		color: #fff;
		max-width: 0;
		min-width:330px;
		text-align: center;
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translateY(-50%) translateX(-50%);
	}
	.maintext h1{
		margin-bottom: 25px;
        font-size: 0.8em;
		font-weight:600;
		letter-spacing:0.3em;

	}
	.maintext p{
		line-height: 2;
        letter-spacing: 0.2em;
    	margin-bottom: 10px;
		font-size:1.2rem;

	}
	.maintext img{
		margin-bottom: 10px;
		width:65%;

	}
	.maintext .btn_link {
		min-width:220px;
		padding:15px 20px;
	}

	.top_text p { font-size:12px; text-align:left; padding:2px 10px; }


/* ===================================================================
	/
	/	ボタン
	/
	=================================================================== */
	.btn_link {
    color: #4e4c4c;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    padding: 15px 30px;
    margin: 0;
    min-width: 280px;
    position: relative;
    /*border: 2px solid #4e4c4c;*/
	border-radius: 7px;
	background: #fff;
    background-image: url(../images/link_arow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	}
	.btn_link:hover {
		color: #fff;
		background: #191919;
		background-image: url(../images/link_arow2.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}

/* ===================================================================
	/
	/	共通
	/
	=================================================================== */
	.containar { width: 100%; max-width: 1350px; margin: 0px auto; }
	.containar h2{font-size: 1.5em; letter-spacing: 2px;}
	.containar h3{font-size: 1em; letter-spacing: 2px;}
	.containar p{line-height: 25px; letter-spacing: 1px; font-size: 0.8em;}
	.containar .f_box { display:block;}
	.containar .f_box .inbox { width:90%; margin:0 auto 40px; }
	.containar .f_box .inbox h3 { margin-bottom: 10px; text-align: left; font-weight: 600;}
	.containar .f_box .inbox p { margin-bottom: 20px; text-align: left;}

	.containar .f_box .btn_link02 {
		font-size:13px;
	}

	.side_bnr_area img{
		max-width: 60%;
	}

/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { padding: 30px 0 40px; }
	.s1 .containar h2{margin-bottom:10px; font-size: 1.3em; letter-spacing: 1px; margin-top: 10px; }




/* ===================================================================
	/
	/	s2
	/
	=================================================================== */





/* ===================================================================
	/
	/	contact_area
	/
	=================================================================== */
	.contact_area { padding:30px 0; }
	.contact_area .containar { width:80%; }
	.contact_area .btn_link { min-width: 250px; }

	.contact_area p { color:#fff; }



/* ===================================================================
	/
	/	bailaor
	/
	=================================================================== */
	.bailaor { padding:30px 0px; }
	.bailaor .waku { display:block; padding:20px; width: 95%; margin: 0 auto; }
	.bailaor .waku div { margin:0 auto 10px; text-align:center;  }
	.bailaor .waku div img.emblem { width:100px; }


/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer { text-align:center; }
    footer .containar .footer_area { padding: 6vw 3vw 0; display:block; }
	footer .area00{ width: 100%; margin: 0;}
	footer .area00 img{ width: 100%;}
	footer .containar .footer_area .area00 img{ width: 45%; max-width: 150px; margin-bottom: 30px;}
	footer .containar .footer_area .area01 { width:100%; padding:0; text-align: left; font-size: 12px;}
	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 { height: 30px; }*/
	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: 70%; 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; }





}