@charset "utf-8";


.cms_area p{
  margin-top: 1em;
  margin-bottom: 1em;
}

.cms_area .flR + p,
.cms_area .flL + p{
  margin-top: 0;
}

.cms_area strong,
.cms_area b{
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

.cms_area p:first-child{
  margin-top: 0;
}

.cms_area p:last-child{
  margin-bottom: 0;
}


.cms_area .module {
	font-size:14px;
}

.cms_area .module_title {
	font-size:16px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin:0 0 20px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background:#eee;
}

/* -------------------------------------------------------------
　ページレイアウト
--------------------------------------------------------------*/
.cms_area .main_wrap {
	max-width: 1000px;
	margin:0 auto;
}
.cms_area .main_content {
	margin:0 0 50px;
}

/* -------------------------------------------------------------
　タイトル、見出し
--------------------------------------------------------------*/
.cms_area .title_type01 {
	font-size: 34px;
	color: #162143;
	margin-bottom:20px;
}
.cms_area .title_type02 {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom:20px;
}
.cms_area .title_type03 {
	font-size: 20px;
	line-height: 1.2;
	color: #162143;
	padding:0 0 8px;
	margin-bottom:20px;
	border-bottom: 1px solid #162143;
}
.cms_area .title_type04 {
	font-size: 16px;
	color: #162143;
	line-height: 1;
	padding: 2px 0 2px 8px;
  margin-bottom:15px;
	border-left: 4px solid #162143;
}

/* -------------------------------------------------------------
　行揃えの位置
--------------------------------------------------------------*/
.cms_area .tal { text-align: left !important;}
.cms_area .tac {text-align: center !important;}
.cms_area .tar {text-align: right !important;}

/* -------------------------------------------------------------
　テキスト
--------------------------------------------------------------*/
.cms_area .fwb { /*font-weight: bold;*/
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700; 
}
.cms_area .color_type01 {color: #ff0000;}
.cms_area .ts13 { font-size: 13px !important;}
.cms_area .ts14 { font-size: 14px !important;}
.cms_area .ts16 { font-size: 16px !important;}
.cms_area .ts18 { font-size: 18px !important;}
.cms_area .ts20 { font-size: 20px !important;}

/* -------------------------------------------------------------
　リスト
--------------------------------------------------------------*/
/* list_type01 */
.cms_area .list_type01 li {
	position: relative;
	padding: 0 0 1em 15px;
}

/* list_type02 */
.cms_area .list_type02 li {
	position: relative;
	padding: 0 0 1em 15px;
}
.cms_area .list_type02 li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
/* list_type03 */
.cms_area .list_type03 li {
	list-style-type: decimal;
	margin: 0 0 1em 20px;
}
/* list_type04 */
.cms_area .list_type04 {
	margin: 0 0 0 20px;
}
.cms_area .list_type04 li {
	display: block;
	position: relative;
  margin: 0 0 1em 0;
}
.cms_area .list_type04 li:before {
	content: "\203b";
	position: absolute;
	left: -20px;
}

/* -------------------------------------------------------------
　テキストリンク
--------------------------------------------------------------*/
/* link_type01 */
.cms_area a.link_type01 {
	color:#333;
}
.cms_area a.link_type01:after {
	content: "";
	display: inline-block;
	margin:0 0 0 8px;
	width: 7px;
	height: 14px;
	position:relative;
	top:2px;
	background-image:url(../img/icon_arrow_04.png) ;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100%;
}
/* link_type02 */
.cms_area a.link_type02 {
	color:#333;
}
.cms_area a.link_type02:after {
	content: "";
	display: inline-block;
	margin:0 0 0 8px;
	width: 15px;
	height: 15px;
	position:relative;
	background-image:url(../img/icon_window_plus.png) ;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100%;
}
/* link_type03 */
.cms_area a.link_type03 {
	color:#333;
}
.cms_area a.link_type03:after {
	content: "";
	display: inline-block;
	margin:0 0 0 8px;
	width: 20px;
	height: 21px;
	position:relative;
	top:5px;
	background-image:url(../img/icon_pdf.png) ;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100%;
}

/* -------------------------------------------------------------
　ボタンリンク
--------------------------------------------------------------*/
.cms_area .btn {
	display:block;
	display: inline-block;
	line-height: 1;
	text-align: center;
	padding: 10px 20px;
}
/* btn_type01 */
.cms_area .btn_type01 {
	color:#fff;
	background:#162143;
}
/* btn_type02 */
.cms_area .btn_type02 {
	color:#fff;
	background:#0071bc;
}
/* btn_type03 */
.cms_area .btn_type03 {
	color:#fff;
	background:#30748a;
}
/* btn_type04 */
.cms_area .btn_type04 {
	color:#fff;
	background:#f15a24;
}
/* btn_type05 */
.cms_area .btn_type05 {
	color:#fff;
	background:#999;
}
/* btn_type06 */
.cms_area .btn_type06 {
	color:#666;
	padding: 9px 20px;
	border:solid 1px #666;
	background:#fff;
}
/* btn_type07 */
.cms_area .btn_type07 {
	color:#fff;
	background:#8884aa;
}

/* -------------------------------------------------------------
　テーブル
--------------------------------------------------------------*/
/*table_type01 */
.cms_area .table_type01 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #acacac;
	border-right: 1px solid #acacac;
	border-bottom: 1px solid acacac;
}
.cms_area .table_type01 th {
	min-width:20%;
	padding: 4px 15px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	background: #e6e6e6;
}
.cms_area .table_type01 td {
	padding: 4px 15px;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
}


/* -------------------------------------------------------------
　画像レイアウト
--------------------------------------------------------------*/
.colwid_10,.colwid_20,.colwid_30,.colwid_33,.colwid_40,.colwid_50,.colwid_60,.colwid_70, .colwid_80,.colwid_90{
	float: left;
	min-height: 1px;
	padding: 0 12px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	margin-top: 40px;
  margin-bottom: 40px;
  margin-left: -12px !important;
  margin-right: -12px !important;
}

@media all and (max-width: 1040px) {
  .row{
    width: calc(100% + 24px);
  }
}

/*
.row *{
  width: 100%;
}*/
.row > .col{
  width: 100%;
}

.row .row{
  margin-top: 0px;
  margin-bottom:0px;
  width: calc(100% + 24px);
}

.row > *{
  margin-left: 12px;
  margin-right: 12px;
}

.row iframe,
.row img{
  width: 100%;
}

.row > * *{
  margin-left: 0;
  margin-right: 0;
}

.row.col_right{
  -webkit-justify-content: right;
  justify-content: right;
}

.row.col_left{
  -webkit-justify-content: left;
  justify-content: left;
}

.row.col_center{
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 700px) {
  .row{
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.col{
  position: relative;
  padding: 12px;
}

/*  .rowの下のcolは、マージンを除去 */
.row > .col{
  margin-left: 0;
  margin-right: 0;
}

.row.cell_type .col{
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.col:after,
.row:after{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
  visibility: hidden;
}

.colwid_10 { width: 10% !important;}
.colwid_20 { width: 20% !important;}
.colwid_30 { width: 30% !important;}
.colwid_33 {width: 33% !important;}
.colwid_40 { width: 40% !important;}
.colwid_50 { width: 50% !important;}
.colwid_60 { width: 60% !important;}
.colwid_70 { width: 70% !important;}
.colwid_80 { width: 80% !important;}
.colwid_90 { width: 90% !important;}
.colwid_100 { width: 100% !important;}

.colleft_50 { left: 50%;}
.colright_50 { right: 50%;}

/* -------------------------------------------------------------
　ページ width
--------------------------------------------------------------*/
.widmax_1000 { max-width: 1000px;}