@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
/*-------------------------------------------------
リセット→reset.cssを読み込み
-------------------------------------------------*/
/*html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*基本設定*/
hr {display: none; clear:both;}

/*-------------------------------------------------
共通設定
-------------------------------------------------*/
p{}

/*リンク、ボタン*/
a{ text-decoration:none; color: #222222; -webkit-transition: all 0.3s ease;transition: all  0.3s ease;}
a:hover{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease;}
a:hover img{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5}

a.textlink_01{ text-decoration: underline;}
a.textlink_01:hover{ text-decoration: none;}

@media screen and (min-width: 768px) ,print{
	a[href^="tel:"]{ pointer-events: none;}
}

/*-------------------------------------------------
table
-------------------------------------------------*/
table {font-size:inherit;font:100%; vertical-align: middle;}

/*-------------------------------------------------
ul,li  dl,dt,dd
-------------------------------------------------*/
ul,ol,li,dl,dt,dd,p,div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

/*-------------------------------------------------
画像
-------------------------------------------------*/
img {vertical-align:top; width: 100%;}

/*-------------------------------------------------
float設定
-------------------------------------------------*/
.clear{ clear:both; background:transparent;}
.clear_right{ clear:right;}
.clear_left{ clear:left;}
.clear{ clear:both; background:transparent;}
.f_left{ float:left;}
.f_right{ float:right;}

/*-----------------------------------------------------
共通使用
-----------------------------------------------------*/
/*線*/
.bor_t_01{border-top: 1px solid #40ca33; padding-top: 20px;}

/*背景*/

/*表示非表示*/
@media screen and (max-width: 767px) {
.sp_no{ display:none !important;}
}
@media screen and (min-width: 768px) ,print{
.pc_no{ display:none !important;}
}

/*-------------------------------------------------
余白指定
-------------------------------------------------*/
.mb_0{ margin-bottom:0!important;}
.mb_10{ margin-bottom:10px!important;}
.mb_20{ margin-bottom:20px!important;}
.mb_40{ margin-bottom:40px!important;}
.mb_60{ margin-bottom: 60px!important;}

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

/*-------------------------------------------------
文字
-------------------------------------------------*/
/*fonts*/
.mincho{ font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.text_naname{ font-style: oblique;}
.attention{ font-size: 12px; color: #ff0000; font-weight: bold;}
.text_kome{ text-indent: -1em; padding-left: 1em; font-size: 0.9em;}

/*webfonts*/
.g_fonts{ font-family: 'Roboto', sans-serif;}

/*align*/
.a_right{ text-align:right;}
.a_center{ text-align:center;}
.a_left{ text-align:left;}

/*line-height*/
.text_lh_01{ line-height: 1.4;}

/*size*/
.text_n{ font-size: 1rem;}
.text_s_01{ font-size: 0.8em; line-height: 1.5;}
.text_s_02{ font-size: 0.8em; line-height: 1.5; font-weight: bold;}
.text_l_01{ font-weight: bold; line-height: 1.5; margin-bottom: 40px}
.text_l_02{ font-weight: bold; font-size: 1.1em; line-height: 1.5; margin-bottom: 20px}

.text_b{ font-weight: bold;}
.text_n{ font-weight: normal;}
.text_t{ text-decoration: line-through;}

/*color*/
.text_red{ color: #ff0000;}

@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) ,print{
}

/*-------------------------------------------------
フォーム
-------------------------------------------------*/
input[type=text],input[type=tel],input[type=number],textarea{
border-radius: 0 ;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid #ececec;
background: #f5f5f5;
font-size: 16px;
}
select {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance: none;
	text-indent: .01px; /* Firefox用 */
	text-overflow: ""; /* Firefox用 */
appearance:none;

padding: 4px;
cursor:pointer;
border: 1px solid #ececec;
background: #ffffff;
font-size: 16px;
}
select::-ms-expand {
display: none;
}
option{}
label{ cursor: pointer;}

input[type=text],input[type=tel],input[type=number]{-webkit-appearance:none; padding: 4px; margin-bottom: 0.5em; background: #f5f5f5;}
/*input[type=text]:focus { background: #f3f3f3;}*/
input[type=text],input[type=tel],input[type=number], select { outline: none;}

input[type=radio]{ width: 14px; height: 14px; cursor: pointer;}
input[type=checkbox]{ margin-right: 0.5em; width: 14px; height: 14px; vertical-align: middle; cursor: pointer;}

textarea{-webkit-appearance:none; padding: 10px;}
textarea, select { outline: none;}

input[type=submit],input[type=button],input[type=reset]{ font-weight: bold; cursor: pointer; -webkit-transition: all 0.3s ease;transition: all  0.3s ease; outline: none!important;}
input::placeholder{ color: #a3a3a3;}
input:-ms-input-placeholder { color: #a3a3a3;}/*IE*/
input::-ms-input-placeholder { color: #a3a3a3;}/*Edge*/

input[type=submit]{ padding: 10px 20px; font-weight: bold; color: #fff; background: #096b91; border: none; border-radius: 5px; margin: 5px;}
input[type=submit]:hover{ background: #8f018f;}
input[type=reset]{ padding: 10px 20px; font-weight: bold; color: #fff; background: #ababab; border: none; border-radius: 5px; margin: 5px;}
input[type=reset]:hover{ background: #cbcbcb;}
#btn_submit01{ padding: 10px 20px; font-weight: bold; color: #fff; background: #ababab; border: none; border-radius: 5px; margin: 5px;}
#btn_submit01:hover{ background: #cbcbcb;}



/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	input[type=text],input[type=tel],input[type=number],textarea{ width: 100%;}
	.w_40{ width: 40%!important;}
	.w_20{ width: 20%!important;}
}
@media screen and (min-width: 768px), print{
	.w_40{ width: 100px!important;}
	.w_20{ width: 50px!important;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}