/*==============================*/
/* base */
/*==============================*/
html{ font-size: 14px; line-height: 1.6em; color: #444444; }
p{ text-align:justify; }

@media (max-width: 600px) {
    html{ font-size: 13px; line-height: 1.5em; color: #444444; }
    body{ -webkit-text-size-adjust: 100%; }
}

/*==============================*/
/* display */
/*==============================*/
@media (min-width: 600px) { .none_pc{ display: none!important; } }
@media (max-width: 600px) { .none_sp{ display: none!important; } }

/*==============================*/
/* 画像レスポンシブ */
/*==============================*/
@media (max-width: 600px) {
    img.res { width: 100%; height: auto; }
    img.res30_sp { width: 30%; height: auto; }
    img.res40_sp { width: 40%; height: auto; }
    img.res50_sp { width: 50%; height: auto; }
    img.res60_sp { width: 60%; height: auto; }
    img.res70_sp { width: 70%; height: auto; }
    img.res80_sp { width: 80%; height: auto; }
    img.res90_sp { width: 90%; height: auto; }
}

/*==============================*/
/* マウスホバー　アニメーション */
/*==============================*/
a:hover{ background: transparent; transition: .3s; }
.ov a:hover{ opacity: 0.6; }

/*==============================*/
/* 横幅 */
/*==============================*/
@media (min-width: 600px) {
    .w50{ width: 50%; margin: 0 auto; }
    .w60{ width: 60%; margin: 0 auto; }
    .w70{ width: 70%; margin: 0 auto; }
    .w80{ width: 80%; margin: 0 auto; }
    .w90{ width: 90%; margin: 0 auto; }
	.w400{ width: 400px;}
}

/*==============================*/
/* 区切り線 */
/*==============================*/
hr.fade_line {
  border: 0;
  height: 1px;
  margin-bottom: 10px;
  background: #999;
  background-image: -webkit-linear-gradient(left, #fff, #999, #fff);
  background-image:    -moz-linear-gradient(left, #fff, #999, #fff);
  background-image:     -ms-linear-gradient(left, #fff, #999, #fff);
  background-image:      -o-linear-gradient(left, #fff, #999, #fff);
}

/*==============================*/
/* 配置・余白 */
/*==============================*/
.overflow { overflow: hidden; }

/*-- マージン --*/
.btm0 { margin-bottom: 0px!important; }
.btm10 { margin-bottom: 10px!important; }
.btm15 { margin-bottom: 15px!important; }
.btm20 { margin-bottom: 20px!important; }
.btm30 { margin-bottom: 30px!important; }
.btm40 { margin-bottom: 40px!important; }
.btm50 { margin-bottom: 50px!important; }
.btm60 { margin-bottom: 60px!important; }
.btm70 { margin-bottom: 70px!important; }
.btm80 { margin-bottom: 80px!important; }
.btm90 { margin-bottom: 90px!important; }
.btm100 { margin-bottom: 100px!important; }

@media (max-width: 600px) {
	.btm0_sp { margin-bottom: 0px!important; }
	.btm10_sp { margin-bottom: 10px!important; }
	.btm15_sp { margin-bottom: 15px!important; }
	.btm20_sp { margin-bottom: 20px!important; }
	.btm30_sp { margin-bottom: 30px!important; }
	.btm40_sp { margin-bottom: 40px!important; }
	.btm50_sp { margin-bottom: 50px!important; }
	.btm60_sp { margin-bottom: 60px!important; }
	.btm70_sp { margin-bottom: 70px!important; }
	.btm80_sp { margin-bottom: 80px!important; }
	.btm90_sp { margin-bottom: 90px!important; }
	.btm100_sp { margin-bottom: 100px!important; }
}

.m_top10 { margin-top: 10px!important; }
.m_top20 { margin-top: 20px!important; }
.m_top30 { margin-top: 30px!important; }
.m_top40 { margin-top: 40px!important; }
.m_top50 { margin-top: 50px!important; }

.m_left10 { margin-left: 10px!important; }
.m_left20 { margin-left: 20px!important; }
.m_left30 { margin-left: 30px!important; }

@media (max-width: 600px) {
    .m_top10_sp { margin-top: 10px!important; }
    .m_top20_sp { margin-top: 20px!important; }
    .m_top30_sp { margin-top: 30px!important; }
    .m_top40_sp { margin-top: 40px!important; }
    .m_top50_sp { margin-top: 50px!important; }
    
    .m_left0_sp { margin-left: 0!important; }
    
}

.p_top10{ padding-top: 10px!important; }
.p_top20{ padding-top: 20px!important; }
.p_top30{ padding-top: 30px!important; }

/*-- イメージフロート --*/
.img_left { float: left; margin: 0 20px 10px 0; }
.img_right { float: right; margin: 0 0 10px 20px; }

/*-- テキスト寄せ --*/
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }

.center > p { text-align: center; }
.right > p { text-align: right; }
.left > p { text-align: left; }

@media (max-width: 600px) {
.center_sp { text-align: center; }
.right_sp { text-align: right; }
.left_sp { text-align: left; }

.center_sp > p { text-align: center; }
.right_sp > p { text-align: right; }
.left_sp > p { text-align: left; }
}

/*==============================*/
/* テーブル幅 */
/*==============================*/
.col10 { width: 10%; }
.col15 { width: 15%; }
.col20 { width: 20%; }
.col25 { width: 25%; }
.col30 { width: 30%; }
.col35 { width: 35%; }
.col40 { width: 40%; }
.col45 { width: 45%; }
.col50 { width: 50%; }
.col55 { width: 55%; }
.col60 { width: 60%; }
.col65 { width: 65%; }
.col70 { width: 70%; }
.col75 { width: 75%; }
.col80 { width: 80%; }
.col85 { width: 85%; }
.col90 { width: 90%; }

/*==============================*/
/* スタイル */
/*==============================*/

/*-- リストスタイル --*/
ul.disc li { list-style: disc inside!important; padding-left: 1em; text-indent: -1em; }
ul.circle li { list-style: circle inside!important; padding-left: 1em; text-indent: -1em; }
ul.square li { list-style: square inside!important; padding-left: 1em; text-indent: -1em; }
ul.decimal li { list-style: decimal inside!important; padding-left: 1.3em; text-indent: -1.3em; }

/*-- 角丸 --*/
.radius { border-radius: 6px; }

float_l{ float: left;}

/*==============================*/
/* 装飾 */
/*==============================*/
/*-- ノート風点線 --*/
.note span { border-bottom: 1px dashed #999; line-height: 2.1em; }

@media (max-width: 600px) {
.note span { border-bottom: 1px dashed #c0c0c0; padding-bottom: 3px; font-size: 13px; line-height: 2.1em; }
}

p.caution{ font-size: 12px; line-height: 16px; padding-left: 1em; text-indent: -1em; }
.indent2em > p,
.indent2em > li{ padding-left: 2em; text-indent: -2em; }

.bold{ font-weight: bold;}


/*-- マーカー --*/
.marker_yellow { background: linear-gradient(transparent 70%, #fff100 60%); }
.marker_blue { background: linear-gradient(transparent 60%, #A6D9E4 60%); }
.marker_red { background: linear-gradient(transparent 60%, #ECB3B4 60%); }
.marker_green { background: linear-gradient(transparent 60%, #A8D490 60%); }


/*==============================*/
/* DLボックス */
/*==============================*/
/*-- dl dt太字 --*/
.dl dl{ margin-bottom: 10px; }
.dl dl dt{ font-size: 1.15em; margin-bottom: 0.4em; font-weight: bold; }

/*-- dl並列 W160 --*/
.dl_80 dl{ margin-bottom: 10px; overflow: hidden; }
.dl_80 dl dt{ font-weight: bold; width: 80px; float: left; }
.dl_80 dl dd{ margin-left: 90px; }

/*-- dlカウント --*/
.dl_num{ counter-reset: number 0; }
.dl_num dl{ margin-bottom: 20px; }
.dl_num dl dt{ font-size: 1.15em; margin-bottom: 0.4em; font-weight: bold; }
.dl_num dl dt:before{ counter-increment: number 1; content: counter(number) ". "; }
.dl_num dl dd{ margin-left: 1.6em; }

/*==============================*/
/* ボックス */
/*==============================*/

/*-- ボックス装飾:点線 --*/
.box_letter { position: relative; z-index: -2; padding: 20px 20px 10px 20px; margin-bottom: 10px; font-size: 13px; border: 1px solid #bbb; }
.box_letter:before { content: ''; z-index: -1; position: absolute; border: 1px dashed #bbb; top: 7px; bottom: 7px; left: 7px; right: 7px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #F0F0F0; }

/*-- float --*/
.float_l{ float: left; margin-right: 20px; }


/*==============================*/
/* web アイコンフォントの利用 */
/*==============================*/
.material-icons { display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 1px; }
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none; 
  /* WebKitブラウザサポート */ -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */ text-rendering: optimizeLegibility; 
  /* Firefoxサポート */ -moz-osx-font-smoothing: grayscale;
  /* IEサポート */ font-feature-settings: 'liga';
}

/*==============================*/
/*  */
/*==============================*/
a.text_link_rp,
.text_link_rp a{ text-decoration: underline; color: #294A7D; position: relative; top: -2px;}

a.text_link_other,
.text_link_other a{ text-decoration: underline; color: #FE0000; position: relative; top: -2px;}