@charset "utf-8";

:root{
	--base-color:#333;
	--base-color-w:#fff;
	--dragons-color:#001F65;
	--dragons-bg:#001F65;
	--letter-s:1.5px;
	--line-h:1.75;
}

.main-cp-bg{
	background:url(../images/cp/bg.png) no-repeat;
	padding:0em 0 5em;
}
.main-cp-bg h2{
	font-size:2.7rem;
	text-align:center;
	font-weight:700;
	padding:.4em 0 ;
	color:var(--base-color-w);
	letter-spacing:var(--letter-s);
	background:var(--dragons-color);
	margin:0 0 70px;
}
@media screen and (max-width: 980px) {
.main-cp-bg h2{
	font-size:1.25rem;
	padding:.8em 0 ;
	margin:0 0 20px;
	}
}
figure{
	margin: 0 ;
}

.main-cp div{
	text-align:center;

}
.main-cp{
	color:var(--base-color-w);
	letter-spacing:var(--letter-s);
	line-height:var(--line-h);
	max-width:980px;
	margin: 0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:end;
	gap:0 15px;
}
.item1{
	grid-column: span 1 ;
	text-align:left!important;
	max-width:80%
	}
.item2{
	grid-row: span 2  / 2;
	grid-column: 2 ;
	}
.item4{
	grid-column:span 2 / span 2 ;
	}



@media screen and (max-width: 980px) {
.main-cp{
	max-width:95%;
	gap:8px 0px;
	justify-content:center;
	grid-template-columns:1fr;
	}
.item2 img{
	max-width:85%;
	}
.item1 img{
	max-width:80%;
	}
.item1{
	grid-column:1 / span 2;
	padding:1.5em 0 .5em;
	grid-row:2 / 3 ;
	text-align:center!important;
	margin: 30px auto 0;
	}
.item2{
	grid-column:1 / span 2;
	grid-row:3 / 4 ;

	}
.item3{
	grid-column:1 / span 2;
	grid-row:1 / 2 ;
	}
.item4{
	grid-column:1 / span 2;

	grid-row:4 / 5 ;
	}


}
.table-div{
	max-width:860px;
	background:#fff;
	margin: 0 auto;
	padding:30px 0 20px;
}

@media screen and (max-width: 980px) {
.table-div{
	max-width:93%;
	padding:7px 6px;
	}
}


.cp-table{
	color:#000;
	margin: 0px auto 0px;
	background:#fff;
	width:90%;
}

@media screen and (max-width: 980px) {
.cp-table{
	width:95%;
	margin: 0px auto 20px;
	}
}

.cp-table caption{
	caption-side:bottom;
	letter-spacing:var(--letter-s);
	font-size:.9rem;
	margin:24px 0 0 ;


}
@media screen and (max-width: 980px) {
.cp-table caption{
	font-size:.85rem;
	}
}

.caption{
	width:650px;
	color:var(--base-color-w);
	margin:30px auto 10px;
	font-size:1.5rem;
	letter-spacing:var(--letter-s);
	font-weight:700;
	text-align:center;
}
@media screen and (max-width: 980px) {
.caption{
	width:90%;
	font-size:1.2rem;
	margin:0px auto 10px;
	}
}

.cp-table th{
	padding:20px 15px;
	border-bottom:1px solid #000;
	font-weight:700;
	width:25%;
}
.cp-table td{
	padding:20px 15px;
	letter-spacing:var(--letter-s);
	line-height:var(--line-h);
	font-size:1rem;
	border-bottom:1px solid #000;
	text-align:left;
}
@media screen and (max-width: 980px) {
.cp-table th{
	font-size:.9rem;
	width:35%;
	padding:20px 0px 20px 15px;
}
.cp-table td{
	font-size:.9rem;
	}
}

.cp-comment{
	text-align:center;
	letter-spacing:var(--letter-s);
	font-size:1.4rem;
	color:var(--base-color-w);
	margin: 60px auto 10px;
	font-weight:500;
}


.cp-war_list{
	max-width:980px;
	margin: 30px auto 0;
	color:var(--base-color-w);
	text-align:center;
}
.cp-war_list dd{
	letter-spacing:var(--letter-s);
	font-weight:500;
}

@media screen and (max-width: 980px) {
.cp-comment{
	text-align:center;
	font-size:1.1rem;
	margin: 60px auto 30px;
	font-weight:500;
	max-width:90%;
	}
.cp-war_list{
	font-weight:300;
	max-width:93%;
	font-size:.8rem;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
	}
}


@media screen and (max-width: 980px) {
.spnone{
	display:none;
	
	}
.pcnone{
	margin:20px 0 ;
	text-align:center;
	}
}
@media screen and (min-width: 981px) {
.pcnone{
	display:none;
	}
}

/* ---------------------------------------------------------
スポットライトキャンペーン
---------------------------------------------------------- */
.spotlight-cp-bg{
	background:url(../images/cp/bg_2.png) no-repeat;
	background-size:cover;
	padding:0em 0 5em;
/*	background:#A0D5ED;*/
}
@media screen and (max-width: 980px) {
.spotlight-cp-bg{
	background:url(../images/cp/bg_2.png) no-repeat 50% 50%;
	background-size:cover ;
	padding:0em 0 5em;
/*	background:#A0D5ED;*/
	}
}
.spotlight-cp-bg h2{
	font-size:2.7rem;
	text-align:center;
	font-weight:700;
	padding:.4em 0 ;
	color:var(--base-color-w);
	letter-spacing:var(--letter-s);
	background:#40A8DA;
	margin:0 0 70px;
}
@media screen and (max-width: 980px) {
.spotlight-cp-bg h2{
	font-size:1.25rem;
	padding:.8em 0 ;
	margin:0 0 20px;
	}
}

.ul-style li:before{
	content:"・";
}
.ul-style_no li{
	text-indent:-1em;
	padding-left:1em
}

.ul-style_no li .myj-link{
	display:block;
	text-indent:-1em;
	padding-left:1em
}
.ul-style_no li .myj-link a{
	color:#333;
}
.myj-btn{
	display:block;
	max-width:300px;
	margin: 20px auto;
	text-align:center;
	font-size:1.1rem;
}
@media screen and (max-width: 980px) {
.myj-btn{
	max-width:250px;
	font-size:.9rem;
	}
}
.myj-btn a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#003A8F;
	border-radius:100px;
	padding:10px 0;
	font-weight:700;
	border:1px solid #003A8F;
}
.myj-btn a:hover{
	display:block;
	text-decoration:none;
	color:#003A8F;
	background:#fff;
	border:1px solid #003A8F;
}

.black-text{
	color:#000;
}
.main-cp_doara{
	letter-spacing:var(--letter-s);
	line-height:var(--line-h);
	max-width:1080px;
	margin: -40px auto 60px;
	display:grid;
	grid-template-columns:2fr 1fr;
	align-items:center;
	gap:0 10px;
}
.item4_doara{
	grid-column:1 / span 2;
}
@media screen and (max-width: 980px) {
.main-cp_doara{
	max-width:95%;
	gap:8px 0px;
	justify-content:center;
	grid-template-columns:1fr;
	margin: -20px auto 60px;
	}
.item1_doara{
	grid-column:1 / span 2;
	padding:0em 0 0em;
	grid-row:1 / 2 ;
	text-align:center!important;
	margin: 10px auto 0;
	}
.item2_doara{
	grid-column:1 / span 2;
	grid-row:3 / 4 ;
	text-align:center!important;
	}
.item4_doara{
	margin:-50px 0 -20px;
	}
.item2_doara img{
	max-width:50%;
	}
.ul-style li{
	text-indent:-1em;
	padding-left:1em
	}
}
.another{
	text-align:center;
}