@charset "utf-8";


#page a{
color: #555C7E;
}


#page section:nth-child(2n){
	background: #F7F7F7;
}

#page #pageTitle{
padding: 70px 0 20px;
    background: url("../img/common/page_top.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}  

#page #pageTitle h2{
    padding: 44px 0px 0px;
    font-size: 35px;
    position: relative;
    text-align: center;
    color: #FFF;
    text-shadow: 3px 3px 2px #000;
}


#page section .contentsDetail{
width: 100%;
max-width: 1200px;
margin: auto;
} 


#page section 


#page #pageTitle{
width: 100%;
}

#page h3{
    color: #002077;
    padding: 10px;
    text-align: center;
    font-weight: 100;
    border-bottom: 1px solid;
    width: max-content;
    margin: auto auto 38px;}


#page   h5{
    font-size: 20px;
	color: #25467F;
    margin-bottom: 10px;
    border-bottom: 1px dashed;
}



#page  h4 {
    margin-bottom: 10px;
padding-left: 20px;
color: #0C3298;
position: relative;
}


#page h4::before{
content: "";
    left: 0;
position: absolute;
	display: inline-block;
	width: 10px;
	height: 36px;
    background-color: #0C3298;
}

#page .contentsDetail div,#page .contentsDetail p{
    padding: 10px 0;
	color: #4B4B4B;
}

#page .contentsDetail ul li{
	color: #2D2C2C;
}


#page section{
    padding: 60px 0;
}

#page .titletext{
text-align: center;
margin-bottom: 50px;
}


.S02bold,
.S03bold{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
	color: #646464;
}


#page .buttonArea{
    /*width: 350px;*/
    margin: auto;
}


#page .buttonareabk{
    padding: 14px 0 60px;
}


#page #pnkz{
padding: 10px 0 0 20px;
background-color: #FFF;
}
#page #pnkz div{
max-width: 1200px;
width: 100%;
margin: auto;
font-size: 13px;
color: #072F2F;
font-weight: 700;
}




.flexbox {
display: flex;
flex-wrap: wrap;
}

.flexbox  li{
width: 50%;}



@media screen and (max-width: 1260px) {
#page section .contentsDetail{
width: 93%;
} 	
}

/********************************************* dropdownMenu */
@media screen and (max-width: 1025px) {

#page #pageTitle {
    padding: 52px 0 34px;

}
	
.contents .buttonArea {
    width: 300px;
    margin: auto ;
}	
	
#page #pageTitle h2 {
	font-size: 25px;
}	

#page h4::before {
    height: 100%;
 }	
	
#page h3 {
     width: 94%;
    margin: auto auto 15px;
}	

#page h5 {
    font-size: 16px;
}	

}

@media screen and (max-width: 1000px) {
#pageTitle {
    padding: 53px 0 50px;
}
	
#page h3,#page h4,#page h5{
text-align: left;
}
		
	
}

@media screen and (max-width: 960px) {
#page .titletext{
text-align: left;
margin-bottom: 30px;
}

#page .buttonArea{
    width: 300px;
    margin: auto;
}
}


@media screen and (max-width: 680px) {
#page section {
    padding: 30px 0;
}
#page #pnkz {
    padding: 10px 0 17px 20px;
}	
	
}

@media screen and (max-width: 480px) {
	
	

#page .buttonArea{
	width: 100%;
    max-width: 300px;
    margin: auto;
}	
	
}