@charset "utf-8";

.page-title_bg {
	margin: 4.2% 0 5%;
	width: 100%;
	padding: 3% 0;
	position: relative;
	border-bottom: 1px solid #000055;
}

.page-title {
	width: 52.08333%;
	margin: 0 auto;
}

.achievement_block {
	width: 52.08333%;
	margin: 0 auto 5%;
}

.achievement_block h2 {
	margin-bottom: 5%;
}

.achievement_img {
width:100%;
	text-align: center;
	margin-bottom: 5%;
}

.achievement_btn {
	display: block;
	width: fit-content;
	margin: auto;
}

.sec02{
width:100%;
background-color: #e2e2e2;
padding: 3% 0;
}

.p-title-top2 {
    margin-bottom: 3%;
    text-align: center;
}

.p-title-top2-in {
    font-size: 1.4vw;
    margin-bottom: 3%;
    color: #ffffff;
    line-height: 200%;
    background-color: #000055;
    padding: 1% 2%;
    font-weight: bold;
}

.sec02 .txt02 {
    margin: 0 auto 2%;
    text-align: center;
    color: #002060;
    font-size: 1.7vw;
    font-weight: bold;
    line-height: 170%;
}

.block-area{
width:100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.block01{
width:48.24%;
margin-bottom: 3%;
}
.block01 img{
width:100%;
}

.anke-box{
width:100%;
background-color: #fff;
margin-bottom: 2%;
}

.anke-box#a01{
border-left: 6px solid #c80000;
}

.anke-box#a02{
border-left: 6px solid #ffb400;
}

.anke-box#a03{
border-left: 6px solid #009b00;
}

.anke-box#a04{
border-left: 6px solid #004891;
}

.anke-box-title{
margin: 0 2%;
line-height: 200%;
font-size: 1.4vw;
color: #000055;
font-weight: bold;
}

.anke-box-txt{
margin:0 2%;
line-height: 170%;
font-size: 1vw;
padding-bottom: 2%;
}
/* ========================================================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ipad
=========================================================================================================================================================================================== */
@media only screen and (max-width: 1024px) { 


}


/* =============================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　スマホ
========================================================================================================================================================================== */
@media only screen and (max-width: 699px) {
	.page-title, .achievement_block {
		width: 90%;
	}
    
    
.p-title-top2-in {
    font-size:22px;
    }
    
.anke-box-title {
    font-size: 20px;
    }
    
.anke-box-txt {
    font-size: 14px;
}
    
.sec02 .txt02 {
    font-size: 22px;
    text-align: left;
    }
    
.block01 {
    width: 100%;
    margin-bottom: 3%;
}    
    
    
    
}