@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: #040000;}
a:hover{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease; /*opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;*/}
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;}
a.textlink_02{ color: #31c513;}
a.textlink_02:hover{ text-decoration: underline;}


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

/*-----------------------------------------------------
共通使用
-----------------------------------------------------*/
/*線*/

/*背景*/
.bg_green{ background-color: #31c513;}
.bg_lightgreen{ background-color: #f0fff9;}

/*表示非表示*/
@media screen and (max-width: 767px) {
.sp_no{ display:none !important;}
}
@media screen and (min-width: 768px) {
.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;}
.mr_20{ margin-right:20px;}
.ml_20{ margin-left:20px;}
.pad_0{ padding: 0!important;}
.pt_20{ padding-top:20px;}

@media screen and (max-width: 767px) {
.pc_mb_120{ margin-bottom: 80px!important;}
.pc_pb_80{ padding-bottom: 40px!important;}
}
@media screen and (min-width: 768px) {
.pc_mb_120{ margin-bottom: 120px!important;}
.pc_mb_160{ margin-bottom: 160px!important;}
.pc_mb_200{ margin-bottom: 200px!important;}
.pc_pb_80{ padding-bottom: 80px!important;}
}

/*-------------------------------------------------
文字
-------------------------------------------------*/
/*fonts*/
.mincho{}
.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!important;}

/*webfonts*/
.g_fonts{ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 500;}
.g_fonts_b{ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700;}

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

/*line-height*/
.text_lh_01{ line-height: 1.8;}
.text_lh_02{ line-height: 1.2;}

/*size*/
.text_n{ font-size: 1rem;}
.text_s_01{ font-size: 0.9em;}
.text_s_02{ font-size: 0.8em;}
.text_l_01{ font-size: 1.1em!important;}
.text_l_02{ font-size: 1.5em!important;}
.text_l_03{ font-size: 1.2em!important;}

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

.text_red{ color:#ff0000;}
.text_green{ color:#31c513;}

@media screen and (max-width: 767px) {
	.text_l_02{ font-size: 1.2em!important;}
}
@media screen and (min-width: 768px) ,print{
}

/*-------------------------------------------------
フォーム
-------------------------------------------------*/
input[type=text],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 #dddddd;
background: #ffffff;
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 #dddddd;
background: #ffffff;
font-size: 0.9em;
}
select::-ms-expand {
display: none;
}
option{}
label{ cursor: pointer;}

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

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

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

input[type=submit],input[type=button]{ 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].submit_01{ font-weight: bold; color: #fff; background: #007042; border: none; border-radius: 5px; margin: 5px;}
input[type=submit].submit_01:hover{ background: #03a864;}

input[type=button].submit_02{ font-weight: bold; color: #fff; background: #a3a3a3; border: none; border-radius: 5px; margin: 5px;}
input[type=button].submit_02:hover{ background: #555555;}


.hissu{ font-size: 0.7rem; padding-left: 10px; color: #ff0000;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	input[type=text],textarea{ width: 100%;}
	input[type=submit]{ padding: 16px 20px;}
}
@media screen and (min-width: 768px), print{
	input[type=submit]{ padding: 16px 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}