@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1200px;
}
@media all and (max-width: 896px) {
    .content {
        padding: 0 15px;
        width: auto;
    }
}
/*------------------------------------------------------------
	.comLink
------------------------------------------------------------*/
.comLink {
	margin: 0 auto;
	width: 180px;
    box-sizing: border-box;
}
.comLink a {
	padding: 8px 14px 11px 0;
	display: block;
	color: #2c4198;
	font-size: 1.3rem;
    font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
    border: 1px solid #2c4198;
	border-radius: 20px;
	background: url("../../img/common/icon07.png") no-repeat center right 10px / 15px;
	box-sizing: border-box;
}
.comLink a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	.comBtnBox
------------------------------------------------------------*/
.comBtnBox {
	padding: 25px 30px 30px;
	background: url("../../img/common/bg02.png") no-repeat center center / cover;
}
.comBtnBox ul li {
	margin: 0 10px;
	width: 450px;
}
.comBtnBox ul li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
    .comBtnBox {
        padding: 20px 0;
		background-image: url("../../img/common/sp_bg02.png");
    }
    .comBtnBox ul {
        display: block;
    }
    .comBtnBox ul li {
        margin: 0 auto 10px;
        width: 310px;
    }
    .comBtnBox ul li:last-child {
        margin-bottom: 0;
    }
}
@media all and (max-width: 374px) {
    .comBtnBox ul li {
        width: 280px;
    }
}

/* comBtn */
.comBtn {
	margin-top: 14px;
}

.comBtn a,
.comBtn .innerSpan {
	padding: 8px 14px 10px 0;
	margin: 0 auto;
	width: 180px;
	display: block;
	color: #2c4198;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
	border: 1px solid #2c4198;
	border-radius: 20px;
	background: url("../../img/common/icon07.png") no-repeat center right 10px / 15px;
	box-sizing: border-box;
	cursor: pointer;
}

.comBtn a:hover,
.comBtn .innerSpan:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBtn {
		margin-top: 12px;
	}
	.comBtn a,
	.comBtn .innerSpan {
		padding: 9px 14px 10px 0;
	}
	.comBtn .innerSpan:hover {
		opacity: 1;
	}
}

.comCloseBtn {
	margin: 0 auto;
	width: 180px;
	box-sizing: border-box;
	padding: 8px 14px 11px 0;
	display: block;
	color: #2c4198;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
	border: 1px solid #2c4198;
	border-radius: 20px;
	background: url("../../img/common/icon07.png") no-repeat center right 10px / 15px;
	cursor: pointer;
}

.comCloseBtn:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comCloseBtn:hover {
		opacity: 1;
	}
}

/* comTableBox */
.comTableBox {
	margin-bottom: 19px;
	border: 1px solid #cdd2dc;
	border-radius: 5px;
	overflow: hidden;
}
.comTableBox table {
	width: 100%;
	border-collapse: collapse;
}
.comTableBox table th,
.comTableBox table td {
	padding: 7px 11px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.45;
	border-bottom: 1px solid #cdd2dc;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: top;
}
.comTableBox table th {
	padding-left: 9px;
	width: 19.3%;
	font-size: 1.3rem;
	border-right: 1px solid #cdd2dc;
	font-weight: bold;
	background-color: #e8f0fa;
}
.comTableBox table tr:last-child th,
.comTableBox table tr:last-child td {
	border-bottom: none;
}
.comPop .wrapInner {
	max-width: 535px;
}
.comPop .popInner {
	padding: 11px 10px 16px;
	background-color: #fff;
	border-radius: 10px;
}
.comPop .popClose {
	width: 40px !important;
	height: 40px !important;
}
@media all and (max-width: 896px) {
	.comPop .popWrap {
		padding: 20px !important;
	}
	.comTableBox table th {
		width: 31.7%;
	}
}