@charset "utf-8";

/* CONTENTS */
@media (max-width: 767px) {
	#header .logo {
	display: none;
	}
}

#contents {
overflow: hidden;
}

#visualSCT {
position: relative;
padding-bottom: 23px;
padding-top: 71px;
z-index: 10;
}
#visualSCT .image img {
-webkit-transform: translateX(20%);
transform: translateX(20%);
width: 100%;
height: auto;
}
#visualSCT h1 {
margin-bottom: 33px;
}
#visualSCT h1 img {
display: block;
margin: 0 auto;
width: 292px;
height: auto;
}
#visualSCT p {
margin-bottom: 17px;
font-size: 13px;
line-height: 1.94;
text-align: center;
}
#visualSCT::after {
content: '';
position: absolute;
bottom: -35px;
left: 50%;
display: inline-block;
background: url("../img/top/main_arw.svg") no-repeat center center;
background-size: 24px auto;
margin-left: -12px;
width: 24px;
height: 44px;
}
@media (min-width: 768px) {
	#visualSCT {
	padding: 182px 0 90px 0;
	}
	#visualSCT .cont {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding-right: 495px;
	width: 870px;
	}
	#visualSCT h1 {
	margin-bottom: 40px;
	}
	#visualSCT h1 img {
	width: 376px;
	}
	#visualSCT .image {
	position: absolute;
	right: -100px;
	top: 0;
	width: 600px;
	z-index: -1;
	}
	#visualSCT .image img {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}

.head .en {
position: relative;
font-family: "M PLUS Rounded 1c",sans-serif;
font-size: 16px;
font-weight: 900;
letter-spacing: 0.01em;
}
.head .en::before {
content: '';
position: relative;
top: 3px;
display: inline-block;
background: url("../img/hed_en_left.svg") no-repeat left top;
background-size: 22px auto;
margin-right: 8px;
width: 22px;
height: 15px;
}
.head .en::after {
content: '';
position: relative;
top: 3px;
display: inline-block;
background: url("../img/hed_en_right.svg") no-repeat left top;
background-size: 22px auto;
margin-left: 8px;
width: 22px;
height: 15px;
}
.head .en span {
position: relative;
display: inline-block;
}
#aboutSCT .head span:nth-child(1) {transform: rotate(-10deg);top: 0;}
#aboutSCT .head span:nth-child(2) {transform: rotate(-8deg);top: -2px;}
#aboutSCT .head span:nth-child(3) {transform: rotate(-6deg);top: -3px;}
#aboutSCT .head span:nth-child(4) {transform: rotate(-4deg);top: -3px;}
#aboutSCT .head span:nth-child(5) {transform: rotate(-2deg);top: -4px;}
#aboutSCT .head span:nth-child(6) {transform: rotate(-0deg);top: -4px;}
#aboutSCT .head span:nth-child(7) {transform: rotate(2deg);top: -4px;}
#aboutSCT .head span:nth-child(8) {transform: rotate(4deg);top: -3px;}
#aboutSCT .head span:nth-child(9) {transform: rotate(6deg);top: -3px;}
#aboutSCT .head span:nth-child(10) {transform: rotate(8deg);top: -2px;}
#aboutSCT .head span:nth-child(11) {transform: rotate(10deg);top: 0;}
#featuresSCT .head span:nth-child(1) {transform: rotate(-8deg);top: 0;}
#featuresSCT .head span:nth-child(2) {transform: rotate(-6deg);top: -1px;}
#featuresSCT .head span:nth-child(3) {transform: rotate(-4deg);top: -2px;}
#featuresSCT .head span:nth-child(4) {transform: rotate(-2deg);top: -2px;}
#featuresSCT .head span:nth-child(5) {transform: rotate(2deg);top: -2px;}
#featuresSCT .head span:nth-child(6) {transform: rotate(4deg);top: -2px;}
#featuresSCT .head span:nth-child(7) {transform: rotate(6deg);top: -1px;}
#featuresSCT .head span:nth-child(8) {transform: rotate(8deg);top: 0;}
#placeSCT .head span:nth-child(1) {transform: rotate(-4deg);top: 0;}
#placeSCT .head span:nth-child(2) {transform: rotate(-2deg);top: -1px;}
#placeSCT .head span:nth-child(3) {transform: rotate(0deg);top: -1px;}
#placeSCT .head span:nth-child(4) {transform: rotate(2deg);top: -1px;}
#placeSCT .head span:nth-child(5) {transform: rotate(4deg);top: 0;}
#newsSCT .head span:nth-child(1) {transform: rotate(-4deg);top: 0;}
#newsSCT .head span:nth-child(2) {transform: rotate(-2deg);top: -1px;}
#newsSCT .head span:nth-child(3) {transform: rotate(2deg);top: -1px;}
#newsSCT .head span:nth-child(4) {transform: rotate(4deg);top: 0;}
.head h2 {
margin-top: -5px;
margin-bottom: 10px;
font-family: "M PLUS Rounded 1c",sans-serif;
font-size: 35px;
font-weight: 900;
font-style: italic;
}

#aboutSCT {
position: relative;
background-color: #f2a0a0;
text-align: center;
padding: 65px 10px 50px 10px;
}
#aboutSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/top/bg1.svg") repeat-x left top;
background-size: 150px auto;
width: 100%;
height: 6px;
}
#aboutSCT .image {
margin-bottom: 16px;
}
#aboutSCT .image img {
box-sizing: border-box;
border: solid 3px #fff;
border-radius: 15px;
width: 100%;
height: auto;
}
#aboutSCT .catch {
display: inline;
background: url("../img/w_line.png") repeat-x left bottom;
background-size: auto 5px;
padding-bottom: 5px;
font-size: 20px;
line-height: 1.77;
font-weight: bold;
}
/*IEのみ*/
@media all and (-ms-high-contrast: none){
	#aboutSCT .catch {
	padding-bottom: 0px;
	}
}
#aboutSCT .exp {
margin-top: 28px;
margin-bottom: 27px;
font-size: 16px;
line-height: 1.89;
}
#aboutSCT .more {
position: relative;
margin: 0 auto;
width: 185px;
font-size: 14px;
line-height: 44px;
text-align: center;
}
#aboutSCT .more::after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
background-color: rgba(0,0,0,0.1);
border-radius: 10px;
width: 100%;
height: 50px;
opacity: 0;
}
#aboutSCT .more:hover::after {
opacity: 1;
}
#aboutSCT .more a {
position: relative;
display: block;
box-sizing: border-box;
border: solid 3px #fff;
border-radius: 10px;
padding-right: 22px;
z-index: 1;
}
#aboutSCT .more a:hover {
-webkit-transform: translateX(-5px) translateY(-5px);
transform: translateX(-5px) translateY(-5px);
background-color: #f2a0a0;
}
#aboutSCT .more a::before {
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 8px;
top: 50%;
box-sizing: border-box;
background-color: #ffcc00;
border: solid 2px #333;
border-radius: 11px;
width: 22px;
height: 22px;
display: block;
}
#aboutSCT .more a::after {
content: '';
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
position: absolute;
right: 13px;
top: 50%;
background: url("../img/arw_m.svg") no-repeat left top;
background-size: 11px auto;
width: 11px;
height: 11px;
display: block;
}
@media (min-width: 768px) {
	#aboutSCT {
	padding: 120px 0 85px 0;
	}
	#aboutSCT .head {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding-right: 513px;
	width: 870px;
	}
	#aboutSCT .cont {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding-right: 513px;
	width: 870px;
	}
	#aboutSCT .image {
	position: absolute;
	right: 0;
	top: -77px;
	width: 513px;
	}
}

#featuresSCT {
position: relative;
background-color: #f3ba87;
text-align: center;
padding: 65px 0 36px 0;
overflow: hidden;
}
#featuresSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/top/fea_bg.svg") repeat-x left top;
background-size: 150px auto;
width: 100%;
height: 6px;
}
#featuresSCT .catch {
display: inline;
background: url("../img/w_line.png") repeat-x left bottom;
background-size: auto 5px;
padding-bottom: 5px;
font-size: 20px;
line-height: 1.77;
font-weight: bold;
}
/*IEのみ*/
@media all and (-ms-high-contrast: none){
	#featuresSCT .catch {
	padding-bottom: 0px;
	}
}
#featuresSCT .slider {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
left: 50%;
margin: 35px auto 0 auto;
width: 882px;
}
#featuresSCT .slick-list {
overflow: visible !important;
}
#featuresSCT .block {
position: relative;
box-sizing: border-box;
padding: 0 7px;
width: 294px;
}
#featuresSCT .block .box {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
box-sizing: border-box;
background-color: #fff;
border-radius: 15px;
padding: 15px 5px 7px 5px;
width: 280px;
z-index: 1;
cursor: pointer;
}
#featuresSCT .block.hover .box {
-webkit-transform: translateX(-5px) translateY(-5px);
transform: translateX(-5px) translateY(-5px);
}
#featuresSCT .block::before {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
background-color: rgba(0,0,0,0.1);
border-radius: 15px;
width: 280px;
height: 100%;
opacity: 0;
}
#featuresSCT .block.hover::before {
opacity: 1;
}
#featuresSCT .block img {
display: block;
width: 100%;
height: auto;
}
#featuresSCT .block .image img {
margin-top: 15px;
}
#featuresSCT .more {
margin: 0 auto;
width: 135px;
font-size: 14px;
line-height: 44px;
text-align: center;
}
#featuresSCT .more a {
position: relative;
display: block;
box-sizing: border-box;
border: solid 3px #fff;
border-radius: 10px;
padding-right: 22px;
}
#featuresSCT .more a::before {
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 8px;
top: 50%;
box-sizing: border-box;
background-color: #ffcc00;
border: solid 2px #333;
border-radius: 11px;
width: 22px;
height: 22px;
display: block;
}
#featuresSCT .more a::after {
content: '';
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
position: absolute;
right: 13px;
top: 50%;
background: url("../img/arw_m.svg") no-repeat left top;
background-size: 11px auto;
width: 11px;
height: 11px;
display: block;
}
@media (min-width: 768px) {
	#featuresSCT {
	padding: 70px 0 50px 0;
	}
	#featuresSCT .slider {
	margin: 40px 0 0 0;
	}
}

#placeSCT {
position: relative;
background: #f9d184 url("../img/top/pla_bg_cnt_sp.png") no-repeat center 100px;
background-size: 800px auto;
text-align: center;
padding: 65px 0 36px 0;
overflow: hidden;
}
#placeSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/top/pla_bg.svg") repeat-x left top;
background-size: 150px auto;
width: 100%;
height: 6px;
}
#placeSCT .catch {
display: inline;
background: url("../img/w_line.png") repeat-x left bottom;
background-size: auto 5px;
padding-bottom: 5px;
font-size: 20px;
line-height: 1.77;
font-weight: bold;
}
/*IEのみ*/
@media all and (-ms-high-contrast: none){
	#placeSCT .catch {
	padding-bottom: 0px;
	}
}
#placeSCT .list {
position: relative;
margin: 0 auto;
width: 320px;
height: 400px;
}
#placeSCT .list ul {
list-style: none;
}
#placeSCT .list ul.marker li {
position: absolute;
cursor: pointer;
}
/* Buzz */
@keyframes hvr-buzz {
	25% {
	transform: translateX(3px) rotate(2deg);
	}
	75% {
	transform: translateX(-3px) rotate(-2deg);
	}
	100% {
	transform: translateX(0) rotate(0);
	}
}
#placeSCT .list ul.marker li:hover {
animation: hvr-buzz .5s linear infinite;
}
#placeSCT .list .wanwan {
left: 78px;
top: 206px;
}
#placeSCT .list .umejima {
left: 147px;
top: 199px;
}
#placeSCT .list .sukoyaka {
left: 159px;
top: 218px;
}
#placeSCT .list .higashifuchu {
left: 104px;
top: 219px;
}
#placeSCT .list .midorigaoka {
left: 199px;
top: 229px;
}
#placeSCT .list .honjo {
left: 132px;
top: 218px;
}
#placeSCT .list ul.balloon li {
-webkit-transform: translateX(-50%) translateY(-85px);
transform: translateX(-50%) translateY(-85px);
position: absolute;
background-color: #fff;
border-radius: 15px;
margin-left: 10px;
padding: 9px;
font-size: 14px;
display: none;
}
#placeSCT .list ul.balloon li::after {
content: "";
position: absolute;
top: 99%;
left: 50%;
margin-left: -5px;
border: 10px solid transparent;
border-top: 15px solid #fff;
}
#placeSCT .list ul.balloon li a {
position: relative;
display: block;
padding: 5px 50px 2px 9px;
white-space: nowrap;
}
#placeSCT .list ul.balloon li a::before {
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 8px;
top: 50%;
box-sizing: border-box;
background-color: #ffcc00;
border: solid 2px #333;
border-radius: 11px;
width: 22px;
height: 22px;
display: block;
}
#placeSCT .list ul.balloon li a::after {
content: '';
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
position: absolute;
right: 13px;
top: 50%;
background: url("../img/arw_m.svg") no-repeat left top;
background-size: 11px auto;
width: 11px;
height: 11px;
display: block;
}
#placeSCT .list ul.balloon li span {
display: block;
background-color: #f9d184;
border-radius: 9px;
margin-bottom: 3px;
width: 49px;
height: 17px;
font-size: 11px;
line-height: 17px;
text-align: center;
}
@media screen\0 {
	#placeSCT .list ul.balloon li span {
	line-height: 20px;
	}
}
#placeSCT .list li a sup {
position: relative;
top: -0.1em;
font-size: 10px;
vertical-align: top;
}
#placeSCT .more {
position: relative;
margin: 0 auto;
width: 185px;
font-size: 14px;
line-height: 44px;
text-align: center;
}
#placeSCT .more::after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
background-color: rgba(0,0,0,0.1);
border-radius: 10px;
width: 100%;
height: 50px;
opacity: 0;
}
#placeSCT .more:hover::after {
opacity: 1;
}
#placeSCT .more a {
position: relative;
display: block;
box-sizing: border-box;
border: solid 3px #fff;
border-radius: 10px;
padding-right: 22px;
z-index: 1;
}
#placeSCT .more a:hover {
-webkit-transform: translateX(-5px) translateY(-5px);
transform: translateX(-5px) translateY(-5px);
background-color: #f2a0a0;
}
#placeSCT .more a::before {
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 8px;
top: 50%;
box-sizing: border-box;
background-color: #ffcc00;
border: solid 2px #333;
border-radius: 11px;
width: 22px;
height: 22px;
display: block;
}
#placeSCT .more a::after {
content: '';
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
position: absolute;
right: 13px;
top: 50%;
background: url("../img/arw_m.svg") no-repeat left top;
background-size: 11px auto;
width: 11px;
height: 11px;
display: block;
}
#placeSCT .cloud1 {
position: absolute;
left: -170px; 
top: 60px;
width: 200px;
height: 47px;
}
#placeSCT .cloud1 span {
position: absolute;
display: block;
background-color: #fff;
border-radius: 13px;
height: 26px;
}
#placeSCT .cloud1 span:nth-child(1)  {
top: 0;
left: 0;
width: 186px;
}
#placeSCT .cloud1 span:nth-child(2)  {
bottom: 0;
right: 0;
width: 186px;
}
#placeSCT .cloud2 {
position: absolute;
right: -150px; 
top: 310px;
width: 200px;
height: 47px;
}
#placeSCT .cloud2 span {
position: absolute;
display: block;
background-color: #fff;
border-radius: 13px;
height: 26px;
}
#placeSCT .cloud2 span:nth-child(1) {
top: 0;
right: 0;
width: 186px;
}
#placeSCT .cloud2 span:nth-child(2) {
bottom: 0;
left: 0;
width: 186px;
}
@keyframes cloud_mov1 {
	0% {
	transform: translateX(0);
	width: 230px;
	}
	25% {
	transform: translateX(20px);
	width: 210px;
	}
	75% {
	transform: translateX(-20px);
	width: 250px;
	}
	100% {
	transform: translateX(0);
	width: 230px;
	}
}
#placeSCT .cloud1,
#placeSCT .cloud2 {
animation: cloud_mov1 10s linear infinite;
}
@keyframes cloud_mov2 {
	0% {
	transform: translateX(0);
	width: 186px;
	}
	25% {
	transform: translateX(15px);
	width: 176px;
	}
	75% {
	transform: translateX(-15px);
	width: 196px;
	}
	100% {
	transform: translateX(0);
	width: 186px;
	}
}
#placeSCT .cloud1 span:nth-child(1),
#placeSCT .cloud2 span:nth-child(1) {
animation: cloud_mov2 7s linear infinite;
}
@keyframes cloud_mov3 {
	0% {
	transform: translateX(0);
	width: 186px;
	}
	25% {
	transform: translateX(-15px);
	width: 196px;
	}
	75% {
	transform: translateX(15px);
	width: 176px;
	}
	100% {
	transform: translateX(0);
	width: 186px;
	}
}
#placeSCT .cloud1 span:nth-child(2),
#placeSCT .cloud2 span:nth-child(2) {
animation: cloud_mov3 13s linear infinite;
}
@media (min-width: 768px) {
	#placeSCT {
	box-sizing: border-box;
	background: #f9d184 url("../img/top/pla_bg_cnt_pc.png") no-repeat center top;
	background-size: 1500px auto;
	padding: 200px 0 85px 0;
	height: 595px;
	}
	#placeSCT .head {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding-left: 457px;
	width: 870px;
	}
	#placeSCT .cont {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding-left: 457px;
	width: 870px;
	}
	#placeSCT .list {
	position: absolute;
	left: 0;
	}
	#placeSCT .list .wanwan {
	left: 213px;
	top: -20px;
	}
	#placeSCT .list .umejima {
	left: 282px;
	top: -37px;
	}
	#placeSCT .list .sukoyaka {
	left: 294px;
	top: -18px;
	}
	#placeSCT .list .higashifuchu {
	left: 239px;
	top: -17px;
	}
	#placeSCT .list .midorigaoka {
	left: 334px;
	top: -7px;
	}
	#placeSCT .list .honjo {
	left: 267px;
	top: -18px;
	}
	#placeSCT .more {
	margin: 36px auto 0 auto;
	}
	#placeSCT .cloud1 {
	position: absolute;
	left: -80px; 
	top: -210px;
	}
	#placeSCT .cloud2 {
	position: absolute;
	right: -600px; 
	top: 140px;
	}
}

#newsSCT {
position: relative;
background-color: #fff;
text-align: center;
padding: 45px 10px 42px 10px;
}
#newsSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/top/new_bg.svg") repeat-x left top;
background-size: 150px auto;
width: 100%;
height: 6px;
}
#newsSCT .head h2 {
margin-top: -3px;
margin-bottom: 20px;
font-size: 25px;
}
#newsSCT .cont {
border-top: dotted 2px #b7b7c0;
text-align: left;
}
#newsSCT .block {
border-bottom: dotted 2px #b7b7c0;
padding: 17px 10px 17px 10px;
}
#newsSCT .block .date {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
#newsSCT .block .exp {
font-size: 16px;
}
@media (min-width: 768px) {
	#newsSCT {
	padding: 55px 0 37px 0;
	}
	#newsSCT .head {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	width: 610px;
	}
	#newsSCT .cont {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	width: 610px;
	}
	#newsSCT .block {
	padding: 17px 10px 12px 10px;
	}
	#newsSCT .block .date {
	padding: 1px 0;
	float: left;
	}
	#newsSCT .block .exp {
	margin-left: 95px;
	}
}

/* PAGER */
.slick-dots {
margin-top: 12px;
text-align: center;
z-index: 50;
}
.slick-dots li {
position: relative;
display: inline-block;
background: #fff;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
outline: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
}
.slick-dots li:hover,
.slick-dots li.slick-active,
.slick-dots li:focus {
background: #333;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}