@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:751px) {
    section#sec00::after {
        background-image: url("../images/about/image_01.jpg");
    }
    section#sec00 .pageTitle i {
        margin-left: -0.04em
		}		
    section#sec01 {
        display: block;
        text-align: center;
        padding: 120px 0 0;
    }
    section#sec01 h3 {
        font-size: 3.6rem;
        line-height: 1;
        font-weight: bold;
    }
    section#sec01 p {
        margin: 55px 0 0;
        font-size: 1.6rem;
        line-height: 2.4;
		}
    section#sec02 article .rightWrap img {
        margin-top: 30px;
    }
    article ul.flow {
        display: block;
        margin-top: 30px;
    }
    article ul.flow::after {
        content: '';
        clear: both;
        display: block;
    }
    article ul.flow li {
        width: 16%;
        margin-right: 5%;
        text-align: center;
        float: left;
        position: relative;
        font-weight: bold;
    }
    article ul.flow li::after {
        content: '';
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -34px;
        background: url("../images/about/next.png") center 58px/20px auto no-repeat;
    }
    article ul.flow li:last-child::after {
        background: none;
    }
    article ul.flow li:last-child {
        margin-right: 0;
    }
    article .line_at {
        display: block;
        font-size: 2.4rem;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        margin: 15px auto;
    }
    article .line_at p {
        display: inline-block;
        padding: 0 10px;
        text-align: center;
        position: relative;
    }
    article .line_at p span {
        position: relative;
        z-index: 2;
    }
    article .line_at p::after {
        content: '';
        display: block;
        width: 100%;
        height: 20px;
        background: linear-gradient(45deg,#e3e3c9,#dbe4e8);
        position: absolute;
        z-index: 1;
        left: 0;
        top: 55%;
    }
    section#sec02 ol ul {
        margin: 40px 0 0;
    }
    section#sec02 ol ul::after {
        content: '';
        clear: both;
        display: block;
    }
    section#sec02 ol ul li {
        width: 232px;
        float: left;
        margin-right: 32px;
        text-align: center;
    }
    section#sec02 ol ul li:last-child {
        margin-right: 0;
    }
    section#sec02 ol ul li h5 {
        font-size: 1.8rem;
        line-height: 1;
        font-weight: bold;
        margin: 15px 0 0;
    }
    section#sec02 ol ul li p {
        font-size: 1.5rem;
        line-height: 1.8;
        margin: 10px 0 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    section#sec02 img.map {
        display: block;
        width: 1024px;
        margin: -18px auto 0;
    }
    a.btn {
        margin-top: 25px;
    }
}/*PC*/


@media screen and (max-width:750px) {
    section#sec00::after {
        background-image: url("../images/about/image_01.jpg");
    }
    section#sec00 .pageTitle i {
        margin-left: -0.04em
    }
    section#sec01 {
        display: block;
        text-align: center;
        padding: 14vw 0 0;
    }
    section#sec01 h3 {
        font-size: 3.6rem;
        line-height: 1.5;
        font-weight: bold;
    }
    section#sec01 p {
        margin: 3.5vw 8vw 0;
        font-size: 2.8rem;
        line-height: 1.8;
    }
    
    section ol {
        padding: 0 2.6666vw;
    }
    section#sec02 article .rightWrap{
        padding: 0 3vw;
    }
    article ul.flow {
        display: block;
        text-align: center;
    }
    article ul.flow::after {
        content: '';
        clear: both;
        display: block;
    }
    article ul.flow li {
        display: inline-block;
        vertical-align: top;
        width: 23.4vw;
        margin: 4vw 2.5vw 0;
        text-align: center;
        position: relative;
        font-weight: bold;
        font-size: 2.4rem;
    }
    article ul.flow li::after {
        content: '';
        width: 5vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: -5.3vw;
        background: url("../images/about/next.png") center 9vw/2.8vw auto no-repeat;
    }
    article ul.flow li:first-child::after {
        background: none;
    }
    article ul.flow li p {
        margin-top: 1.5vw;
        padding: 0;
    }
    article .line_at {
        display: block;
        font-size: 3.0rem;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        margin: 7vw 5vw 2vw;
    }
    article .line_at p {
        display: block;
        text-align: center;
        position: relative;
        font-size: 3.0rem;
        line-height: 1.3!important;
    }
    article .line_at p span {
        position: relative;
        z-index: 2;
    }
    article .line_at p::after {
        content: '';
        display: block;
        width: 100%;
        height: 4vw;
        background: linear-gradient(45deg,#e3e3c9,#dbe4e8);
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: -1.8vw;
    }
    
    section#sec02 ol ul {
    }
    section#sec02 ol ul::after {
        content: '';
        clear: both;
        display: block;
    }
    section#sec02 ol ul li {
        width: 38.5vw; 
        float: left;
        text-align: center;
        margin-top: 4vw;
    }
    section#sec02 ol ul li:nth-child(even) {
        float: right;
    }
    section#sec02 ol ul li:last-child {
        margin-right: 0;
    }
    section#sec02 ol ul li h5 {
        font-size: 2.8rem;
        line-height: 1;
        font-weight: bold;
        margin: 4vw 0 0;
    }
    section#sec02 ol ul li p {
        font-size: 2.4rem;
        line-height: 1.5;
        margin: 2.2vw 0 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    section#sec02 img.map {
        width: 100%;
        margin-top: -6vw;
    }
    a.btn {
        margin: 5vw 0 9vw;
    }
    section#sec03 .headerImage {
        float: right;
    }
    section#sec03 .headerImage::after {
        content: '';
        clear: both;
        display: block;
    }
    section#sec03 .wrapper {
        clear: both;
        padding-top: 1px;
    }
}/*SP