@charset "utf-8";
/* フォーム
------------------------------------------------------------*/
input{
	font:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/* テキスト */
input[type="text"], input[type="tel"],input[type="email"] ,textarea{
vertical-align:middle;
line-height:35px;
height:35px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
font-size:100%;
color:#555;
background:#fcfcfc;
    margin-bottom: 3px;
}
	input.contact-text_ss
	{
		width: 20% !important;
	}	
	input.contact-text_s
	{
		width: 50% !important;
	}
	input.contact-text_m
	{
		width: 65% !important
	}
	input.contact-text_l
	{
		width: 90% !important;
	}
	/* regist */
	input.regist-text
	{
		padding:2px 5px;
		line-height:2.5;
		width:90%;
	}
	input.regist-text_middle
	{
		padding:2px 5px;
		line-height:2.5;
		width:45%;
	}
	input.regist-text_short
	{
		padding:2px 5px;
		line-height:2.5;
		width:20%;
	}
	/* start */
	input.start-text
	{
		padding:0 2%;
		line-height:1.6;
		width:94%;
		color:#666;
	}

/* テキストエリア */
textarea{
font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
line-height:1.5;
}
	textarea.contact-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:200px;
	width:96% !important;
	line-height:1.5;
	padding:2% 2%;
	}
    textarea.contact-textarea-s{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:50px;
	width:96% !important;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.report-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.message-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:5em;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	/* regist */
	textarea.regist-textarea{
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 5px;
	}

/* セレクト */	
select{
font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
line-height:2.5;
height:2.8em;
padding:2px 3px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border:1px solid #d4d4d7;
background:#fcfcfc;
    margin-bottom: 3px;
}
		/* regist */
		select.regist-select
		{
		}
		
		/* start */
		select.start-select
		{
			color:#666;
			line-height:2.3;
			height:2.3em;
			padding:2px 3px;
		}

/* ラベル */	
label
{
	margin-right:1em;
}


/* ラジオボタン */

		/* regist */	
					input[type="radio"] {
						display: none;
					}
					label.radio-design01 {
						position: relative;
						display: inline-block;
						padding: 3px 3px 3px 20px;
						cursor: pointer;
					}
					label.radio-design01::before,
					label.radio-design01::after {
						position: absolute;
						content: '';
						top: 50%;
						border-radius: 100%;
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.radio-design01::before {
						left: 0;
						width: 14px;
						height: 14px;
						margin-top: -8px;
						background: #f3f3f3;
						border: 1px solid #ccc;
					}
					label.radio-design01:hover::before {
						background: #fff;
					}
					label.radio-design01::after {
						opacity: 0;
						left: 4px;
						width: 8px;
						height: 8px;
						margin-top: -4px;
						background: #00926B;
						-webkit-transform: scale(2);
						transform: scale(2);
					}
					input[type="radio"]:checked + label.radio-design01::before {
						background: #fff;
						border: 1px solid #00926B;
					}
					input[type="radio"]:checked + label.radio-design01::after {
						opacity: 1;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					
/* チェックボックス */
					input[type="checkbox"] {
						display: none;
					}
					label.checkbox-design01 {
						position: relative;
						display: inline-block;
						padding: 3px 3px 3px 22px;
						cursor: pointer;
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.checkbox-design01::before,
					label.checkbox-design01::after {
						position: absolute;
						content: '';
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.checkbox-design01::before {
						top: 50%;
						left: 0;
						width: 14px;
						height: 14px;
						margin-top: -8px;
						background: #f4f4f4;
						border: 1px solid #ccc;
						border-radius: 3px;
					}
					label.checkbox-design01::after {
						opacity: 0;
						top: 50%;
						left: 3px;
						width: 8px;
						height: 4px;
						margin-top: -4px;
						border-left: 2px solid #00926B;
						border-bottom: 2px solid #00926B;
						-webkit-transform: rotate(-45deg) scale(.5);
						transform: rotate(-45deg) scale(.5);
					}
					label.checkbox-design01:hover::before {
						background: #fff;
					}
					input[type="checkbox"]:checked + label.checkbox-design01::before {
						background: #fff;
						border: 1px solid #00926B;
					}
					input[type="checkbox"]:checked + label.checkbox-design01::after {
						opacity: 1;
						-webkit-transform: rotate(-45deg) scale(1);
						transform: rotate(-45deg) scale(1);
					}
										

/* ボタン */
input[type="submit"],input[type="reset"],input[type="button"]{
padding:0 10px;
background: #FFD600;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:3em;
height:3em;
width:200px;
font-size:100%;
color:#111;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
background: #FFBE00;
}

input[type="button"].postcadeBtn{
    background: #ddd;
    color: #111;
    line-height: 2em!important;
    width: auto!important;
    height: 2em!important;
    font-size: 0.8em;
    margin-left: 5px;
}
input[type="button"].postcadeBtn:hover{
    background: #ccc;
}
	input.message-reset
	{
		margin:0.5em auto 0;
		padding:0 0;
		background: #FFD600;
		border:0;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		line-height:2.4em;
		height:2.4em;
		width:120px;
		font-size:0.9em;
		color:#111;
	}

*:first-child+html input[type="submit"]{padding:3px;}

.vertical_box {
float: left;
}


@media screen and (max-width : 1300px) {
/*--------------------●Laptop---------------------*/

}

@media screen and (max-width : 1100px) {
/*--------------------●未使用---------------------*/
}

@media screen and (max-width : 1024px) {
}


@media screen and (max-width : 768px) {
}

@media screen and (max-width : 634px) {
/*--------------------●SP---------------------*/
}

@media screen and (max-width : 480px) {
/*--------------------●SP---------------------*/
    /* フォーム
------------------------------------------------------------*/
input
{
}

/* テキスト */
input[type="text"], input[type="tel"],input[type="email"] ,textarea{
}
	/* regist */
	input.regist-text
	{
	}
	input.regist-text_middle
	{
	}
	input.regist-text_short
	{
	}
	/* start */
	input.start-text
	{
	}

/* テキストエリア */
textarea{
}
	textarea.contact-textarea{
	min-height:200px;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
    textarea.contact-textarea-s{
	min-height:70px;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.report-textarea{
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.message-textarea{
	min-height:5em;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	/* regist */
	textarea.regist-textarea{
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}

/* セレクト */	
select{
}
		/* regist */
		select.regist-select
		{
		}
		
		/* start */
		select.start-select
		{
		}

/* ラベル */	
label
{
}


/* ラジオボタン */

		/* regist */	
					input[type="radio"] {
					}
					label.radio-design01 {
					}
					label.radio-design01::before,
					label.radio-design01::after {
					}
					label.radio-design01::before {
					}
					label.radio-design01:hover::before {
					}
					label.radio-design01::after {
					}
					input[type="radio"]:checked + label.radio-design01::before {
					}
					input[type="radio"]:checked + label.radio-design01::after {
					}
					
/* チェックボックス */
					input[type="checkbox"] {
					}
					label.checkbox-design01 {
					}
					label.checkbox-design01::before,
					label.checkbox-design01::after {
					}
					label.checkbox-design01::before {
					}
					label.checkbox-design01::after {
					}
					label.checkbox-design01:hover::before {
					}
					input[type="checkbox"]:checked + label.checkbox-design01::before {
					}
					input[type="checkbox"]:checked + label.checkbox-design01::after {
					}
}
@media screen and (max-width : 320px) {
/*--------------------●SE/5---------------------*/
    
}