@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{ color: #0072ba;}
a.textlink_01:hover{ text-decoration: underline;}

a.textlink_02:hover{ text-decoration: underline;}

a.textlink_03{ text-decoration: underline;}
a.textlink_03:hover{ text-decoration: 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 #e7eceb;}
.bor_b_01{border-bottom: 1px solid #e7eceb;}

/*背景*/
.bg_red{ background: #ba0400;}
.bg_green{ background: #72ba00;}
.bg_blue{ background: #0072ba;}
.bg_pink{ background: #f47c7c;}
.bg_yellow{ background: #e79e00;}

.bg_green_02{ background: #e1ffc6!important;}
.bg_green_03{ background: #cfffca!important;}
.bg_yellow_02{ background: #fff4c6!important;}
.bg_blue_02{ background: #ccfaff!important;}
.bg_blue_03{ background: #b2e1ff!important;}
.bg_pink_02{ background: #ffc8f5!important;}
.bg_pink_03{ background: #ffc5e3!important;}

/*表示非表示*/
@media screen and (max-width: 767px) {
.sp_no{ display:none !important;}
}
@media screen and (min-width: 768px) {
.pc_no{ display:none !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;}
.pad_t_20{ padding-top:20px;}
.pad_t_40{ padding-top:40px;}
.pad_b_20{ padding-bottom:20px;}

@media screen and (max-width: 767px) {
.pc_mb_120{ margin-bottom: 80px!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;}
}

/*-------------------------------------------------
文字
-------------------------------------------------*/
/*fonts*/
.mincho{ font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-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*/
.fonts_serif{ font-family: 'Noto Serif JP', serif; font-style: normal; font-weight: 400;}
.fonts_serif_b{ font-family: 'Noto Serif JP', serif; font-style: normal; font-weight: 600;}
.fonts_sans{ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400;}
.fonts_sans_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.8em;}
.text_l_01{ font-size: 1.1em;}
.text_l_02{ font-size: 1.5em;}

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

.text_kome{ color:#e50313; font-size: 0.8em; text-indent: -1em; margin-left: 1em; margin-bottom: 0; clear: both;}
.text_red{ color:#ff0000;}
.text_blue{ color:#0083d6;}

@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 #abb4bc;
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 #abb4bc;
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: 14px; height: 14px; vertical-align: middle; 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{ padding: 20px; font-weight: bold; color: #fff; background: #0083d6; border: none; border-radius: 5px; margin: 5px;}
input[type=submit].submit_01:hover{ background: #35b1ff;}

input[type=button].submit_02{ padding: 20px; font-weight: bold; color: #fff; background: #80909f; border: none; border-radius: 5px; margin: 5px;}
input[type=button].submit_02:hover{ background: #3f4d5a;}




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