@charset "UTF-8";


body	{margin: 0;
	font-family:"SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページの基本構造  'メイリオ', 'Hiragino Kaku Gothic ProN', sans-serif*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* 左右の余白 */
.cols-inner	{
    max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
box-sizing: border-box;}

/* 上下の余白 */
.header	{padding-top: 0;
	padding-bottom: 0;}

.topmsg	{padding-top: 20px;
	padding-bottom: 20px;}

.description　{padding-top: 40px;
	padding-bottom: 8px;}

.footer	{padding-top: 10px;
	padding-bottom: 8px;}

/* 背景色 */
.header	{background-color: #f4f5f7;}

.topic	{background-color: #FFFFFF;}

.footer	{background-color: #f4f5f7;}


/* 段組み */
@media (min-width: 420px) {

	/* ヘッダー2段組 */
	.header .col	{float: left;}
	.header .col + .col	{float: right;}

	/* フッター4段組み */
	.footer .col	{float: left;
		width: 22%;
		margin-left: 2%;}

	/* 説明1段組み */
	.description .col	{float: center;}
	.header .col + .col	{float: center;}
    }



.cols .col:first-child	{margin-left: 0;}

.cols:after	{content: "";
	display: block;
	clear: both}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* サイト名 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.logo {
    margin: 0;
    padding: 0;
}

.logo h1 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.logo span	{
    width: 125px;
	height: 40px;
	background-image: url(../img/logo.svg);
	background-size: 100% auto;
	background-position: 0% 0%;
	display: inline-block;
    background-repeat:no-repeat;
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
margin-top: 20px;
margin-left:10px;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーションメニュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu ul	{
    display: table;
	padding: 0;
	font-size: 16px;
	line-height: 2.5;
	list-style: none;
    color: #f4f5f7;
}

.menu li a	{display: block;
	padding: 3px 15px;
	color: #42526E;
	text-decoration: none;}

.menu li a:hover	{color: #7D98BA;}


@media (max-width: 420px) {
	.menu	{display: none}

	.menubtn	{padding: 6px 12px;
		border: none;
		border-radius: 5px;
		background-color: #f4f5f7;
		position: absolute;
		top: 20px;
		right: 15px;
		cursor: pointer}

	.menubtn:hover	{background-color: #ddd}

	.menubtn:focus	{outline: none}

	.menubtn i	{color: #42526E;
		font-size: 22px}

	.menubtn span	{display: inline-block;
		text-indent: -9999px}
}


@media (min-width: 420px) {
	.menu	{display: block !important;
    }

	.menu li	{float: left;vertical-align: middle;}

	.menu ul:after	{content: "";
		display: block;
		clear: both;}

	.menubtn	{display: none}

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* トピック */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.topic article	{padding-bottom: 15px;}

.topic a	{color: #000;
		text-decoration: none;}
.topic a:hover	{color: #2E58FF;
		 opacity: 0.8}

.topic p	{margin-top: 15px;
	margin-bottom: 0;
	font-size: 11px}


@media (max-width: 420px) {
	.topic .snap	{margin-bottom: 10px;}
	.topic h1	{margin-bottom: 3px;}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 説明 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.description article	{padding-top: 15px;
    padding-bottom: 15px;}

.description a	{color: #000;
text-decoration: none;}
.description a:hover	{color: #2E58FF;
 opacity: 0.8}

/*
.description image { display: none; }
*/

.description h1	{
width: 100%;
position: relative;
/* display: inline-block; */
margin-bottom: 1em;
padding: 0;
font-size: 50px;
font-weight: bold;
color: #13305F;
margin-bottom: 50px;
text-align: center;
}

.description h1:before{
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;}


@media (max-width: 420px) {
.description h1	{
display: block;
font-size: 1.2em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;}
}


.description p	{
margin-right:0;
margin-left:0;	
font-size: 16px;
line-height: 25px;
}

p.mv-text {
    margin: 20px auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* OS対応等テーブル */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table{
	width:85%;
	border-collapse: collapse;
	border-spacing:0;
	border:1px solid #ccc;
	padding:0;
	margin-right : auto;
	margin-left : auto
}

table tr{
	border:1px solid #ddd;
	font-size: 12px;
	padding:2px;
}

table th, table td{
	padding:5px;
	font-size: 12px;
	text-align:center;
}

table th{
	font-size:12px;
	letter-spacing:1px;
}

@media screen and (max-width: 420px) {

	table{
		border:0;
	}

	table thead{
		display:none;
	}

	table tr{
		margin-bottom:10px;
		display:block;
		border-bottom:2px solid #ddd;
	}

	table td{
		display:block;
		font-size:13px;
		border-bottom:1px dotted #ccc;
        text-align: right;
	}

	table td:last-child{
		border-bottom:0;
	}

table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* コピーライト */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.copyright p	{margin: 0;
	color: #CCC;
	font-size: 12px;}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer article	{padding-bottom: 30px;}

.footer a	{color: #42526E;
		text-decoration: none;}
.footer a:hover	{color: #7D98BA;
		 opacity: 0.8}

.footer h4 {
  font-size: 16px;
  font-weight: bold;
  color: #293856;
  margin-top: 0;
}

.copy {
  font-size: 12px;
  font-weight: bold;
  color: #ccc;
}

.footer_common	{margin: 0;
	color: #CCC;
	font-size: 14px;}