@charset "utf-8";
@media screen and (max-width:828px)
{

*{
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	display:block;
	}
	
h1 {
	font-size:18px;
	color:#c21818;
	}
h2 {
	font-size:34px;
	color:#ff0000;
	font-weight:bold;
	margin:5px auto 5px auto;
	}
	
#wrapper1{
	display:none;
	}

a {
    display: block;
	}
a:hover {
    opacity: 0.6;
	}

html {
	height:100%;
	overflow:auto;
	}
	
body {
	margin:auto;
	text-align:center;
	display:table;
	width:100%;
	overflow:hidden;
    position:relative;
	}

#container {
	width:100%;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}



/* head */
#hd {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.hd_l {
	width:80%;
	margin:0px 0px -3% 5%;
	float:left;
	}

.hd_r {
	width:95%;
	margin:0px 0px 3% 5%;
	float:left;
	}



/* menu */
#mnu {
	width:100%;
	margin:0px 0px 0px 0px;
    position:absolute;  
	float:left; 
	text-align:center;
	z-index:990;
	background-color:#c21818;
	display:none;
	}
#mnu2 {
	width:100%;
	margin:0px 0px 0px 0px;
    position:absolute;  
	float:left; 
	text-align:center;
	z-index:990;
	background-color:#c21818;
	display:none;
	}

.mn_bx_l {
	height:20px;
	margin:12px 0px 0px 0px;
	float:left;
	color:#ffffff;
	font-size:14px;
	}

.mn_bx {
	height:20px;
	margin:12px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:14px;
	}

/* change menu */
#change {
	display:none;
	}
#change2 {
	display:none;
	}

#content {
	width:100%;
	margin:0px 0px 0px 0px;
	display:none;
	}

.inner {
	display:none;
	width:100%;
	margin:auto;
	}



/* contents */
.cts {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.cts_bk01 {
	width:90%;
	background-color:#ffffff;
	margin:0px 0%;
	padding:0px 5%;
	float:left;
	}

.cts_bk02 {
	width:90%;
	background-color:#ffd200;
	margin:0px 0%;
	padding:0px 5%;
	float:left;
	}

.cts_bk03 {
	width:90%;
	background-color:#f0efe9;
	margin:0px 0%;
	padding:0px 5%;
	float:left;
	}

.cts_bk_inner {
	margin:0px 0px;
	padding:100px 0px;
	float:left;
	}



/* img */
.main_img {
	width:100%;
	margin:50px 0px 50px 0px;
	padding:0px 0px;
	float:left;
	background-image:url("../_img/top/main.jpg");
	background-size:100%;
	display:none;
	}
.main_img_in {
	width:100%;
	height:300px;
	margin:250px 0px 0px 0px;
	float:left;
	z-index:999;
	position:relative;
	}

.main_img_sp {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	float:left;
	}


.img_sub {
	width:100%;
	margin:-50px 0px 0px 0px;
	float:left;
	z-index:100;
	position:relative;
	display:none;
	}
.img_sub02 {
	width:100%;
	height:350px;
	margin:-50px 0px 50px 0px;
	float:left;
	}
.img_sub_sp {
	width:100%;
	margin:-270px 0px 50px 0px;
	float:left;
	z-index:100;
	position:relative;
	}
.img_sub_sp02 {
	width:100%;
	margin:-200px 0px 50px 0px;
	float:left;
	z-index:100;
	position:relative;
	}

/* txt */
.tit {
	width:120%;
	margin:0px -10% 30px -10%;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	line-height:150%;
	z-index:999;
	position:relative;
	}
.tit_wh {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	color:#ffffff;
	}

.tit_eng {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	font-family: 'Archivo Narrow', sans-serif;
	color:#ff0000;
	}
.tit_eng_wh {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	font-family: 'Archivo Narrow', sans-serif;
	color:#ffffff;
	}


.txt {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	z-index:9990;
	position:relative;
	}
.txt02 {
	width:100%;
	margin:50px 0px 0px 0px;
	float:left;
	z-index:9990;
	position:relative;
	}
.txt03 {
	width:100%;
	margin:50px 0px 150px 0px;
	float:left;
	z-index:9990;
	position:relative;
	}
.txt_wh {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	color:#ffffff;
	}

.txt_bnr {
	width:100%;
	margin:0px 0px 5px 0px;
	padding:10px 0px;
	float:left;
	text-align:center;
	font-size:28px;
	color:#ffffff;
	border:solid 4px #9f1111;
	background-color:#ff0000;
	font-weight:bold;
	background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #9f1111), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #9f1111),color-stop(.75, #9f1111), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
	}

.txt_bnr02 {
	width:85%;
	margin:0px 0px 0px 0px;
	padding:10px 5% 5px 10%;
	float:left;
	text-align:left;
	background-color:#ffd200;
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
	}
.txt_bnr02_wh {
	width:85%;
	margin:0px 0px 0px 0px;
	padding:10px 5% 10px 10%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	font-size:24px;
	color:#0030ff;
	font-weight:bold;
	text-decoration:underline;
	}
.txt_bnr02_wh_icn {
	width:5%;
	margin:10px 5px 0px -5%;
	float:left;
	}
.txt_bnr02_wh_icn02 {
	width:7%;
	margin:-5px 5px 10px -5%;
	float:left;
	}


.txt_bnr03 {
	width:85%;
	margin:0px 0px 0px 0px;
	padding:10px 5% 10px 10%;
	float:left;
	text-align:left;
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
	border:1px solid #ff0000;
	}


.tel_bnr {
	width:100%;
	margin:50px 0px 0px 0px;
	float:left;
	text-align:center;
	z-index:999;
	position:relative;
	}

.top_bnr {
	width:40%;
	margin:0px 30% 0px 30%;
	float:left;
	text-align:center;
	z-index:999;
	position:relative;
	}


.com_lin {
	width:80%;
	margin:0px 10% 0px 10%;
	float:left;
	}
.com_l {
	width:30%;
	margin:0px 0px 1px 0px;
	padding:10px 0px;
	float:left;
	text-align:center;
	background-color:#e2e2e2;
	}
.com_r {
	width:68%;
	margin:0px 0px 1px 2%;
	padding:10px 0px;
	float:left;
	text-align:left;
	}



/* space */
#space {
	width:100%;
	height:0px;
	margin:0px auto 0px auto;
	clear:both;
	}



/* footer */
.cts_fot {
	width:100%;
	background-color:#403737;
	margin:0 0%;
	padding:50px 0%;
	float:left;
	display:none;
	}

.fot_mnu {
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	display:flex;
	}

/* copy */
.fot_copy {
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:14px;
	}



/* form */
.ctct-ipt {
	height:24px; 
	padding:1px 10px;
	border:0px solid #868686;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	float:left;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	background-color:#f7f7f7;
	}

.ctct-txtara {
	padding:1px 10px;
	border:0px solid #868686;
	line-height:24px;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	float:left;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	background-color:#f7f7f7;
	}

input[type=text]:focus {
   border:solid 1px #c60000;
	}

input[type=text], select {
   outline:none;
	}



/* link */
p.gotop{
	width:100px;
	height:100px;
    right:20px;
	bottom:0;
	background-color:#c21818;
	z-index:9999;
	position:relative;
	}
p.gotop a{
    width:100px;
    height:100px;
    display:block;
	text-align:center;
	}

p.mail{
	width:100%;
    right:0px;
	bottom:0;
	z-index:9999;
	position:relative;
	}
p.mail a{
	width:100%;
    display:block;
	text-align:center;
	}



/*SP用メニュー*/
header_sp {
	}

#nav-drawer {
	width:100%;
	}

.hd_sp_bx_main {
	width:100px;
	height:100px;
    right:10px;
	top:10px;
	background-color:#c21818;
	z-index:99999;
	position:fixed;
	}
.hd_sp_bx {
	width:26%;
	margin:0px 0px 0px 0%;
	padding:0px 0%;
	float:left;
	}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
	}

/*アイコンのスペース*/
#nav-open {
	width:100%;
    display:inline-block;
	}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	float:left;
	}
#nav-open span:before {
	float:left;
	}
#nav-open span:after {
	float:left;
	}

/*閉じる用の薄黒カバー*/
#nav-close {
    display:none;/*はじめは隠しておく*/
    position:fixed;
    z-index:9999;
    top:0;/*全体に広がるように*/
    left:0;
    width:100%;
    height:100%;
    background:black;
    opacity:0;
    transition:.3s ease-in-out;
	}

/*中身*/
#nav-content {
    overflow:auto;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;/*最前面に*/
    width:90%;/*右側に隙間を作る*/
    max-width:330px;/*最大幅*/
    height:100%;
    background:#ffffff;/*背景色*/
    transition:.3s ease-in-out;/*滑らかに表示*/
    -webkit-transform:translateX(-105%);
    transform:translateX(-105%);/*左に隠しておく*/
	}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	width:100%;
    display:block;/*カバーを表示*/
    opacity:.5;
	}

#nav-input:checked ~ #nav-content {
	width:100%;
    -webkit-transform: translateX(0%);
    transform:translateX(0%);/*中身を表示*/
    box-shadow:0px 0 0px rgba(0,0,0,.15);
	}

	
.sli_bx {
	width:90%;
	margin:0px 0px 0px 0%;
	padding:5% 5%;
	float:left;
	border-bottom: inset 1px #c0c0c0;
	line-height:200%;
	}
.sli_tit {
	width:100%;
	margin:5px 0px 0px 0%;
	padding:0px 0%;
	float:left;
	color:#166a8a;
	font-size:24px;
	text-decoration:none;
	font-weight:bold;
	}







}