@charset "utf-8";
/*===========================
add
===========================*/

:root {
	--basic-color:#0098b9;
}


/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}


/*===========================
font
===========================*/
.fw-b{font-weight: bold;}


/*===========================
box1
===========================*/
.box1{
	justify-content: initial !important;
}

.box1 .f-item1-3{
	margin-right: 3.5%;
}
.box1 .f-item1-3:nth-child(3n){
	margin-right: 0 !important;
}

.box1 .title{
	text-align: center;
	border-top: 1px solid var(--basic-color);
	border-bottom: 1px solid var(--basic-color);
	color: var(--basic-color);
	padding: 5px 0;
	margin-bottom: 20px;
}


/*===========================
box2
===========================*/
.box2 .in01{
	font-size: 1.2em;
	margin-bottom: 10px;
}

@media screen and (min-width: 601px) {
	.box2 .in01{
		display: flex;
	}
}

.box2 .in01 .tcr,
.box2 .in01 .tcb{
	width: 5% ;
}
.box2 .in01 .tcr + p,
.box2 .in01 .tcb + p{
	width: 92%;
}
@media screen and (max-width: 768px) {
	.box2 .in01 .tcr,
	.box2 .in01 .tcb{
		width: 8% ;
	}
	.box2 .in01 .tcr + p,
	.box2 .in01 .tcb + p{
		width: 90%;
	}
}
@media screen and (max-width: 600px) {
	.box2 .in01 .tcr,
	.box2 .in01 .tcb{
		width: 100%;
		display: block;
	}
	.box2 .in01 .tcr + p,
	.box2 .in01 .tcb + p{
		width: 100%;
		display: block;
	}
}



.box2 .in01 .tcr{
	color: #dd0000;
}
.box2 .in01 .tcb{
	color: var(--basic-color);
}

.box2 .in01 p.txt2{
	margin: 30px 0;
}


/*===========================
box3
===========================*/
@media screen and (min-width: 769px) {
	.box3{
		width: 22%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 601px) and (max-width: 768px) {
	.box3{
		width: 40%;
		margin: 0 auto;
	}
}