@charset "UTF-8";
/* CSS Document */
/* ================================================
一覧

基本色 #2F7CDC;
================================================== */
.red {
  color: #F7060A;
}
.red_s {
  color: #F7060A;
  font-size: 10px;
}
/*ナビゲーション　検索*/
section .koe_navi {}
/*注意事項*/
.tyuui {
  color: red;
  margin-left: 20px;
}
.font_s {
  font-size: 12px;
}
ul {
  margin-top: 0;
  padding-top: 0;
}
/*スペース*/
.space_l_3px {
  margin-left: 3px;
}
/*スペース*/
.space_l_15px {
  margin-left: 15px;
}
/*スペース*/
.space_l_50px {
  margin-left: 50px;
}
.space_r_10px {
  margin-right: 10px;
}
/*========================================

ご意見・お問い合わせ

======================================== */
.kifu_moushikomi {}
.kifu_moushikomi .kakomi {
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px #5ab4bd;
  margin-bottom: 50px;
}
/* 番号修飾　OL
-----------------------------------------------------------------*/
.kifu_moushikomi ol {
  counter-reset: number; /* 数字をリセット */
  list-style-type: none !important; /* 数字を一旦消す */
  padding: 0em;
  margin: 0; /* olの余白をなくす */
}
.kifu_moushikomi ol li {
  position: relative;
  line-height: 1.5em;
  padding: 0em 0em 1em 30px; /* 左余白30px以上必須 */
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
  text-align: justify;
}
.kifu_moushikomi ol li:before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /* 以下数字のデザイン変える */
  display: inline-block;
  background: #74C4E7; /* 青 */
  color: white;
  font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
  font-weight: bold;
  /* font-size: 16px;*/
  border-radius: 50%;
  top: 2px; /*調整*/
  left: 0px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
}
/* forrm内のレイアウト
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
input(type=text,radio)、　textarea、selectの仕様は
common_input_select.css
----------------------------------------------------------------*/
/*---------------------------------
左）項目　右）設定枠
---------------------------------*/
.line_flex {
  width: 100%;
  display: flex;
  align-items: center; /*中央*/
  font-size: 14px;
  padding: 14px 0;
  border-top: solid 1px #5ab4bd;
}
/*最後の下に線を入れる*/
/*左）項目名
---------------------------------------*/
.line_flex .item01 {
  width: 100%;
  max-width: 200px;
  border: solid 0px;
}
/*右）設定欄*/
.line_flex .item02 {
  flex: 1;
}
/*最後のline_flex
---------------------------------------*/
.last_line_flex {
  border-bottom: solid 1px #5ab4bd;
}
/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {
	.line_flex{
		flex-direction: column;
		align-items: flex-start;
		  border-top: solid 0px #757B7C;
	}
	/*左）項目名
---------------------------------------*/
.line_flex .item01 {
  width: 100%;
	font-weight: bold;
  max-width: 800px;
  border: solid 0px;
}
/*右）設定欄*/
.line_flex .item02 {
  width: 100%;
  max-width: 800px;
}
}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}