@charset "utf-8";


/*------01------*/

#box01{
}

#box01 h3{
    margin-bottom: 2em !important;
    font-weight: 800;
}
#box01 div div{
    text-align: center;
}

#box01 ul{
    margin-right: auto;
    margin-left: auto;
}

#box01 li{
    list-style-type: none;
    margin-bottom: 0.5em;
    font-size: 115%;
    line-height: 1.8em;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-top: 1.5em;
    padding-right: 3em;
    padding-bottom: 1.5em;
    padding-left: 3em;
    background-color: #E6F8FF;
    font-weight: 600;
}
#box01 li p{
    margin-left: 1em;
}


/*------02------*/
.catch-h3 {
    margin-bottom: 4em;
}
#box02{
}
#box02 h2{
    margin-bottom: 2em;
}
#box02 .box{
    background-color: #FFFFFF;
    padding-top: 4em;
    padding-right: 4em;
    padding-bottom: 4em;
    padding-left: 4em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5em;
    width: 90%;
}
#box02 h3{
    margin-bottom: 1.5em;
}
#box02 p{
    font-size: 120%;
    line-height: 1.8em;
    margin-bottom: 2em;
}
#box02 h5{
    font-size: 125%;
    margin-bottom: 0.5em;
    color: #263B61;
}
#box02 h6{
    font-size: 110%;
    color: #263B61;
}
#box02 .flex div{
    width: 48%;
    text-align: left;
}
#box02 .flex div p{
    font-size: 95%;
    text-align: justify;
    line-height: 1.6em;
}
#box02 .flex div img{
	width: 100%;
}
#box02 .flex04 div{
    width: 23%;
}
#box02 .flex03 > div:nth-child(1){
	width: 63%;
}
#box02 .flex03 > div:nth-child(1) div{
	width: 48%;
}

#box02 .flex03 > div:nth-child(2){
	width: 30%;
}
#box02 .flex04 div img,#box02 .flex03 div img{
	width: 100%;
}
.hr{
    margin-bottom: 2em;
    margin-top: 2em;
    border-bottom: 1px solid #D0D0D0;
}
.respo-ptb3 {
    padding-bottom: 50px;
}
.respo-mt1 {
    margin-top: 0px;
}
@media screen and (max-width: 896px) {
#box01 li {
    font-size: 100%;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
}
.respo-ptb2 {
    padding-top: 0px;
    padding-bottom: 50px;
}	
.respo-ptb3 {
    padding-top: 50px;
    padding-bottom: 50px;
}
#box02 .box {
    padding-top: 2em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    width: 100%;
    margin-bottom: 2em;
}
.catch-h3 {
    margin-bottom: 2em;
}	
.hr {
    margin-bottom: 2em;
    margin-top: 1em;
}
	
#box02 p {
    font-size: 100%;
    text-align: justify;
}	
#box02 h5 {
    font-size: 110%;
    margin-bottom: 0.5em;
}
#box02 .flex div {
    width: 100%;
}	
#box02 h6 {
    font-size: 100%;
}
#box02 .flex div p {
    font-size: 90%;
}	
#box02 .flex04 div {
    width: 46%;
}	
	
	
#box02 .flex03 > div:nth-child(1){
	width: 100%;
}
#box02 .flex03 > div:nth-child(1) div{
	width: 47%;
}

#box02 .flex03 > div:nth-child(2){
	width: 100%;
}
	
	
}