body {
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    margin: 0;
    color: #656565;
    font-weight: 500;
}

.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.fix_rate {

}
.fix_rate::before {
    content: '';
    float: left;
}
.fix_rate::after {
    content: '';
    display: block;
    clear: both;
}

#wrapper {
    max-width: 1540px;
    min-width: 980px;
    margin: 0 auto;
}
/* header */
header {
    width: 100%;
    max-width: 1540px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    position: fixed;
    top: 0;
    z-index: 10;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    background: rgba(255,255,255,0.8);
}
header .site-header__logo img {
    vertical-align: middle;
    margin-left: 10px;
}

header .site-header__nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 10px;
}

header .site-header__nav .header-side a {
    width: 130px;
    height: 40px;
    color: white;
    display: flex;
    text-decoration: none;
    border: 2px solid #ff718e;
    background-color: #ff718e;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

header .site-header__nav .header-side a:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background-position: center left;
    background-repeat: no-repeat;
}

header .site-header__nav .airplane,
header .site-header__nav .entrance {
    margin-left: 10px;
}

header .site-header__nav .request a:before {
    background-image: url(../images/pc/icon_request.png);
}

header .site-header__nav .airplane a:before {
    background-image: url(../images/pc/icon_airplane.png);
}

header .site-header__nav .entrance a:before {
    background-image: url(../images/pc/icon_entrance.png);
}

header .site-header__nav .header-side a:hover {
    background-color: white;
    color: #ff718e;
}

header .site-header__nav .request a:hover:before {
    background-image: url(../images/pc/icon_request_01.png);
}

header .site-header__nav .airplane a:hover:before {
    background-image: url(../images/pc/icon_airplane_01.png);
}

header .site-header__nav .entrance a:hover:before {
    background-image: url(../images/pc/icon_entrance_01.png);
}

/* banner */
#banner {
    position: relative;
    justify-content: center;
    align-items: center;
}

#banner img {
    width: 100%;
    height: 100%;
}
#banner .bxslider {
    list-style-type: none;
    padding: 0;
}
#banner .text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}

#banner .track {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}


/* content01 */
#contents .content01 {
    position: relative;
    background: url(../images/pc/bg_content01.jpg) top center no-repeat;
    background-size: contain;
}
#contents .content01:before {
    padding-top: 31.16883%;
}

#contents .content01 .description,
#contents .content02 .description,
#contents .content03 .description {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
}

#contents .content01 .description {
    padding-top: 5%;
}

/* content02 */
#contents .content02 {
    background: url(../images/pc/bg_content02.jpg) top center no-repeat;
    position: relative;
    background-size: contain;
}
#contents .content02:before {
    padding-top: 69.2857%;
}

#contents .content02 .description:before {
    padding-top: 4.67532%;
}
#contents .content02 .description {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2%;
}
#contents .content02 ul {
    list-style-type: none;
    padding: 0;
}
#contents .content02 ul li {
    position: absolute;
    width: 20.5195%;
}
#contents .content02 ul li::before {
    padding-top: 85.1%;
}
#contents .content02 ul li:nth-child(1) {
    left: 41.88%;
    top: 24.766%;
}
#contents .content02 ul li img:nth-child(1) {
    left: 27.53%;
    width: 61.7%;
    cursor: pointer;
}
#contents .content02 ul li img:nth-child(2) {
    left: 18%;
    bottom: 0;
    width: 83.23%;
}
#contents .content02 ul li img:nth-child(3) {
    top: 50.2%;
    width: 25.32%;
}

#contents .content02 ul li:nth-child(2) {
    left: 63.18%;
    top: 31.68%;
}
#contents .content02 ul li:nth-child(3) {
    left: 61.62%;
    top: 61.40%;
}
#contents .content02 ul li:nth-child(4) {
    left: 38.77%;
    top: 52.71%;
}
#contents .content02 ul li:nth-child(5) {
    left: 17.6%;
    top: 34.21%;
}


#contents .content02 ul li img {
    position: absolute;
}

#wrapper #contents .modal-body img {
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: 20px;
}


/* content03 */
#contents .content03 {
    position: relative;
    background: url(../images/pc/bg_content03.jpg) top center no-repeat;
    background-size: contain;
}
#contents .content03:before {
    padding-top: 146.103896%;
}
#contents .content03 h3,
#contents .content04 h3,
#contents .content05 h3 {
    margin: 0;
    font-size: 46px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contents .content03 h3:before {
    padding-top: 11.039%;
}
#contents .content03 .description {
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    line-height: 2.3;
    display: flex;
    justify-content: center;
    align-items: center;
}
#contents .content03 .description:before {
    padding-top: 11.4935%;
}
#contents .content03 .description div {
    padding: 0 15.909%;
}
#contents .content03 .articles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
#contents .content03 .articles:before {
    padding-top: 92.143%;
}
#contents .content03 .articles li {
    /*display: none;*/
}
#contents .content03 .effect-fadeIn {
    opacity: 0;
    transition-duration: 3s;
}
#contents .content03 .effect-fadeIn.active{
    opacity: 1;
}
#contents .content03 .articles ul {
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    width: 63.312%;
    margin: 0 auto;
}
#contents .content03 .articles ul:last-child {
    padding-top: 2.9221%;
}
#contents .content03 .articles li {
    width: 50%;
    margin-right: 2.5974%;
}
#contents .content03 .articles img {
    width: 100%;
}
#contents .content03 .articles .title {
    font-size: 20px;
    margin-top: 2.5974%;
    font-weight: bold;
}
#contents .content03 .articles .text {
    margin-top: 8px;
    font-weight: 500;
}


#contents .content03 .study {
    display: flex;
    justify-content: center;
    align-items: center;
}
#contents .content03 .study:before {
    padding-top: 31.4%;
}
#contents .content03 .study .title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 2.5974%;
    text-align: center;
}
#contents .content03 .study .title:before {
    content: "■";
    color: #fe718e;
}
#contents .content03 .study ul {
    list-style-type: none;
    margin: 0 0 4.5455% 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
#contents .content03 .study ul:last-child {
    margin-bottom: 0;
}

#contents .content03 .study ul li {
    width: 37%;
    margin-left: 3%;
}
#contents .content03 .study .study_title {
    background-color: #ffffc3;
    font-weight: bold;
    height: 30px;
    text-align: center;
    font-size: 18px;
    padding: 1.5% 0;
}
#contents .content03 .study .study_text {
    padding-top: 13px;
    background-color: white;
}

/* content04 */
#contents .content04 {
    background: url(../images/pc/bg_content04.jpg) top center no-repeat;
    position: relative;
    background-size: contain;
}
#contents .content04:before {
    padding-top: 74.090909%;
}
#contents .content04 h3:before {
    padding-top: 10.7143%;
}
#contents .content04 ul {
    list-style-type: none;
    margin: 0;
    position: relative;
    padding: 0;
}
#contents .content04 ul li {
    position: relative;
    display: flex;
    align-items: center;
}
#contents .content04 li:first-child:before {
    padding-top: 38.0519%;
}
#contents .content04 li:last-child:before {
    padding-top: 22.857%;
}

#contents .content04 ul li:first-child .image {
    padding-left: 9.1558%;
    width: 38.55844%;
    box-sizing: content-box;
}
#contents .content04 ul li:first-child .image img {
    width: 100%;
}
#contents .content04 ul li:last-child .image {
    width: 24.5455%;
    box-sizing: content-box;
    right: 17.532%;
}
#contents .content04 ul li:last-child .image img {
    width: 100%;
}
#contents .content04 ul li:last-child .info {
    background-color: white;
    width: 42.675%;
    margin-left: 22.1429%;
    padding: 2%;

}


#contents .content04 .effect-right{
    opacity: 0;
    transform: translateX(100px);
    transition-duration: 1.3s;
}
#contents .content04 .effect-right.active{
    opacity: 1;
    transform: translateX(0);
}
#contents .content04 .effect-bottom{
    opacity: 0;
    transform: translateY(100px);
    transition-duration: 1.3s;
}
#contents .content04 .effect-bottom.active{
    opacity: 1;
    transform: translateY(0);
}


#contents .content04 ul li:last-child .title {
    font-size: 23px;
    font-weight: bold;
    color: #ff718e;
    margin-top: 0;
}
#contents .content04 ul li:last-child .text1 {
    margin: 7px 0;
    font-weight: bold;
}
#contents .content04 ul li:last-child .text1:before {
    content: "■";
    color: #fe718e;
}
#contents .content04 ul li:last-child .text2 {
    line-height: 1.8;
    font-size: 14px;
    width: 83%;
}
#contents .content04 ul .image {
    position: absolute;
}
#contents .content04 ul li:first-child .info {
    position: absolute;
    width: 32.4675%;
    right: 17.532%;
}
#contents .content04 ul .info .title {
    color: #ff718e;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
}
#contents .content04 ul .info .educate {
    margin-top: 2.922%;
    font-size: 18px;
}
#contents .content04 ul .info .name {
    font-size: 26px;
    font-weight: bold;
}
#contents .content04 ul .info .text {
    margin-top: 2.727%;
    line-height: 2;
}

/* content05 */
#contents .content05 {
    background: url(../images/pc/bg_content05.jpg) top center no-repeat;
    position: relative;
    background-size: contain;
}
#contents .content05:before {
    padding-top: 96.8182%;
}
#contents .content05 h3:before {
    padding-top: 9.9351%;
}
#contents .content05 .description:before {
    padding-top: 11.7532%;
}

#contents .content05 .description {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    line-height: 2.3;
}

#contents .content05 .description div {
    padding: 0 17.532%;
}

#contents .content05 .articles {
    display: flex;
    justify-content: space-between;
    width: 64.935%;
    margin: 0 auto;
    background-color: white;
    padding: 4.221% 4.221% 0;
}
#contents .content05 .employment {
    width: 64.935%;
    margin: 0 auto;
    background-color: white;
    padding: 2.221% 4.221% ;
}
#contents .content05 .articles section {
    /*width: 50%;*/
}
#contents .content05 .articles .title,
#contents .content05 .employment .title {
    color: #ff718e;
    font-weight: bold;
}
#contents .content05 .articles .chart {
    display: flex;
}
#contents .content05 .articles ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    padding-right: 80px;
    flex-wrap: wrap;
    height: 150px;
}
#contents .content05 .articles .decision {
    font-size: 10rem;
}
#contents .content05 .articles .decision .decision__unit {
    font-size: 50%;
}

#contents .content05 .articles .chart__item {
    line-height: 1.7;
    position: relative;
    padding-left: 25px;
}

#contents .content05 .articles .chart__color {
    position: absolute;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
}

#contents .content05 .articles .chart__color--1 {
    background-color: #fff234;
}
#contents .content05 .articles .chart__color--2 {
    background-color: #ffa937;
}
#contents .content05 .articles .chart__color--3 {
    background-color: #e74269;
}
#contents .content05 .articles .chart__color--4 {
    background-color: #ff7693;
}
#contents .content05 .articles .chart__color--5 {
    background-color: #50c0e2;
}
#contents .content05 .articles .chart__color--6 {
    background-color: #598bb9;
}
#contents .content05 .articles .chart__color--7 {
    background-color: #6cd062;
}
#contents .content05 .articles .chart__color--8 {
    background-color: #D2A032;
}
#contents .content05 .articles .chart__color--9 {
    background-color: #b3e045;
}

.chart__main {
    width: 150px;
    height: 150px;
}
#contents .content05 .employment ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#contents .content05 .employment ul li {
    display: flex;
    margin: 10px 0;
    align-items: center;
}
#contents .content05 .employment ul li div:first-child {
    width: 100px;
    height: 30px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: white;
    margin-right: 10px;
}

#contents .content05 .employment ul li:nth-child(1) .employment_title {
    background-color: #6cd062;
}
#contents .content05 .employment ul li:nth-child(2) .employment_title {
    background-color: #5a8bb9;
}
#contents .content05 .employment ul li:nth-child(3) .employment_title {
    background-color: #ff7693;
}

#contents .content05 .employment ul li:nth-child(4) .employment_title {
    background-color: #50c0e2;
}
#contents .content05 .employment ul li:nth-child(5) .employment_title {
    background-color: #e74269;
}
#contents .content05 .employment ul li:nth-child(6) .employment_title {
    background-color: #ffa937;
}
#contents .content05 .employment ul li:nth-child(7) .employment_title {
    color: #656565;
    background-color: #fff234;
}
#contents .content05 .employment ul li:nth-child(8) .employment_title {
    background-color: #D2A032;
}
#contents .content05 .employment ul li:nth-child(9) .employment_title {
    background-color: #b3e045;
}
#contents section .icon {
    position: absolute;
    width: 4%;
}
#contents section .banner_icon01 {
    top: -39%;
    left: 17.5%;
}
#contents section .banner_icon02 {
    top: -34%;
    right: 22%;
}
#contents section .content01_icon01 {
    right: 15.56%;
    bottom: 9.92%;
}
#contents section .content01_icon02 {
    right: 5.5%;
    bottom: 19%;
}
#contents section .content01_icon03 {
    top: 53%;
    z-index: 2;
    width: 23.17%;
}
#contents section .content02_icon01 {
    left: 20%;
    top: 20%;
}
#contents section .content02_icon02 {
    right: 8.5%;
    top: 46%;
}
#contents section .content02_icon03 {
    top: 68%;
    left: 6%;
}
#contents section .content02_icon04 {
    top: 78%;
    left: 8%;
}
#contents section .content02_icon05 {
    right: 7%;
    top: 87%;
}
#contents section .content03_icon01 {
    left: 10%;
    margin-top: -4%;
}
#contents section .content03_icon02 {
    width: 4% !important;
    right: 5%;
    top: -1%;
}
#contents section .content03_icon04 {
    width: 19.48% !important;
    right: 0;
    top: 28%;
}
#contents section .content03_icon03 {
    bottom: 8%;
    left: 5%;
}
#contents section .content04_icon01 {
    right: 9%;
    top: 10.5%;
}
#contents section .content04_icon02 {
    right: 11%;
    top: 86%;
}
#contents section .content04_icon03 {
    right: 5.5%;
    bottom: -1%;
}
#contents section .content04_icon04 {
    left: 16%;
    bottom: 9%;
}
#contents section .content04_icon05 {
    width: 17.47%;
    bottom: 5%;
}
#contents section .content05_icon01 {
    left: 7%;
    top: 46.5%;
}
#contents section .content05_icon02 {
    right: 12%;
    bottom: 9.5%;
}

/* footer */
#footer {
    height: 100px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1400px) {
    #contents .content05 {
        background: url(../images/pc/bg_content05_1591.jpg) top center no-repeat;
        position: relative;
        background-size: contain;
    }
    #contents .content05:before {
        padding-top: 103.3117%;
    }
}

@media screen and (max-width: 1300px) {
    #contents .content01 .description {
        padding-top: 3%;
        line-height: 1.7;
        padding-left: 15%;
    }

    #contents .content04 ul li:first-child .info {
        width: 40%;
        right: 10%;
    }

    #contents .content04 ul .info .title,
    #contents .content04 ul .info .text {
        line-height: 1.3;
    }

    #contents .content04 ul li:last-child .info {
        padding: 0.5%;
    }
    #contents .content04 ul li:last-child .image {
        right: 15%;
    }
    #contents .content04 ul li:last-child .title {
        font-size: 20px;
    }
    #contents .content04 ul li:last-child .text2 {
        line-height: 1.5;
    }

    #contents .content05 {
        background: url(../images/pc/bg_content05_1791.jpg) top center no-repeat;
        position: relative;
        background-size: contain;
    }
    #contents .content05:before {
        padding-top: 116.2987%;
    }
}

@media screen and (max-width: 1200px) {
    #contents .content05 {
        background: url(../images/pc/bg_content05_2091.jpg) top center no-repeat;
        position: relative;
        background-size: contain;
    }
    #contents .content05:before {
        padding-top: 135.779%;
    }
}

@media screen and (max-width: 1100px) {
    #contents .content02 .description div {
        padding-left: 18%;
    }
    #contents .content03 .articles ul {
        width: 60%;
    }

    #contents .content03 .description div {
        padding: 0 12.909%;
    }

    #contents .content03 h3,
    #contents .content04 h3,
    #contents .content05 h3 {
        font-size: 42px;
    }

    #contents .content04 ul .info .title {
        font-size: 24px;
    }

    #contents .content04 ul .info .text,
    #contents .content04 ul .info .educate {
        margin-top: 1.5%;
    }

    #contents .content04 ul li:last-child .info {
        margin-left: 20%;
        width: 43%;
    }
    #contents .content04 ul li:last-child .image {
        right: 10%;
    }
    #contents .content04 ul li:last-child .text2 {
        width: 100%;
    }

    #contents .content05 .articles .decision {
        font-size: 7rem;
    }
}