@charset "UTF-8";
body{background-color: #FFFFFF;}

#contact .mt150 {
    margin-top: 150px;
}
.c-section-container-inner{ max-width: 920px; margin: 80px auto; padding: 0 10px; box-sizing: border-box;}
img.dummy{ transform: scale(-1, 1); filter: grayscale()}
p.cap{ font-size: 10px;}

#contact .co_880 {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
}

.fv--contact {
    position: relative;
    border-bottom: 12px #11335D solid;
    background-color: #11335D;
}
.fv__title{
	padding:2.5em 0;
	color:#FFFFFF;
}

/*202604*/

.col--box-mv{
width:42%;
float:left;
margin: 0 3% 0 0;
}
.col--right{
width:55%;
float: right;
}

.col--col{
display: block;
width:80%;
margin: auto;
border:2px solid #1f4d9b;
padding:1rem 3rem;
background-color: #FFF;
}

.col--col--cont{
padding:1rem 2rem;
}

.col--col--text{
display: block;
width:100%;
float: left;
}


.col--box{
background-color: rgba(255, 255, 255, 0.7);
margin-bottom:2rem;
}
.col--box .col--title{
width:100%;
border:2px solid #1f4d9b;
padding:0.3rem;
background-color: #FFF;
}

.col--box .col--title h4{
display: flex;
font-size:16px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.col--box .col--title h4 > .sup_no{
font-weight: 600;
font-style: italic;
font-size:20px;
padding:0.5rem 0.8rem 0.5rem 0.5rem;;
color: #4774b9;
/*border-right: 1px solid #4774b9;*/
margin-right:0.5rem;
}

.col--box .col--title h4 > .sup_ttl{
display: block;
float: left;
border-left:1px solid #4774b9;
padding:0.8rem 1rem;
}
.col--box-cont{
padding:1rem 2rem;
}

.col--box--text{
display: block;
width:55%;
margin-right: 5%;
float: left;
}

.col--box--img{
display: block;
width:40%;
float: right;
margin-bottom: 1rem;
}
@media only screen and (min-width: 769px) {
	
}

@media only screen and (max-width: 768px) {
#contact .co_880 {
    width: 96%;
    margin: 0 auto;
}
#contact .mt150 {　margin-top: 100px;}
	
}

@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 450px) {
	#contact .mt150 {　margin-top: 80px;}

.col--col{
display: block;
width:100%;
margin: auto;
border:2px solid #1f4d9b;
padding:1rem;
background-color: #FFF;
}

.col--box-mv{
width:100%;
float:none;
margin: 1rem auto;
}
.col--right{
width:100%;
float: none;
}

.col--box--text{
display: block;
width:60%;
margin-right: 5%;
float: left;
}

.col--box--img{
display: block;
width:35%;
float: right;
}

.col--box .col--title > h4{
display:flex;
}


}