section{
padding:0;
}
.text-area{
padding:15px 10px;
}
.Mapo{
font-family:'MapoFlowerIsland',serif;
}

.gold_line::after{
background-color:#e9bc57;
}

.Bit{
font-family:'Bitgoeul_Light', sans-serif;
}

.underline{
box-shadow: 0 3px 0 #e9bc57;
}

.text_j{
text-align:justify;
}
.text_c{
text-align:center;
}

.bg_headline{
 background-image:url(../images/bg/sub_02_main_1.jpg);
 padding:7vh 0 3vh;
 margin-bottom:50px;
}

.bg_headline h1{
 color: #fff !important;
 text-shadow:1px 1px 2px #333;
}

.bg_headline span{
color:rgba(255,255,255,.5) !important;
}

.main_color{
color:#1a6baa !important;
}

.gold-color{
	color:#e9bc57 !important;
}


.color_w{
color:#fff !important;
}

.Momo_title{
color:#833195;
}

.Momo_text{
color:#833195;
}


.main_color_bg{
	background-color:#1a6baa;
}
.color_gray_lig{
background-color:#f2f2f2;
}
.color_gray{
background-color:#cccccc;
}
.color_gray_dark{
  background-color:#a8a8a8;
}
.rebon_title{

}
.border_box{
display:table;
border:5px solid #fff;
padding:10px 2px;
border-radius:15px;
width:30%;
}

.border_box h3{
display:table-cell;
vertical-align:middle;
}

.border_wrap{
border:8px solid #a8a8a8;
}

.rebon{
width:12%;
transform:translateY(-15px);
}

.flex-wrap{
display:flex;
justify-content:space-around;
}

.m_flex{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}

.padding_5{
padding:5vh 0;
}

.padding_2{padding:2vh 0;}

.title_area{
padding:20px 5px;
}


p.text_center{
text-align:center !important;
}



.gold_box{
width:30%;
padding:10px;
background-color:#e9bc57;
border-radius:15px;
margin:5px;
}

.gold_box h2, .gold_box h3{
color:#1a6baa;
font-weight:300;
}

.gold_box h2{
font-size:1.15em;
}

.bottom_line_txt{
position:relative;
}

.mom{
border:5px solid;
border-color:#1a6baa;
}

.bottom_line_txt::after{
content:'';
display:block;
position:absolute;
left:0;
bottom:-5px;
width:100%;
height:4px;
background-color:#e9bc57;
}

.list_style{
flex-wrap:wrap;
}

.list_con{
	width:50%;
	padding:15px;
}

.list_con img{
width:50%;
margin:auto;
}

.list_con h3{padding-top:25px;}

.left_75, .right_75{
width:75%;
}

.left_45, .right_45{
width:45%;
}
.left_25, .right_25{
width:25%;
}
.pc_45{
width:100%;
}
@media screen and (min-width: 1024px) {
.pc_25{
width:25% !important;

}
@media screen and (min-width: 1280px) {
.list_con{
	width:33%;
}

.pc_45{
width:45%;
}

.gold_box{
width:30%;
padding:40px;
margin:12px;
}

.rebon{
width:5%;
}

.list_con img{
width:30%;
}

}
/*# sourceMappingURL=sub_03.css.map */