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

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }


/* PC */
@media screen and (min-width: 769px) {
	.sponly { display: none !important;}
	.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.over { overflow: hidden; width: 100%;}
#under_head { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 400px;font-family: 'Noto Sans JP', sans-serif;}
	p.pankuzu { color: #fff; font-size: 14px; position: absolute; left: 0; top: 20px; width: 100%;}
	p.pankuzu span { display: block; max-width: 980px; width: 100%; margin: 0 auto; text-align: right;}
	p.pankuzu a { color: #fff;}
#under_head .under_head-inner { max-width: 1024px; width: 100%; margin: 0 auto;}
#under_head .under_head-inner h1 { color: #fff; font-size: 42px; font-weight: 500; letter-spacing: 0.3em; position: relative; top: 210px; z-index: 2;}
#under_head .under_head-img { position: absolute; width: 1000px; left: 50%; top: 65px;}
#under_head .under_head-img img { position: relative; left: -360px;}
#under_head.shikaku { background-image: url("/entrance/img/shikaku_mv_bg.png") !important;}
#under_head.for { background-image: url("/entrance/img/mv_bg.png") !important;}

.under_body { padding-top: 100px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.under_body-container { max-width: 1024px; margin: 0 auto; width: 96%;}
.under_body h2.under-title { font-weight: bold; font-size: 50px; color: #009f4b;font-family: Helvetica, "sans-serif"; position: relative; z-index: 2; margin-bottom: 18px;}
.under_body h2.under-title .under-title-txt { position: relative; z-index: 2;}
.under_body h2.under-title .under-slach { position: absolute; top: 30px; left: -50px; z-index: 1;}
.under_body h2.under-title .under-slach img {}
.under_body h3.under-title { display: inline-block; color: #fff; letter-spacing: 0.35em; background: #009f4b; padding: 3px 0.5em 3px 0.85em; position: relative; z-index: 2; margin-bottom: 30px;}
.under_body h4.under-title { font-size: 20px; letter-spacing: 0.1em; color: #009f4b; padding-left: 74px; margin-bottom: 50px;}

.shikaku_box { margin-bottom: 70px;}
.shikaku_box:last-child { margin-bottom: 0;}
.shikaku_box .shikaku_box-title { font-size: 34px; color: #444444; letter-spacing: 0.05em; font-weight: 700; margin-left: 220px; margin-bottom: 20px;}
.shikaku_box .shikaku_box-title span { font-size: 16px; margin-left: 15px; font-weight: 500;}
.shikaku_box .shikaku_box-cont { background: #fff; box-sizing: border-box; padding: 30px 30px 30px 160px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: 6px 6px 16px 16px rgba(15,164,88,0.2); position: relative; margin-left: 65px;}
.shikaku_box .shikaku_box-txt { font-size: 18px; line-height: 32px;}
.shikaku_box .shikaku_box-img { position: absolute; top: -90px; left: -80px;}
.shikaku_box .shikaku_box-img img {}

.shikaku_contact { text-align: center; padding: 90px 0 70px;}
.shikaku_contact .sec02_btn { width: 760px; margin: 0 auto; position: relative;}
.shikaku_contact .sec02_link { position: absolute; z-index: 2; left: 240px; bottom: 24px;}
	
	
	.for-news { background: #fff; box-sizing: border-box; padding: 25px 20px 25px 60px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: 6px 6px 16px 16px rgba(15,164,88,0.2); position: relative; margin-bottom: 88px;}
	.for-news .for-news-title { text-align: left; width: 100px;}
	.for-news p.for-news-txt {  writing-mode: vertical-rl; font-size: 15px; letter-spacing: 0.15em; padding-top: 10px;}
	.for-news .for-news-cont { width: 100%; border-left: solid 1px #c9ddd3; box-sizing: border-box; padding: 10px 0 10px 28px; text-align: left; height: 170px; overflow-y: scroll;}
	/*スクロールバーの横幅指定*/
.for-news-cont.deco::-webkit-scrollbar {
    width: 10px;
}
/*スクロールバーの背景色?角丸指定*/
.for-news-cont.deco::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #c9ddd3;
}
/*スクロールバーの色?角丸指定*/
.for-news-cont.deco::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#009f4b;
}
	.for-news .for-news-cont dl { margin-bottom: 20px; font-weight: 700;}
	.for-news .for-news-cont dl:last-child { margin-bottom: 0;}
	.for-news .for-news-cont dt { font-size: 16px; color: #009f4b; letter-spacing: 0.07em; width: 120px; font-family: 'Ropa Sans', sans-serif;}
	.for-news .for-news-cont dd { font-size: 14px; line-height: 20px; width: 100%; padding-right: 20px; box-sizing: border-box; padding-left: 10px;}
	.for-news .for-news-cont dd a { color: #2a706b;}
	.for-news .for-news-btn { position: absolute; right: 60px; bottom: -28px;}
	.for-news .for-news-btn a {}
	
	.for-sec02 { position: relative;background: #d6e2e6;}
	.for-sec02-inner { width: 100%; margin: 0 auto; max-width: 1064px; text-align: right; position: relative; padding: 38px 0; }
	.for-sec02-inner .for-sec02-img { width: 44%; position: absolute; top: -10px; left: 0;}
	.for-sec02-inner .for-sec02-img img { width: 100%; height: auto; }
	.for-sec02-inner .for-sec02-btn { width: 100%; display: inline-block;}
	.for-sec02-inner .for-sec02-btn img { width: 52%; height: auto;}
	
	.for-sec03 { padding: 85px 0 60px;}
	.for-sec03 .for-sec03-boxes { max-width: 878px; margin: 0 auto; width: 96%;}
	.for-sec03 .for-sec03-boxes .for-sec03-box { background: #fff; width: 49%; margin-right: 2%; float: left; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-sizing: border-box; border: solid 2px #c8db2d; margin-bottom: 20px; padding: 50px 0 20px; color: #444444;}
	.for-sec03 .for-sec03-boxes .for-sec03-box2 { padding-top: 32px;}
	.for-sec03 .for-sec03-boxes .for-sec03-box:nth-child(2n) { margin-right: 0;}
	.for-sec03 .for-sec03-boxes h5.for-sec03-title { font-size: 22px; font-weight: 700; margin-bottom: 10px; letter-spacing: 0.05em;}
	.for-sec03 .for-sec03-boxes p.for-sec03-txt { font-size: 13px; line-height: 1.4em; letter-spacing: 0.05em; margin-bottom: 25px;}
	.for-sec03 .for-sec03-boxes .for-sec03-more { padding-top: 12px; border-top: solid 1px #d3d3d3; width: 84%; margin: 0 auto;}
	.for-sec03 .for-sec03-boxes .for-sec03-more {}
	.for-sec03 .for-sec03-link { text-align: center; padding-top: 20px;}
	.for-sec03 .for-sec03-link img {}
	
	.for-sec04-box { background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding: 60px 50px; text-align: center;}
	.for-sec04-box .for-sec04-boxin { border: solid 3px #2e3b29; border-top: none; color: #2e3b29; padding-bottom: 75px; position: relative;}
	.for-sec04-box p.for-sec04-num { position: relative; overflow: hidden; top: -20px;}
	.for-sec04-box p.for-sec04-num .leftline { background: #2e3b29; height: 3px; width: 50%; display: block; position: absolute; left: -50px; top: 20px; box-sizing: border-box;}
	.for-sec04-box p.for-sec04-num .rightline { background: #2e3b29; height: 3px; width: 50%; display: block; position: absolute; right: -50px; top: 20px; box-sizing: border-box;}
	.for-sec04-box p.for-sec04-num img {}
	.for-sec04-box p.for-sec04-txt { font-size: 16px; letter-spacing: 0.08em;  position: relative; top: -15px;}
	.for-sec04-box p.engtitle { font-size: 30px; letter-spacing: 0.08em;  position: relative; font-weight: 700; display: inline-block; border-bottom: solid 5px #2e3b29; padding-bottom: 8px; margin-bottom: 25px;}
	.for-sec04-box p.for-sec04-txt2 { font-size: 16px; letter-spacing: 0.08em;  position: relative; line-height: 28px;}
	.for-sec04-box .for-sec04-btn { position: absolute; bottom: -25px; left: 0; width: 100%;}
	.for-sec04-box .for-sec04-btn a {}
	.for-sec04-box.box01 { background-image: url("/entrance/img/sec01_1_bg.png");}
	.for-sec04-box.box02 { background-image: url("/entrance/img/sec01_2_bg.png"); width: 50%;}
	.for-sec04-box.box03 { background-image: url("/entrance/img/sec01_3_bg.png"); width: 50%;}
	.for-sec04-box.box04 { background-image: url("/entrance/img/sec01_4_bg.png"); width: 50%;}
	.for-sec04-box.box05 { background-image: url("/entrance/img/sec01_5_bg.png"); width: 50%;}
	.for-sec04-box.box01 p.for-sec04-txt2 { font-size: 23px; letter-spacing: 0.08em;  position: relative; line-height: 36px;}
	
	.for-sec04-box3 { width: 100%; max-width: 1060px; margin: 0 auto;}
	.for-sec04-box3 .for-sec04-box { width: 32%; padding: 70px 0 0;}
	.for-sec04-box3 .for-sec04-box .engtitle { font-size: 20px; border: none; line-height: 1.2em; height: 2em;}
	.for-sec04-box3 p.for-sec04-txt { font-size: 14px; letter-spacing: 0.08em;  position: relative; top: -15px;}
	.for-sec04-box3 .for-sec04-box .engtitle {}
	.for-sec04-box3 .for-sec04-boxin { padding-bottom: 8px;}
	.for-sec04-box3 .for-sec04-btn { position: absolute; bottom: -16px; left: 0; width: 100%;}
	.for-sec04-box3 p.for-sec04-num .leftline { background: #2e3b29; height: 3px; width: 50%; display: block; position: absolute; left: -45px; top: 20px; box-sizing: border-box;}
	.for-sec04-box3 p.for-sec04-num .rightline { background: #2e3b29; height: 3px; width: 50%; display: block; position: absolute; right: -45px; top: 20px; box-sizing: border-box;}
	
	.for-sec05 { padding: 120px 0 60px;}
	.for-sec05 .for-sec05-boxes { text-align: center; width: 100%; max-width: 960px; margin: 0 auto; font-size: 0;}
	.for-sec05 .for-sec05-box { width: 33%; display: inline-block; vertical-align: top; color: #444444; margin-bottom: 20px;}
	.for-sec05 .for-sec05-title { font-weight: 700; font-size: 24px; margin-bottom: 3px;}
	.for-sec05 p.for-sec05-txt { font-size: 15px; margin-bottom: 10px; line-height: 1.4em;}
	
	.for-sec06 {}
	.for-sec06 .for-sec06-lists { background: url("/entrance/img/pam_bg.png") no-repeat center; background-size: cover; margin-top: 90px;}
	.for-sec06 .for-sec06-lists .for-sec06-list { width: 100%; max-width: 1120px; margin: 0 auto; position: relative; top: -40px;}
	.for-sec06 .for-sec06-lists .for-sec06-list {}
	.for-sec06 .for-sec06-lists dl { width: 15%; text-align: center;}
	.for-sec06 .for-sec06-lists dt { text-align: center; width: 90%; margin: 0 auto 15px;}
	.for-sec06 .for-sec06-lists dt img { width: 100%; display: block; height: auto;}
	.for-sec06 .for-sec06-lists dd { background: url("/entrance/img/pam_btn.png") no-repeat center; background-size: contain; width: 100%; padding: 10px 0 10px 15px; text-align: left; box-sizing: border-box;}
	.for-sec06 a { color: #fff; font-size: 14px;}
	
	.for-sec07 { padding: 80px 0 100px;}
	.for-sec07 .for-sec07-boxes { width: 100%; margin: 0 auto; max-width: 1000px;}
	.for-sec07 .for-sec07-box { width: 48%; text-align: center;}
	.for-sec07 .for-sec07-box img { width: 100%; height: auto; display: block; margin-bottom: 5px;}
	.for-sec07 .for-sec07-box .for-sec07-txt { color: #009f4b; font-size: 20px; letter-spacing: 0.1em;}
	
	.for-sec08-inner { max-width: 1120px; margin: 0 auto; width: 100%;}
	.for-sec08-inner .for-sec08-map { width: 45.3%;}
	.for-sec08-inner .for-sec08-map .img { margin-bottom: 20px;}
	.for-sec08-inner .for-sec08-map .img img { width: 100%; height: auto; display: block;}
	.for-sec08-inner .for-sec08-images { width: 50%; box-sizing: border-box; position: relative;}
	.for-sec08-box { padding-top: 50px; padding-left: 50px;}
	.for-sec08-inner .for-sec08-images ul {}
	.for-sec08-inner .for-sec08-images ul.clearfix li { float: left; width: 33.33%; margin-bottom: 15px; position: relative; height: 110px; z-index: 100;}
	.for-sec08-inner .for-sec08-images ul.clearfix li:nth-child(3n) { margin-right: 0;}
	.for-sec08-inner .for-sec08-images ul.clearfix li img { position: absolute; left: 0; top: 0; width: 100%; transition: 0.3s; transform: rotateZ( 0deg ); width: 90%;}
	.for-sec08-inner .for-sec08-images ul.clearfix li img:hover { transition: 0.3s; left: -30px; top: -20px; transform: rotateZ( -10deg ); width: 110%; cursor: pointer;}
	
	.for-sec09 { text-align: center; padding: 90px 0 70px;}
.for-sec09 .for-sec09-btn { width: 760px; margin: 0 auto; position: relative;}
.for-sec09 .for-sec09-link { position: absolute; z-index: 2; left: 240px; bottom: 24px;}
	
	
	.slide-dots { text-align: center;}
	.slide-dots li { list-style:none; display: none; padding-left: 40px;}
	.slide-dots li.slick-active { list-style:none; display: inline-block; padding-right: 50px;}
.slide-dots li button { border: none; background: none; display: inline-block; font-size: 21px; color: #444444; height: 20px; padding: 0; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}

	.num-slash { font-size: 17px; color: #444444; position: absolute; bottom: 69px; left: 290px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 500;}
	
	.prev-arrow { position: absolute; bottom: -5px; right: 62.5%;}
.next-arrow { position: absolute; bottom: -5px; left: 68%;}
	
	#cboxPrevious { background: url("/entrance/img/gal_icon_04.png") no-repeat center !important; background-size: contain; display: block; position: absolute; top: 45%; left: 0; padding:5px 0 20px;}
	#cboxNext { background: url("/entrance/img/gal_icon_03.png") no-repeat center !important; background-size: contain; display: block; position: absolute; top: 45%; right: 0; padding:5px 0 20px;}

}

/* SP */
@media screen and (max-width: 768px) {
	.spwrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	.pconly { display: none !important;}
	#cboxPrevious { background: url("/entrance/img/gal_icon_04.png") no-repeat center !important; background-size: contain; display: block; position: absolute; top: 45%; left: 0; padding:5px 0 20px;}
	#cboxNext { background: url("/entrance/img/gal_icon_03.png") no-repeat center !important; background-size: contain; display: block; position: absolute; top: 45%; right: 0; padding:5px 0 20px;}
.over { overflow: hidden; width: 100%;}
#under_head { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; font-family: 'Noto Sans JP', sans-serif; height: 56vw;}
#under_head .under_head-inner { max-width: 1024px; width: 100%; margin: 0 auto;}
#under_head .under_head-inner h1 { color: #fff; font-size: 6.3vw; font-weight: 400; letter-spacing: 0.3em; position: relative; top: 24vw; z-index: 2; left: 7vw;}
#under_head .under_head-img { position: absolute; left: 16.5vw; bottom: -10vw;}
#under_head .under_head-img img { width: 100%; height: auto; display: block;}
#under_head.shikaku .under_head-img img { width: 110%; height: auto; display: block;}
#under_head.shikaku { background-image: url("/entrance/img/shikaku_mv_bg.png") !important; background-position: center;}
#under_head.for { background-image: url("/entrance/img/mv_bg.png") !important;}

.under_body { padding-top: 15vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.shikaku_body { padding-top: 17.5vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.under_body-container { max-width: 1024px; margin: 0 auto; width: 85%;}
.under_body-container.for-sec01 { max-width: 1024px; margin: 0 auto; width: 92%;}
.under_body h2.under-title { font-weight: bold; font-size: 50px; color: #009f4b;font-family: Helvetica, "sans-serif"; position: relative; z-index: 2; margin-bottom: 2.8vw;}
.under_body h2.under-title .under-title-txt { position: relative; z-index: 2;}
	.under_body h2.under-title .under-title-txt img { height: 4.8vw; display: block;}
.under_body h2.under-title .under-slach { position: absolute; top: 3.6vw; left: -5.6vw; z-index: 1; width: 20vw;}
.under_body h2.under-title .under-slach img {}
.under_body h3.under-title { display: inline-block; color: #fff; letter-spacing: 0.35em; background: #009f4b; padding: 0.005em 0.05em 0.005em 0.305em; position: relative; z-index: 2; margin-bottom: 2.8vw; font-size: 3vw;}
.under_body h4.under-title { font-size: 3.3vw; letter-spacing: 0.05em; color: #009f4b; padding-left: 10vw; margin-bottom: 10vw; font-weight: 300;}

.shikaku_box { margin-bottom: 14vw;}
.shikaku_box:last-child { margin-bottom: 0;}
.shikaku_box .shikaku_box-title { font-size: 5.7vw; color: #444444; letter-spacing: 0.05em; font-weight: 500; margin-bottom: 5vw; text-align: left; margin-left: 28.2vw;}
.shikaku_box .shikaku_box-title span { font-size: 3.4vw; font-weight: 400; display: block;}
.shikaku_box .shikaku_box-cont { background: #fff; box-sizing: border-box; padding: 7vw 7.8vw; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; box-shadow: 1px 2px 4px 4px rgba(15,164,88,0.1); position: relative; width: 100%; right: -3vw;}
.shikaku_box .shikaku_box-txt { font-size: 3.7vw; line-height: 1.6em; font-weight: 300; text-align: justify; letter-spacing: -0.01em;}
.shikaku_box .shikaku_box-img { text-align: center; position: absolute; left: -8vw; width: 30vw; top: -26vw;}
.shikaku_box .shikaku_box-img img {}

.shikaku_contact { text-align: center; padding: 10vw 0 0;}
.shikaku_contact .sec02_btn { width: 88%; margin: 0 auto; position: relative;}
	
	
	.for-news { background: #fff; box-sizing: border-box; padding: 5vw 4vw 10vw; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: 1px 1px 3px 4px rgba(15,164,88,0.2); position: relative; margin-bottom: 18vw;}
	.for-news .for-news-title { text-align: center; writing-mode: vertical-rl; width: 13%; }
	.for-news p.for-news-txt { font-size: 3.7vw; letter-spacing: 0.15em; padding-right: 3.2vw;}
	.for-news .for-news-cont { width: 100%; border-left: solid 1px #c9ddd3; box-sizing: border-box; padding: 0 0 0 4vw ; text-align: left; height: 57.3vw; overflow-y: scroll;}
	/*スクロールバーの横幅指定*/
.for-news-cont.deco::-webkit-scrollbar {
    width: 1vw;
}
/*スクロールバーの背景色?角丸指定*/
.for-news-cont.deco::-webkit-scrollbar-track {
  border-radius: 100px;
	background: #c9ddd3;
}
/*スクロールバーの色?角丸指定*/
.for-news-cont.deco::-webkit-scrollbar-thumb {
  border-radius: 100px;
	background:#009f4b;
}
	.for-news .for-news-cont dl { margin-bottom: 2vw;}
	.for-news .for-news-cont dl:last-child { margin-bottom: 0;}
	.for-news .for-news-cont dt { font-size: 3.2vw; color: #009f4b; letter-spacing: 0.07em; font-family: 'Ropa Sans', sans-serif;}
	.for-news .for-news-cont dd { font-size: 3.2vw; line-height: 1.6em; width: 100%; padding-right: 20px; box-sizing: border-box; letter-spacing: 0.05em; font-weight: 500;}
	.for-news .for-news-cont dd a { color: #2a706b;}
	.for-news .for-news-btn { text-align: center; position: absolute; width: 42.6vw; right: 8vw; bottom: -5vw;}
	.for-news .for-news-btn a {}
	
	.for-sec02 { position: relative;background: #d6e2e6; padding-bottom: 7vw;}
	.for-sec02-inner { width: 100%; margin: 0 auto; max-width: 1064px; text-align: right; position: relative; padding: 0 0; }
	.for-sec02-inner .for-sec02-img { text-align: center; position: relative; top: -1.5vw;}
	.for-sec02-inner .for-sec02-img img { width: 60%; height: auto; }
	.for-sec02-inner .for-sec02-btn { width: 100%; text-align: center;}
	.for-sec02-inner .for-sec02-btn img { width: 86%; height: auto;}
	
	.for-sec03 { padding: 7vw 0; width: 95%;}
	.for-sec03 h2.under-title { width: 90%; margin-left: auto; margin-right: auto;}
	.for-sec03 h3.under-title { margin-left: 5vw;}
	.for-sec03 h4.under-title { margin-left: 5vw; margin-bottom: 6vw;}
	.for-sec03 h2 .under-title-txt img { height: 11vw !important;}
	.for-sec03 .for-sec03-boxes { max-width: 878px; margin: 0 auto; width: 96%;}
	.for-sec03 .for-sec03-boxes .for-sec03-box { background: #fff; width: 100%; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-sizing: border-box; border: solid 1px #c8db2d; margin-bottom: 1.2vw; padding: 3vw 0 2vw; color: #444444;}
	
	.for-sec03 .for-sec03-boxes .for-sec03-box:nth-child(2n) { margin-right: 0;}
	.for-sec03 .for-sec03-boxes h5.for-sec03-title { font-size: 4.8vw; font-weight: 500; margin-bottom: 1.4vw; letter-spacing: 0.05em;}
	.for-sec03 .for-sec03-boxes p.for-sec03-txt { font-size: 3vw; line-height: 1.4em; letter-spacing: 0.05em; margin-bottom: 3.2vw;}
	.for-sec03 .for-sec03-boxes .for-sec03-more { padding-top: 12px; border-top: solid 1px #d3d3d3; width: 90%; margin: 0 auto;}
	
	.for-sec03 .for-sec03-boxes .for-sec03-more img { width: 24%;}
	.for-sec03 .for-sec03-boxes .for-sec03-box2 .for-sec03-more img { width: 36%;}
	.for-sec03 .for-sec03-link { text-align: center; padding-top: 3vw; padding-bottom: 4vw;}
	.for-sec03 .for-sec03-link img { width: 86.4%;}
	
	.for-sec04-box { background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding: 8vw 7vw; text-align: center;}
	.for-sec04-box .for-sec04-boxin { border: solid 2px #2e3b29; border-top: none; color: #2e3b29; padding-bottom: 8vw; position: relative;}
	.for-sec04-box p.for-sec04-num { position: relative; overflow: hidden; top: -3vw;}
	.for-sec04-box p.for-sec04-num img { width: 6.4vw;}
	.for-sec04-box p.for-sec04-num .leftline { background: #2e3b29; height: 2px; width: 50%; display: block; position: absolute; left: -7.2vw; top: 3vw; box-sizing: border-box;}
	.for-sec04-box p.for-sec04-num .rightline { background: #2e3b29; height: 2px; width: 50%; display: block; position: absolute; right: -7.2vw; top: 3vw; box-sizing: border-box;}
	.for-sec04-box p.for-sec04-num img {}
	.for-sec04-box p.for-sec04-txt { font-size: 2.6vw; letter-spacing: 0.08em;  position: relative; top: -2vw;}
	.for-sec04-box p.engtitle { font-size: 5.4vw; letter-spacing: 0.08em;  position: relative; font-weight: 500; display: inline-block; border-bottom: solid 3px #2e3b29; padding-bottom: 1vw; margin-bottom: 3vw;}
	.for-sec04-box p.for-sec04-txt2 { font-size: 3vw; letter-spacing: 0.08em;  position: relative; line-height: 26px;}
	.for-sec04-box .for-sec04-btn { position: absolute; bottom: -5vw; left: 0; width: 100%;}
	.for-sec04-box .for-sec04-btn img { width: 56%;}
	.for-sec04-box.box01 { background-image: url("/entrance/img/sec01_1_bg.png");}
	.for-sec04-box.box02 { background-image: url("/entrance/img/sec01_2_bg.png"); }
	.for-sec04-box.box03 { background-image: url("/entrance/img/sec01_3_bg.png"); }
	.for-sec04-box.box04 { background-image: url("/entrance/img/sec01_4_bg.png"); }
	.for-sec04-box.box05 { background-image: url("/entrance/img/sec01_5_bg.png"); }
	.for-sec04-box.box01 p.for-sec04-txt2 { font-size: 3vw; letter-spacing: 0.08em;  position: relative; line-height: 26px;}
	
	.for-sec04-box3 { width: 89%; max-width: 1060px; margin: 0 auto;}
	.for-sec04-box3 .for-sec04-box { width: 48%; padding: 8vw 0 4vw; float: left; height: 40vw;}
	.for-sec04-box3 .for-sec04-box-float { margin-left: 4%;}
	.for-sec04-box3 .for-sec04-box .engtitle { font-size: 4vw; border: none; line-height: 1.2em; height: 2em;}
	.for-sec04-box3 p.for-sec04-txt { font-size: 2.6vw; letter-spacing: 0.08em;  position: relative; top: -2vw;}
	.for-sec04-box3 .for-sec04-box .engtitle {}
	.for-sec04-box3 .for-sec04-boxin { padding-bottom: 5vw;}
	.for-sec04-box3 .for-sec04-btn { position: absolute; bottom: -4vw; left: 0; width: 100%;}
	.engtitle2 { height: 4vw !important;}
	.for-sec04-box3 .for-sec04-btn img { width: 82%;}
	.for-sec04-box3 p.for-sec04-num img { width: 8vw;}
	.for-sec04-box3 p.for-sec04-num .leftline { background: #2e3b29; height: 2px; width: 50%; display: block; position: absolute; left: -6.4vw; top: 3vw; box-sizing: border-box;}
	.for-sec04-box3 p.for-sec04-num .rightline { background: #2e3b29; height: 2px; width: 50%; display: block; position: absolute; right: -6.4vw; top: 3vw; box-sizing: border-box;}
	
	.for-sec05 { padding: 50px 0;}
	.for-sec05 .for-sec05-boxes { text-align: center; width: 100%; max-width: 960px; margin: 0 auto; font-size: 0;}
	.for-sec05 .for-sec05-box { width: 49%; display: inline-block; vertical-align: top; color: #444444; margin-bottom: 20px;}
	.for-sec05 .for-sec05-title { font-weight: 700; font-size: 5vw; margin-bottom: 3px;}
	.for-sec05 p.for-sec05-txt { font-size: 3.2vw; margin-bottom: 2vw; line-height: 1.4em; box-sizing: border-box; padding: 0 0.5em; text-align: left;}
	.for-sec05 .for-sec05-more { text-align: center;}
	.for-sec05 .for-sec05-more img { width: 50%;}
	
	.for-sec06 {}
	.for-sec06 .for-sec06-lists { background: url("/entrance/img/pam_bg_sp.png") no-repeat center; background-size: cover; margin-top: 16vw;}
	.for-sec06 .for-sec06-lists .for-sec06-list { width: 82%; max-width: 1120px; margin: 0 auto; position: relative; top: -9vw;}
	.for-sec06 .for-sec06-lists .for-sec06-list { font-size: 0; text-align: center;}
	.for-sec06 .for-sec06-lists dl { width: 32%; text-align: center; float: left; margin-bottom: 2vw; margin-right: 2%;}
	.for-sec06 .for-sec06-lists dl:nth-child(3n) { margin-right: 0;}
	.for-sec06 .for-sec06-lists dt { text-align: center; width: 100%; margin: 0 auto 2vw;}
	.for-sec06 .for-sec06-lists dt img { width: 70%; height: auto;}
	.for-sec06 .for-sec06-lists dd { background: url("/entrance/img/pam_btn_sp.png") no-repeat center; background-size: contain; width: 96%; padding: 2vw 3vw; text-align: left; box-sizing: border-box; margin: 0 auto;}
	.for-sec06 a { color: #fff; font-size: 3vw;}
	
	.for-sec07 { padding: 8vw 0;}
	.for-sec07 .for-sec07-boxes { width: 86%; margin: 0 auto; max-width: 1000px;}
	.for-sec07 .for-sec07-box { width: 100%; text-align: center; margin-bottom: 3vw;}
	.for-sec07 .for-sec07-box img { width: 100%; height: auto; display: block; margin-bottom: 1vw;}
	.for-sec07 .for-sec07-box .for-sec07-txt { color: #009f4b; font-size: 3.4vw; letter-spacing: 0.1em;}
	
	.for-sec08-inner { max-width: 1120px; margin: 0 auto; width: 100%;}
	.for-sec08-inner .for-sec08-map { width: 92%; margin: 0 auto;}
	.for-sec08-inner .for-sec08-map .img { margin-bottom: 2vw;}
	.for-sec08-inner .for-sec08-map .img img { width: 100%; height: auto; display: block;}
	.for-sec08-inner .for-sec08-map .img2 { text-align: center; padding-bottom:12vw;}
	.for-sec08-inner .for-sec08-map .img2 img { width: 78%;}
	.for-sec08-inner .for-sec08-images { width: 84%; box-sizing: border-box;  margin: 0 auto; position: relative; padding-bottom: 5vw;}
	.for-sec08-inner .for-sec08-images ul.clearfix {}
	.for-sec08-inner .for-sec08-images ul.clearfix li { float: left; width: 33.33%; margin-bottom: 2vw; position: relative; text-align: center;}
	.for-sec08-inner .for-sec08-images ul.clearfix li:nth-child(3n) { margin-right: 0;}
	.for-sec08-inner .for-sec08-images ul.clearfix li img { width: 94%;}
	
	.slide-dots { text-align: center;}
	.slide-dots li { list-style:none; display: none; position: relative; bottom: -1vw;}
	.slide-dots li.slick-active { list-style:none; display: inline-block; padding-right: 12vw; padding-top: 0;}
.slide-dots li button { -webkit-appearance: none; border: none; background: none; display: inline-block; font-size: 4vw; color: #444444; height: 5vw; padding: 0;}

	.num-slash { font-size: 4vw; color: #444444; position: absolute; bottom: 9.6vw; left: 0; width: 100%; text-align: center;}
	.num-slash span {  display: inline-block; padding-left: 3vw;}
	
	.prev-arrow { position: absolute; bottom: 0; right: 65%; z-index: 10; width: 2vw}
.next-arrow { position: absolute; bottom: 0; left: 63%; z-index: 10; width: 2vw}
	
	.for-sec09 { text-align: center; padding: 4vw 0 2vw;}
.for-sec09 .for-sec09-btn { width: 96%; margin: 0 auto; position: relative;}
	
	p.pankuzu { color: #fff; font-size: 2.56vw; position: absolute; left: 0; top: 3vw; width: 100%; letter-spacing: 0.04em;}
	p.pankuzu span { display: block; max-width: 980px; width: 92%; margin: 0 auto; text-align: right;}
	p.pankuzu a { color: #fff;}
	
}

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.fadeslide {
  opacity : 0;
  transform: translateX(20px);
  transition: all 1s;
}
#back-top { left: 10px !important;}