@charset "utf-8";

.tit2 {margin-bottom: 60px; text-align: center;}
.tit2 h2 {font-size: 3rem; line-height: 1; font-family: 'HannariMincho', sans-serif;}
.tit2 h3 {font-size: 3.6rem; line-height: 1.4; margin-top: 10px; font-family: 'HannariMincho', sans-serif;}
.cap {font-size: 10px; line-height: 1.5;}

.box1 {margin-bottom: 120px;}
.box1 .box1Wrap {max-width: 1491px; width: 100%; margin: 0 auto;}
.box1 figure figcaption {text-align: right; margin-top: 10px;}

.box2 {margin-bottom: 120px;}
.box2 figure {text-align: center;}
.box2 .cap {margin-top: 20px;}


.box3 {margin-bottom: 120px; font-family: 'HannariMincho', sans-serif;}
.box3 figure {margin-bottom: 40px;}
.box3 .row1 {margin-bottom: 40px;}
.box3 .row1 .item {border-left: 4px solid #000; letter-spacing: 0.1em; padding-left: 20px;}
.box3 .row1 .item .fs1 {font-size: 1.4rem;}
.box3 .row1 .item .fs2 {font-size: 3.5rem;}
.box3 .row1 .item .fs3 {font-size: 1.2rem;}
.box3 .row2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box3 .row2 .item {width: 32%; margin-bottom: 20px;}
.box3 .row2 .item .num {display: flex; flex-wrap: wrap; align-items: center; line-height: 1; letter-spacing: 0.1em;}
.box3 .row2 .item .num .txt1 {font-size: 25px;}
.box3 .row2 .item .num .txt2 {font-size: 20px;}
.box3 .row2 .item .num .txt3 {font-size: 15px; text-align: center;}
.box3 .row2 .item .num .txt3 .bg {background: #000; color: #fff; display: inline-block; margin-bottom: 2px; padding: 0 1px 3px;}
.box3 .row2 .item .num .txt3 span:nth-of-type(2) {display: block;}
.box3 .row2 .item .num .txt4 {font-size: 25px; position: relative;}
.box3 .row2 .item .num .txt4 span:nth-of-type(1) {font-size: 35px;}
.box3 .row2 .item .num .txt4 span:nth-of-type(2) {font-size: 25px;}
.box3 .row2 .item .num .txt4 .txtBorder {line-height: 1; border: 1px solid #000; padding: 3px; font-size: 12px; position: absolute; left: 0; bottom: -22px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
.box3 .row2 .item .cap {font-size: 10px; margin-top: 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
.box3 .row2 .itemCap {font-size: 10px; width: 64%; padding-top: 25px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}

.box4 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box4 ul li {width: 23%;}
.box4 ul li figure figcaption {font-size: 1.4rem; margin-top: 5px;}
.box4 ul li:last-of-type {width: 52%;}
.box4 ul li:last-of-type figure figcaption {font-size: 10px; position: relative; padding-left: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
.box4 ul li:last-of-type figure figcaption::before {content: '※'; position: absolute; top: 0; left: 0;}


/* MEDIA */
@media screen and (max-width: 1080px) {
	.tit2 h2 {font-size: 2rem;}
	.tit2 h3 {font-size: 2.6rem;}
	
	.box1 {margin-bottom: 60px;}
	.box1 figure figcaption {padding: 0 5px;}

	.box2 {margin-bottom: 60px;}

	.box3 {margin-bottom: 60px;}
	.box3 .row2 .item {width: 48%;}
    
}
@media (max-width: 768px) {
	.tit2 {margin-bottom: 30px;}
	.tit2 h2 {font-size: 5vw;}
	.tit2 h3 {font-size: 5vw;}

	.box1 {margin-bottom: 40px;}
	.box1 figure figcaption {text-align: left;}

	.box2 {margin-bottom: 40px;}
	.box2 figure figcaption {text-align: left;}

	.box3 {margin-bottom: 40px;}
	.box3 .row1 .item .fs2 {font-size: 2.5rem;}

}

@media (max-width: 768px) and (min-width: 480px){	
	.box3 .row2 .item .num .txt1 {font-size: 3.5vw;}
	.box3 .row2 .item .num .txt4 {font-size: 3vw;}
	.box3 .row2 .item .num .txt4 span:nth-of-type(1) {font-size: 4.5vw;}
	.box3 .row2 .item .num .txt4 span:nth-of-type(2) {font-size: 4vw;}	
}

@media screen and (max-width: 480px) {
	.box3 .row2 .item {width: 100%;}
	.box3 .row2 .item .num {justify-content: space-between;}
	
	.box4 ul li {width: 48%;}
	.box4 ul li img {width: 100%;}
	.box4 ul li:last-of-type {width: 100%; margin-top: 20px;}
}

@media screen and (max-width: 320px) {
	.box3 .row2 .item .num .txt1 {font-size: 20px;}	
	.box3 .row2 .item .num .txt3 {font-size: 12px;}
	.box3 .row2 .item .num .txt4 {font-size: 20px;}
	.box3 .row2 .item .num .txt4 span:nth-of-type(1) {font-size: 30px;}
	.box3 .row2 .item .num .txt4 span:nth-of-type(2) {font-size: 20px;}	

}