/**************************************************

BASE

****************************************************/

/* title */

.ttl-home-1{
    margin-bottom: 30px;
    line-height: 1;
}

.ttl-home-1 span{
    font-size: 3.8rem;
    font-family: 'Play', sans-serif;
    color:#0060be;
}

.ttl-home-1 small{
    display: block;
    font-size: 1.6rem;
    margin-top: 10px;
}

.ttl-home-2{
    text-align: center;
    color:#0060be;
    font-size: 2.6rem;
    margin-bottom: 30px;
}

.ttl-home-3{
    margin:0 auto 50px;
    width:274px;
    height:237px;
    box-sizing: border-box;
    padding-top:90px;
    text-align: center;
    color:#fff;
    line-height: 1;
    font-weight: bold;
    /* 27ae95 */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22264.4px%22%20height%3D%22229px%22%20viewBox%3D%220%200%20264.4%20229%22%20style%3D%22enable-background%3Anew%200%200%20264.4%20229%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2327ae95%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22198.3%2C0%2066.1%2C0%200%2C114.5%2066.1%2C229%20198.3%2C229%20264.4%2C114.5%20%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.ttl-home-3 span{
    font-size: 3.8rem;
    font-family: 'Play', sans-serif;
}

.ttl-home-3 small{
    font-size: 1.6rem;
    display: block;
    margin-top: 20px;
}


/* slider */

.hero-image{
    overflow: hidden;
    position: relative;
    margin-bottom:80px;
}

#topVisual{
    padding-bottom:30px;
}

#topVisual .container{
	position: relative;
	height:730px;
}

#topVisual .wrap01,
#topVisual .wrap02 {
    overflow: hidden;
}

#topVisual .wrap01{
	background:url(../../images/page/slide_bg_1_add.jpg) no-repeat 50% 50%;
	background-size:contain;
}

#topVisual .wrap01 img{
	position: absolute;
	top:20px;
	left:15px;
}

#topVisual .wrap02{
	background:url(../../images/page/slide_bg_2.jpg) no-repeat 50% 50%;
	background-size:contain;
}

#topVisual .wrap02 img{
	position: absolute;
	top:20px;
    left:15px;
}

body .slick-dots{
    left: 50%;
    max-width: 1200px;
    transform: translateX(-50%);
    bottom:0;
    z-index:10;
}

body .slick-dots li{
    width:15px;
    height:15px;
    margin:0 10px;
}

body .slick-dots li button{
    width:15px;
    height:15px;
    line-height:5px!important;
}

body .slick-dots li button::before{
    opacity: 1;
    line-height:15px!important;
    width:15px;
    height:15px;
    font-size:15px;
    color:#cccccc;
}

body .slick-dots li.slick-active button::before{
    color:#0060be;
}

body .slick-dotted.slick-slider{
    margin-bottom:0;
}


 /*************************************************

CONTENTS

****************************************************/

/* section1 */

.section1 .pure-g{
    margin:0 -20px 75px;
}

.section1 .pure-g [class*=pure-u]{
    padding:0 20px;
}

.section1 a{
    margin-top:40px;
}

.section1 strong{
    font-size: 2.4rem;
    margin-bottom: 20px;
    display: block;
    color:#0060be;
}

/* section2 */

.link-type-1{
    display: block;
    text-decoration: none;
    background: #eb5587;
    color:#fff;
    height: 100%;
}

.unit2 .link-type-1{
    background:#27ae95;
}
.unit3 .link-type-1{
    background:#f29219;
}

.link-type-1 img{
    width: 100%;
    height: auto;
}

.link-type-1 figure{
    position: relative;
}

.link-type-1 figure figcaption{
    position: absolute;
    top:50%;
    left:0;
    right:0;
    transform: translateY(-50%);
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-family: 'Play', sans-serif;
    font-size: 2.6rem;
}

.link-type-1 h3{
    font-size:2.8rem;
    color:#fff; 
    margin-bottom: 15px;
}

.link-type-1 .area-txt{
    box-sizing: border-box;
    padding:20px 40px;
}

/* section3 */

.section3{
    padding:80px 0 60px;
}

.section3 .pure-g{
    margin:0 -22px;
}

.section3 .pure-g [class*=pure-u]{
    padding:0 22px;
}


.link-type-2{
    display: block;
    text-decoration: none;
}

.link-type-2 p{
    font-size: 1.9rem;
	margin-top: 15px;
}

.link-type-2 figure{
    max-width: 368px;
    margin-bottom: 25px;
    position: relative;
    margin: 0 auto;
}

.link-type-2 figure figcaption{
    position: absolute;
    bottom:0;
    right:0;
    width:140px;
    height:123px;
    box-sizing: border-box;
    padding-top:10px;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 1.8rem;
    /* eb5587 */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22264.4px%22%20height%3D%22229px%22%20viewBox%3D%220%200%20264.4%20229%22%20style%3D%22enable-background%3Anew%200%200%20264.4%20229%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23eb5587%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22198.3%2C0%2066.1%2C0%200%2C114.5%2066.1%2C229%20198.3%2C229%20264.4%2C114.5%20%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}


.unit2 .link-type-2 figure figcaption{
    /* 0060be */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22264.4px%22%20height%3D%22229px%22%20viewBox%3D%220%200%20264.4%20229%22%20style%3D%22enable-background%3Anew%200%200%20264.4%20229%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230060be%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22198.3%2C0%2066.1%2C0%200%2C114.5%2066.1%2C229%20198.3%2C229%20264.4%2C114.5%20%22%2F%3E%3C%2Fsvg%3E');
}

/* aside1 */

.link-recruit{
    width: 100%;
    height:350px;
    position: relative;
}

.link-recruit li{
    position: absolute;
    width: 54%;
}

.link-recruit li:first-child{
    top:0;
    left:0;
}

.link-recruit li:last-child{
    top:0;
    right:0;
}

.link-recruit li img{
    width: 100%;
    height: auto;
}

/* aside2 */

.aside2 .pure-g{
    margin:0 -30px 65px;
}

.aside2 .pure-g [class*=pure-u]{
    padding:0 30px;
}

.aside2 li{
    border-bottom:1px solid #cccccc;
    padding:15px;
    box-sizing: border-box;
}

.aside2 li a{
    text-decoration: none;
    font-size: 1.6rem;
}

.aside2 li time{
    font-size: 1.6rem;
    color:#0060be;
    font-weight: bold;
    margin-right: 25px;
}


/* aside3 */

.aside3{
    background: url(../../images/page/img_home_9.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding:70px 0 80px;
}

.aside3 li{
    display: inline-block;
    margin:0 20px;
}

.aside3 li a{
    min-width: 190px;
    box-sizing: border-box;
}



@media screen and (max-width:768px) {
    .link-type-2{
        text-align: center;
    }
    .link-recruit2 a{
        text-decoration: none;
        background: #0060be;
        color: #fff;
        display: block;
        font-weight: bold;
        font-size: 1.8rem;
        max-width: 640px;
        margin: 0 auto;
    }

    .link-recruit2 a strong{
        display: block;
        padding:15px 10px;
        box-sizing: border-box;
    }

    #topVisual .container {
        position: relative;
        height: 300px;
    }

    #topVisual .wrap01 img,#topVisual .wrap02 img {
        position: absolute;
        top: 50%;
        padding: 10px;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 90%;
        background: rgba(255,255,255,0.5);
    }

    .ttl-home-1 span{
        font-size: 3rem;
    }

    .section1 .pure-g .area-txt{
        text-align: center;
    }
    .section1 .pure-g .area-txt strong{
        text-align: left;
        font-size: 2rem;
    }

    .aside3{
        padding:30px 0;
    }

    .aside2 li time{
        display: block;
    }

    .aside3 li{
        display: block;
        margin:10px 0 0 0;
    }

    .aside2{
        padding-top: 30px;
    }

    .link-type-2 p{
        font-size: 1.6rem;
    }

    .ttl-home-2{
        font-size: 2rem;
    }

    .link-type-1 .area-txt{
        padding:15px;
    }

    .link-type-1 figure figcaption,
    .link-type-1 h3{
        font-size: 2.2rem;
    }

    .section1 .pure-g .area-txt p{
        text-align: left;
    }

    .link-recruit{
        height: 200px;
    }

    .ttl-home-3 span{
        font-size: 2.5rem;
    }

}

@media screen and (max-width:400px) {
    #topVisual .container {
        position: relative;
        height: 250px;
    }
}


@media screen and (min-width:769px) and (max-width:1025px){
    .link-recruit{
        height: 250px;
    }
}

.section3 .add .area-txt {
    text-align: center;
}
.add .link-type-2 p {
    font-size: 1.6rem;
    text-wrap: nowrap;
}

.section3 .group1+.group1 {
    margin-top: 40px
}

@media screen and (max-width: 768px){
    #topVisual .wrap01{
        background:url(../../images/page/slide_bg_1_add.jpg) no-repeat 50% 50%;
        background-size:cover;
    }
    
    #topVisual .wrap02{
        background:url(../../images/page/slide_bg_2.jpg) no-repeat 50% 50%;
        background-size:cover;
    }
    
}