/*** Fonts ***/

/*
<uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 100 to 900
*/

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.ft_txt {
	font-family: "Noto Sans JP", serif;
}

.ls_15m { letter-spacing: -15px; }


.box_main {
	background-color: #FFF;
	border-radius: 5px;
	max-width: 930px;
}

.box_ttl {
	background-color: #2D4B9B;
	padding-top: 28px;
	padding-bottom: 20px;	
}


.mb_ctct { width: 88%; }

.ftsz_ttl1_f { font-size: 22pt; }
.ftsz_ttl2_f { font-size: 18pt; }
.ftsz_ttl3_f { font-size: 14pt; }

@media screen and (min-width:375px) { 
/*xs*/
.ftsz_ttl1_f { font-size: 22pt; }
.ftsz_ttl2_f { font-size: 18pt; }
.ftsz_ttl3_f { font-size: 14pt; }
}

@media screen and (min-width:482px) and ( max-width:575px) {
/*sm*/
.ftsz_ttl1_f { font-size: 17pt; }
.ftsz_ttl2_f { font-size: 13pt; }
.ftsz_ttl3_f { font-size: 12pt; }

.mb_ctct { width: 55%; }

}

@media screen and (min-width:576px) and ( max-width:767px) {
/*sm*/
.ftsz_ttl1_f { font-size: 25pt; }
.ftsz_ttl2_f { font-size: 18pt; }
.ftsz_ttl3_f { font-size: 18pt; }

.mb_ctct { width: 55%; }
}

@media screen and (min-width:768px) and ( max-width:991px) {
/*md*/
.ftsz_ttl1_f { font-size: 32pt; }
.ftsz_ttl2_f { font-size: 20pt; }
.ftsz_ttl3_f { font-size: 20pt; }

.mb_ctct { width: 55%; }

}
@media screen and (min-width:992px) {
/*lg xl*/
.ftsz_ttl1_f { font-size: 30pt; }
.ftsz_ttl2_f { font-size: 22pt; }
.ftsz_ttl3_f { font-size: 20pt; }

.mb_ctct { width: 50%; }
}

.flex_test-box {
	background-color: #CE0021;
	font-weight: bold;
}

.flex_test-item1 {
	width: 20%;
    padding : 10px 10px 7px 10px;
    color : yellow;
    margin : 2px;
	text-align: center;
}

.flex_test-item2 {
	width: 80%;
    padding : 10px 10px 7px 10px;
	background-color:#FFF;
    color : #000;
    margin : 2px;
	text-align: center;
}

.flex_test-item:nth-child(1) { background-color : #D4145A; }
.flex_test-item:nth-child(2) { background-color : #FFF; }
.flex_test-box {	 display : flex; }

