@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   block.css
 *
 ********************************************************************** */

/* トップ設定
======================================================= */

.kv_slider {
	margin: 0 0 64px;
}

.kv_slider .slides {
	display: none;
	padding: 32px 0;
	text-align: center;


}

.kv_slider .slides:first-child {
	display: block;
}

.kv_slider.slick-initialized .slides {
	display: block;
}

.kv_slider .slick-center img {
    transform: scale(1);
    opacity: 1;
    transition: all 1s ease;
    border-radius: 16px;
    box-shadow: 0px 3px 32px 0px rgba(37, 51, 69, .32);
}

.kv_slider img {
    transform: scale(.9) rotate(.1deg);
    opacity: .3;
    transition: all 1s ease;
}

.kv_slider .slides a {
	display: block;
}

/* top_news */

.top_news {
	position: relative;
	z-index: 0;
}

.top_news:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: calc(50% + 312px);
	height: 100%;
	background: linear-gradient(90deg, #F4F5F6 0%, #F4F5F6 50%, #D4FCF6 50%, #D4FCF6 100%);
}

.top_news .inner {
	display: flex;
	justify-content: space-between;
	width: 1080px;
	margin: 0 auto;
	padding: 56px 0 62px;
	position: relative;
}

.top_news .inner:before {
	content: '';
	position: absolute;
	bottom: -90px;
	right: 0;
	width: 90px;
	height: 142px;
	background: url(../../_img/bg_news.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_news .inner .tit {
	width: 120px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.top_news .inner .tit h2 {
	padding: 21px 0 0;
	margin: 0 0 30px;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: left;
	background-position: 0 0;
}

.top_news .inner .tit a {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 12px 0;
	border-bottom: 2px solid #253345;
	color: #253345;
	text-decoration: none;
	background: url(../img/arw.svg) no-repeat right .5em;
	background-size: 12px auto;
	transition: border .2s;
}

.top_news .inner .tit a:hover {
	border-color: transparent;
}

.top_news .inner .list {
	width: 900px;
	max-height: 220px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

.top_news .inner .list li {
	display: flex;
	margin: 0 0 16px;
}

.top_news .inner .list li:last-child {
	margin: 0;
}

.top_news .inner .list li .date {
	width: 86px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
}

.top_news .inner .list li .txt {
	width: calc(100% - 86px);
}

/* top_fuji */

.top_fuji {
	min-height: 630px;
	position: relative;
}

.top_fuji:before {
	content: '';
	position: absolute;
	top: -24px;
	left: 0;
	z-index: -1;
	width: 160px;
	height: 49px;
	background: url(../../_img/bg_fuji01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_fuji:after {
	content: '';
	position: absolute;
	bottom: -120px;
	left: -240px;
	z-index: -1;
	width: 480px;
	height: 480px;
	background: #FAFCD4;
	border-radius: 50%;
}

.top_fuji .inner:before {
	content: '';
	position: absolute;
	bottom: -23px;
	right: 0;
	width: 796px;
	height: 120px;
	background: url(../../_img/bg_fuji03.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_fuji .inner:after {
	content: '';
	position: absolute;
	bottom: -50px;
	right: 64px;
	width: 160px;
	height: 49px;
	background: url(../../_img/bg_fuji01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_fuji .img {
	position: absolute;
	top: 0;
	right: 0;
	width: 83.5%;
	height: 630px;
	overflow: hidden;
	z-index: 0;
}

.top_fuji .img img {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.top_fuji .txt {
	width: 508px;
	margin: 0 0 0 4.5%;
	padding: 72px 0 0;
	position: relative;
}

.top_fuji .txt:before {
	content: '';
	position: absolute;
	bottom: -94px;
	left: 80px;
	width: 90px;
	height: 142px;
	background: url(../../_img/bg_fuji02.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_fuji .txt .txt_top {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 72px;
	padding: 24px 56px;
	font-size: 18px;
	font-size: 1.8rem;
	background: #fff;
}

.top_fuji .txt .txt_btm {
	padding: 56px;
	background: #fff;
}

.top_fuji .txt .txt_btm h2 {
	padding: 21px 0 0;
	margin: 0 0 30px;
	font-size: 34px;
	font-size: 3.4rem;
	text-align: left;
	background-position: 0 0;
}

.top_fuji .txt .txt_btm .detail {
	margin: 32px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: right;
}

.top_fuji .txt .txt_btm .detail a {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 12px 0;
	border-bottom: 2px solid #253345;
	color: #253345;
	text-decoration: none;
	background: url(../img/arw.svg) no-repeat right .5em;
	background-size: 12px auto;
	transition: border .2s;
}

.top_fuji .txt .txt_btm .detail a:hover {
	border-color: transparent;
}

/* top_journey */

.top_journey {
	min-height: 630px;
	text-align: right;
	position: relative;
}

.top_journey:before {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 0;
	width: 366px;
	height: 120px;
	background: url(../../_img/bg_journey02.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_journey:after {
	content: '';
	position: absolute;
	bottom: -107px;
	right: 0;
	z-index: -1;
	width: 240px;
	height: 480px;
	background: #FCE6D4;
}

.top_journey .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 83.5%;
	height: 630px;
	overflow: hidden;
	z-index: 0;
}

.top_journey .img img {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.top_journey .txt {
	display: inline-block;
	vertical-align: top;
	width: 508px;
	margin: 0 4.5% 0 0;
	padding: 72px 0 0;
	position: relative;
}

.top_journey .txt .txt_top {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 72px;
	padding: 24px 56px;
	font-size: 18px;
	font-size: 1.8rem;
	background: #fff;
}

.top_journey .txt .txt_btm {
	padding: 56px;
	text-align: left;
	position: relative;
	background: #fff;
}

.top_journey .txt .txt_btm:before {
	content: '';
	position: absolute;
	top: -48px;
	right: 56px;
	width: 90px;
	height: 142px;
	background: url(../../_img/bg_journey01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_journey .txt .txt_btm h2 {
	padding: 21px 0 0;
	margin: 0 0 30px;
	font-size: 34px;
	font-size: 3.4rem;
	text-align: left;
	background-position: 0 0;
}

.top_journey .txt .txt_btm .detail {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

.top_journey .txt .txt_btm .detail li {
	margin: 0 0 26px;
}

.top_journey .txt .txt_btm .detail li:last-child {
	margin: 0;
}

.top_journey .txt .txt_btm .detail a {
	display: block;
	vertical-align: top;
	padding: 0 20px 26px 0;
	border-bottom: 2px solid #253345;
	color: #253345;
	text-decoration: none;
	background: url(../img/arw.svg) no-repeat right .5em;
	background-size: 12px auto;
	transition: border .2s;
}

.top_journey .txt .txt_btm .detail a:hover {
	border-color: transparent;
}

/* top_category */

.top_category {
	padding: 0 0 120px;
	position: relative;
}

.top_category:before {
	content: '';
	position: absolute;
	top: 240px;
	left: 0;
	z-index: -1;
	width: calc(50% + 414px);
	height: 538px;
	background: linear-gradient(180deg, #F4F5F6 0%, #F4F5F6 50%, #FAFCD4 50%, #FAFCD4 100%);
}

.top_category:after {
	content: '';
	position: absolute;
	top: 538px;
	left: 0;
	z-index: -1;
	width: 90px;
	height: 142px;
	background: url(../../_img/bg_category03.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_category .inner { 
	width: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

.top_category .inner:before {
	content: '';
	position: absolute;
	top: 74px;
	right: -102px;
	z-index: -1;
	width: 132px;
	height: 460px;
	background: url(../../_img/bg_category01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_category .inner:after {
	content: '';
	position: absolute;
	top: 0;
	left: -180px;
	z-index: -1;
	width: 540px;
	height: 240px;
	background: url(../../_img/bg_category02.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_category .inner .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -24px;
	padding: 0;
	list-style-type: none;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

.top_category .inner .list::before,
.top_category .inner .list::after {
	content: "";
	display: block;
	width: 252px;
}
.top_category .inner .list::before {
	order: 1;
}

.top_category .inner .list li {
	width: 252px;
	margin: 0 0 24px;
}

.top_category .inner .list li a {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.top_category .inner .list li a .img {
	width: 252px;
	height: 252px;
	border-radius: 8px;
	box-shadow: 0px 3px 32px 0px rgba(37, 51, 69, .16);
	position: relative;
	overflow: hidden;
}

.top_category .inner .list li a .img:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 144px;
	background: linear-gradient(0deg, rgba(37, 51, 69, 1), rgba(37, 51, 69, 0));
	opacity: .6;
	z-index: 1;
}

.top_category .inner .list li a .img img {
	width: auto;
	height: auto;
	/*max-width: none;*/
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.top_category .inner .list li a .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 94%;
	padding: 20px 3%;
}

.top_category .inner .list li a .txt span {
	font-size: 11px;
	font-size: 1.1rem;
}

.top_category .inner .list li {
	position: relative;
	bottom: -20px;
	opacity: 0;
	transition: .5s;
}

.top_category .inner .list li.active{
	opacity: 1;
	bottom: 0;
}

/* top_other */

.top_other {
	margin: 160px 0 0;
	position: relative;
}

.top_other:before {
	content: '';
	position: absolute;
	top: -160px;
	right: -148px;
	z-index: -1;
	width: 296px;
	height: 296px;
	background: linear-gradient(180deg, #D6D4FC 0%, #D6D4FC 50%, #F4F5F6 50%, #F4F5F6 100%);
	border-radius: 50%;
}

.top_other:after {
	content: '';
	position: absolute;
	top: 60px;
	right: -120px;
	z-index: -1;
	width: 240px;
	height: 49px;
	background: url(../../_img/bg_other01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_other .inner {
	width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.top_other .inner h2 {
	width: 200px;
	padding: 16px 0 0;
	margin: 0;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: left;
	background-position: 0 0;
}

.top_other .inner .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 818px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	font-size: 1.4rem;
}

.top_other .inner .list li {
	display: flex;
	flex-direction: column;
	width: 385px;
	margin: 0 0 40px;
}

.top_other .inner .list li a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 0 28px;
    border-bottom: 2px solid #253345;
    box-sizing: border-box;
	color: #253345;
	text-decoration: none;
}

.top_other .inner .list li a .tit {
	margin: 0 0 16px;
	padding: 0 28px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	background: url(../img/arw.svg) no-repeat right center;
	background-size: 12px auto;
	position: relative;
}

.top_other .inner .list li a .tit:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 20px;
	height: 20px;
}

.top_other .inner .list li.ico01 a .tit:before {
	background: url(../img/ico_other01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_other .inner .list li.ico02 a .tit:before {
	background: url(../img/ico_other02.svg) no-repeat 0 0;
	background-size: 100% auto;
}

/* top_topics */

.top_topics {
	margin: 0 0 -32px;
	padding: 0 0 96px;
	position: relative;
}

.top_topics:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 314px;
	background: #FCE6D4;
}

.top_topics:after {
	content: '';
	position: absolute;
	bottom: 314px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 34px;
	background: url(../../_img/bg_topics02.svg) no-repeat center 0;
	background-size: auto 100%;
}

.top_topics .inner {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

.top_topics .inner:before {
	content: '';
	position: absolute;
	top: -14px;
	left: 0;
	z-index: -1;
	width: 410px;
	height: 136px;
	background: url(../../_img/bg_topics01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_topics .slider {
	display: none;
}

.top_topics .slider.slick-initialized {
	display: block;
}

.top_topics .slider .slides {
	width: 300px;
	margin: 0 48px 0 0;
}

.top_topics .slider .slides a {
	display: block;
	padding: 0 0 21px;
	border-bottom: 2px solid #253345;
	color: #253345;
	text-decoration: none;
}

.top_topics .slider .slides a .img {
	width: 300px;
	height: 157px;
	margin: 0 0 16px;
	position: relative;
	overflow: hidden;
}

.top_topics .slider .slides a .img img {
	width: auto;
	height: auto;
	/*max-width: none;*/
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.top_topics .slider .slides a .txt {
	margin: 0 0 16px;
}

.top_topics .slider .slides a .date {
	padding: 0 24px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
	background: url(../img/arw.svg) no-repeat right center;
	background-size: 12px auto;
}

.top_topics .slider .slide-arrow {
	top: 81px;
}

.modal_cnt {
	width: 680px;
	margin: 0 auto;
	padding: 80px;
	font-size: 16px;
	font-size: 1.6rem;
	background: #fff;
	position: relative;
}

.modal_cnt .tit {
	margin: 0 0 24px;
	font-weight: bold;
}

.modal_cnt .tit h1 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
}

.modal_cnt .btn {
	margin: 32px 0 0;
	padding: 0;
	list-style-type: none;
}

.modal_cnt .btn li {
	margin: 0 0 24px;
}

.modal_cnt .btn li:last-child {
	margin: 0;
}

.top_activity {
	position: relative;
	z-index: 0;
}

.top_activity:before {
	content: '';
	position: absolute;
	top: 0;
	left: -200px;
	z-index: -1;
	width: 400px;
	height: 400px;
	background: ;
	background: linear-gradient(90deg, #FAFCD4 0%, #FAFCD4 50%, #FAFCD4 50%, #FAFCD4 100%);
	border-radius: 50%;
}

.top_activity:after {
	content: '';
	position: absolute;
	top: 28px;
	left: 0;
	width: 128px;
	height: 49px;
	background: url(../../_img/bg_other01.svg) no-repeat 0 0;
	background-size: 240px auto;
}

.top_activity .inner {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

.top_activity .inner:before {
	content: '';
	position: absolute;
	top: 40px;
	right: -204px;
	z-index: -1;
	width: 584px;
	height: 162px;
	background: url(../../_img/bg_activity01.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.top_activity .list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -64px;
	padding: 0;
	list-style-type: none;
}

.top_activity .list > li {
	width: 234px;
	margin: 0 0 64px 48px;
}

.top_activity .list > li:nth-child(4n + 1) {
	margin-left: 0;
}

.top_activity .list > li .col {
	position: relative;
}

.top_activity .list > li a {
	display: block;
	text-decoration: none;
	position: relative;
}

.top_activity .list > li .img {
	margin: 0 0 16px;
	height: 234px;
	overflow: hidden;
}

.top_activity .list > li .txt .category {
	padding: 6px 26px 2px 2px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #253345;
	background: #fff;
}

.top_activity .list > li .img ~.txt .category {
	position: absolute;
	bottom: calc(100% - 238px);
}

.top_activity .list > li a .txt .tit {
	text-decoration: underline;
}

.top_activity .list > li a .txt .tit:hover {
	text-decoration: none;
}

.top_activity .list > li .txt .date {
	margin: 8px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.top_activity .list > li .txt .price {
	margin: 12px 0 0;
	padding: 3px 0px;
	border-top: 1px solid #D3D6DA;
	border-bottom: 1px solid #D3D6DA;
	font-size: 14px;
	font-size: 1.4rem;
	color: #253345;
	font-weight: bold;
	text-align: right;
}

.top_activity .list > li.none {
	display: none;
}

.top_activity .common_btn02 {
	display: none;
	width: 184px;
	margin-top: 64px;
}

/* news */

.news_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.news_list li {
	display: flex;
	margin: 0 0 16px;
}

.news_list li:last-child {
	margin: 0;
}

.news_list li .date {
	width: 86px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
}

.news_list li .txt {
	width: calc(100% - 86px);
}

/* topics_list */

.topics_list .slider {
	display: none;
}

.topics_list .slider.slick-initialized {
	display: block;
}

.topics_list .slider .slides {
	width: 300px;
	margin: 0 48px 0 0;
}

.topics_list .slider .slides a {
	display: block;
	padding: 0 0 21px;
	border-bottom: 2px solid #253345;
	color: #253345;
	text-decoration: none;
}

.topics_list .slider .slides a .img {
	width: 300px;
	height: 157px;
	margin: 0 0 16px;
	position: relative;
	overflow: hidden;
}

.topics_list .slider .slides a .img img {
	width: auto;
	height: auto;
	/*max-width: none;*/
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.topics_list .slider .slides a .txt {
	margin: 0 0 16px;
}

.topics_list .slider .slides a .date {
	padding: 0 24px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
	background: url(../img/arw.svg) no-repeat right center;
	background-size: 12px auto;
}

.topics_list .slider .slide-arrow {
	top: 81px;
}

/* category_list */

.category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1080px;
	margin: 0 auto -100px;
	padding: 0;
	list-style-type: none;
}

.category_list:after {
	content: '';
	display: block;
	width: 328px;
}

.category_list > li {
	width: 328px;
	margin: 0 0 100px;
	position: relative;
	bottom: -20px;
	opacity: 0;
	transition: .5s;
}

.category_list > li.active{
	opacity: 1;
	bottom: 0;
}

.category_list > li a {
	display: block;
	text-decoration: none;
	position: relative;
}

.category_list > li .img {
	margin: 0 0 16px;
	height: 328px;
	overflow: hidden;
}

.category_list > li .txt .category {
	padding: 6px 26px 2px 2px;
	font-weight: bold;
	color: #253345;
	background: #fff;
}

.category_list > li .img ~ .txt .category {
	position: absolute;
	bottom: calc(100% - 328px);
}

.category_list > li a .txt .tit {
	text-decoration: underline;
}

.category_list > li a .txt .tit:hover {
	text-decoration: none;
}

.category_list > li .txt .date {
	margin: 8px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
}

.category_list > li .txt .price {
	margin: 12px 0 0;
	padding: 3px 0px;
	border-top: 1px solid #D3D6DA;
	border-bottom: 1px solid #D3D6DA;
	color: #253345;
	font-weight: bold;
	text-align: right;
}

/* contact */

.contact_flow ul {
	display: flex;
	justify-content: center;
	vertical-align: top;
	width: 232px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}

.contact_flow ul li {
	width: 50%;
	padding: 0 0 20px;
	font-weight: bold;
	position: relative;
}

.contact_flow ul li.active {
	color: #D4000E;
}

.contact_flow ul li:before {
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #D3D6DA;
}

.contact_flow ul li:first-child:before {
	left: 50%;
	width: 50%;
}

.contact_flow ul li:last-child:before {
	width: 50%;
}

.contact_flow ul li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin: 0 0 0 -4px;
	background: #253345;
}

.contact_flow ul li.active:after {
	background: #D4000E;
}

.tbr.contact_tbl th {
	width: 25%;
	padding-right: 72px;
	position: relative;
}

.tbr.contact_tbl th .imp {
	position: absolute;
	right: 32px;
	top: 50%;
	margin: -11px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #D4000E;
	text-align: center;
}

.tbr.contact_tbl th .any {
	position: absolute;
	right: 32px;
	top: 50%;
	margin: -11px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #9299A2;
	text-align: center;
}

.tbr.contact_tbl td .size_l {
	width: 75%;
}

.tbr.contact_tbl td .size_m {
	width: 60%;
}

.tbr.contact_tbl td .size_s {
	width: 30%;
}

.note {
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.tbr.contact_tbl th .note {
	display: block;
	font-weight: normal;
}

.tbr.contact_tbl td dl {
	display: table;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
}

.tbr.contact_tbl td dl + dl {
	margin-top: 16px;
}

.tbr.contact_tbl td dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 16%;
	font-weight: bold;
	padding: 0 24px 0 0;
}

.tbr.contact_tbl td dl dd {
	display: table-cell;
	vertical-align: middle;
}

.tbr.contact_tbl td .list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tbr.contact_tbl td .list li + li {
	margin-top: 8px;
}

.tbr.contact_tbl td textarea {
	min-height: 388px;
}

.tbr.contact_tbl td .height_s {
	min-height: 128px;
}

.note_list {
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.agreement {
	padding: 28px 0;
	border-bottom: 1px solid #D3D6DA;
	text-align: center;
}

.form_btn {
	margin: 64px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.form_btn li + li {
	margin: 40px 0 0;
}

.err {
	margin: 5px 0 0;
	color: #D4000E;
}

.thanks_txt {
	margin: 0 0 54px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}

.thanks_info {
	margin: 64px 0 0;
	padding: 40px;
	border: 1px solid #D3D6DA;
	color: #66707D;
}

.thanks_info table {
	margin: 30px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.thanks_info table tr td {
	padding: 2px 0;
}

.thanks_info table tr td:first-child {
	width: 86px;
}

/* template */

.temp_tit {
	margin: 0 0 64px;
	font-weight: bold;
	color: #D3D6DA;
	text-align: center;
	background: #253345;
}

.temp_tit .inner {
	width: 1080px;
	margin: 0 auto;
}

.temp_block01 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block01 .txt {
	padding: 10px 24px 12px;
	font-weight: bold;
	color: #fff;
	background: #66707D;
}

.temp_block01 .img img {
	width: 100%;
}

.temp_block01 .cap {
	margin: 12px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.temp_block02 .tit {
	width: 1080px;
	margin: 0 auto 24px;
	padding: 31px 0 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #D4000E;
	background: url(../img/bg_top_h2.svg) no-repeat 0 0;
	background-size: 32px auto;
}

.temp_block02 .lead {
	width: 1080px;
	margin: 0 auto 32px;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}

.temp_block02 .txt {
	padding: 11px 0 13px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	background: #F4F5F6;
}

.temp_block02 .txt .inner {
	width: 1080px;
	margin: 0 auto;
}

.temp_block03 {
	text-align: center;
}

.temp_block03 img {
	width: 100%;
}

.temp_block04 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block04 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -60px;
	padding: 0;
	list-style-type: none;
}

.temp_block04 .list:after {
	content: '';
	display: block;
	width: 328px;
}

.temp_block04 .list li {
	width: 328px;
	margin: 0 0 60px;
}

.temp_block04 .list li a {
	display: block;
	text-decoration: none;
	position: relative;
}

.temp_block04 .list li .img {
	margin: 0 0 16px;
	height: 328px;
	position: relative;
	overflow: hidden;
}

.temp_block04 .list li .img img {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.temp_block04 .list li a .txt .tit {
	text-decoration: underline;
}

.temp_block04 .list li a .txt .tit:hover {
	text-decoration: none;
}

.temp_block04 .list li .txt .date {
	margin: 8px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #66707D;
}

.temp_block05 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block05 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -60px;
	padding: 0;
	list-style-type: none;
}

.temp_block05 .list > li {
	display: flex;
	flex-direction: column;
	width: 516px;
	margin: 0 0 60px;
}

.temp_block05 .list > li .img {
	margin: 0 0 24px;
	width: 516px;
	height: 387px;
	position: relative;
	overflow: hidden;
}

.temp_block05 .list > li .img a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.temp_block05 .list > li .img img {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.temp_block05 .list > li .img .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 48px;
	box-sizing: border-box;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	background: rgba(37,51,69,.4);
}

.temp_block05 .list > li .img .txt .intxt {
	margin: 0 0 8px;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block05 .list > li .ico_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 8px;
	padding: 0;
	list-style-type: none;
}

.temp_block05 .list > li .ico_list li {
	display: flex;
	justify-content: space-between;
	width: 48%;
	margin: 0 0 8px;
}

.temp_block05 .list > li .ico_list li .ico {
	width: 32px;
}

.temp_block05 .list > li .ico_list li .ico_txt {
	width: calc(100% - 40px);
}

.temp_block06 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block06 .col {
	border: 2px solid #66707D;
}

.temp_block06 .col + .col {
	margin: 64px 0 0;
}

.temp_block06 .col .tit {
	padding: 9px 50px 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #66707D;
}

.temp_block06 .col .inner {
	padding: 34px 50px;
}

.temp_block06 .col .inner .img {
	margin: 0 auto 24px;
	text-align: center;
}

.temp_block06 .col .inner .common_btn02 {
	margin-top: 24px;
}

.temp_block07 .col {
	margin: 0 0 4px;
	padding: 24px 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	background: #FAFCD4;
	position: relative;
}

.temp_block07 .col:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp07_01.png) repeat-x center top;
}

.temp_block07 .col:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp07_02.png) repeat-x center top;
}

.temp_block07 .inner {
	width: 1080px;
	margin: 0 auto;
}

.temp_block08 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block08 .col {
	display: flex;
	justify-content: space-between;
}

.temp_block08 .txt {
	width: 600px;
}

.temp_block08 .img {
	width: 432px;
}

.temp_block08 .img .slider {
	display: none;
}

.temp_block08 .img .slider.slick-initialized {
	display: block;
}

.temp_block08 .img .cap {
	margin: 8px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.temp_block09 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block09 .col {
	display: flex;
	justify-content: space-between;
}

.temp_block09 .txt {
	width: 600px;
}

.temp_block09 .img {
	width: 432px;
	height: 324px;
}

.temp_block09 .img iframe {
	width: 100%;
	height: 100%;
}

.temp_block10 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block10 .list {
	border: 8px solid #FCE6D4;
	background: #FCE6D4;
}

.temp_block10 .list .tit {
	padding: 11px 42px 19px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

.temp_block10 .list .col {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.temp_block10 .list .col + .col {
	margin: 8px 0 0;
}

.temp_block10 .list .col dt {
	display: flex;
	align-items: center;
	width: 288px;
	padding: 18px 24px;
	font-weight: bold;
}

.temp_block10 .list .col dd {
	display: flex;
	align-items: center;
	width: 704px;
	padding: 18px 24px 18px 0;
}

.temp_block11 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block11 .tbl {
	border-top: 1px solid #D3D6DA;
}

.temp_block11 .tbl tr th {
	width: 20%;
	padding: 16px 0;
	font-weight: bold;
	border-bottom: 1px solid #D3D6DA;
}

.temp_block11 .tbl tr td {
	padding: 16px 0 16px 32px;
	border-bottom: 1px solid #D3D6DA;
}

.temp_block11 .tbl tr.red {
	color: #D4000E;
}

.temp_block12 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block12 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -24px;
	padding: 0;
	list-style-type: none;
}

.temp_block12 .list:after {
	content: '';
	width: 344px;
}

.temp_block12 .list li {
	width: 344px;
	margin: 0 0 24px;
}

.temp_block12 .list li .common_btn02 {
	width: 100%;
}

.temp_block13 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block13 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -24px;
	padding: 0;
	list-style-type: none;
}

.temp_block13 .list li {
	width: 528px;
	margin: 0 0 24px;
}

.temp_block13 .list li .common_btn02 {
	width: 100%;
}

.temp_block14 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block14 .list {
	margin: 0 0 -24px;
	padding: 0;
	list-style-type: none;
}

.temp_block14 .list li {
	margin: 0 0 24px;
}

.temp_block15 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block15 .inner {
	padding: 40px 48px;
	border: 1px solid #D3D6DA;
}

.temp_block15 .inner .tit {
	padding: 0 0 18px;
	margin: 0 0 40px;
	border-bottom: 2px solid #253345;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.temp_block15 .inner .box {
	display: flex;
	justify-content: space-between;
}

.temp_block15 .inner .box .txt {
	width: 510px;
}

.temp_block15 .inner .box .img {
	width: 432px;
}

.temp_block15 .inner .col {
	margin: 40px 0 0;
	padding: 32px 0 0;
	border-top: 1px solid #D3D6DA;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block15 .inner .col .common_btn02 {
	margin-top: 24px;
}

.temp_block16 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block16 .inner {
	padding: 40px 48px;
	border: 1px solid #D3D6DA;
}

.temp_block16 .inner .tit {
	padding: 0 0 18px;
	margin: 0 0 40px;
	border-bottom: 2px solid #253345;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.temp_block16 .inner .box {
	display: flex;
	justify-content: space-between;
}

.temp_block16 .inner .box .img {
	width: 360px;
}

.temp_block16 .inner .box .txt {
	width: 580px;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block16 .inner .box .txt .list {
	border: 8px solid #FCE6D4;
	background: #FCE6D4;
}

.temp_block16 .inner .box .txt .list .col {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.temp_block16 .inner .box .txt .list .col + .col {
	margin: 8px 0 0;
}

.temp_block16 .inner .box .txt .list .col dt {
	display: flex;
	align-items: center;
	width: 128px;
	padding: 8px 16px;
	font-weight: bold;
}

.temp_block16 .inner .box .txt .list .col dd {
	display: flex;
	align-items: center;
	width: 388px;
	padding: 8px 16px 8px 0;
}

.temp_block16 .inner .common_btn02 {
	margin-top: 40px;
}

.temp_block16 .inner .common_btn02 + .common_btn02 {
	margin-top: 24px;
}

.temp_block17 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block17 .inner {
	padding: 40px 48px;
	border: 1px solid #D3D6DA;
}

.temp_block17 .inner .tit {
	padding: 0 0 18px;
	margin: 0 0 40px;
	border-bottom: 2px solid #253345;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.temp_block17 .inner .box {
	display: flex;
	justify-content: space-between;
}

.temp_block17 .inner .box .txt {
	width: 414px;
}

.temp_block17 .inner .box .img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 528px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.temp_block17 .inner .box .img li {
	width: 260px;
	margin: 0 0 8px;
}

.temp_block17 .inner .detail {
	margin: 32px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block17 .inner .common_btn02 {
	margin-top: 32px;
}

.temp_block17 .inner .common_btn02 + .common_btn02 {
	margin-top: 24px;
}

.temp_block18 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block18 .inner {
	padding: 40px 48px;
	border: 1px solid #D3D6DA;
}

.temp_block18 .inner .tit {
	padding: 0 0 18px;
	margin: 0 0 40px;
	border-bottom: 2px solid #253345;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.temp_block18 .inner .box {
	display: flex;
	justify-content: space-between;
}

.temp_block18 .inner .box .txt {
	width: 484px;
}

.temp_block18 .inner .box .img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 456px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.temp_block18 .inner .box .img li {
	width: 224px;
	margin: 0 0 8px;
}

.temp_block18 .inner .detail {
	margin: 32px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block18 .inner .col_wrap {
	margin: 32px 0 0;
}

.temp_block18 .inner .col_wrap .col {
	padding: 24px 24px;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
}

.temp_block18 .inner .col_wrap .col:nth-child(2n + 1) {
	padding: 20px 24px;
	background: #F4F5F6;
}

.temp_block18 .inner .col_wrap .col:nth-child(2n + 1):before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp18_01.png) repeat-x center top;
}

.temp_block18 .inner .col_wrap .col:nth-child(2n + 1):after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp18_02.png) repeat-x center top;
}

.temp_block18 .inner .col_wrap .col .intit {
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px solid #253345;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.temp_block18 .inner .common_btn02 {
	margin-top: 16px;
}

.temp_block19 {
	width: 1080px;
	margin: 0 auto;
}

.temp_block19 .inner {
	padding: 40px 48px;
	border: 1px solid #D3D6DA;
}

.temp_block19 .inner .tit {
	padding: 0 0 18px;
	margin: 0 0 40px;
	border-bottom: 2px solid #253345;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.temp_block19 .inner .img_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -54px;
	padding: 0;
	list-style-type: none;
}

.temp_block19 .inner .img_list:after {
	content: '';
	display: block;
	width: 312px;
}

.temp_block19 .inner .img_list li {
	width: 312px;
	margin: 0 0 54px;
}

.temp_block19 .inner .img_list li .cap {
	margin: 8px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #66707D;
}

.temp_block19 .inner .txt_list {
	margin: 40px 0 0;
	border: 8px solid #FCE6D4;
	font-size: 14px;
	font-size: 1.4rem;
	background: #FCE6D4;
}

.temp_block19 .inner .txt_list .txt_col {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.temp_block19 .inner .txt_list .txt_col + .txt_col {
	margin: 8px 0 0;
}

.temp_block19 .inner .txt_list .txt_col dt {
	display: flex;
	align-items: center;
	width: 240px;
	padding: 8px 16px;
	font-weight: bold;
}

.temp_block19 .inner .txt_list .txt_col dd {
	display: flex;
	align-items: center;
	width: 678px;
	padding: 8px 16px 8px 0;
}

.temp_block19 .inner .detail {
	margin: 32px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.temp_block19 .inner .col_wrap {
	margin: 32px 0 0;
}

.temp_block19 .inner .col_wrap .col {
	padding: 24px 24px;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
}

.temp_block19 .inner .col_wrap .col:nth-child(2n + 1) {
	padding: 20px 24px;
	background: #F4F5F6;
}

.temp_block19 .inner .col_wrap .col:nth-child(2n + 1):before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp18_01.png) repeat-x center top;
}

.temp_block19 .inner .col_wrap .col:nth-child(2n + 1):after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../img/bg_temp18_02.png) repeat-x center top;https://fujikyucms.fujikyu.co.jp/WebRelease2/img.-.ja_1596103919@@@wizard_navi_end.gif
}

.temp_block19 .inner .col_wrap .col .intit {
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px solid #253345;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}https://fujikyucms.fujikyu.co.jp/WebRelease2/img.-.ja_1596103919@@@wizard_navi_end.gif

.temp_block19 .inner .common_btn02 {
	margin-top: 16px;
}

.temp_block20 {
	width: 1080px;
	margin: 0 auto;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*------------------------------！カスタム！--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

/*------------------------------！レスポンシブ 表示 非表示！--------------------------------------------------------------*/

.pclshow-hhj {width:100%; display: block !important; }
.tblshow-hhj {width:100%; display: none !important; }
.splshow-hhj {width:100%; display: none !important; }
@media only screen and (min-width: 768px) and (max-width: 1300px) {
.pclshow-hhj {width:100%; display: none !important; }
.tblshow-hhj {width:100%; display: block !important; }
.splshow-hhj {width:100%; display: none !important; }
}
@media only screen and (max-width: 767px) {
.pclshow-hhj {width:100%; display: none !important; }
.tblshow-hhj {width:100%; display: none !important; }
.splshow-hhj {width:100%; display: block !important; }
}
/*------------！PCとSPのみ！--------------*/
.pcsp1show-hhj {width:100%; display: block !important; }
@media only screen and (min-width: 768px) and (max-width: 1300px) {
.pcsp1show-hhj {width:100%; display: none !important; }
}
/*------------！PCとTBのみ！--------------*/
.pctb1show-hhj {width:100%; display: none !important; }
@media only screen and (min-width: 767px) {
.pctb1show-hhj {width:100%; display: block !important; }
}

.sp-br {display: none;}
@media screen and (max-width: 768px) {
.sp-br {display: block;}}

/*------------------------------！レスポンシブ width！--------------------------------------------------------------*/





.row:before,
.row:after {
  display: table;
  content: " ";
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
box-sizing: border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1300px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}





/*------------------------------！フォントカラー！--------------------------------------------------------------*/
/*----白----*/
.text-white1{color:#ffffff;}
/*----黒----*/
.text-black1{color:#2f2f2f;}
/*----黒----*/
.text-black2{color:#000000;}
/*----灰　やまなしグリーンゾーンで使っている色----*/
.text-gray1{color:#9EA697;}
/*----灰　やまなしグリーンゾーンで使っている色----*/
.text-gray2{color:#54594C;}
/*----灰　Fuji-Qライナーで使っている色----*/
.text-gray3{color:#f2f2f2;}
/*----灰　TEXTで使っている色----*/
.text-gray4{color:#cccccc;}
/*----灰　富士芝桜まつりで使っている色----*/
.text-gray5{color:#f1f2ec;}
/*----灰　富士芝桜まつりで使っている色----*/
.text-gray6{color:#f9f9f7;}
/*----灰　富士登山・Yetiで使っている色----*/
.text-gray7{color:#50535d;}
/*----灰----*/
.text-gray8{color:#ecf0f6;}
/*----灰　アウトレットで使っている色----*/
.text-gray9{color:#dde8ec;}
/*----灰　大阪万博の色----*/
.text-gray10{color:#d2d7da;}
/*----赤　基本的な見出し等で使っている色----*/
.text-red1{color:#e7380e;}
/*----赤　お気軽ウォークで使っている色----*/
.text-red2{color:#d92526;}
/*----赤　Fuji-Qライナーで使っている色----*/
.text-red3{color:#f23005;}
/*----赤　ディズニーで使っている色----*/
.text-red4{color:#F26052;}
/*----赤　FVEで使っている色----*/
.text-red5{color:#c12a1f;}
/*----赤　FVEで使っている色----*/
.text-red6{color:#ae2b1f;}
/*----赤　Qライナー学生限定で使っている色----*/
.text-red7{color:#d5000f;}
/*----赤　Qライナー学生限定で使っている色----*/
.text-red8{color:#ff3131;}
/*----赤　箱根遊船のロゴの色----*/
.text-red9{color:#b21b2e;}
/*----赤　大阪万博の色----*/
.text-red10{color:#e60012;}
/*----ピンク　富士芝桜で使っている色----*/
.text-pink1{color:#ea527f;}
/*----ピンク　あしかがフラワーパークイルミ使っている色----*/
.text-pink2{color:#ffa9f9;}
/*----青　基本的な見出し等で使っている色----*/
.text-blue1{color:#287dc8;}
/*----青　background等で使っている色----*/
.text-blue2{color:#e5f2fc;}
/*----青　フジムスビ　職域DP配色----*/
.text-blue3{color:#033e8c;}
/*----青　background等で使っている色 白に近い----*/
.text-blue4{color:#fafbff;}
/*----青　お気軽ウォークで使っている色 薄い青緑----*/
.text-blue5{color:#bfd9d6;}
/*----青　東京⇔富士宮で使っている色----*/
.text-blue6{color:#004add;}
/*----青----*/
.text-blue7{color:#8da1d9;}
/*----青----*/
.text-blue8{color:#5271ff;}
/*----青　大阪万博の色----*/
.text-blue9{color:#0068b7;}
/*----ナイト　フジムスビ　職域DP配色----*/
.text-night1{color:#021f59;}
/*----ナイト　Fuji-Qライナーで使っている色----*/
.text-night2{color:#013440;}
/*----ナイト　さがみ湖イルミリオンで使っている色----*/
.text-night3{color:#191f4e;}
/*----水色　Fuji-Qライナーで使っている色----*/
.text-lightblue1{color:#04b2d9;}
/*----水色　伊勢で使っている色----*/
.text-lightblue2{color:#a0eaf2;}
/*----水色　京都大阪で使っている色----*/
.text-lightblue3{color:#bdddf2;}
/*----水色　Qライナー学生限定で使っている色----*/
.text-lightblue4{color:#38BBFF;}
/*----水色----*/
.text-lightblue5{color:#d4def1;}
/*----オレンジ　background等で使っている色----*/
.text-orange1{color:#fce6d4;}
/*----オレンジ　background等で使っている色----*/
.text-orange2{color:#d9bf41;}
/*----オレンジ　アウトレット等で使っている色----*/
.text-orange3{color:#ffbd59;}
/*----紫　background等で使っている色----*/
.text-purple1{color:#d6d4fc;}
/*----紫　見晴し園等で使っている色----*/
.text-purple2{color:#bf4e8c;}
/*----紫　ワイン等で使っている色----*/
.text-purple3{color:#c1047a;}
/*----緑　background等で使っている色----*/
.text-green1{color:#d4fcf6;}
/*----緑　お気軽ウォークで使っている色 ----*/
.text-green2{color:#a2bf63;}
/*----緑　やまなしグリーンゾーンで使っている色　薄い----*/
.text-green3{color:#E8F2D8;}
/*----緑　フジムスビ　職域DP配色----*/
.text-green4{color:#72A603;}
/*----緑　野辺山で使っている色----*/
.text-green5{color:#156f5c;}
/*----緑　野辺山で使っている色----*/
.text-green6{color:#40ae49;}
/*----黄色　フジムスビ　職域DP配色----*/
.text-yellow1{color:#f2cb04;}
/*----黄色　富士急ハイランド配色----*/
.text-yellow2{color:#fdff06;}
/*----黄色　あしかがフラワーパークイルミで使っている色----*/
.text-yellow3{color:#fff7ad;}
/*----黄色　イエティで使っている色----*/
.text-yellow4{color:#fcee06}
/*----黄土色　伊勢で使っている色----*/
.text-ocher1{color:#d9bf41;}
/*----金　河口湖音楽と森の美術館で使っている色----*/
.text-gold1{color:#7f7151;}
/*----金　FVEで使っている色----*/
.text-gold2{color:#be904a;}

/*------------------------------！バックグラウンドカラー！--------------------------------------------------------------*/
/*----白----*/
.white1bg{background-color:#ffffff;}
#white1bgb::before{background-color:#ffffff;}
#white1bg{background-color:#ffffff;}
/*----黒----*/
.black1bg{background-color:#2f2f2f;}
#black1bg{background-color:#2f2f2f;}
/*----黒----*/
.black2bg{background-color:#000000;}
#black2bg{background-color:#000000;}
/*----灰　やまなしグリーンゾーンで使っている色----*/
.gray1bg{background-color:#9EA697;}
#gray1bg{background-color:#9EA697;}
/*----灰　やまなしグリーンゾーンで使っている色----*/
.gray2bg{background-color:#54594C;}
#gray2bg{background-color:#54594C;}
/*----灰　Fuji-Qライナーで使っている色----*/
.gray3bg{background-color:#f2f2f2;}
#gray3bg{background-color:#f2f2f2;}
/*----灰　TEXTで使っている色----*/
.gray4bg{background-color:#cccccc;}
#gray4bg{background-color:#cccccc;}
/*----灰　富士芝桜まつりで使っている色----*/
.gray5bg{background-color:#f1f2ec;}
#gray5bg{background-color:#f1f2ec;}
/*----灰　富士芝桜まつりで使っている色----*/
.gray6bg{background-color:#f9f9f7;}
#gray6bg{background-color:#f9f9f7;}
/*----灰　富士登山・Yetiで使っている色----*/
.gray7bg{background-color:#50535d;}
#gray7bg{background-color:#50535d;}
/*----灰----*/
.gray8bg{background-color:#ecf0f6;}
#gray8bg{background-color:#ecf0f6;}
/*----灰　アウトレットで使っている色----*/
.gray9bg{background-color:#dde8ec;}
#gray9bg{background-color:#dde8ec;}
/*----灰　大阪万博の色----*/
.gray10bg{background-color:#d2d7da;}
#gray10bg{background-color:#d2d7da;}
/*----赤　基本的な見出し等で使っている色----*/
.red1bg{background-color:#e7380e;}
#red1bg{background-color:#e7380e;}
/*----赤　お気軽ウォークで使っている色----*/
.red2bg{background-color:#d92526;}
#red2bg{background-color:#d92526;}
/*----赤　Fuji-Qライナーで使っている色----*/
.red3bg{background-color:#f23005;}
#red3bgb::before{background-color:#f23005;}
#red3bg{background-color:#f23005;}
/*----赤　ディズニーで使っている色----*/
.red4bg{background-color:#F26052;}
#red4bg{background-color:#F26052;}
/*----赤　FVEで使っている色----*/
.red5bg{background-color:#c12a1f;}
#red5bg{background-color:#c12a1f;}
/*----赤　FVEで使っている色----*/
.red6bg{background-color:#ae2b1f;}
#red6bg{background-color:#ae2b1f;}
/*----赤　Qライナー学生限定で使っている色----*/
.red7bg{background-color:#d5000f;}
#red7bg{background-color:#d5000f;}
/*----赤　Qライナー学生限定で使っている色----*/
.red8bg{background-color:#ff3131;}
#red8bg{background-color:#ff3131;}
/*----赤　箱根遊船のロゴの色----*/
.red9bg{background-color:#b21b2e;}
#red9bg{background-color:#b21b2e;}
/*----赤　大阪万博の色----*/
.red10bg{background-color:#e60012;}
#red10bg{background-color:#e60012;}
/*----ピンク　富士芝桜で使っている色----*/
.pink1bg{background-color:#ea527f;}
#pink1bg{background-color:#ea527f;}
#pink1bgb::before{background-color:#ea527f;}
/*----ピンク　あしかがフラワーパークイルミで使っている色----*/
.pink2bg{background-color:#ffa9f9;}
#pink2bg{background-color:#ffa9f9;}
#pink2bgb::before{background-color:#ffa9f9;}
/*----青　基本的な見出し等で使っている色----*/
.blue1bg{background-color:#287dc8;}
#blue1bg{background-color:#287dc8;}
#blue1bgb::before{background-color:#287dc8;}
/*----青　background等で使っている色----*/
.blue2bg{background-color:#e5f2fc;}
#blue2bg{background-color:#e5f2fc;}
/*----青　フジムスビ　職域DP配色----*/
.blue3bg{background-color:#033e8c;}
#blue3bg{background-color:#033e8c;}
#blue3bgb::before{background-color:#033e8c;}
/*----青　background等で使っている色 白に近い----*/
.blue4bg{background-color:#fafbff;}
#blue4bg{background-color:#fafbff;}
/*----青　お気軽ウォークで使っている色 薄い青緑----*/
.blue5bg{background-color:#bfd9d6;}
#blue5bg{background-color:#bfd9d6;}
/*----青　東京⇔富士宮で使っている色----*/
.blue6bg{background-color:#004add;}
#blue6bg{background-color:#004add;}
/*----青----*/
.blue7bg{background-color:#8da1d9;}
#blue7bg{background-color:#8da1d9;}
/*----青----*/
.blue8bg{background-color:#5271ff;}
#blue8bg{background-color:#5271ff;}
/*----青　大阪万博の色----*/
.blue9bg{background-color:#0068b7;}
#blue9bg{background-color:#0068b7;}
/*----ナイト　フジムスビ　職域DP配色----*/
.night1bg{background-color:#021f59;}
#night1bg{background-color:#021f59;}
/*----ナイト　Fuji-Qライナーで使っている色----*/
.night2bg{background-color:#013440;}
#night2bg{background-color:#013440;}
/*----ナイト　さがみ湖イルミリオンで使っている色----*/
.night3bg{background-color:#191f4e;}
#night3bg{background-color:#191f4e;}
/*----水色　Fuji-Qライナーで使っている色----*/
.lightblue1bg{background-color:#04b2d9;}
#lightblue1bg{background-color:#04b2d9;}
#lightblue1bgb::before{background-color:#04b2d9;}
/*----水色　伊勢で使っている色----*/
.lightblue2bg{background-color:#a0eaf2;}
#lightblue2bg{background-color:#a0eaf2;}
/*----水色　京都大阪で使っている色----*/
.lightblue3bg{background-color:#bdddf2;}
#lightblue3bg{background-color:#bdddf2;}
/*----水色　Qライナー学生限定で使っている色----*/
.lightblue4bg{background-color:#38BBFF;}
#lightblue4bg{background-color:#38BBFF;}
/*----水色----*/
.lightblue5bg{background-color:#d4def1;}
#lightblue5bg{background-color:#d4def1;}
/*----オレンジ　background等で使っている色----*/
.orange1bg{background-color:#fce6d4;}
#orange1bg{background-color:#fce6d4;}
/*----オレンジ----*/
.orange2bg{background-color:#d9bf41;}
#orange2bg{background-color:#d9bf41;}
/*----オレンジ　background等で使っている色----*/
.orange3bg{background-color:#ffbd59;}
#orange3bg{background-color:#ffbd59;}
/*----紫　background等で使っている色----*/
.purple1bg{background-color:#d6d4fc;}
#purple1bg{background-color:#d6d4fc;}
/*----紫　background等で使っている色----*/
.purple2bg{background-color:#bf4e8c;}
#purple2bg{background-color:#bf4e8c;}
/*----紫　background等で使っている色----*/
.purple3bg{background-color:#c1047a;}
#purple3bg{background-color:#c1047a;}
/*----緑　background等で使っている色----*/
.green1bg{background-color:#d4fcf6;}
.green1bg:before{background-color:#d4fcf6;}
#green1bg{background-color:#d4fcf6;}
/*----緑　お気軽ウォークで使っている色----*/
.green2bg{background-color:#a2bf63;}
#green2bg{background-color:#a2bf63;}
/*----緑　やまなしグリーンゾーンで使っている色　薄い----*/
.green3bg{background-color:#E8F2D8;}
#green3bg{background-color:#E8F2D8;}
/*----緑　フジムスビ　職域DP配色----*/
.green4bg{background-color:#72A603;}
#green4bg{background-color:#72A603;}
/*----緑　野辺山で使っている色----*/
.green5bg{background-color:#156f5c;}
#green5bg{background-color:#156f5c;}
/*----緑　樹海ウォークで使っている色----*/
.green6bg{background-color:#40ae49;}
#green6bg{background-color:#40ae49;}
/*----黄色　フジムスビ　職域DP配色----*/
.yellow1bg{background-color:#f2cb04;}
#yellow1bg{background-color:#f2cb04;}
/*----黄色　富士急ハイランド配色----*/
.yellow2bg{background-color:#fdff06;}
#yellow2bg{background-color:#fdff06;}
/*----黄色　あしかがフラワーパークイルミで使っている色----*/
.yellow3bg{background-color:#fff7ad;}
#yellow3bg{background-color:#fff7ad;}
/*----黄色　イエティで使っている色----*/
.yellow4bg{background-color:#fcee06;}
#yellow4bg{background-color:#fcee06;}
/*----黄土色　伊勢で使っている色----*/
.ocher1bg{background-color:#d9bf41;}
#ocher1bg{background-color:#d9bf41;}
/*----金　河口湖音楽と森の美術館で使っている色----*/
.gold1bg{background-color:#7f7151;}
#gold1bg{background-color:#7f7151;}
/*----金　FVEで使っている色----*/
.gold2bg{background-color:#be904a;}
#gold2bg{background-color:#be904a;}
/*----青色→黄色　SPF　配色----*/
#blue1bgyellow1bg {
  background: -moz-linear-gradient(top, #287dc8, #f2cb04);
  background: -webkit-linear-gradient(top, #287dc8, #f2cb04);
  background: linear-gradient(to bottom, #287dc8, #f2cb04);
}
/*----赤色→白色　FQP　配色----*/
.red8bgwhite1bg {
  background: -moz-linear-gradient(top, #ff3131, #ffffff);
  background: -webkit-linear-gradient(top, #ff3131, #ffffff);
  background: linear-gradient(to bottom, #ff3131, #ffffff);
}
/*---青色→白色　イエティ　配色----*/
.blue8bgwhite1bg {
  background: -moz-linear-gradient(top, #5271ff, #ffffff);
  background: -webkit-linear-gradient(top, #5271ff, #ffffff);
  background: linear-gradient(to bottom, #5271ff, #ffffff);
}
/*---ナイト→白色　イルミリオン　配色----*/
.night3bgwhite1bg {
  background: -moz-linear-gradient(top, #191f4e, #ffffff);
  background: -webkit-linear-gradient(top, #191f4e, #ffffff);
  background: linear-gradient(to bottom, #191f4e, #ffffff);
}
/*---黄色→白色　イエティ　配色----*/
.yellow4bgwhite1bg {
  background: -moz-linear-gradient(top, #fcee06, #ffffff);
  background: -webkit-linear-gradient(top, #fcee06, #ffffff);
  background: linear-gradient(to bottom, #fcee06, #ffffff);
}
/*---黄色→ピンク　足柄フラワーパークイルミ　配色----*/
.yellow3bgpink2bg  {
  background: linear-gradient(100deg, #fff7ad, #ffa9f9);
}
#yellow3bgpink2bg  {
  background: linear-gradient(100deg, #fff7ad, #ffa9f9);
}






/*------------------------------！リンク用フォント！------------------------------------------------------------*/
/*----青文字----------------*/
.link1{ color:blue;
       text-decoration:underline;}
/*----紺文字----------------*/
.link2{ color:#013440;
       text-decoration:underline;}
/*----青文字下線なしhidden_box2----------------*/
.link3 a{ color:#287dc8;
text-decoration: none;}
.link3 a:hover{
    color: #ff0000;}
.link3 a:hover:before{
    color: #ff0000;}
/*----白文字----------------*/
.link4{ color:#fff;
       text-decoration:underline;}

/*----白い灰色----------------*/
.link5{ color:#f2f2f0;
       text-decoration:underline;}
/*----黒い灰色文字下線なし----------------*/
.link6{ color:#424242;
       text-decoration: none;}

/*----青文字→赤----------------*/
.link7{ color:#287dc8;
text-decoration: none;}
.link7:hover{
    color: #ff0000;}
.link:hover:before{
    color: #ff0000;}
/*----黒い灰色----------------*/
.link8 { color:#424242;
       text-decoration:underline;}
.link8:hover{
    color: #e7380e;}
.link8:hover:before{
    color: #e7380e;}
/*------------------------------！アンダーバーを非表示！------------------------------------------------------------*/
.undernone a {
  text-decoration: none;
}
/*------------------------------！ページ内リンク！--------------------------------------------------------------*/
a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;}

/*------------------------------！テーブル！--------------------------------------------------------------------*/
.table1{background:#FFF;
	padding:10px 10px 10px 10px;
	line-height:20px;
	border:solid 1px #999;
	}
	 @media(max-width: 767px){
		 .table1{
			font-size:14px;
			font-size:1.4rem;
			padding:3px;
			padding:0.3rem;
			line-height:16px;
			line-height:1.6rem;}
	}
th.table1  {background-color:#f2f2f2;
	padding:10px 10px 10px 10px;
	line-height:20px;
	border:solid 1px #999;
	}
	 @media(max-width: 767px){
		 .table1{
			font-size:14px;
			font-size:1.4rem;
			padding:3px;
			padding:0.3rem;
			line-height:16px;
			line-height:1.6rem;}
	}
#table10p{width:10%;}
#table15p{width:15%;}
#table20p{width:20%;}
#table25p{width:25%;}
#table30p{width:30%;}
#table35p{width:35%;}
#table40p{width:40%;}
#table45p{width:45%;}
#table50p{width:50%;}
#table60p{width:60%;}

#table10pgray3bg{width:10%;
background-color:#f2f2f2;}
#table40pgray3bg{width:40%;
background-color:#f2f2f2;}
#table10ppink1bg{width:10%;
background-color:#ea527f;}

.table2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.table2 tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
.table2 tr:last-child{
  border: none;
}
.table2 th{
  padding: 2em;
  border-right: 2px solid #fff;
    font-size: 14px;
}
.table2 td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
    font-size: 14px;
}
.table2 thead tr{
  background-color: #50535d;
  color:#fff;
}
.table2 tbody th {
    border-right: 2px solid #eee;
}
.th.non {
    border-right: none;
}

.table2 .btnarea td {
  padding: .2em .5em;
  border-right:none
}
.table2 .non  {
  padding: .2em .5em;
  border-right:none
}

@media screen and (max-width: 600px) {
  .wrap{
     overflow-x: scroll;
  }
}
.table3 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.table3 tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}

.table3 th{

  padding: 2em;
  border-right: 2px solid #fff;
    font-size: 14px;
}
.table3 td {

  padding: 2em .5em;
  border-right: 2px solid #eee;

    font-size: 14px;
}
.table3 thead tr{
  background-color: #50535d;
  color:#fff;
}
.table3 tbody th {
background-color: #50535d;
    border-right: 2px solid #eee;
    color:#fff;
}


.table3 .btnarea td {
  padding: .2em .5em;

}
#table3_lightblue thead th{
  background-color: #04b2d9;
  color:#fff;
}
#table3_lightblue tbody th {
  background-color: #04b2d9;
    border-right: 2px solid #eee;
      color:#fff;
}
#table3_red thead th{
  background-color: #f23005;
  color:#fff;
}
#table3_red tbody th {
  background-color: #f23005;
    border-right: 2px solid #eee;
      color:#fff;
}

@media screen and (max-width: 600px) {
  .wrap{
     overflow-x: scroll;
  }
}
.table4{
	padding:10px 10px 10px 10px;
	line-height:20px;
	border:solid 1px #fff;
        color:#fff;
	}
	 @media(max-width: 767px){
		 .table4{
			font-size:14px;
			font-size:1.4rem;
			padding:3px;
			padding:0.3rem;
			line-height:16px;
			line-height:1.6rem;}
	}
th.table4  {
	padding:10px 10px 10px 10px;
	line-height:20px;
	border:solid 1px #fff;
        color:#fff;
	}
	 @media(max-width: 767px){
		 .table4{
			font-size:14px;
			font-size:1.4rem;
			padding:3px;
			padding:0.3rem;
			line-height:16px;
			line-height:1.6rem;}
	}
/*------------------------------！フレックス！--------------------------------------------------------------*/
#flex{display:flex}

/*------------------------------！フォントサイズ！--------------------------------------------------------------*/
.font-size14{font-size:14px;}
.font-size15{font-size:15px;}
.font-size16{font-size:16px;}
.font-size18{font-size:18px;}
.font-size20{font-size:20px;}
.font-size24{font-size:24px;}
.font-size32{font-size:32px;}

/*------------------------------！テキストポジション！----------------------------------------------------------*/
.text-center{
	text-align:center;
	}
.text-left{
	text-align:left;
	}
.text-right{
	text-align:right;
	}

/*------------------------------！マージン！--------------------------------------------------------------------*/
.margin-bottom10{
	margin-bottom:10px;
	margin-bottom:0.7142857rem;}

/*------------------------------！パディング！--------------------------------------------------------------------*/
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.paddingtop10{padding:10px 0 0px;}
.paddingtop30{padding:30px 0 0px;}
.paddingtop40{padding:40px 0 0px;}
.paddingtop70{padding:70px 0 0px;}
.paddingtop140{padding:140px 0 0px;}
.paddingleft20{padding:0px 0px 0px 20px;}



/*------------------------------！cssを無効！--------------------------------------------------------------------*/
.clear_layout {
	width: initial;
	margin: initial;
	padding: initial;
	background: initial;
	text-align: initial;
}
.clear_border {
 border: initial;
}


/*------------------------------！ラインハイト！--------------------------------------------------------------------*/
.line-height20{line-height: 20px;}
.line-height30{line-height: 30px;}
.line-height60{line-height: 60px;}

/*------------------------------！画像！--------------------------------------------------------------------*/
img.maximg {width: 100%;}
.border-radius{border-radius: 10px; border: 2px solid #000000;}


/*------------------------------！画像回転！--------------------------------------------------------------------*/
		.imgguru {
			transition: .5s ;
			transform: rotateZ( 0deg ) ;
		}

		.imgguru_container:hover .imgguru {
			transform: rotateZ( 360deg ) ;
		}


/*------------------------------！画像の上に文字！--------------------------------------------------------------------*/
.pointimg {
  position: relative;
}
/* line 1216, scss/modules/_sections.scss */
.pointimg span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  background: #bfd9d6;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}


.pointimg2 {
  position: relative;
}
/* line 1216, scss/modules/_sections.scss */
.pointimg2 span {
width: calc(100% + 120px);
  margin-left: -50px;
  margin-top: -50px;

  position: absolute;
  top: 20px;
  left: 50px;
  width: 40px;
  height: 60px;
  background: #f2cb04;
  color: #000;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
border-radius: 50%
}


.overlapimg {
 color: #ffffff;
 position: absolute;
 top: 14px;
 left: 28%;
 margin: 0;
 padding: 0;
font-size: 14px;
}

.overlapimg2 {
 color: #ffffff;
 position: absolute;
 top: 36%;
 left: 5%;
 margin: 0;
 padding: 0;
font-size: 14px;
}

.overlapimg3 {
 color: #ffffff;
 position: absolute;
 top: 55%;
 left: 5%;
 margin: 0;
 padding: 0;
font-size: 14px;
}

.overlapimg4{
  position: relative;
}
.overlapimg4-bottom-right {
  position: absolute;
  bottom: 25px;
  right: 25px;
}




/*------------------------------！スライドショー！--------------------------------------------------------------------*/
.out2{
    position: relative;
}
.in2 img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
}
.slider2 label span{
display: none;
}
.slider2 label span::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
label input:checked + span::before{
    background: #000;
    opacity: 1;
}
label input:checked ~ img,label input:checked ~ a img{
    opacity: 1;
    z-index: 1;
}

/*------------------------------！フェードイン！--------------------------------------------------------------------*/
.fadein-text1  {
 opacity : 0;
 transform : translate(0, 45px);
 transition : all 300ms;
}
.fadein-text1.effect-scroll {
 opacity : 1;
 transform : translate(0, 0);
}

.fadein-text2 {
    font-size: 20px;
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.fadein-text3  {
 opacity : 0;
 transform : translateX(400px);
 transition : all 2s;
}

.fadein-text3.effect-scroll {
 opacity : 1;
 transform : translate(0, 0);
}

/*------------------------------！ふわふわ！--------------------------------------------------------------------*/
.fuwafuwa {animation: fuwafuwa 10s ease-in-out 1 forwards;}
@keyframes fuwafuwa {0%  {transform: scale(1.0, 1.0) translate(0, 0);}
  5% {transform: scale(0.98, 0.9) translate(0, 5px);}
  10% {transform: scale(1.02, 1.0) translate(0, 8px);}
  15% {transform: scale(0.98, 1.05) translate(0, -8px);}
  20% {transform: scale(1.0, 0.9) translate(0, 5px);}
  25% {transform: scale(1.0, 1.0) translate(0, 0);}
  30%  {transform: scale(1.0, 1.0) translate(0, 0);}
  35% {transform: scale(0.98, 0.9) translate(0, 5px);}
  40% {transform: scale(1.02, 1.0) translate(0, 8px);}
  45% {transform: scale(0.98, 1.05) translate(0, -8px);}
  50% {transform: scale(1.0, 0.9) translate(0, 5px);}
  55% {transform: scale(1.0, 1.0) translate(0, 0);}
  60%  {transform: scale(1.0, 1.0) translate(0, 0);}
  65% {transform: scale(0.98, 0.9) translate(0, 5px);}
  70% {transform: scale(1.02, 1.0) translate(0, 8px);}
  75% {transform: scale(0.98, 1.05) translate(0, -8px);}
  80% {transform: scale(1.0, 0.9) translate(0, 5px);}
  85% {transform: scale(1.0, 1.0) translate(0, 0);}
  90%  {transform: scale(1.0, 1.0) translate(0, 0);}
  95% {transform: scale(0.98, 0.9) translate(0, 5px);}
  100% {transform: scale(1.02, 1.0) translate(0, 8px);}
  0%, 100% {opacity: 1;}}
/*------------------------------！改行！--------------------------------------------------------------------*/
.sp-br {display: none;}
 @media screen and (max-width: 767px) {
 .sp-br { display: block;}
 }

/*------------------------------！ボーダー！--------------------------------------------------------------------*/
.boder-gry{
	border:solid 1px #dcdcdc;
	}


.border-white{border-bottom: 1px solid #fff;}
.border-red6{border-bottom: 1px solid #ae2b1f;}

/*------------------------------！見出し！--------------------------------------------------------------------*/
.title-black1{
	font-weight:bold;	
	text-align:left;	
	border-bottom:solid 1px #646464;
	color:#2f2f2f;
	font-size:18px;
	font-size:1.8rem;
	margin-top:5px;
	margin-bottom:5px;
	}
	 @media(max-width: 767px){
		 .plan-title-softblack2{
		 font-weight:bold;	
		 text-align:left;	
		 border-bottom:solid 1px #2f2f2f;
		 color:#646464;
		 font-size:16px; 
		 font-size:1.6rem;
	margin-top:5px;
	margin-bottom:5px;
	 }
 }


.title-black2 {
  position: relative;
  padding: 1.5rem;
  font-size:32px; 
}


.title-line1 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  font-size:24px; 
}
.title-line1::before {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #2f2f2f;
}




.title-line2 {
    position: relative;
    padding: 1.5rem 0;
    margin-bottom: 0.2rem;
    font-size: 20px;
    font-weight: bold;
    color: #353535;
}
.title-line2:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image:
        linear-gradient(135deg, #ffffff 25%, transparent 25%),
        linear-gradient(225deg, #ffffff 25%, transparent 25%),
        linear-gradient(45deg, #ffffff 25%, transparent 25%),
        linear-gradient(315deg, #ffffff 25%, #ff3131 25%);
    background-position: 5px 0, 5px 0, 0 0, 0 0;
    background-size: 10px 10px;
    background-repeat: repeat;
    content: '';
}
#title-line2_white{
    color: #ffffff;
}
#title-line2_white:before{
    background-image:
        linear-gradient(135deg, #40ae49 25%, transparent 25%),
        linear-gradient(225deg, #40ae49 25%, transparent 25%),
        linear-gradient(45deg, #40ae49 25%, transparent 25%),
        linear-gradient(315deg, #40ae49 25%, #ffffff 25%);
}
#title-line2_redyellow{
    color: #000;
}
#title-line2_redyellow:before{
    background-image:
        linear-gradient(135deg, #f2cb04 25%, transparent 25%),
        linear-gradient(225deg, #f2cb04 25%, transparent 25%),
        linear-gradient(45deg, #f2cb04 25%, transparent 25%),
        linear-gradient(315deg, #f2cb04 25%, #ff5757 25%);
}
#title-line2_nightwhite{
    color: #000;
}
#title-line2_nightwhite:before{
    background-image:
        linear-gradient(135deg, #ffffff 25%, transparent 25%),
        linear-gradient(225deg, #ffffff 25%, transparent 25%),
        linear-gradient(45deg, #ffffff 25%, transparent 25%),
        linear-gradient(315deg, #ffffff 25%, #021f59 25%);
}


.title-line3{
    font-size: 20px;
  color: #04b2d9;
  border-bottom: dashed 2px #04b2d9;
}


/*------------------------------！ボーダー！--------------------------------------------------------------------*/
.borderred1 {
border:solid 1px #e7380e; border-radius: 30px;
}

.bordergray1 {
border:solid 1px #e1e1e2; border-radius: 30px;
}

.borderwhite1 {
border:solid 1px #ffffff; border-radius: 30px;
}

/*------------------------------！リスト！--------------------------------------------------------------------*/

#ss-sp-content .right {

	float: right;
	padding-right: 19px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#ss-sp-content .right dl {
	position: relative;
	padding-left: 21px;
}
#ss-sp-content .right dl dt {
	position: relative;
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
}
#ss-sp-content .right dl dt:before {
	content: "";
	position: absolute;
	top: 4px;
	left: -21px;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50px;
	background-color: #fff;
}
#ss-sp-content .right dl dt ~ dt {
	margin-top: 9px;
}
#ss-sp-content .right dl dd {
	font-size: 14px;
}
#ss-sp-content .right dl:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 7px;
	display: block;
	width: 1px;
/*	height: 248px;	/**/
	height: 266px;	/*	白い線の長さ*/
	background-color: #fff;/**/
}
#ss-sp-content .right p {
	margin-top: 12px;
	text-align: right;
	font-size: 14px;
}

/*------------------------------！ボタン！--------------------------------------------------------------------*/

/*----青ふち白→青----------------*/
.button1 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #ffffff;
    color: #287dc8;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #287dc8;
}
.button1 a:hover{
    background: #287dc8;
    color: #fff;
}
.button1 a:hover:before{
    background: #287dc8;
    color: #fff;
}

/*----緑→水色----------------*/
.button2 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #03A688;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #03A688;
}
.button2 a:hover{
    background: #C9E7F2;
    color: #03A688;
}
.button2 a:hover:before{
    background: #C9E7F2;
    color: #03A688;
}

/*----水色→水色----------------*/
.button3 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #287dc8;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #287dc8;
}
.button3 a:hover{
    background: #ffffff;
    color: #287dc8;
}
.button3 a:hover:before{
    background: #ffffff;
    color: #287dc8;
}

/*----黄緑→緑----------------*/
.button4 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #aef249;
    color: #2f2f2f;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #aef249;
}
.button4 a:hover{
    background: #a2bf63;
    color: #2f2f2f;
    border:2px solid #a2bf63;
}
.button4 a:hover:before{
    background: #a2bf63;
    color: #2f2f2f;
    border:2px solid #a2bf63;

}

/*----青ふち白→青（ text-align:left; お泊りパック用）----------------*/
.button5 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 10px 10px 10px;
    margin: .5em 0;
    background: #ffffff;
    color: #287dc8;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #287dc8;
}
.button5 a:hover{
    background: #287dc8;
    color: #fff;
}
.button5 a:hover:before{
    background: #287dc8;
    color: #fff;
}


/*----水色→水色----------------*/
.button6 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #04B2D9;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #04B2D9;
　　
}
.button6 a:hover{
    background: #ffffff;
    color: #04B2D9;
}
.button6 a:hover:before{
    background: #ffffff;
    color: #04B2D9;
}

/*----赤→赤----------------*/
.button7 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #F23005;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #F23005;
　　
}
.button7 a:hover{
    background: #ffffff;
    color: #F23005;
}
.button7 a:hover:before{
    background: #ffffff;
    color: #F23005;
}

/*----紺→紺----------------*/
.button8 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #013440;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #013440;
　　
}
.button8 a:hover{
    background: #ffffff;
    color: #013440;
}
.button8 a:hover:before{
    background: #ffffff;
    color: #013440;
}



/*----緑→緑----------------*/
.button9 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #72A603;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #72A603;
　　
}
.button9 a:hover{
    background: #ffffff;
    color: #72A603;
}
.button9 a:hover:before{
    background: #ffffff;
    color: #72A603;
}

/*----グレーアウト----------------*/
.button10{
position: relative;
display: block; 
padding: .4em .4em .4em 2em; 
*padding: .4em; 
margin: .5em 0; 
background: #dcdcdc; 
color: #ffffff; 
text-decoration: none; 
border-radius: .3em; 
transition: all .3s ease-out; 
text-decoration: none !important;
text-align:center;}



/*----ピンク→ピンク----------------*/
.button11 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #ea527f;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #ea527f;
　　
}
.button11 a:hover{
    background: #ffffff;
    color: #ee7599;
}
.button11 a:hover:before{
    background: #ffffff;
    color: #ee7599;
}


/*----黒淵----------------*/
.button12 a{
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    border-radius: 30em;
    font-size: 15px;
    text-align:center;
    font-family: inherit;
    border: 1px solid #424242;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color:  #424242;
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
}
.button12 a::before {
    content: '';
    width: 0;
    height: 3.3em;
    border-radius: 30em;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff  0%, #f3f4ee 100%);
    transition: .3s ease;
    display: block;
    z-index: -1;
}

.button12 a:hover::before  {
    width:100%;
}




/*----黒淵⇒赤----------------*/
.button13 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    text-align:center;
    background: #ffffff;
    color: #000000;
    font-size:14px;

    border-radius: 30em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:1px solid #50535d;
}
.button13 a:hover{
    background: #f23005;
    color: #ffffff;
    border:1px solid #e1e1e2;
    width:100%;
}
.button13 a:hover:before{
    background: #f2cb05;
    color: #ffffff;
    border:1px solid #e1e1e2;
    width:100%;
}


/*----青⇒青----------------*/
.button14 a {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    text-align:center;
    background: #287dc8;
    color: #ffffff;
    font-size:14px;

    border-radius: 30em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:1px solid #287dc8;
}
.button14 a:hover{
    background: #ffffff;
    color: #287dc8;
    border:1px solid #287dc8;
    width:100%;
}
.button14 a:hover:before{
    background: #ffffff;
    color: #287dc8;
    border:1px solid #287dc8;
    width:100%;
}


/*----紫ふち白→紫（ text-align:left; ワイン）----------------*/
.button15 a {
    width:100%;
    position: relative;
    display: block;
    color: #c1047a;
    padding:8px 0 10px 0;
    background: #ffffff;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #c1047a;
}
.button15 a:hover{
    background: #c1047a;
    color: #fff;
}
.button15 a:hover:before{
    background: #c1047a;
    color: #fff;
}


/*----丸っこい----------------*/

.button16 {
  position: relative;
  padding: 12px 24px;
  border-radius: 20px;
  border: none;
  color: #fff;
  font-size:14px;
  cursor: pointer;
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #f20519;

}


.button16:hover {
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #000000;
}


#button16_blue1 {background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #033e8c;}
#button16_blue1:hover{
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #1e549a;


}
#button16_green1 {background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #72a603;}
#button16_green1:hover {
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #7eae17;


}

/*----bus----------------*/
.button17 a  {
    width:100%;
    height:50px;
    font-size: 16px;
     font-weight: bold;
    position: relative;
    display: block;
  padding: 16px 0px 0px 0px;
    color: #fff;
    text-align:center;
    text-decoration: none;
    border-radius: .8em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border: 2px solid #fff;
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #72a603;}
.button17 a:hover{
  color: #72a603;
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #fff;
  border: 2px solid #72a603;}
.button17 a:hover:before{
  color: #72a603;
  background:url(https://www.fujikyu-travel.co.jp/free2/img/fujimusubi/10.svg) right 18px top 50%  no-repeat #fff;
  border: 2px solid #72a603
}


/*------------------------------！カード！--------------------------------------------------------------------*/
.card_1 {
 width: 100%;
 background: rgb(255, 255, 255);
    padding:10px 0px 10px 0px;
 box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}


/*------------------------------！吹き出し風！--------------------------------------------------------------------*/
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
min-width: 98%;
  max-width: 100%;
  color: #000000;
  font-size: 16px;
  background: #287dc8;
  text-align:center;
}



.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #287dc8;
}

#red2bg:before{border-top: 15px solid #d92526;}
#red3bg:before{border-top: 15px solid #f23005;}
#red4bg:before{border-top: 15px solid #F26052;}
#red8bg:before{border-top: 15px solid #ff3131;}
#orange1bg:before{border-top: 15px solid #fce6d4;}
#purple1bg:before{border-top: 15px solid #d6d4fc;}
#green1bg:before{border-top: 15px solid #d4fcf6;}
#yellow1bg:before{border-top: 15px solid #f2cb04;}
#night2bg:before{border-top: 15px solid #013440;}
#night3bg:before{border-top: 15px solid #191f4e;}
#green2bg:before{border-top: 15px solid #a2bf63;}
#pink1bg:before{border-top: 15px solid #ea527f;}
#lightblue1bg:before{border-top: 15px solid #04b2d9;}
#purple3bg:before{border-top: 15px solid #c1047a;}

/*------------------------------！前面テキストと背面スライダー！--------------------------------------------------------------------*/

.slideBox {
  height: 700px;
  overflow: hidden;
  position: relative;
}
#slideBoxtb{
  height: 500px;
}
.slideBoxitem {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 32s 0s infinite;
  animation: anime 32s 0s infinite;
}
.slideBoxitem:nth-of-type(2) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.slideBoxitem:nth-of-type(3) {
  -webkit-animation-delay: 16s;
  animation-delay: 16s;
}
.slideBoxitem:nth-of-type(4) {
  -webkit-animation-delay: 24s;
  animation-delay: 24s;
}
.slideBoxlogo {
  font-size: 32px;
  color: #fff;
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.slideBoxlogosp {
  font-size: 32px;
  color: #fff;
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%,-40%);
}
/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

/*------------------------------！隠れBOX！--------------------------------------------------------------------*/

.hidden_box label {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #ffffff;
    color: #287dc8;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
    border:2px solid #287dc8;
}

.hidden_box label:hover{
    background: #287dc8;
    color: #fff;
}
.hidden_box label:hover:before{
    background: #287dc8;
    color: #fff;
}
<!--
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}-->
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
    opacity: 1;
}


.hidden_box2 label {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    color: #287dc8;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
word-break:break-word;
}


.hidden_box2 label:hover{
    color: #ff0000;

}
.hidden_box2 label:hover:before{
    color: #ff0000;
}
<!--
/*チェックは見えなくする*/
.hidden_box2 input {
    display: none;
}-->
/*中身を非表示にしておく*/
.hidden_box2 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box2 input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
    opacity: 1;
}



.hidden_box3 label {
    width:100%;
    position: relative;
    display: block;
    padding:8px 0 10px;
    margin: .5em 0;
    background: #287dc8;
    color: #ffffff;
    text-align:center;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    text-decoration: none !important;
word-break:break-word;
}


.hidden_box3 label:hover{
    background: #ffffff;
    color: #287dc8;
    border:2px solid #287dc8;

}
.hidden_box3 label:hover:before{
    background: #ffffff;
    color: #287dc8;
    border:2px solid #287dc8;
}
<!--
/*チェックは見えなくする*/
.hidden_box3 input {
    display: none;
}-->
/*中身を非表示にしておく*/
.hidden_box3 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box3 input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
    opacity: 1;
}


/*------------------------------！SVGの背景！--------------------------------------------------------------------*/

.shapedividers_1 {
  overflow: hidden;
  position: relative;
  height: 100px;
}
.shapedividers_1::before {
  content: "";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  transform: scaleX(4);
  transform-origin: 100% 0;
  animation: 10s infinite alternate shape-anim-8266 linear;
  background-size: 100% 70px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23e5f2fc"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23e5f2fc"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23e5f2fc"/></svg>');
}
.shapedividers_2 {
  overflow: hidden;
  position: relative;
  height: 100px;
}
.shapedividers_2::before {
  content: "";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: 0vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0vw;
  transform: scaleX(4);
  transform-origin: 100% 0;
  animation: 10s infinite alternate shape-anim-8266 linear;
  background-size: 100% 120px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23e5f2fc"/><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23e5f2fc"/><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23e5f2fc"/></svg>');
}


/*------------------------------！スクロールダウン！--------------------------------------------------------------------*/
.scrolldown1{
z-index:9999;
    position: fixed;
    bottom:1%;
    right:50%;
    -moz-animation:arrowmove 1s ease-in-out infinite,cssAnimation 0s  ease-in 6s forwards;
    /* Firefox */
    -webkit-animation:arrowmove 1s ease-in-out infinite, cssAnimation 0s ease-in 6s forwards;
    /* Safari and Chrome */
    -o-animationarrowmove 1s ease-in-out infinite,: cssAnimation 0s ease-in 6s forwards;
    /* Opera */
    animation:arrowmove 1s ease-in-out infinite, cssAnimation 0s ease-in 6s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        visibility:hidden;
    }
}
/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }
/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
        z-index:9999;
	position: absolute;
	left:-20px;
	bottom:10px;
    /*テキストの形状*/
	color: #2f2f2f;
	font-size: 1.0rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown1:before {
        z-index:9999;
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 2px;
    height: 20px;
    background: #2f2f2f;
    transform: skewX(-31deg);
}
.scrolldown1:after{
        z-index:9999;
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:2px;
	height: 50px;
	background:#2f2f2f;
}



/*------------------------------！タブ！--------------------------------------------------------------------*/
.tabA {
    height: 80px;
    width: 33.33%;
    border-bottom: 4px solid black;
    line-height: 40px;
    text-align: center;
    font-size: 16pt;
    float: left;
    cursor: pointer;
}

.tabB {
    height: 80px;
    width:50%;
    border-bottom: 4px solid black;
    line-height: 40px;
    text-align: center;
    font-size: 16pt;
    float: left;
    cursor: pointer;
}
.selectedtabA {
    background-color: black;
    color: white;
    border: none;
}
#containertabA {
    position: relative;
    width: 100%;
    height:1250px;
    overflow: hidden;
    clear: left;
}
#containertabA2 {
    position: relative;
    width: 100%;
    height:1500px;
    overflow: hidden;
    clear: left;
}

#containertabA3 {
    position: relative;
    width: 100%;
    height:2400px;
    overflow: hidden;
    clear: left;
}

.boxtabA {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    height: 800px;
    cursor: pointer;
}
#first {
    top: 0px;
  width: 100%;
    left: 0px;
}
#second {
    top: 0px;
  width: 100%;
    left: 1800px;
}
#third {
    top: 0px;
  width: 100%;
    left: 3600px;
}
#slide {
    transition: transform 1s ease-in-out 0s;
    -moz-transition: -moz-transform 1s ease-in-out 0s;
    -webkit-transition: -webkit-transform 1s ease-in-out 0s;
}
.move-to-second {
    transform: translateX(-1800px);
    -moz-transform: translateX(-1800px);
    -webkit-transform: translateX(-1800px);
}

.move-to-secondB {
    transform: translateX(-1800px);
    -moz-transform: translateX(-1800px);
    -webkit-transform: translateX(-1800px);
}
.move-to-third {
    transform: translateX(-3600px);
    -moz-transform: translateX(-3600px);
    -webkit-transform: translateX(-3600px);
}


.move-to-first {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);    
}

.move-to-firstB {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);    
}


/*------------------------------！初回アクセスモーダル！--------------------------------------------------------------------*/

.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 99999
}
.btn_area {
width: 600px;
height: 340px;
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
text-align: center;
z-index: 100000
}

.btn_area button {
display: block;
margin: 0 auto;
background: #333;
color: #fff;
padding: 20px 40px;
border: none
}
.btn_area button:hover {
background: #777
}

/*------------------------------！youtube！--------------------------------------------------------------------*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*------------------------------！loader！--------------------------------------------------------------------*/
.loader_a1 {position: absolute;top: calc(50% - 32px);left: calc(50% - 32px);width: 64px;height: 64px;}
.loader_a1 div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%; box-sizing: border-box;opacity: .8;}
.one_a1 {border-top: 1px solid #0032de;animation: rotate-left 1s linear infinite;}
.two_a1 {border-right: 1px solid #005aab;animation: rotate-right 1s linear infinite;}
.three_a1 {border-bottom: 1px solid #007be6;animation: rotate-right 1s linear infinite;}
.four_a1 {border-left: 1px solid #f20519;animation: rotate-right 1s linear infinite;}
@keyframes rotate-left {0%{transform: rotate(360deg);}
  100% {transform: rotate(0deg);}}
@keyframes rotate-right {0%{transform: rotate(0deg);}
  100% {transform: rotate(360deg);}}
 .loader_s1 {position: fixed;width: 100%;height: 100vh;  background-color: #f9f9f7;  z-index: 555;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center;}