@charset "utf-8";
/* フォーム
------------------------------------------------------------*/
input{
}

/* テキスト */
input[type="text"], input[type="tel"],input[type="email"] ,textarea{
vertical-align:middle;
line-height:32px;
height:32px;
padding:1px 5px;
border:1px solid #d9d9d9;
font-size:90%;
color:#555;
background:#fcfcfc;
    margin-bottom: 3px;
    box-sizing: border-box;
    border-radius: 3px;
}
	input.text_ss{
		width: 20% !important;
		min-width: 85px;
	}	
	input.text_s{
		width: 50% !important;
		min-width: 150px;
	}
	input.text_m{
		width: 65% !important
	}
	input.text_l{
		width: 90% !important;
	}
    input.text_xl{
        width: 100%!important;
    }

/* テキストエリア */
textarea{
line-height:1.5;
font-family: "游ゴシック","Lucida Sans Unicode", "Lucida Grande", "Arial", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
	textarea.textarea_m{
	min-height:200px;
	width:100% !important;
	line-height:1.5;
	padding:2% 2%;
    box-sizing: border-box;
        background: #fff;
        font-size: 0.9em;
	}
    textarea.textarea_s{
	min-height:60px;
	width:100% !important;
	line-height:1.5;
	padding:2% 2%;
    box-sizing: border-box;
        background: #fff;
        font-size: 0.9em;
	}

/* セレクト */	
select{
    font-family: "游ゴシック","Lucida Sans Unicode", "Lucida Grande", "Arial", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    width:auto;
    padding:12px 40px 12px 20px;
    border:none;
    margin-bottom: 3px;
    color: #333;
    border: 1px solid #ddd;
}
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../img/common/selectArrowDown.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: right 10px center;
}
/* ラベル */	
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: #0A9F86;;
						-webkit-transform: scale(2);
						transform: scale(2);
					}
					input[type="radio"]:checked + label.radio-design01::before {
						background: #fff;
						border: 1px solid #0A9F86;;
					}
					input[type="radio"]:checked + label.radio-design01::after {
						opacity: 1;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					
/* チェックボックス */
					input[type="checkbox"] {
					}
					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 #265DA5;
						border-bottom: 2px solid #265DA5;
						-webkit-transform: rotate(-45deg) scale(.5);
						transform: rotate(-45deg) scale(.5);
					}
					label.checkbox-design01:hover::before {
						background: #ccc;
					}
					input#b1:checked:checked + label.checkbox-design01::before {
						background: #fff;
						border: 1px solid #265DA5;
					}
					input#b1:checked + label.checkbox-design01::after {
						opacity: 1 !important;
						-webkit-transform: rotate(-45deg) scale(1);
						transform: rotate(-45deg) scale(1);
					}
/* ボタン */
input[type="submit"],input[type="reset"],input[type="button"]{
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
}

input.submitStyleA[type="submit"],input.submitStyleA[type="reset"],input.submitStyleA[type="button"]{
    background:#fff;
    color:#15365F;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
    height: 50px;
    text-align: center;
    min-width: 180px;
    border: none;
    margin: 0 10px;
    padding: 0;
}
    input.submitStyleA[type="submit"]:hover,input.submitStyleA[type="reset"]:hover,input.submitStyleA[type="button"]:hover{
        cursor:pointer;
        background: #FFF78C;
        transition: 0.5s;
    }

input.submitStyleB[type="submit"],input.submitStyleA[type="reset"],input.submitStyleA[type="button"]{
    background:#E0FF35;
    color: #0A9F86;
    height: 50px;
    text-align: center;
    min-width: 180px;
    border: none;
    margin: 0 10px;
    padding: 0;
}
    input.submitStyleB[type="submit"]:hover,input.submitStyleA[type="reset"]:hover,input.submitStyleA[type="button"]:hover{
        cursor:pointer;
        background:#B2E023;
        transition: 0.5s;
    }

.submitStyleA[type="submit"],.submitStyleA[type="reset"],.submitStyleA[type="button"]{
    background:#0A9F86;
    color: #fff;
    height: 50px;
    text-align: center;
    min-width: 180px;
    border: none;
    margin: 0 10px;
    padding: 0;
}
    .submitStyleA[type="submit"]:hover,.submitStyleA[type="reset"]:hover,.submitStyleA[type="button"]:hover{
        cursor:pointer;
        background: #ccc;
        transition: 0.5s;
    }

.must {
	display: block;
	background-color: #054268;
	border: solid 2px #054268;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px 0 0;
	border-radius: 2px;
}

/*-------------------● 追加 ---------------------------*/
#mfp_hidden{
    display: none !important;
}
.mfp_err{
    color: yellow;
}
@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) {
	input.text_ss{
		width: 39% !important;
	}
	input.text_s{
		width: 55% !important;
	}
	input.text_m{
		width: 75% !important
	}
	input.text_l{
		width: 90% !important;
	}
    input.text_xl{
        width: 100%!important;
    }
/* テキストエリア */
textarea{
}
	textarea.chatArea{
        font-size: 0.9em;
    }
input.submitStyleA[type="submit"],input.submitStyleA[type="reset"],input.submitStyleA[type="button"]{
    min-width: 180px;
    padding: 0 11px;
}
}

@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---------------------*/
    
}