#area-bg-section{background:url("../img/area_bg.jpg") no-repeat center bottom; background-size:cover;}


#area-section{padding:100px 0;}
#area-section .area-list{margin-bottom:100px;}
#area-section .area-list h1{font-size:50px; font-weight:800;}
#area-section .area-list .box-area{max-width:1430px; margin:30px 0 30px -15px;}
#area-section .area-list .box-area:after{clear:both; display:block; content:"";}
#area-section .area-list .box-area li{width:33.333%; float:left; padding:0 15px;}
#area-section .area-list.store .box-area li{width:100%; float:left; padding:0 15px;}

#area-section .area-list .box-area li .box{border:1px solid #dedede; text-align:center; border-radius:10px; font-size:22px; font-weight:700; padding:40px 10px; line-height:1.5em; letter-spacing:-0.05em;}
#area-section .area-list.golf .box-area li .box{background:#f7fdfc; color:#006b5b;}
#area-section .area-list.pc .box-area li .box{background:#f7fafc; color:#04285b;}
#area-section .area-list.motel .box-area li .box{background:#fcfaf8; color:#a18669;}
#area-section .area-list.vill .box-area li .box{background:#fbfdff; color:#1e65c9;}
#area-section .area-list.store .box-area li .box{background:#f9ffff; color:#37b3ae;}

#area-section .area-list .bg-area{width:100%; height:460px; border-radius:20px; padding:130px 0 0 60px; position:relative;}
#area-section .area-list .bg-area h2{font-size:52px; font-weight:800; color:#fff;}
#area-section .area-list.golf .bg-area h2{text-shadow:2px 2px 0 rgba(32,110,97,.8);}
#area-section .area-list.pc .bg-area h2{text-shadow:2px 2px 0 rgba(0,30,56,.8);}
#area-section .area-list.motel .bg-area h2{text-shadow:2px 2px 0 rgba(161,134,105,.8);}
#area-section .area-list.vill .bg-area h2{text-shadow:2px 2px 0 rgba(30,101,201,.8);}
#area-section .area-list.store .bg-area h2{text-shadow:2px 2px 0 rgba(55,179,174,.8);}
#area-section .area-list.golf .bg-area{background:url("../img/area_img01.jpg?v5") no-repeat center; background-size:cover;}
#area-section .area-list.pc .bg-area{background:url("../img/area_img02.jpg?v6") no-repeat center; background-size:cover;}
#area-section .area-list.motel .bg-area{background:url("../img/area_img03.jpg?v6") no-repeat center; background-size:cover;}
#area-section .area-list.vill .bg-area{background:url("../img/area_img04.jpg?v6") no-repeat center; background-size:cover;}
#area-section .area-list.store .bg-area{background:url("../img/area_img05.jpg?v6") no-repeat center; background-size:cover;}

#area-section .area-list .bg-area .btn-area{position:absolute; bottom:50px; left:60px;}
#area-section .area-list .bg-area .btn-area ul:after{clear:both; display:block; content:"";}
#area-section .area-list .bg-area .btn-area ul li{float:left; margin-right:10px;}
#area-section .area-list .bg-area .btn-area ul li a{color:#fff; font-size:18px; border-radius:50px; line-height:58px; padding:0 40px; display:inline-block; text-align:center;}
#area-section .area-list .bg-area .btn-area ul li a i{margin-left:20px;}
#area-section .area-list .bg-area .btn-area ul li a:hover{ transition:all .4s}
#area-section .area-list .bg-area .btn-area ul li a:hover i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .2s}

#area-section .area-list.golf .bg-area .btn-area ul li a{background:#006b5b;}
#area-section .area-list.golf .bg-area .btn-area ul li a:hover{background:#053e35;}
#area-section .area-list.pc .bg-area .btn-area ul li a{background:#04285b;}
#area-section .area-list.pc .bg-area .btn-area ul li a:hover{background:#08182e;}
#area-section .area-list.motel .bg-area .btn-area ul li a{background:#a18669;}
#area-section .area-list.motel .bg-area .btn-area ul li a:hover{background:#745d44;}
#area-section .area-list.vill .bg-area .btn-area ul li a{background:#1e65c9;}
#area-section .area-list.vill .bg-area .btn-area ul li a:hover{background:#16488f;}
#area-section .area-list.store .bg-area .btn-area ul li a{background:#37b3ae;}
#area-section .area-list.store .bg-area .btn-area ul li a:hover{background:#1e7b77;}


@media screen and (max-width:1420px){
	#area-section .area-list .box-area{margin:30px 0 30px -10px;}
	#area-section .area-list .box-area li{padding:0 10px;}
	#area-section .area-list.store .box-area li{padding:0 10px;}
}

@media screen and (max-width:1040px){
	#area-section{padding:80px 0;}
	#area-section .area-list{margin-bottom:80px;}
	#area-section .area-list h1{font-size:42px;}

	#area-section .area-list .box-area{margin:20px 0 20px -5px;}
	#area-section .area-list .box-area li{padding:0 5px;}
	#area-section .area-list.store .box-area li{padding:0 5px;}
	#area-section .area-list .box-area li .box{font-size:20px;padding:40px 10px;}
	#area-section .area-list .box-area li .box br{display:none;}

	#area-section .area-list .bg-area{height:360px; border-radius:10px; padding:80px 0 0 60px;}
	#area-section .area-list .bg-area h2{font-size:44px;}
	#area-section .area-list .bg-area .btn-area ul li a{font-size:16px; line-height:50px; padding:0 30px;}
}

@media screen and (max-width:860px){
	#area-section{padding:60px 0;}
	#area-section .area-list{margin-bottom:60px;}
	#area-section .area-list h1{font-size:36px;}
	#area-section .area-list .box-area li{width:100%; padding:5px 0;}
	#area-section .area-list.store .box-area li{width:100%; padding:5px 0;}
	#area-section .area-list .box-area li .box{font-size:18px;padding:20px 10px;}

	#area-section .area-list .bg-area{height:280px; padding:40px 0 0 30px;}
	#area-section .area-list .bg-area h2{font-size:32px;}
	#area-section .area-list .bg-area .btn-area{bottom:30px; left:30px;}
	#area-section .area-list .bg-area .btn-area ul li a{font-size:15px; line-height:44px; padding:0 30px;}
}

@media screen and (max-width:760px){
}

@media screen and (max-width:640px){
	#area-section{padding:50px 0;}
	#area-section .area-list{margin-bottom:50px;}
	#area-section .area-list h1{font-size:32px;}
	#area-section .area-list .box-area li .box{font-size:16px;padding:15px 10px;}

	#area-section .area-list .bg-area{height:220px; padding:40px 0 0 30px;}
	#area-section .area-list .bg-area h2{font-size:26px;}
	#area-section .area-list .bg-area h2 span{display:none;}
	#area-section .area-list .bg-area .btn-area{bottom:20px; left:30px;}
	#area-section .area-list .bg-area .btn-area ul li{float:none; margin:5px 0 0 0;}
	#area-section .area-list .bg-area .btn-area ul li a{font-size:14px; line-height:40px; padding:0 30px;}
}

@media screen and (max-width:480px){
	#area-section{padding:40px 0;}
}


#area-section01{position:relative;overflow:hidden; padding:80px 0;}
#area-section01 .area-swiper{overflow:hidden;height:700px; position:relative;}
#area-section01 .area-swiper .swiper-slide{overflow:hidden;}
#area-section01 .area-swiper .swiper-slide.area01{background:url("../img/area_slide01.jpg") no-repeat center #000; background-size:cover;}
#area-section01 .area-swiper .swiper-slide.area02{background:url("../img/area_slide02.jpg") no-repeat center #000; background-size:cover;}
#area-section01 .area-swiper .swiper-slide.area03{background:url("../img/area_slide03.jpg") no-repeat center #000; background-size:cover;}
#area-section01 .area-swiper .swiper-slide.area04{background:url("../img/area_slide04.jpg") no-repeat center #000; background-size:cover;}

#area-section01 .area-txt{width:680px; right:0; bottom:0; padding:90px 30px 50px 80px; background:rgba(4,40,91,.9); position:absolute;}
#area-section01 .area-txt:after{clear:both; content:""; display:block;}
#area-section01 .area-txt .area-ibox{width:100%; color:#fff; position:relative;}
#area-section01 .area-txt .area-ibox h2{font-family:'Montserrat'; font-size:30px; font-weight:700; position:absolute; top:-60px; left:-50px;}
#area-section01 .area-txt .area-ibox h3{font-size:42px; font-weight:800;}
#area-section01 .area-txt .area-ibox ul{margin:30px 0;}
#area-section01 .area-txt .area-ibox ul li{font-size:16px; position:relative; padding-left:15px; margin:8px 0;}
#area-section01 .area-txt .area-ibox ul li:after{width:3px; height:3px; top:10px; left:0px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}
#area-section01 .area-txt .area-ibox a{display:inline-block; color:#fff; line-height:50px; padding:0 25px; border:2px solid #fff; font-size:16px; margin-right:7px;}
#area-section01 .area-txt .area-ibox a i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); vertical-align:middle; margin-right:5px;}

#area-section01 .area-swiper .area-control{top:-50px; left:0px; z-index:9999; position:absolute;}
#area-section01 .area-swiper .area-control:after{clear:both; display:block; content:"";}
#area-section01 .area-swiper .area-next,
#area-section01 .area-swiper .area-prev{font-size:20px; padding:0 5px; z-index:99; line-height:10px; text-align:center; color:#fff; cursor:pointer; display:inline-block; float:left;}
#area-section01 .area-swiper .area-prev{}
#area-section01 .area-swiper .area-next{border-left:1px solid #fff;}

#area-section01 .area-swiper .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #fff;
    }

#area-section01 .area-swiper .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #fff;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }


#area-section02 .area-section{margin:0 0 150px;}
#area-section02 .area-section:after{clear:both; display:block; content:"";}
#area-section02 .area-section li{width:50%;}
#area-section02 .area-section:nth-child(odd) .img{float:right;}
#area-section02 .area-section:nth-child(odd) .txt{float:left; text-align:right; padding-right:150px;}
#area-section02 .area-section:nth-child(even) .img{float:left;}
#area-section02 .area-section:nth-child(even) .txt{float:right; padding-left:150px;}
#area-section02 .area-section .txt{padding-top:100px;}
#area-section02 .area-section li span.num{font-size:24px; color:#fff; font-weight:800; background:#064092; display:inline-block; width:80px; line-height:80px; text-align:center;}
#area-section02 .area-section li h1{font-size:42px; font-weight:800; margin:60px 0 40px;}
#area-section02 .area-section li h1 span{font-size:30px;}
#area-section02 .area-section li p{font-size:24px; line-height:1.5em;}

@media screen and (max-width:1480px){
}

@media screen and (max-width:1240px){
}

@media screen and (max-width:980px){
}

@media screen and (max-width:760px){
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}

#area-section03{padding:130px 0;}
#area-section03 ul{margin-top:50px;}
#area-section03 ul:after{clear:both; display:block; content:"";}
#area-section03 ul li{width:49%; float:left; padding:10px 0;}
#area-section03 ul li:nth-child(even){float:right;}
#area-section03 ul li .box{border:1px solid #dedede; background:#fff; height:200px; border-radius:20px; padding:20px; position:relative;}
#area-section03 ul li .box:after{clear:both; display:block; content:"";}
#area-section03 ul li .box h1.icon{text-align:center; width:20%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#area-section03 ul li .box p{width:70%; font-size:20px; line-height:1.5em; left:25%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}






.sub-tit h1{font-size:30px; font-weight:800; position:relative; padding-left:0;}
/*.sub-tit h1:after{width:10px; height:10px; top:-10px; left:0px; background:#111; border-radius:50px;  content:""; display:block; position:absolute;}*/
.sub-tit h2{font-size:70px; color:#064092; margin-top:30px;}
.sub-tit h2 strong{font-weight:900;}

@media screen and (max-width:1420px){
	.sub-tit h2{font-size:60px; color:#064092; margin-top:30px;}
}

@media screen and (max-width:1040px){
	.sub-tit h1{font-size:26px;}
	.sub-tit h2{font-size:52px;}
}

@media screen and (max-width:860px){
	.sub-tit h1{font-size:22px;}
	.sub-tit h2{font-size:48px;}
}

@media screen and (max-width:760px){
}

@media screen and (max-width:640px){
	.sub-tit h1{font-size:20px;}
	.sub-tit h2{font-size:40px;}
}

@media screen and (max-width:480px){
	.sub-tit h1{font-size:18px;}
	.sub-tit h2{font-size:32px;}
}

.business-top-section{}
.business-top-section .tit-area h2{font-size:40px; font-weight:700;}
.business-top-section .tit-area h1{color:#064092;}
.business-top-section.business02 .tit-area h1{color:#006B5B;}
.business-top-section.business03 .tit-area h1{color:#A18669;}
.business-top-section .tit-area h3{margin-top:30px;}
.business-top-section .tit-area h3 a{display:inline-block; padding:20px 30px; border-radius:50px; color:#fff; font-weight:700;background:#1e65c9; font-size:20px;}
.business-top-section.business02 .tit-area h3 a{background:#006B5B}
.business-top-section.business03 .tit-area h3 a{background:#A18669}
.business-top-section .tit-area h3 a i{vertical-align:middle; margin-left:10px;}
.business-top-section .tit-area p{margin-top:50px;}
.business-top-section .tit-area p img{max-width:100%; border-radius:20px;}

.business-strength{margin-top:80px;}
.business-strength.business04{padding-bottom:80px;}
.business-strength .strength-area{padding:50px 0 0 20px;}
.business-strength.business02 .sub-tit h2{color:#006B5B;}
.business-strength.business03 .sub-tit h2{color:#A18669;}
.business-strength .strength-area:after{clear:both; display:block; content:"";}
.business-strength .strength-area .img-area{float:left; width:34%;}
.business-strength .strength-area .img-area img{max-width:100%;}
.business-strength .strength-area .txt-area{float:right; width:60%; max-width:900px;}
.business-strength .strength-area .txt-area ul li{margin:30px 0;}
.business-strength .strength-area .txt-area ul li:after{clear:both; display:block; content:"";}
.business-strength .strength-area .txt-area ul li .icon{float:left; display:inline-block; text-align:center; width:80px; line-height:80px; border-radius:50%; background:#f8f8f8;}
.business-strength .strength-area .txt-area ul li .icon img{max-width:100%; width:60%;}
.business-strength .strength-area .txt-area ul li .txt{float:left; margin:15px 0 0 20px;}
.business-strength .strength-area .txt-area ul li .txt h1{font-size:30px; font-weight:800;}
.business-strength .strength-area .txt-area ul li .txt p{font-size:20px; line-height:1.5em; margin-top:20px;}

@media screen and (max-width:1420px){
}

@media screen and (max-width:1040px){
	.business-strength{margin-top:70px;}
	.business-strength .strength-area .txt-area ul li .icon{width:70px; line-height:70px;}
	.business-strength .strength-area .txt-area ul li .icon img{width:50%;}
	.business-strength .strength-area .txt-area ul li .txt h1{font-size:26px;}
	.business-strength .strength-area .txt-area ul li .txt p{font-size:18px; margin-top:20px;}
}

@media screen and (max-width:860px){
	.business-strength{margin-top:60px;}
	.business-strength .strength-area .img-area{width:100%;}
	.business-strength .strength-area .img-area img{max-width:200%;}
	.business-strength .strength-area .txt-area{width:100%; max-width:100%;}
	.business-strength .strength-area .txt-area ul li{margin:20px 0;}
	.business-strength .strength-area .txt-area ul li .icon{width:60px; line-height:60px;}
	.business-strength .strength-area .txt-area ul li .icon img{width:44%;}
	.business-strength .strength-area .txt-area ul li .txt h1{font-size:22px;}
	.business-strength .strength-area .txt-area ul li .txt p{font-size:17px; margin-top:10px;}
}

@media screen and (max-width:640px){
	.business-strength{margin-top:50px;}
	.business-strength .strength-area .txt-area ul li .icon{}
	.business-strength .strength-area .txt-area ul li .icon img{width:44%;}
	.business-strength .strength-area .txt-area ul li .txt{width:100%; clear:both; margin:10px 0 0 0;}
	.business-strength .strength-area .txt-area ul li .txt h1{font-size:20px;}
	.business-strength .strength-area .txt-area ul li .txt p{font-size:16px;}
}

@media screen and (max-width:480px){
	.business-strength{margin-top:40px;}
	.business-strength .strength-area .txt-area ul li .txt h1{font-size:18px;}
	.business-strength .strength-area .txt-area ul li .txt p{font-size:14px;}
}


.business-checklist{padding:100px 0;}
.business-checklist .check-area{margin-top:30px;}
.business-checklist .check-area .box{padding:40px 80px 40px 40px; background:#f8f8f8; border-radius:0 0 35px 0; margin:5px 0;}
.business-checklist .check-area .box:after{clear:both; display:block; content:"";}
.business-checklist .check-area .box h2{float:left; width:180px; text-align:right; line-height:1em; color:#e3e3e3; font-weight:800; font-size:54px; position:relative;}
.business-checklist .check-area .box h2 span{color:#0c5aa9; font-size:36px; position:absolute; left:0; top:-12px;}
.business-checklist.business02 .check-area .box h2 span{color:#006B5B}
.business-checklist.business03 .check-area .box h2 span{color:#A18669}

.business-checklist .check-area .box p{float:left; font-size:30px; color:#202020; font-weight:800; line-height:54px; margin-left:40px;}
.business-checklist .check-area .box h3{float:right; font-size:50px; color:#064092;}
.business-checklist.business02 .check-area .box h3{color:#006B5B}
.business-checklist.business03 .check-area .box h3{color:#A18669}

@media screen and (max-width:1240px){
	.business-checklist .check-area .box h2{font-size:50px;}
	.business-checklist .check-area .box h2 span{font-size:32px;}
	.business-checklist .check-area .box p{font-size:26px;}
}

@media screen and (max-width:1040px){
	.business-checklist{padding:80px 0;}
	.business-checklist .check-area .box h2{font-size:40px; clear:both; width:140px;}
	.business-checklist .check-area .box h2 span{font-size:28px; top:-10px;}
	.business-checklist .check-area .box p{font-size:22px; margin-left:0; clear:both; line-height:1.4em;}
	.business-checklist .check-area .box h3{font-size:42px;}
}

@media screen and (max-width:860px){
	.business-checklist{padding:60px 0;}
	.business-checklist .check-area{margin-top:10px;}
	.business-checklist .check-area .box{padding:30px;}
	.business-checklist .check-area .box h2{font-size:34px; width:120px;}
	.business-checklist .check-area .box h2 span{font-size:22px; top:0;}
	.business-checklist .check-area .box p{font-size:20px;}
	.business-checklist .check-area .box h3{display:none;}
}

@media screen and (max-width:640px){
	.business-checklist{padding:50px 0;}
	.business-checklist .check-area .box{padding:20px;}
	.business-checklist .check-area .box h2{font-size:30px; width:110px;}
	.business-checklist .check-area .box h2 span{font-size:20px;}
	.business-checklist .check-area .box p{font-size:18px;}
}

@media screen and (max-width:480px){
	.business-checklist{padding:40px 0;}
	.business-checklist .check-area .box h2{font-size:24px; width:100px;}
	.business-checklist .check-area .box h2 span{font-size:18px;}
	.business-checklist .check-area .box p{font-size:16px;}
}


.business-differ{padding:0 0 150px;}
.business-differ table{width:100%; margin-top:40px;}
.business-differ table thead tr th{background:#848484; color:#fff; font-size:20px; font-weight:500; padding:25px 0;border-left:1px solid #dedede; text-align:center;}
.business-differ table thead tr th.blue{background:#335aa9;}
.business-differ table thead tr th.none{background:#fff; color:#333; border:1px solid #dedede; border-left:none; font-weight:700;}
.business-differ table tbody tr th{font-weight:500; font-size:20px; background:#fff; border-bottom:1px solid #dedede; text-align:center; line-height:1.5em;}
.business-differ table tbody tr td{font-size:20px; border-left:1px solid #dedede; padding:25px 30px; text-align:left; border-bottom:1px solid #dedede; font-weight:300;}
.business-differ table tbody tr td:last-child{background:#f6f9ff;}
.business-differ table tbody tr td ul.bullet li{background:url(../img/list_bullet.png) no-repeat left 13px; padding-left:10px;}


@media screen and (max-width:1240px){
	.business-differ{padding:0 0 100px;}
}

@media screen and (max-width:1040px){
	.business-differ{padding:0 0 80px;}
	.business-differ table{margin-top:30px;}
	.business-differ table thead tr th{font-size:20px; padding:22px 0;}
	.business-differ table tbody tr th{font-size:20px;}
	.business-differ table tbody tr td{font-size:20px ;padding:22px 25px;}
}

@media screen and (max-width:860px){
	.business-differ{padding:0 0 60px;}
	.business-differ table{margin-top:20px;}
	.business-differ table thead tr th{font-size:18px; padding:20px 0;}
	.business-differ table tbody tr th{font-size:18px;}
	.business-differ table tbody tr td{font-size:18px ;padding:20px 25px;}
}

@media screen and (max-width:640px){
	.business-differ{padding:0 0 50px;}
	.business-differ table{margin-top:15px;}
	.business-differ table thead tr th{font-size:16px; padding:15px 0;}
	.business-differ table tbody tr th{font-size:16px;}
	.business-differ table tbody tr td{font-size:16px ;padding:15px 20px;}
}

@media screen and (max-width:480px){
	.business-differ{padding:0 0 40px;}
	.business-differ table thead tr th{font-size:14px; padding:12px 0;}
	.business-differ table tbody tr th{font-size:14px;}
	.business-differ table tbody tr td{font-size:14px ;padding:12px 15px;}
}