@charset "utf-8";
/*
 responsive base
*/



@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}


/*min-widthの指定 (「数字に指定したところから」と覚える) */

@media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/

.smart_menu,.right_menu_btn{
	display:none;
}

.s_mail,.s_tel{
	display:none;
}

/*サブメニュー：のびるところ*/
.menu-header ul.sub-menu {
	position:absolute;
	z-index:99999;
	border:0;
  display: none;
  }
.menu-header ul.sub-menu li{
	float:none;
		border:0;
	top:-45px;
	left:45px;
	


}

.menu-header ul.sub-menu li a,
.menu-header ul.sub-menu li a:visited{
	color:#fff; 
	background-color:#4d4398;
	text-align:left;
	padding:10px 20px 10px;
	border:0;
	display:block;
	width:200px;
	border-bottom:1px dotted #fff;
}

.menu-header ul.sub-menu li a:hover{
	background-color:#796baf;
	color:#fff;

}

.main01{
	background:url(images/main_1_1129.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 18%;
	padding-bottom: 18%;
}

	
.main02{
	background:url(images/main_2.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 18%;
	padding-bottom: 18%;
}

	
.main03{
	background:url(images/main_3.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 18%;
	padding-bottom: 18%;
}



.m_10p{
	margin-top:10%;
}
.m_15p{
	margin-top:15%;
}


}


@media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/

.logo{
	width:300px;
}	

.main_mes{
	position: relative;
	z-index:9999;
}

.main_mes h1 {
	color: #fff;
	font-size: 48px;
	font-family: Futo Go B101;
	text-align: center;
	letter-spacing: 0.1em;
    text-shadow: 4px 4px 8px rgba(29,32,136,0.8),
    -4px 4px 8px rgba(29,32,136,0.8),
    4px -4px 8px rgba(29,32,136,0.8),
    -4px -4px 8px rgba(29,32,136,0.8);
	}
	
.main_mes h2 {
	color: #fff;
	font-size: 22px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
    text-shadow: 3px 3px 5px #1d2088,
    -3px 3px 5px #1d2088,
    3px -3px 5px #1d2088,
    -3px -3px 5px #1d2088;
	}
	
	
	
.cat_right{
	float:right;
}


}


@media (min-width: 1200px) {/*幅1200px以上で適用されるスタイル*/

.m_10m{
	margin-top:-10%;
}
.m_15m{
	margin-top:-15%;
}


}




/*max-widthの指定 (「数字に指定したところまで」と覚える)*/

@media (max-width: 1199px) {/*幅1199px以下で適用されるスタイル*/


header nav ul li a{
	display: inline;
	padding-right: 45px;
	padding-left: 45px;
}

.main_mes h1{
	font-size:40px;
}
	
.main_mes h2{
	font-size:20px;
}

p.works_title{
	font-size:12px;
}

.cat a{
	font-size:12px;
}


}


@media (max-width: 991px) {/*幅991px以下で適用されるスタイル*/

h1{ font-size:32px;}
h2{ font-size:32px; }   
h3{	font-size:28px;	}
h4{	font-size:18px;	}  
h5{ font-size:18px; }
h6{ font-size:18px; }

header nav ul li a{
	display: inline;
	padding-right: 27px;
	padding-left: 27px;
}


.main_mes h1{
	color: #fff;
	font-size: 38px;
	font-family: Futo Go B101;
	text-align: center;
	letter-spacing: 0.1em;
    text-shadow: 3px 3px 5px rgba(29,32,136,0.8),
    -3px 3px 5px rgba(29,32,136,0.8),
    3px -3px 5px rgba(29,32,136,0.8),
    -3px -3px 5px rgba(29,32,136,0.8);
	}
	
.main_mes h2 {
	color: #fff;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
    text-shadow: 1px 1px 6px #1d2088,
    -1px 1px 6px #1d2088,
    1px -1px 6px #1d2088,
    -1px -1px 6px #1d2088;
	}


.works_thum{
	height:250px;
}

.cat a{
	font-size:12px;
}

p.works_title{
	font-size:14px;
}

}


@media (max-width: 767px) {/*幅767px以下で適用されるスタイル*/
	

h1{ font-size:24px;}
h2{ font-size:28px; }   
h3{	font-size:20px;	}
h4{	font-size:18px;	}  
h5{ font-size:16px; }
h6{ font-size:16px; }


.h2sub{
	font-size:16px;
}

.m_50{
	margin:30px 0;
}
.m_30{
	margin:15px 0;
}


.area01{
	padding:15px 0;
}
.area02{
	padding:15px 0;
}

#header{
	position:fixed;
	z-index:99999;
	background:#fff;
	padding-bottom:10px;
	padding-top:20px;
	width: 100%;
}

#contents{
	padding-top:70px;
}


.logo{
	width:100%;
	margin:0 auto 10px;
}	

header,.xs_non{
	display:none;
}

.right_menu_btn{
	background:#1d2088;
	color:#fff;
	font-size:18px;
			padding:3px 5px 2px;
		text-align:center;
		width:46%;
			float:left;
			    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 

}
.right_menu_btn i{
	font-size:20px;
	
}



.h_contact,.h_tel{
	display:none;
}


.main01{
	background:url(images/main_1_s_1129.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 35%;
	padding-bottom: 35%;
}
.main02{
	background:url(images/main_2_s.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 35%;
	padding-bottom: 35%;
}
.main03{
	background:url(images/main_3_s.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 35%;
	padding-bottom: 35%;
}

	
.main_mes h1 {
	font-size: 32px;
	line-height: 1.2;
}
	
.main_mes h2 {
	font-size: 16px;
}

.main_linkBtn_w{
border:1px #959595 solid;
color:#000;
}



.works_thum{
	margin:10px 0;
	height:auto;
	
}

.cat a{
	font-size:14px;
}

.mailTable{	
	border-collapse: collapse;
	border-spacing: 1px;  
}

.mailTable td,
.mailTable th{
	padding:10px 15px;	
	border:1px solid #fff;
	display:block;
}

.mailTable th{
	background:#F2F7D8;
	}
#form{
}

#form input[type="submit"] {
	margin:20px auto;
	background:#ACCC02;
	color: #FFF;
	border:none;
	padding:10px;
	width:50%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}

#form input.button-confirm{
	background:#F2F7D8;
	color: #FFF;
	border:none;
	padding:10px;
	width:100%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}
/*button-rewrite*/
					
					

#form input[type="submit"]:hover{
	background:#C2D96E;
}


#textarea {
width: 100%;
height: 16em;
line-height: 1.5em;
}
#textname {
width: 100%;
height: 2.5em;
}

select {
width: 100%;
	padding: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background-size: 20px, 100%;
	font-size:14px;
		}


.fnavi{
	display:none;
}



}


@media (max-width: 320px) {/*幅320px以下で適用されるスタイル*/

.right_menu_btn{
	width:46%;
			padding:1px 5px 1px;
}
.right_menu_btn i{
	font-size:16px;
}
.s_tel,.s_mail{
		width:46%;
		font-size:10px;
}
	
.main_mes h1 {
	font-size: 28px;
}
	
.main_mes h2 {
	font-size: 14px;
}


}