/************************************

	common.css

*************************************/

@charset "utf-8";



*{
	margin					: 0;
	padding					: 0;
	font-family				: 'メイリオ','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
	-webkit-text-size-adjust: 100%;/*スマホのフォントサイズ自動調整機能を無効にする指定*/
}

html,body{
	width					: 100%;
	overflow-x				:hidden;
	min-height					: 100%;
	font-size				: 62.5%;
	color: #595757;
	box-sizing: border-box;
}

body{
	overflow-y: hidden;
}

a{
	text-decoration			: none;
	color: #595757;
}

ul{
	list-style				: none;
}

table{
	border-collapse			: collapse;
}

article{
	margin					: 0 auto;
}

h1{
	margin: 0;
	padding: 0;
}

div.wrapper{
	width: 100%;
}

/* ----- clearfix start ------ */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix { display: block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


div.common_info_green{
	background: #17933a;
}

div#keyvisual_pctaby,
div#keyvisual_tt,
div#keyvisual_sy{
	display: none;
}

footer{
	margin: 0;
}

div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}

h1.title_1{
	width: 20.8rem;
}

div#keyvisual_st {
	display: block;
	margin			: 0 auto;
	width: 100%;
	max-width:100%;
	text-align		: left;
	overflow		: hidden;
	position		: relative;
	padding:0 0 122% 0;
}

#keyvisual_st img {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: auto;
}





/****************************************
for スマホ横(767px以下)
*****************************************/
@media print,screen and (min-width:568px) and ( max-width:767px){
div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}

div#keyvisual_st {
		display:none;
}

h1.title_1{
	width: 20.8rem;
}

div#keyvisual_sy {
	display: block;
	margin			: 0 auto;
	width: 100%;
	max-width:76.7rem;
	text-align		: left;
	overflow		: hidden;
	position		: relative;
	padding:0 0 45.8% 0;
}

#keyvisual_sy img {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: auto;
}
}




/****************************************
for タブレット縦～PC(980px以下)
*****************************************/

@media print,screen and (min-width:768px) and (max-width:980px){
div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}

div#keyvisual_st {
		display:none;
}

h1.title_1{
	width: 20.8rem;
}

div#keyvisual_tt {
	display: block;
	margin			: 0 auto;
	width: 100%;
	max-width:98rem;
	text-align		: left;
	overflow		: hidden;
	position		: relative;
	padding:0 0 71.2% 0;
}

#keyvisual_tt img {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: auto;
}
}











/****************************************
for タブレット横～PC(1024px以下)
*****************************************/
@media print,screen and (min-width:981px) and ( max-width:1025px){
div.contents_box{
	margin: 12.7rem auto 0 auto;
	width: 100%;
	max-width: 109rem;
}

div#keyvisual_st {
		display:none;
}

h1.title_1{
	width: 20.8rem;
}

div#keyvisual_pctaby {
	display: block;
	margin			: 0 auto;
	width: 100%;
	max-width:109rem;
	text-align		: left;
	overflow		: hidden;
	position		: relative;
	padding:0 0 53.5% 0;
}

#keyvisual_pctaby img {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: auto;
}
}















/****************************************
for PC
*****************************************/

@media print,screen and (min-width:1025px) {

div.contents_box{
	margin: 12.7rem auto 0 auto;
	width: 100%;
	max-width: 109rem;
}

div#keyvisual_st {
	display:none;
}

h1.title_1{
	width: 20.8rem;
}

div#keyvisual_pctaby {
	display: block;
	margin			: 0 auto;
	width: 100%;
	max-width:109rem;
	text-align		: left;
	overflow		: hidden;
	position		: relative;
	padding:0 0 53.5% 0;
}

#keyvisual_pctaby img {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: auto;
}

}

@media all and (-ms-high-contrast: none){


}





/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

input[type="submit"],input.clear_btn{
   
}

}

/* IE10以降だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}