@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
*, *::before, *::after {
	box-sizing: inherit;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
a[href^="tel"]{
	/*color:#666666;*/
	text-decoration:none;
	cursor: default;
}
button {
	background: none;
	border: none;
	padding: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote header footer section {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666666;
	text-align: center;
	vertical-align:middle;
	font-size: 100%;
	scroll-behavior:smooth;
}
img {
	border-style:none;
	border:0;
	vertical-align:middle;
}
li {
	list-style-type:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.trans:hover {
	opacity:0.5 !important;
}
.sohbungreen {
	color:#00a59f;
}
.sohbunlime {
	color:#8ec43e;
}
.wrapper {/*------iOS------*/
	width: 100%;
	height:auto;
	overflow:hidden;
}
/*------------------------------------------------------------*//*header*/
header {
	position: relative;
}
.header_flex {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.header_flex img {
	width :33.33%;
	height: auto;
}
.header_text {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 100%;
}
h2 {
	font:700 "Roboto", sans-serif;
	font-size: 3.2vw;
	color: rgba(255,255,70,1.00);
	color: rgba(255,255,255,1.00);
	text-shadow:0 0 5px #222,0 0 10px #222,0 0 15px #222;
	text-shadow:4px 4px 5px #222,4px 4px 10px #222,4px 4px 15px #222;
		margin-top: 3%;

}
h1 {
	font:900 "Noto Sans JP", sans-serif;
	font-size: 6vw;
	color: #fff;
	text-shadow:5px 5px 5px #222,5px 5px 10px #222,5px 5px 15px #222;
	margin-top: 2%;
}
h1 span {
	display: none;
}
@media screen and (max-width: 1048px) {
.header_text {
	top: 49%;
}
.header_flex img {
	width :50%;
	height: auto;
}
h2 {
	font-size: 5.3vw;
}
h1 {
	display: inline-block;
	text-align: left;
	font-size: 12.5vw;
	margin: 0 auto;
	padding: 0 16px;
}
h1 span {
	display: block;
	line-height: 0;
	}
}



.anim-box {
	transform: scale(0.5);
	opacity: 0;
}
.zoomin.is-animated {
	animation-name: zoomIn;
	animation-duration: 1.0s;
	animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
	animation-fill-mode: forwards;
}
.delay1 {
	animation-delay: 0s;
}
.delay2 {
	animation-delay: 0.3s;
}
.delay3 {
	animation-delay: 0.6s;
}
.delay4 {
	animation-delay: 0.9s;
}
.delay5 {
	animation-delay: 1.2s;
}
@keyframes zoomIn {
0% {
	transform: scale(0.8);
	opacity: 0;
}
100% {
	transform: scale(1);
	opacity: 1;
	}
}



/*------------------------------------------------------------*//*main*/
main {
	
	max-width:1200px;
	margin:0 auto;
}
@media screen and (max-width: 1232px) {
main {
	max-width: 1200px;
	padding: 0 16px;
}}
.main_text {
	font:500 "Noto Sans JP", sans-serif;
	font-size: 24px;
	color: #21b1a1;
	text-align: left;
	margin: 0 auto ;
	padding-top: 80px;
	max-width: 978px;
	line-height: 1.75;
}
.main_border {
	max-width: 978px;
	padding-top: 32px;
	border-bottom: solid 1px #bbb;
}
.main_notice {
	font:100 "Noto Sans JP", sans-serif;
	font-size: 16px;
	text-align: left;
	margin: 0 auto ;
	padding-top: 32px;
	max-width: 612px;
}
.travel_area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 40px auto;
	max-width: 1080px;
}
@media screen and (max-width: 1048px) {
.main_text {
	font-size: 22px;
	padding-top: 10%;
	}
.main_notice {
	font-size: 14px;
	}
.travel_area {
	display: block;
	}
}
.travel_form {
	margin: 16px auto 48px;
	padding: 16px;
	width: 664px;
	height: 200px;
	box-sizing: border-box;
	border-radius: 24px;
	background: #fff;
	box-shadow: 8px 8px 8px #cccccc,
				-8px -8px 8px #eeeeee;
}
.travel_form p {
	font: bold 24px 'Noto Sans JP', sans-serif;
	color:#666;
	margin: 0;
	padding-bottom: 24px;
}
.travel_form_inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	gap:16px;
	padding-top: 8px;
}
.travel_form_inside p a {
	font: bold 34px 'Noto Sans JP', sans-serif;
	color:#ffffff;
	padding: 6px 18px;
	border-radius: 12px;
	margin-top: 16px;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .travel_form_inside p a {
	padding: 12px 18px;
}
.travel_form_inside p:nth-of-type(1) a {
	background-color: #21b1a1;
}
.travel_form_inside p:nth-of-type(2) a {
	background-color: #9bd753;
}



.travel_tel {
	margin: 16px auto 48px;
	padding: 16px;
	width: 312px;
	height: 200px;
	box-sizing: border-box;
	border-radius: 24px;
	background: #fff;
	box-shadow: 8px 8px 8px #cccccc,
				-8px -8px 8px #eeeeee;
}
.travel_tel p:nth-of-type(1) {
	font: bold 24px 'Noto Sans JP', sans-serif;
	color:#666;
	margin: 0;
	padding-bottom: 24px;
}
.travel_tel p:nth-of-type(2) a {
	font: bold 42px 'Noto Sans JP', sans-serif;
	color: #21b1a1;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .travel_tel p:nth-of-type(2) a {
	font: bold 32px 'Noto Sans JP', sans-serif;
}

.travel_tel p:nth-of-type(2) {
	margin-top: -8px;
}
.travel_tel p:nth-of-type(3) {
	font: 400 16px 'Noto Sans JP', sans-serif;
	color:#666;
}
@media screen and (max-width: 728px) {
.travel_form {
	display: block;
	width: 352px;
}
.travel_form {
	height: 240px;
}
.travel_form_inside {
	display: block;
	margin-top: 0px;
}
.travel_tel {
	width: 352px;
}}



.bg_domestic {
	background-color: #21b1a1;
}
.bg_overseas {
	background-color: #9bd753;
}
.plan_area {
	padding: 64px 0 80px;
	width: 100%;
}
.plan_area_inside {
	margin: 0 auto;
	padding: 0 16px;
	max-width: 1232px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.plan_area_inside_left {
	max-width: 824px;
}
h4 {
	text-align: left;
	font: 400 64px 'Noto Sans JP', sans-serif;
	color:#fff;
	margin: 0;
	padding-right: 28px;
}
.h4_sub {
	font-size: 28px;
	margin-left: 28px;
}
.h4_br {
	display: none;
}
@media screen and (max-width: 1048px) {
.h4_sub {
	margin-left: 0;
}
.h4_br {
	display: block;
	line-height: 0; /* 行間対策 */
	margin-top: -42px;
}}



.plan_area_inside_left p {
	max-width: 840px;
	padding-right: 16px;
	text-align: left;
	font: 400 20px 'Noto Sans JP', sans-serif;
	color:#fff;
	line-height: 1.75;
}
.plan_area_inside_left p span {
	font: 400 16px 'Noto Sans JP', sans-serif;
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.plan_area_inside_right  {
	flex: 0 0 320px;
}
@media screen and (max-width: 768px) {
.plan_area_inside {
 flex-wrap: wrap;
}
.plan_area_inside_left p {
	padding-right:0 ;
}
.plan_area_inside_right {
	margin: 0 auto;
}}

.fade-box {
  opacity: 0;
  transform: translateX(0); /* 初期位置は念のためリセット */
  transition: none; /* 一瞬でも表示させないように */
}



/* 右 → 左 */
.fade-box.slide-right.is-animated {
  animation: slideInFromRight 1s ease-out forwards;
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(360px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}



/* 左 → 右 */
.fade-box.slide-left.is-animated {
  animation: slideInFromLeft 1s ease-out forwards;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-360px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}



.slider-container {
min-width: 100%;
overflow: hidden;
padding-top: 40px;
}
.slider-wrapper {
display: flex;
width: max-content;
}
.slide {
width: 200px;
flex-shrink: 0;
}
.slide img {
width: 100%;
height: auto;
vertical-align: bottom;
}

/*@media (hover: hover) {
.slider-container:hover .slider-wrapper {
animation-play-state: paused;
}}*/

@keyframes slideDomestic {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.slide-domestic {
animation: slideDomestic 60s linear infinite;
}



@keyframes slideOverseas {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
.slide-overseas {
animation: slideOverseas 60s linear infinite;
}



.pr_area {
	margin: 80px auto 0;
	max-width: 1080px;
	padding: 0 16px;
}	
.pr_area p {
	font: 200 20px 'Noto Sans JP', sans-serif;
	color: #21b1a1;
	border:  solid 1px #21b1a1;
	margin-right: auto;
	margin-bottom: 32px;
	width: 96px;
}
.pr_inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	gap:64px;
	max-width: 944px;
	margin: 0 auto;
}
.pr_inside a img {
	opacity: 0;
	transform: scale(0.5);
	transition: all 1s ease;
}

.pr_inside a img.is-animated {
	opacity: 1;
	transform: scale(1);
}



/*20250808追記*/
.pr_inside a img.is-animated {
	animation: zoom 1s forwards;
}
.pr_inside a img {
	will-change: transform, opacity;
	transform: translateZ(0);
}



@media screen and (max-width: 975px) {
.pr_inside {
	gap:32px;
	}
}
.pr_inside a img {
	max-width: 440px;
	height: auto;
}
.pr_inside a img.is-animated {
	animation: zoom 1s forwards;
	opacity: 0;
	transform: scale(0.5);
	transition: all 1s ease;
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@media screen and (max-width: 460px) {
.pr_inside a img {
	max-width: 100%;
	height: auto;
	}
}



/*------------------------------------------------------------*//*footer*/
h3 {
	font-size: 16px;
	font-weight: normal;
	color: #00a59f;
	text-align: left;
	margin-bottom: 16px;
}
footer {
	background-color: #eeeeee;
	margin-top: 80px;
}
.footer_wrap {
	max-width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 32px 16px;
	font: 200 14px 'Noto Sans JP', sans-serif;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .footer_wrap {
	padding: 32px 16px;
}
.footer_wrap table {
	text-align: left;
	line-height: 1.5;
}
.footer_wrap table th {
	width: 104px;
	vertical-align: top;
	font-weight: normal;
}
.footer_wrap table td {
	padding-bottom: 16px;
	font-weight: normal;
}
.footer_wrap table td a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 440px) {
	.footer_wrap {
		max-width: 408px;
		padding-left: 0;
	}
}
.footer_logo img {
	width: 128px;
	height: auto;
}