.contents {
    position: relative;
    width: 108rem;
    margin: 0 auto;
}

div[class*="section"] > div::after {
    clear: both;
    content: '';
    display: block;
}

.section-01 {
    margin-top: 4rem;
    margin-bottom: 7.5rem;
}

.section-01 > div {
    height: 41.3rem;
}

.section-01 > div .left {
    width: 64rem;
    margin-right: 2rem;
}

.section-01 > div .right {
    width: 42rem;
}

.banner-slide::after,
.popup-slide::after {
    display: block;
    content: '';
    clear: both;
}

.swiper-container.popup-slide {
    width: 64rem;
    height: 41.3rem;
}

.popup-slide .swiper-slide {
    width: 64rem;
    height: 41.3rem;
}

.popup-slide .swiper-slide a {
    display: block;
}

.popup-slide .swiper-slide a > img {
    width: 64rem;
    /*height: 41.3rem;*/
}

.popup-slide .swiper-button-next,
.popup-slide .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 4.4rem;
    margin-top: -2.2rem;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.popup-slide:hover .swiper-button-next,
.popup-slide:hover .swiper-button-prev {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.popup-slide .swiper-button-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/left.png") center center no-repeat;

}

.popup-slide .swiper-button-next::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/right.png") center center no-repeat;

}

.popup-slide .swiper-button-prev {
    left: 0;
    background: rgba(46, 46, 46, 0.176);
}

.popup-slide .swiper-button-next {
    right: 0;
    background: rgba(46, 46, 46, 0.176);
}

.popup-slide .swiper-button-next:hover,
.popup-slide .swiper-button-prev:hover {
    background: rgba(46, 46, 46, 0.835);
}

.popup-slide .swiper-pagination-progressbar {
    background: #fff;
    position: absolute;
}

.popup-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f9cf00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.popup-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.popup-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f9cf00;
}

.popup-slide.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .8rem;
}

.banner-ad-wrap {
    width: 42rem;
    height: 41.3rem;
}

.swiper-container.banner-slide {
    padding-top: 5.6rem;
    width: 42rem;
    margin-bottom: 1.9rem;
    height: 24.8rem;
}

.banner-slide .swiper-slide,
.banner-slide .swiper-slide a,
.banner-slide .swiper-slide a > img {
    width: 42rem;
    height: 12.2rem;
}

.banner-slide.swiper-container-horizontal > .swiper-pagination-bullets,
.banner-slide.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: 0;
    right: 3.7rem;
    height: 5rem;
    text-align: right;
    width: auto;
}

.banner-slide.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 2.1rem .65rem;
}

.banner-slide .swiper-pagenation-container{
    position: absolute;
    top: 0;
    width: 50%;
    right: 0;
    height:44px;

}

.banner-slide .swiper-pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.banner-slide .swiper-pagination-bullet {
    width: .8rem;
    /*height: .8rem;*/
    height:4px;
    display: inline-block;
    /*border-radius: 100%;*/
    border-radius: 0;
    background: #eee;
    opacity: 1;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    /*margin-left: 7px;*/
}

.banner-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f9cf00;
}

.banner-slide .swiper-button-next,
.banner-slide .swiper-button-prev {
    z-index: 20;
    cursor: pointer;
    position: absolute;

}

.banner-slide .swiper-pagination {
    width:100%;
    position:absolute;
    padding: 0 38px;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}

.banner-slide .swiper-button-prev {
    /*left: auto;*/
    /*right: 15.2rem;*/
    background: url("/img/v2/s-left.png") center center no-repeat;
}

.banner-slide .swiper-button-next {
    /*left: auto;*/
    /*right: 1.6rem;*/
    background: url("/img/v2/s-right.png") center center no-repeat;
}

.bar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: #ffffff;
}

.bar-bg span {
    position: relative;
    display: inline-block;
    z-index: 20;
    color: #656565;
    font-size: 1.6rem;
    line-height: 5rem;
    padding-left: 1.6rem;
}

.ad {
    width: 42rem;
    height: 9rem;
}

.ad a {
    display: block;
}

.ad a img {
    width: 100%;
    height: 100%;
}

.section-02 {
    margin-bottom: 3.5rem;
}

.section-h2 {
    color: #333333;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.section-02 > p {
    color: #656565;
    text-align: center;
    font-size: 1.3rem;
}

.comp-list {
    margin-top: 2.5rem;
    padding: 0;
    text-align:center;
}

.comp-list::after {
    display: block;
    content: '';
    clear: both;
}

.comp-list li {
    /* width: 36rem;
    float: left; */
    display:inline-block;
    text-align: left;
}

.comp-list li:nth-child(n+2) {
    margin-left:10px
}

.comp-list li > div {
    margin: 0 auto;
    width: 34.2rem;
}

.comp-list li > div > img {
    display: block;
    border: none;
    outline: none;
    width: 34.2rem;
    height: 22.5rem;
}

.comp-list .comp-article {
    background: #fff;
    padding: 2rem 2rem 2rem 0;
    line-height: 1.6;
}

.comp-list li .comp-article {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.comp-list li:hover .comp-article {
    transform: translateY(-5rem);
}

.comp-article > span {
    transform: translateY(5rem);
    position: relative;
    display: inline-block;
    margin: 2rem auto 0;
    text-align: center;
}

.comp-list li .comp-article > span {
    visibility: hidden;
    opacity: 0;
    transition-delay: .1s;
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
}

.comp-list li:hover .comp-article > span {
    visibility: visible;
    opacity: 1;
    transform: translateY(0rem);
}

.comp-article > span a:hover {
    background: #2e2e2e;
}

.comp-article > span a {
    background: #f9cf00;
    padding: 1rem 2rem 1rem 3.4rem;
    border-radius: .2rem;
    display: block;
    color: #fff;
    font-size: 1.2rem;
    transition: .2s linear;
    -ms-transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    vertical-align: middle;
}

.comp-article > span a::before {
    content: '';
    position: absolute;
    left: 1.4rem;
    background: url('/img/v2/link.png') center center no-repeat;
    width: 1.6rem;
    height: 1.6rem;
}

.comp-article strong {
    color: #333;
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 1.3rem;
    padding-left: 1.3rem;
    margin-bottom: 1rem;
}

.comp-article strong::before {
    content: '';
    position: absolute;
    left: 0;
    top: .1rem;
    width: .3rem;
    height: 1.4rem;
    background: #f9cf00
}

.comp-article p {
    color: #656565;
    font-size: 1.2rem;
}

.section-03 {
    margin-bottom: 7.5rem;
}

.section-03 div > div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 54rem;
}

.section-03 div > div.notice {
    padding: 0 2rem 0 0;
}

.section-03 div > div.newsle {
    padding: 0 0 0 2rem;
}

.section-03 div h3 {
    font-size: 2.2em;
    font-weight: 700;
    color: #333;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1.2rem 1.2rem;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 2rem;
}

.section-03 div h3 > span {
    display: inline-block;
    background: #f6f6f6;
    vertical-align: middle;
    margin: -.1rem 0 0 2rem;
    padding: 0;
    width: 2.9rem;
    height: 2.9rem;
}

.section-03 div h3 > span > a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/img/v2/more.png') center center no-repeat;
}

.more-btn a {
    transition: .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.more-btn:hover a {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

.section-03 div > div ul {
    padding: 0 1rem;
    margin: 0;
}

.section-03 div > div ul li {
    font-size: 1.5rem;
    padding: 1.3rem 0;
    list-style: none;
}

.section-03 div > div ul li::before {
    content: "•";
    color: #656565;
    padding-right: .6rem;
}

.section-03 div > div ul li a {
    color: #656565;
}

.newsle::after {
    display: block;
    clear: both;
    content: '';
}

.newsle figure {
    float: left;
    overflow: hidden;
    width: 17rem;
    height: 17rem;
    margin-left: 2rem;
    margin-right: 1.7rem;
}

.newsle figure img {
    width: 100%;
    height: 100%;
    transition: .6s linear;
    -ms-transition: .6s linear;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
}

.newsle figure:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.section-03 div > div ul.newsle-list {
    float: left;
}

.section-03 div > div ul a:hover {
    text-decoration: underline;
}

.section-04 {
    margin-bottom: 7.5rem;
    margin-top: 9rem !important;
}

.cs-wrap {
    padding: 0;
    margin: 0;
}

.cs-wrap::after {
    display: block;
    content: '';
    position: absolute;
}

.cs-wrap li {
    float: left;
    width: 25%;
}

.cs-wrap li div {
    position: relative;
    width: 21rem;
    margin: 0 auto;
}

.cs-wrap li div span {
    position: relative;
    background: #fff;
    display: block;
    margin: 0 auto;
    width: 7.9rem;
    height: 7.9rem;
    z-index: 1;
}

.cs-wrap li div span::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 5;
}

.cs-wrap li div span.cs1::before {
    background-image: url('/img/v2/c1.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.cs-wrap li div span.cs2::before {
    background-image: url('/img/v2/c2.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.cs-wrap li div span.cs3::before {
    background-image: url('/img/v2/c3.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.cs-wrap li div span.cs4::before {
    background-image: url('/img/v2/c4.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.cs-wrap li:hover div span.cs1::before {
    background-image: url('/img/v2/c1on.png');
}

.cs-wrap li:hover div span.cs2::before {
    background-image: url('/img/v2/c2on.png');
}

.cs-wrap li:hover div span.cs3::before {
    background-image: url('/img/v2/c3on.png');
}

.cs-wrap li:hover div span.cs4::before {
    background-image: url('/img/v2/c4on.png');
}

.cs-wrap li div > div {
    position: relative;
    text-align: center;
    border-radius: 100%;
    margin-top: -3rem;
    width: 20.5rem;
    height: 20.5rem;
    box-shadow: 0 0 .3rem #d9d9d9;
}

.cs-wrap li div > div > span {
    margin: 5rem 0 2rem;
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background: #f9cf00;
}

.cs-wrap li div > div > p {
    color: #656565;
    font-size: 1.4rem;
    line-height: 1.6;
}

.cs-wrap li div > div > p > em {
    line-height: 1;
    color: #f9cf00;
    font-weight: 700;
    font-size: 2.8rem;
}

.cs-wrap li div > div > h4 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 4rem;
    font-size: 1.6rem;
}

.cs-wrap li div > div > h4 > a {
    color: #333;
    display: block;
}

.cs-wrap li div,
.cs-wrap li > div,
.cs-wrap li div > div > span,
.cs-wrap li div > div > h4 {
    transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
}

.cs-wrap li:hover > div {
    transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -webkit-transform: translateY(-2rem);
}

.cs-wrap li:hover > div > div {
    box-shadow: 0 .5rem .5rem #f1f1f1;
}

.cs-wrap li:hover div > div > span {
    width: 7rem;
}

.cs-wrap li:hover div > div > h4 > a {
    color: #f9cf00;
    text-decoration: underline;
}

.section-05 {
    margin-bottom: 15rem;
    margin-top:9rem !important;
}

.sns-wrap {
    margin: 3rem auto 4.4rem;
}

.sns-wrap ul {
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.sns-wrap ul::after {
    display: none;
    clear: both;
    content: '';
}

.sns-wrap ul li {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    margin: 0 1rem;
}

.sns-wrap ul li > a {
    display: block;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition-delay: 0.1s;
}

.sns-wrap ul li > a > div {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;

    transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
}

.sns-wrap ul li > a > div.sns1 {
    background-image: url('/img/v2/sns1.png');
}

.sns-wrap ul li > a > div.sns2 {
    background-image: url('/img/v2/sns2.png');
}

.sns-wrap ul li > a > div.sns3 {
    background-image: url('/img/v2/sns3.png');
}

.sns-wrap ul li > a > div.sns4 {
    background-image: url('/img/v2/sns4.png');
}

.sns-wrap ul li > a > div.sns5 {
    background-image: url('/img/v2/sns5.png');
}

.sns-wrap ul li:hover > a {
    background: #f9cf00;
}

.sns-wrap ul li:hover > a > div.sns1 {
    background-image: url('/img/v2/sns1on.png');
}

.sns-wrap ul li:hover > a > div.sns2 {
    background-image: url('/img/v2/sns2on.png');
}

.sns-wrap ul li:hover > a > div.sns3 {
    background-image: url('/img/v2/sns3on.png');
}

.sns-wrap ul li:hover > a > div.sns4 {
    background-image: url('/img/v2/sns4on.png');
}

.sns-wrap ul li:hover > a > div.sns5 {
    background-image: url('/img/v2/sns5on.png');
}

.insta-widget {
    margin-top: 5rem;
}