@charset "UTF-8";

/* Scss Document */
* {
	text-decoration: none !important;
}

.pc_banner {
	display: block;
	position: absolute;
	bottom: 37px;
	right: 40px;
	display: block;
	z-index: 999;
}

.pc_banner img {
	width: 100%;
	height: auto;
}

.sp_banner {
	display: none;
}

#f_logo img {
	width: 280px;
	height: auto;
}


#instagram {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 45px 0;
}

#instagram a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 50%;
	height: 50%;
	background-image: url(../images/instagramLogo.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	z-index: 1;
}

#instagram a {
	width: 24%;
	display: block;
	position: relative;
	height: 12vw;
	overflow: hidden;
	background-color: #001c58;
}

#instagram a:hover img {
	opacity: 0.5;
}

#instagram a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 110%;
	height: auto;
	z-index: 10;
	transition: 0.3s;
}

/*****************/
#cy_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	overflow: hidden;
	transition: 0.3s ease-in-out;
}

.headerBg {
	background-color: #FFF;
	height: 80px;
}

#cy_nav {
	width: 94%;
	max-width: 1600px;
	position: fixed;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
}

#cy_nav ul {
	width: calc(100% - 600px);
}

#cy_nav li {
	display: inline-block;
	margin-right: 20px;
}

#cy_nav a {
	color: #000;
	text-decoration: none;
	position: relative;
}

#cy_nav a:after {
	content: "";
	border-bottom: 2px solid #001c58;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	transition: 0.3s ease-in-out;
}

#cy_nav a:hover:after {
	width: 100%;
}

#h_right {
	position: fixed;
	top: 0;
	right: 0;
	width: 600px;
	display: flex;
	justify-content: space-between;
}

#h_right li {
	width: 50%;
	position: relative;
}

#h_right li:nth-child(1) {
	background-color: #001c58;
	border-right: 1px solid #FFF;
	font-size: 24px;
	pointer-events: none;
}

#h_right li:nth-child(2) {
	background-color: #242526;
	font-weight: bold;
}

#h_right li a {
	color: #FFF;
	text-decoration: none;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 500;
}

#h_right li img {
	margin-right: 10px;
}

.cy_hov {
	position: relative;
}

.cy_hov:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}

.cy_hov.hov_blue:after {
	background-color: rgba(0, 28, 99, 0.1);
}

.cy_hov:hover:after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.cy_hov a {
	position: relative;
	z-index: 500;
}

/*************/
#main {
	position: relative;
	height: 100vh;
	z-index: 10;
	display: flex;
	align-items: flex-end;
}

.flexslider,
#fade1,
#fade2,
#fade3 {
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#fade1 {
	background: url(../images/fade1.jpg) 50% 0/cover no-repeat;
}

#fade2 {
	background: url(../images/fade2.jpg) 50% 0/cover no-repeat;
}

/* #fade3 {
	background: url(../images/fade3.jpg) 50% 0/cover no-repeat;
} */

#title_box {
	width: 94%;
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
	z-index: 500;
	padding-bottom: 80px;
}

#title_box:after {
	content: "";
	background-color: rgba(255, 255, 255, 0.30);
	position: absolute;
	top: 0;
	left: -200px;
	width: 1295px;
	height: 385px;
}

#top_title {
	font-size: 60px;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 600;
}

#top_title span {
	border-bottom: 7px solid #000;
	padding-bottom: 10px;
}

#top_title2 {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	z-index: 600;
}

/********************/
.top_midashi {
	font-size: 16px;
	color: #001c58;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	z-index: 500;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.top_midashi:before {
	content: "";
	border-left: 1px solid #001c58;
	height: 100px;
	display: inline-block;
	width: 1px;
	margin: 0 auto 20px;
}

.top_w_right {
	width: 100%;
	max-width: 900px;
	margin: 530px auto 350px;
}

.font_17vw {
	font-size: 1.7vw;
}

.midashi32 {
	font-size: 32px;
}

.midashi38 {
	font-size: 38px;
}

.midashi44 {
	font-size: 44px;
}

.midashi45 {
	font-size: 45px;
}

.midashi52 {
	font-size: 52px;
}

.midashi58 {
	font-size: 58px;
}

.midashi81 {
	font-size: 81px;
	font-family: monospace;
	font-weight: 600;
}

.color {
	color: #001c58;
}

.pl_minus {
	margin-left: -20px;
}

.padding200 {
	padding: 200px 0;
}

.midashi24 {
	font-size: 24px;
}

.midashi20 {
	font-size: 20px;
	font-weight: 600;
}

.midashi_top10 {
	width: 40%;
	margin: 0 auto;
}

.midashi_top10 img {
	display: block;
	width: 100%;
	height: auto;
}

.top11 {
	width: 50%;
}

.top11 img {
	display: block;
	width: 100%;
	height: auto;
}

#top_img1 {
	position: absolute;
	top: 0;
	left: 0;
}

#top_img1 img {
	max-width: 1204px;
	width: 100%;
	height: auto;
}

/**********************/
#top_bg1 {
	background: url(../images/top3.jpg) 50% 0/cover no-repeat;
	height: 800px;
	width: 97%;
	max-width: 1860px;
	margin: 0 auto;
	position: relative;
	z-index: 500;
}

/*********************/
.top_af_bg1 {
	position: relative;
}

.top_af_bg1:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	top: -150px;
	right: 0;
	width: 360px;
	height: 700px;
}

.new_bg1 {
	background: url(../images/back_img2.png) 50% 0/cover no-repeat;
	height: 1950px;
	width: 100%;
	position: relative;
	margin-top: -150px;
}

.concept_title {
	position: absolute;
	top: 34%;
	left: 50%;
	transform: translate(-50%, -95%);
	width: 90%;
	/*white-space: nowrap*/
}

.features_title_box {
	padding-left: 150px;
}

.new_font_img {
	padding: 0 10px 30px 0;
}

.new_font_img2 {
	padding: 0 10px 30px 0;
}

@media (max-width:1490px) {
	.break {
		display: none !important;
	}
}

@media (max-width:1025px) {
	.concept_title {
		top: 32%;
	}

	.top_w_right {
		width: 100%;
		max-width: 900px;
		margin: 540px auto 350px;
	}

	.spmt-540 {
		margin-top: 400px !important;
	}

	.features_title_box {
		padding-left: 0;
		text-align: center;
	}

}

@media (max-width:1000px) {
	.sp_break {
		display: block !important;
	}
}

@media (max-width:740px) {
	.new_bg1 {
		margin-top: -180px !important;
		background: url(../images/back_img2.png) 50% 0/cover no-repeat;
		height: 1200px;
		width: 100%;
		position: relative;
		margin-top: -150px;
	}

	.new_font_img {
		padding: 0 10px 30px 0;
		width: 100%;
		max-width: 110px;
		height: auto;
	}

	.new_font_img2 {
		padding: 0 10px 30px 0;
		width: 100%;
		max-width: 60px;
		height: auto;
	}

	.concept_img_bottom {
		background: url(../images/back_img.png) 50% 0/cover no-repeat;
		top: -9% !important;
		height: 400px !important;
	}

	.concept_title {
		position: absolute;
		top: 31%;
		left: 50%;
		transform: translate(-50%, -95%);
		width: 98%;
		font-size: 26px !important;
		/*white-space: nowrap*/
	}

	.midashi58 {
		font-size: 31px !important;
	}

	.midashi81 {
		font-size: 41px !important;
	}

	.concept_title_top_text {
		margin-bottom: -15px !important;
		display: inline-block;
	}
}

@media (max-width:681px) {
	.pt-450 {
		padding-top: 100px !important;
	}
}

@media (max-width:524px) {
	.pt-450 {
		padding-top: 100px !important;
	}

	.new_bg1 {
		margin-top: -180px !important;
		background: url(../images/back_img2.png) 50% 0/cover no-repeat;
		height: 1300px;
		width: 100%;
		position: relative;
		margin-top: -150px;
	}
}

.sp_break {
	display: none;
}

.concept_img {
	position: absolute;
	top: 20%;
	width: 100%;
	height: auto;
}

.concept_img2 {
	position: absolute;
	top: 20%;
	width: 100%;
	height: auto;
}

.concept_img_bottom {
	background: url(../images/back_img.png) 50% 0/cover no-repeat;
	position: relative;
	top: -24%;
	z-index: 10;
	height: 700px;
}

.features_number_container {
	position: absolute;
	left: 55%;
	top: 42%;
	min-width: 400px;
}

.number_box {
	background: #001c58;
	color: #fff;
	padding: 7px;
	font-size: 20px;
	margin-right: 35px;
	letter-spacing: 0.3rem;
}

.number_box {
	background-color: rgba(118, 118, 118, 1.00);
	color: #fff;
	padding: 7px;
	font-size: 20px;
	margin-right: 35px;
	letter-spacing: 0.3rem;
	transition: 0.3s ease;
}

.features_number_container .c_list .color {
	color: rgba(118, 118, 118, 1.00);
	transition: 0.3s ease;
}

.features_number_container .c_list.active .number_box {
	background-color: #001c58;
}

.features_number_container .c_list.active .color {
	color: #001c58;
}

.padding120 {
	padding: 120px 0;
}

.new_padding120 {
	padding: 165px 0 120px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-450 {
	padding-top: 450px;
}

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

.item_center {
	align-items: center;
}

.item_end {
	align-items: flex-end;
}

.top_left {
	width: 40%;
}

.top_width {
	width: 100%;
	max-width: 500px;
	margin: 0 0 0 auto;
	position: relative;
	z-index: 500;
	padding: 0 0 0 14px;
	left: 30px;
}

.top_width h2 {
	width: calc(100% + 300px);
}

.more {
	width: 310px;
	text-align: center;
	position: relative;
}

.more2 {
	width: 310px;
	text-align: center;
}

.more a {
	padding: 20px;
	color: #001c58;
	display: block;
	position: relative;
	z-index: 500;
	border: 1px solid #001c58;
}

.more2 a {
	padding: 20px;
	color: #001c58;
	display: block;
	position: relative;
	z-index: 500;
	border: 1px solid #001c58;
}

.more img {
	position: absolute;
	right: -40px;
	top: 25px;
}

.more.more_w a {
	color: #FFF;
	border-color: #FFF;
}

.more2 img {
	position: absolute;
	right: -40px;
	top: 25px;
}

.more2.more_w a {
	color: #FFF;
	border-color: #FFF;
}

.top_right {
	width: 60%;
}

#top_bg2 {
	background: url(../images/top4.jpg) 80% 0/cover no-repeat;
	height: 670px;
}

/*********************/
.top_af_bg2 {
	position: relative;
	margin-bottom: 180px;
}

.top_af_bg2:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	max-width: 1150px;
	height: 580px;
	display: none;
}

.top_left2 {
	width: 44%;
	position: relative;
	z-index: 999;
}

.top_width2 {
	width: 100%;
	max-width: 680px;
	padding: 0 14px 0 14px;
}

.top_width3 {
	width: 52.8vw;
	height: 610px;
	padding: 60px 80px;
	position: absolute;
	background: rgba(255, 255, 255, 1);
	z-index: 999;
	bottom: -2.4%;
	left: 91%;
}

.top_right2 {
	width: 52%;
}

.top_more_list {
	width: calc(100% + 50px);
	display: flex;
	justify-content: space-between;
}

.top_more_list li {
	width: 50%;
	text-align: center;
	background-color: #fefdfd;
	position: relative;
}

.top_more_list li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 28, 99, 0.1);
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}

.top_more_list li:hover:after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.top_more_list a {
	color: #001c58;
	padding: 20px 0;
	display: block;
	position: relative;
	z-index: 500;
	border: 1px solid;
}

.more_eng {
	font-size: 18px;
}

.more_ja {
	font-size: 22px;
	font-weight: bold;
}

.more_shape {
	position: absolute;
	right: -7%;
	top: 50%;
	transform: translateY(-50%);
}

#top_bg3 {
	/*background: url(../images/top5.jpg) 80% 0/cover no-repeat;*/
	height: 935px;
}

/***********************/
#top_bg4 {
	background: url(../images/top6.jpg) 50% 0/cover no-repeat;
	height: 570px;
	padding: 100px 20px;
	color: #FFF;
}

.midashi_eng {
	font-size: 18px;
}

.midashi34 {
	font-size: 34px;
}

.bg_width {
	width: 45%;
}

/*************/
.top_af_bg3 {
	position: relative;
}

.top_af_bg3:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(100% - 160px);
	height: calc(100% - 200px);
}

#top_bg5 {
	background: url(../images/top7.jpg) 50% 0/cover no-repeat;
	height: 600px;
}

/*************/
.bg_flex {
	display: flex;
	justify-content: space-between;
}

.banar_style {
	width: 50%;
	height: 500px;
	transition: 0.3s ease-in-out;
}

.banar_style a {
	color: #FFF;
}

.banar_style:hover {
	width: 60%;
}

#banar_bg1 {
	background: url(../images/top8.jpg) 60% 50%/cover no-repeat;
}

#banar_bg2 {
	background: url(../images/top9.jpg) 90% 50%/cover no-repeat;
}

.banar_width {
	width: 94%;
	max-width: 700px;
	margin: 0 auto;
	padding-top: 100px;
}

/*************/
.center {
	text-align: center;
}

.padding80_160 {
	padding: 80px 0 160px;
}

.contact_more {
	background-color: #1a1717;
}

.contact_more a {
	display: block;
	padding: 30px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}

.contact_more img {
	margin-right: 20px;
	position: relative;
	top: -3px;
}

/*******************/
.f_bg1 {
	background-color: #e5e8ee;
	padding: 120px 14px;
}

#f_logo {
	text-align: center;
	margin-bottom: 120px;
}

.f_nav {
	text-align: center;
}

.f_nav li {
	padding: 0 15px;
	border-right: 1px solid #333333;
	display: inline-block;
	line-height: 1em;
}

.f_nav li:last-child {
	border-right: 0;
}

.f_nav a {
	color: #000;
}

.f_padding {
	padding: 40px 0 40px;
}

.f_add {
	display: flex;
	justify-content: space-between;
	max-width: 1500px;
	width: 94%;
	margin: 0 auto;
}

.f_add li {
	width: 24%;
	max-width: 310px;
}

.f_bb {
	font-weight: bold;
	border-bottom: 1px solid #001c58;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 16px;
}

#copy {
	text-align: center;
}

/*************************************************

	トレーラーハウスについて

*************************************************/
#title_in {
	text-align: center;
	font-size: 38px;
	padding: 200px 0 200px;
	line-height: 1.2em;
}

#title_in span {
	display: block;
	font-size: 26px;
}

/***************************/
.af_bg_about {
	position: relative;
}

.af_bg_about:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 1225px;
	height: 80%;
	background-color: #f6f9fe;
}

.big42 {
	font-size: 42px;
}

.be_bl:before {
	content: "";
	border-left: 1px solid #001c58;
	height: 100px;
	display: block;
	width: 1px;
	margin: 0 auto 20px;
}

/***********/
#about_bg4 {
	background: url(../images/about2.jpg) 50% 0/cover no-repeat;
	height: 530px;
}

/***************************/
.margin200 {
	margin: 200px 0;
}

.af_bg_about2 {
	position: relative;
}

.af_bg_about2:after {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	width: calc(100% - 260px);
	height: calc(100% - 150px);
	background-color: #f6f9fe;
}

.midashi30 {
	font-size: 30px;
}

.bg_w_span {
	background-color: #FFF;
	padding: 5px 20px 10px;
	line-height: 2.1em;
}

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

.flex_48 {
	width: 48%;
}

.flex_46 {
	width: 46%;
}

.point_p {
	color: #001c58;
	font-size: 16px;
}

.point_p:before {
	content: "";
	border-top: 2px solid #001c58;
	width: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	position: relative;
	top: -1px;
}

.point_p_2 {
	color: #001c58;
	font-size: 26px;
	padding-bottom: 10px;
}

.point_p_2:before {
	content: "";
	border-top: 2px solid #001c58;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	position: relative;
	top: -1px;
}

.img_calc {
	width: calc(100% + 310px);
}

.img_calc.calc_left {
	position: relative;
	left: -310px;
}

/********************/
.about_box {
	margin: 160px 0 400px;
	position: relative;
}

.hokkaido {
	color: rgba(45, 107, 192, 0.1);
	font-size: 10vw;
	text-align: center;
	letter-spacing: 0;
	line-height: 1em;
}

.ab_flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.ab_left {
	width: 50%;
}

.ab_right {
	width: 48%;
}

.ab_midashi_ver {
	font-size: 34px;
	position: relative;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	display: inline-block;
	letter-spacing: 0.25em;
	line-height: 2.4em;
	font-family: "A-OTF-GothicMB101Pro-Bold_ver";
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.ver_bl {
	border-right: 6px solid #001c58;
	padding-right: 15px;
}

.big_ver {
	font-size: 52px;
}

#hokkaido_img {
	position: absolute;
	top: -180px;
	right: 0;
	z-index: 1;
}

#hokkaido_img img {
	width: 100%;
	max-width: 1362px;
	height: auto;
}

/******************/
#about_bg {
	background: url(../images/about6.jpg) 90% 0/cover no-repeat;
	color: #FFF;
	padding: 100px 0;
}

.about_width {
	width: 100%;
	max-width: 520px;
}

/*************************************************

	使用用途

*************************************************/
.container94 {
	width: 94%;
	margin: 0 auto;
}

#use_bg {
	background: url(../images/use1.jpg) 50% 0/cover no-repeat;
	height: 520px;
}

.num {
	color: #001c58;
	font-size: 26px;
	text-align: center;
}

/*********/
.use_af_bg {
	position: relative;
	padding: 0 20px 100px;
	margin-top: 150px;
}

.use_af_bg:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 40px);
}

.use_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}

.use_left {
	width: 42%;
	padding-top: 40px;
}

.use_right {
	width: 50%;
}

/**********************/
#use_bg2 {
	background: url(../images/use6.jpg) 30% 0/cover no-repeat;
	height: 520px;
}

#use_bg3 {
	background: url(../images/use10.jpg) 90% 0/cover no-repeat;
	color: #FFF;
	padding: 100px 0;
}

/*************************************************

	導入にあたって

*************************************************/
.guide_nav {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}

.guide_nav li {
	width: 16.66%;
	text-align: center;
}

.guide_nav a {
	font-size: 16px;
	color: #000;
	display: block;
	padding: 15px 0;
	border-right: 1px solid #a0a0a0;
	font-weight: bold;
}

.guide_nav li:last-child a {
	border: 0;
}

.guide_nav .fas {
	display: block;
	color: #001c58;
	margin-top: 10px;
	font-size: 20px;
	transition: 0.3s ease-in-out;
}

.guide_nav a:hover .fas {
	transform: translateY(5px);
}

/***************/
#guide_bg1 {
	background: url(../images/new_guide1.jpg) 50% 0/cover no-repeat;
}

.bg_style {
	height: 520px;
}

.bg_blue {
	background-color: #f6f9fe;
}

.guide_minus {
	margin-top: -30px;
}

.padding120_0 {
	padding: 120px 0;
}

/**************/
.gui_list {
	display: flex;
	flex-wrap: wrap;
}

.gui_list li {
	width: 28.33%;
	position: relative;
	background-color: #FFF;
	padding: 40px 40px;
	margin: 40px 2.5%;
}

.gui_list li:after {
	content: "";
	border-top: 1px solid #001c58;
	position: absolute;
	left: -35px;
	top: 20px;
	transform: rotate(-45deg);
	width: 100px;
}

.gui_midashi {
	text-align: center;
	font-size: 18px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/***********/
.eng_midashi .eng {
	font-size: 22px;
}

.eng_midashi .ja {
	font-size: 34px;
	display: block;
	margin-top: 15px;
	letter-spacing: 0.1em;
}

.merit_list li {
	display: table;
	width: 100%;
	margin: 80px 0;
}

.merit_cell1 {
	display: table-cell;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	font-size: 34px;
	color: #001c58;
	border-right: 1px solid #001c58;
}

.merit_cell2 {
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
}

/***************/
#guide_bg2 {
	background: url(../images/guidance2.jpg) 50% 0/cover no-repeat;
}

.padding60 {
	padding: 60px;
}

.bg_gray {
	background-color: #fefdfd;
}

/***************/
.gui_af_bg {
	position: relative;
	padding: 100px 0;
}

.gui_af_bg:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 800px;
	height: 100%;
}

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

/******************/
.gui_list2 {
	display: flex;
	justify-content: space-between;
}

.gui_list2 li {
	width: 48%;
	background-color: #fefdfd;
	padding: 60px 40px;
}

.gui_list2 p {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.gui_icon {
	text-align: center;
	margin-bottom: 20px;
}

.gui_midashi2 {
	text-align: center;
	color: #001c58;
	font-size: 26px;
	border-bottom: 3px solid #001c58;
	padding-bottom: 20px;
	font-weight: bold;
	line-height: 1.3em;
}

.gui_midashi2 span {
	display: block;
	font-size: 14px;
}

/***********/
.gui_flow {
	position: relative;
}

.gui_flow li {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
	position: relative;
	z-index: 500;
}

.gui_flow:after {
	content: "";
	border-left: 2px solid #001c58;
	position: absolute;
	top: 0;
	left: 130px;
	height: 100%;
}

.gui_cell1 {
	width: 260px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #001c58;
	color: #FFF;
	font-size: 18px;
}

.gui_cell1 p {
	line-height: 1.3em;
}

.gui_cell1 span {
	display: block;
	font-size: 14px;
}

.gui_cell2 {
	width: calc(100% - 300px);
	background-color: #FFF;
	padding: 30px;
}

/****************/
.gui_bg {
	background-color: #fefdfd;
	padding: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.flex_30 {
	width: 30%;
}

.flex_66 {
	width: 66%;
}

.gui_num {
	font-size: 22px;
	line-height: 1.3em;
}

.gui_num span {
	position: relative;
}

.gui_num span:after {
	content: "";
	border-left: 1px solid #001c58;
	position: absolute;
	right: -8px;
	bottom: -6px;
	transform: rotate(45deg);
	height: 25px;
}

/*************************************************

	設置実績

*************************************************/
.w_af_bg {
	position: relative;
}

.w_af_bg:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	top: calc(50% - 40px);
	right: 0;
	width: calc(100% - 700px);
	height: 80%;
	transform: translateY(-50%);
}

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

.work_left {
	width: 400px;
	position: relative;
	z-index: 500;
	left: -80px;
	background-color: #fefdfd;
	padding: 60px 20px;
}

.work_right {
	width: calc(100% - 480px);
	position: relative;
}

.p_sticky {
	position: sticky;
	top: 100px;
}

.work_width {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}

.cate_p {
	text-align: center;
	color: #001c58;
	font-size: 20px;
}

.cate_list li {
	margin: 25px 0;
	font-size: 16px;
	position: relative;
}

.cate_list li:after {
	content: "";
	background: url(../images/cate_shape.jpg) 50% 50%/100% 100% no-repeat;
	width: 51px;
	height: 8px;
	position: absolute;
	right: 0;
	top: calc(50% - 3px);
	transform: translateY(-50%);
}

.cate_list a {
	color: #000;
	text-decoration: none;
}

/*************/
.work_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 500;
}

.work_list li {
	width: 48%;
	margin: 40px 0;
}

.work_list li:nth-child(1),
.work_list li:nth-child(2) {
	margin-top: 0;
}

.work_list a {
	color: #000;
	text-decoration: none;
}

.w_cate {
	position: relative;
	z-index: 500;
	margin-top: -15px;
}

.w_cate span {
	color: #FFF;
	background-color: #001c58;
	padding: 5px 15px;
}

.w_cate.w_bg span {
	background-color: #064581;
}

.w_title {
	font-weight: bold;
	margin-top: 15px;
	font-size: 18px;
}

.w_text {
	margin-top: 5px;
}

/*************************************************/
#junbi {
	font-size: 42px;
	text-align: center;
	padding: 80px 0 200px;
}

/*************************************************

	会社概要

*************************************************/
.guide_nav.nav_2 li {
	width: 50%;
}

.af_bg_com {
	position: relative;
}

.af_bg_com:after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 160px);
	height: calc(100% - 250px);
}

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

.com_list li {
	width: 46%;
}

.com_list li:nth-child(2) {
	margin-top: 80px;
}

.com_list img {
	width: 100%;
	height: auto;
}

/*********************/
.com_table {
	border-top: 1px solid #313131;
}

.com_table li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #313131;
}

.c_cell1 {
	display: table-cell;
	width: 280px;
	vertical-align: middle;
	background-color: #faf8f8;
	color: #001c58;
	padding: 40px;
	font-weight: bold;
	position: relative;
}

.c_cell2 {
	display: table-cell;
	vertical-align: middle;
	padding: 40px 40px 40px 100px;
}

/********************/
.com_flex {
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-120 {
	margin-bottom: 120px;
}

.com_left {
	width: 48%;
	position: relative;
	z-index: 500;
	padding-top: 60px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.com_left:before {
	content: "";
	border-top: 2px solid #001c58;
	position: absolute;
	top: 20px;
	left: 0;
	width: calc(100% + 150px);
}

.com_right {
	width: 48%;
}

.com_midashi {
	font-size: 24px;
}

/*************************************************

	お問い合わせ

*************************************************/
.c_list {
	display: flex;
	align-items: center;
}

.c_list li {
	text-align: center;
	width: 50%;
	border-right: 1px solid #001c58;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
}

.c_list li:last-child {
	border: 0;
	font-size: 16px;
}

.c_tel {
	font-size: 18px;
}

.c_tel span {
	font-size: 34px;
}

/********************/
.hissu,
.nini {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #FFF;
	padding: 0 5px;
}

.hissu {
	background-color: #001c58;
}

.nini {
	background-color: #434343;
}

.com_table.con_table .c_cell1 {
	width: 300px;
	padding: 40px 20px;
}

.size,
.area {
	background-color: #FFF;
	border: 1px solid #b5b5b5;
	padding: 10px;
	width: 100%;
}

.size {
	height: 60px;
}

.area {
	height: 200px;
}

.con_style {
	position: relative;
	padding-left: 80px;
}

.con_l {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.a_bb a {
	font-weight: bold;
	color: #001c58;
	border-bottom: 1px solid #001c58;
}

.sub input {
	display: block;
	background-color: #001c58;
	color: #FFF;
	width: 320px;
	padding: 20px;
	text-align: center;
	border: 0;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 0.15em;
}

/*css radio02*/
.radio_box input {
	margin-right: 10px;
}

.radio_box label {
	margin-right: 30px;
	padding-left: 10px;
	position: relative;
	cursor: pointer;
}

.radio_box input:checked:before {
	opacity: 1;
}

.radio_box input:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 50%;
}

.radio_box input:before {
	content: "";
	position: absolute;
	left: 7px;
	top: 7px;
	width: 10px;
	height: 10px;
	background-color: #001c58;
	border-radius: 50%;
	z-index: 500;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

/*****************/
.center_more_blue a {
	background-color: #001c58;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	padding: 20px;
}

.center_more_blue a:hover {
	background-color: #333;
}

.bb_midashi {
	border-bottom: 3px solid #001c58;
	color: #001c58;
	font-weight: bold;
	font-size: 32px;
	padding-bottom: 5px;
}

#guide_bg4 {
	background: url(../images/new_guide6.jpg) 50% 0/cover no-repeat;
}

#guide_bg5 {
	background: url(../images/new_guide7.jpg) 50% 0/cover no-repeat;
}

/********************************************************

	展示会場

********************************************************/
.hall_flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #001c58;
	font-weight: bold;
	font-size: 22px;
}

.hall_flex_center span {
	margin-left: 15px;
}

.hall_map iframe {
	width: 100%;
	height: 500px;
}

.hall_minus {
	margin-top: -60px;
}

/**********/
.access_root {
	display: flex;
	justify-content: space-between;
}

.access_list {
	width: calc(100% - 200px);
}

.access_list li {
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
}

.station {
	width: 250px;
	padding: 40px 0;
	text-align: center;
	color: #001c58;
	font-weight: bold;
	font-size: 24px;
	border: 5px solid #aac0eb;
}

.root_center {
	width: calc(100% - 250px);
	position: relative;
}

.root_center:after {
	content: "";
	background: url(../images/hall_root.jpg) 50% 0/100% 100% no-repeat;
	width: 100%;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.root_center p {
	padding-left: 60px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 18px;
}

.root_color {
	color: #2d6bc0;
}

.root_big {
	font-size: 24px;
}

.hall_right {
	width: 200px;
	background-color: #001c58;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hall_right p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 30px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/********************************************************

	よくある質問

********************************************************/
.num_40 {
	font-size: 40px;
}

.faq_table {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.faq_cell1 {
	width: 58px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}

.faq_cell2 {
	width: calc(100% - 80px);
}

.qqq1 {
	color: #001c58;
	border: 2px solid #001c58;
}

.qqq2 {
	font-weight: bold;
	font-size: 20px;
	color: #001c58;
	padding-top: 10px;
}

.aaa1 {
	color: #FFF;
	background-color: #001c58;
}

.aaa2 {
	padding-top: 15px;
}

/*****************/
.gree_flex {
	display: flex;
	justify-content: space-between;
}

.gree_left {
	width: 300px;
	order: 2;
}

.gree_right {
	width: calc(100% - 340px);
}

.name {
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}

.name span {
	padding-left: 10px;
	font-size: 22px;
}

/***************************/

#slider {
	width: 100%;
	margin: 0 auto;
}

#thumbnail-list ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

#thumbnail-list li {
	width: 24%;
	margin: 0.5%;
	cursor: pointer;
	position: relative;
}

.slider {
	margin: 20px 0 0;
}

.slider li {
	text-align: center;
	float: left;
	position: relative;
	z-index: 200;
	margin: 0 10px;
}

.slider1 li {
	text-align: left;
}

.slider img {
	width: 100%;
	height: auto;
}

.slider2 {
	display: flex;
	flex-wrap: wrap;
}

.slider2 li {
	width: 25%;
	padding: 5px;
	cursor: pointer;
	margin: 0 !important;
	position: relative;
	opacity: 0.4;
}

.slider2 img {
	width: 100%;
	height: auto;
}

.slider2 .thumbnail-current {
	opacity: 1;
}

/*************/
.border_box {
	border: 10px solid #f6f9fe;
	padding: 40px;
}

/********************************************************

	価格について

********************************************************/
.overflow_x {
	overflow-x: hidden;
}

.big53 {
	font-size: 53px;
}

.font15 {
	font-size: 15px;
	letter-spacing: 0.03em;
	font-weight: 600;
}

.font23 {
	font-size: 23px;
	line-height: 1.5;
}

.font40 {
	font-size: 40px;
}

.font30 {
	font-size: 30px;
}

.lineh023 {
	line-height: 2.3;
}

.indent_p {
	text-indent: -1em;
	padding-left: 1em;
}

.bold {
	font-weight: bold;
}

.c_fff {
	color: #fff;
}

.tab_wrap ul {
	display: flex;
	justify-content: center;
	gap: 2vw;
	background-color: #f8f8f8;
	padding: 30px;
}

.tab_wrap li {
	max-width: 590px;
	width: 100%;
	text-align: center;
	font-size: 28px;
	letter-spacing: 0.09em;
	background-color: #001c58;
	border: 1px solid #001c58;
	color: #fff;
	transition: 0.3s ease;
	padding: 18px 0;
	position: relative;
	cursor: pointer;
}

.tab_wrap li:hover {
	background-color: #fff;
	color: #001c58;
}

/* .tab_wrap a {
	display: block;
	padding: 18px 0;
	position: relative;
} */
/* 
.tab_wrap a:hover {
	background-color: #fff;
} */

.tab_wrap span::after {
	content: "";
	background: url(../images/arrow_w.png) left 0/100% 100% no-repeat;
	width: 20px;
	height: 12px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s ease;
}

.tab_wrap li:hover span::after {
	background: url(../images/arrow_b.png) left 0/100% 100% no-repeat;
}

.price_flex {
	display: flex;
	justify-content: space-between;
	border-top: 2px solid #001c58;
	border-bottom: 2px solid #001c58;
	padding: 30px 20px;
}

.eng_midashi .ja42 {
	font-size: 42px;
	display: block;
	margin-top: 15px;
	letter-spacing: 0.1em;
	line-height: 1.8;
}

.facility_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 80px;
}

.facility_container::after {
	content: "";
	display: block;
	width: 30%;
	height: 0;
}

.facility_container div:last-child {
	row-gap: 0;
}

.facility_box {
	width: 30%;
}

.facility_box img {
	width: 100%;
	height: auto;
}

.facility_container p {
	letter-spacing: 0.06em;
}

.facility_textarea {
	background-color: #fff;
	padding: 25px 50px;
	width: 100%;
}

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

.option_container::after {
	content: "";
	display: block;
	width: 30%;
	height: 0;
}

.bg_f6f9fe::after {
	content: "";
	background-color: #f6f9fe;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc(100% - 160px);
}

.padding130 {
	padding: 130px 0;
}

.pb-130 {
	padding-bottom: 130px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-200 {
	margin-bottom: 200px;
}


.specification_table {
	width: 100%;
	border-right: 1px solid #e5e5e5;
}

.specification_table th {
	width: 50%;
	background: #001c58;
	padding: 80px 10rem;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-align: center;
}

.specification_table td {
	width: 50%;
	font-size: 20px;
	font-weight: bold;
	color: #001c58;
	letter-spacing: 0.06em;
	padding: 20px 35px;
	border-bottom: 1px solid #e5e5e5;
}

.specification_table td:first-of-type {
	border-top: 1px solid #e5e5e5;
}

.map_container940 {
	max-width: 940px;
	width: 85%;
	margin: 0 auto 130px;
}

.map_container1280 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 130px;
}

.download_btn {
	width: 530px;
	margin: 0 auto;
}

.download_btn a {
	display: block;
	background-color: #1a1717;
	width: 100%;
	padding: 29px 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	position: relative;
	transition: 0.3s ease;
	border: 2px solid #fff;
}

.download_btn a:hover {
	background-color: #fff;
	border: 2px solid #1a1717;
	color: #1a1717;
}

.download_btn a::after {
	content: "";
	background: url(../images/download_icon_w.png) left 0/100% 100% no-repeat;
	width: 21px;
	height: 25px;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s ease;
}

.download_btn a:hover::after {
	background: url(../images/download_icon_b.png) left 0/100% 100% no-repeat;
}

.others_bg {
	background-color: #f6f9fe;
}

.others_table {
	width: 100%;
	border-right: 1px solid #e5e5e5;
}

.others_table th {
	width: 50%;
	background-color: #001c58;
	font-size: 20px;
	color: #fff;
	padding: 20px 40px;
	letter-spacing: 0.06em;
}

.others_table th:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

.others_table td {
	width: 50%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 20px 40px;
}

.others_table td:first-of-type {
	border-top: 1px solid #e5e5e5;
}

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

.construction_container div {
	width: 47%;
	position: relative;
}

.construction_container img {
	width: 100%;
	height: auto;
}

.construction_container p {
	font-size: 27px;
	color: #fff;
	background-color: #001c58;
	padding: 0 12px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.construction_textarea {
	border: 2px solid #001c58;
	padding: 40px 90px;
}

.construction_textarea p {
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 1.9;
	font-weight: 600;
}

.construction_textarea p span {
	font-size: 22px;
	font-weight: bold;
	background: linear-gradient(0deg, #fff45c 30%, rgba(255, 255, 255, 0.01) 30%);
}

.contact_bg {
	background: url(../images/price_contact.jpg) 100% 0/cover no-repeat;

}

.contact_btn {
	width: 590px;
	margin: 0 auto;
}

.contact_btn a {
	display: block;
	background-color: #1a1717;
	width: 100%;
	padding: 35px 0;
	text-align: center;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.1em;
	position: relative;
	transition: 0.3s ease;
}

.contact_btn a img {
	margin-right: 30px;
	position: relative;
	top: -3px;
}

.contact_btn a:hover {
	background: #fff;
	color: #001c58;
}

.mail_hover {
	display: none;
}

.contact_btn a:hover .mail_icon {
	display: none;
}


.contact_btn a:hover .mail_hover {
	display: inline-block;
	margin-right: 30px;
	position: relative;
	top: -3px;
}
.page02 {
	display: none;
}

.on {
	display: block;
}

.delete {
	display: none;
}

.price_thumbBtn_box {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	gap: 1px;
}

.price_thumbBtn_box ul {
	width: 80px;
	height: 80px;
	border-radius: 1px;
	background: #001c58;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/*スライド*/
.price_view_wrap {
	width: 94%;
	max-width: 1120px;
	margin: 0 auto;
}

#price_view {
	width: 100%;
	max-width: 1120px;
	height: 770px;
}

#price_view img {
	width: 100%;
	height: auto;
	position: relative;
}

#price_view p {
	position: absolute;
	width: 100%;
	max-width: 1120px;
	height: auto;
	top: 0;
	left: 0;
}

.price_thumbBtn_box {
	bottom: 7px;
}

#price_view2 {
	width: 100%;
	max-width: 1120px;
	height: 770px;
}

#price_view2 img {
	width: 100%;
	height: auto;
	position: relative;
}

#price_view2 p {
	position: absolute;
	width: 100%;
	max-width: 1120px;
	height: auto;
	top: 0;
	left: 0;
}

.sec_price_view {
	padding-bottom: 150px;
}


.loop_wrap {
	display: flex;
	width: 100vw;
	overflow: hidden;
}

.loop_wrap ul {
	width: auto;
	height: auto;
	display: flex;
}

.loop_wrap li {
	width: 100%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	margin: 0 1vw;
}

.loop_wrap li div {
	width: 360px;
	height: 300px;
}

.loop_wrap li div img {
	width: 100%;
	height: auto;
}

@keyframes loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}

.loop_wrap ul:first-child {
	animation: loop 70s -35s linear infinite;
}

.loop_wrap ul:last-child {
	animation: loop2 70s linear infinite;
}
/* プライバシーポリシー */
.link_text{color: #1a1717;}
.link_text:hover{
	color: #1a1717;
	text-decoration: none;
}

.break-word{overflow-wrap: break-word;}


/* PC用
------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
	.headerBg {
		background-color: #FFF;
		height: 90px;
	}

	/*****************/
	#cy_nav {
		top: 30px;
		left: 50%;
	}

	#cy_nav ul {
		width: calc(100% - 300px);
	}

	#cy_nav li {
		display: inline-block;
		margin-right: 10px;
	}

	#h_right {
		width: 300px;
		display: block;
	}

	#h_right li {
		width: 100%;
	}

	#h_right li:nth-child(1) {
		border-right: 0;
		font-size: 23px;
	}

	#h_right li a {
		height: 45px;
	}

	#instagram a {
		height: 19vw;
	}

	/* 価格について */
	.facility_textarea {
		width: 90%;
	}
}

@media only screen and (max-width: 1500px) {
	.pc_banner {
		width: 345px;
		height: auto;
	}

	#title_box {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 1300px) {

	/* 価格について */
	.specification_table th {
		font-size: 24px;
		padding: 80px 5rem;
	}

	
	.f_nav {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.f_nav li {
		width: 33.33%;
		padding: 0 15px;
		border-right: 1px solid #333333;
		display: block;
		margin: 10px 0;
		text-align: left;
		line-height: 1em;
	}

	.f_nav li:nth-child(3n) {
		border-right: 0;
	}

	.f_nav a {
		color: #000;
	}
	
	#cy_nav a {
		font-size: 12px;
	}


}

@media only screen and (max-width: 1200px) {
	#title_box:after {
		width: 930px;
		height: 250px;
	}

	#top_title2 {
		font-size: 16px;
	}

	#cy_nav ul {
		width: calc(100% - 200px);
	}
/* 
	#cy_nav a {
		font-size: 13px;
	} */

	#h_right {
		width: 200px;
	}

	#h_right li:nth-child(1) {
		font-size: 20px;
	}

	#h_right li:nth-child(2) {
		font-size: 12px;
	}

	#top_title {
		font-size: 40px;
		line-height: 2em;
	}

	.price_view_wrap {
		height: 65vw;
	}

	.price_thumbBtn_box {
		bottom: 1.5%;
	}
}

@media only screen and (max-width: 1024px) {
	.pc_banner {
		display: none;
	}

	.sp_banner {
		display: block;
		text-align: center;
		margin-top: 50px;
	}

	.sp_banner img {
		width: 100%;
		height: auto;
		max-width: 650px;
	}

	#title_box {
		padding-bottom: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		text-align: center;
	}

	.headerBg {
		background-color: transparent;
		height: auto;
	}

	#cy_nav {
		display: none;
	}

	#h_right {
		top: auto;
		bottom: 0;
		display: flex;
		width: 100%;
	}

	#h_right li:nth-child(1) {
		font-size: 20px;
	}

	#h_right li:nth-child(2) {
		font-size: 12px;
	}

	/*************/
	#title_box {
		padding-bottom: 60px;
	}

	#title_box:after {
		left: 0px;
		width: 100%;
		height: 240px;
	}

	#top_title {
		font-size: 40px;
		line-height: 2em;
		letter-spacing: 0.05em;
	}

	#top_title span {
		border-bottom: 4px solid #000;
		padding-bottom: 10px;
	}

	#top_title2 {
		font-size: 22px;
		font-weight: bold;
	}

	/********************/
	.midashi32 {
		font-size: 24px;
	}

	.midashi38 {
		font-size: 30px;
	}

	.midashi44 {
		font-size: 36px;
	}

	.midashi45 {
		font-size: 36px;
	}

	.midashi52 {
		font-size: 44px;
	}

	.midashi58 {
		font-size: 50px;
	}

	.midashi81 {
		font-size: 73px;
	}

	.padding200 {
		padding: 100px 0;
	}

	.midashi24 {
		font-size: 22px;
	}

	/**********************/
	#top_bg1 {
		height: 400px;
	}

	/*********************/
	.padding120 {
		padding: 100px 0;
	}

	.pt-120 {
		padding-top: 100px;
	}

	/***********************/
	#top_bg4 {
		height: auto;
		padding: 100px 20px;
	}

	.midashi_eng {
		font-size: 16px;
	}

	.midashi34 {
		font-size: 26px;
	}

	.bg_width {
		width: 50%;
	}

	/*************/
	.padding80_160 {
		padding: 80px 0 100px;
	}

	/*******************/
	.f_bg1 {
		background-color: #e5e8ee;
		padding: 120px 14px;
	}

	#f_logo {
		text-align: center;
		margin-bottom: 120px;
	}
/* 
	.f_nav {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.f_nav li {
		width: 33.33%;
		padding: 0 15px;
		border-right: 1px solid #333333;
		display: block;
		margin: 10px 0;
		text-align: left;
		line-height: 1em;
	}

	.f_nav li:nth-child(3n) {
		border-right: 0;
	}

	.f_nav a {
		color: #000;
	} */

	.f_padding {
		padding: 40px 0 80px;
	}

	.f_add {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1500px;
		width: 94%;
		margin: 0 auto;
	}

	.f_add li {
		width: 48%;
		max-width: 48%;
		margin: 40px 0;
	}

	.f_bb {
		font-weight: bold;
		border-bottom: 1px solid #001c58;
		padding-bottom: 10px;
		margin-bottom: 20px;
		font-size: 16px;
	}

	#copy {
		text-align: center;
	}

	/*************************************************

	トレーラーハウスについて

*************************************************/
	#title_in {
		font-size: 30px;
		padding: 140px 0;
		line-height: 1.2em;
	}

	#title_in span {
		display: block;
		font-size: 20px;
	}

	.big42 {
		font-size: 32px;
	}

	.be_bl:before {
		height: 60px;
	}

	/***************************/
	.margin200 {
		margin: 100px 0;
	}

	.midashi30 {
		font-size: 24px;
	}

	/********************/
	.about_box {
		margin: 120px 0 300px;
		position: relative;
	}

	/*************************************************

	導入にあたって

*************************************************/
	.guide_nav {
		flex-wrap: wrap;
	}

	.guide_nav li {
		width: 33.33%;
	}

	.guide_nav li:last-child a {
		border: 0;
	}

	.guide_nav li:nth-child(3) a {
		border: 0;
	}

	/*************************************************

	設置実績

*************************************************/
	.w_af_bg {
		position: relative;
	}

	.w_af_bg:after {
		content: "";
		background-color: #f6f9fe;
		position: absolute;
		top: calc(50% - 40px);
		right: 0;
		width: calc(100% - 700px);
		height: 80%;
		transform: translateY(-50%);
	}

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

	.work_left {
		width: 230px;
		position: relative;
		z-index: 500;
		left: 0;
		background-color: #fefdfd;
		padding: 60px 20px;
	}

	.work_right {
		width: calc(100% - 310px);
		position: relative;
	}

	/*************************************************

	会社概要

*************************************************/
	.com_flex {
		display: flex;
		justify-content: space-between;
		margin-top: 100px;
	}

	.mb-120 {
		margin-bottom: 100px;
	}

	/********************************************************

	展示会場

********************************************************/
	.hall_flex_center {
		font-size: 18px;
	}

	.hall_flex_center span {
		margin-left: 10px;
	}

	.hall_map iframe {
		width: 100%;
		height: 400px;
	}

	/**********/
	.access_list {
		width: calc(100% - 100px);
	}

	.station {
		width: 120px;
		padding: 30px 0;
		font-size: 18px;
	}

	.root_center {
		width: calc(100% - 120px);
	}

	.root_center p {
		padding-left: 20px;
		padding-top: 0;
		font-size: 14px;
	}

	.root_big {
		font-size: 20px;
	}

	.hall_right {
		width: 100px;
	}

	/********************************************************

	価格について

********************************************************/

	.big53 {
		font-size: 32px;
	}

	.font40 {
		font-size: 30px;
	}

	.font30 {
		font-size: 20px;
	}

	.font23 {
		font-size: 18px;
	}

	.eng_midashi .ja42 {
		font-size: 32px;
	}


	.padding130 {
		padding: 100px 0;
	}

	.pb-130 {
		padding-bottom: 100px;
	}

	.mb-130 {
		margin-bottom: 100px;
	}

	.mb-200 {
		margin-bottom: 100px;
	}

	.tab_wrap li {
		font-size: 20px;
	}

	.facility_textarea {
		padding: 20px;
		width: 100%;
	}

	.specification_table th {
		font-size: 22px;
		padding: 80px 3rem;
	}

	.specification_table td {
		font-size: 18px;
	}

	.construction_container p {
		font-size: 24px;
	}

	.construction_textarea {
		padding: 30px 40px;
	}

	.construction_textarea p {
		font-size: 16px;
	}

	.construction_textarea p span {
		font-size: 20px;
	}

	.others_table td,
	.others_table th {
		font-size: 18px;
	}

	.map_container940 {
		margin: 0 auto 100px;
	}

	.map_container1280 {
		margin: 0 auto 130px;
		width: 95%;
	}
}

@media only screen and (max-width: 740px) {
	#instagram a {
		width: 48%;
		height: 37vw;
	}

	#instagram a:nth-child(3) {
		margin-top: 15px;
	}

	#instagram a:nth-child(4) {
		margin-top: 15px;
	}

	#h_right {
		top: auto;
		bottom: 0;
		display: flex;
		width: 100%;
	}

	#h_right li:nth-child(1) {
		font-size: 16px;
		letter-spacing: 0;
		pointer-events: auto;
	}

	#h_right li:nth-child(2) {
		font-size: 11px;
		letter-spacing: 0;
	}

	#h_right li img {
		width: 16px;
		height: auto;
		margin-right: 5px;
	}

	/*************/
	#main {
		height: 500px;
	}

	.flexslider,
	#fade1,
	#fade2,
	#fade3 {
		height: 500px;
	}

	#title_box {
		padding-bottom: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}

	#title_box:after {
		left: 0;
		width: 100%;
		height: calc(100% + 10px);
		background-color: rgba(255, 255, 255, 0.50);
	}

	#top_title {
		font-size: 21px;
		line-height: 2em;
		letter-spacing: 0.05em;
		text-align: center;
	}

	#top_title span {
		border-bottom: 3px solid #000;
		padding-bottom: 5px;
	}

	#top_title2 {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

	/********************/
	.top_midashi {
		font-size: 14px;
	}

	.top_midashi:before {
		height: 60px;
		margin: 0 auto 15px;
	}

	.top_w_right {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}

	.midashi32 {
		font-size: 26px;
	}

	.midashi38 {
		font-size: 22px;
	}

	.midashi44 {
		font-size: 28px;
	}

	.midashi45 {
		font-size: 28px;
	}

	.midashi52 {
		font-size: 36px;
	}

	.midashi58 {
		font-size: 42px;
	}

	.midashi81 {
		font-size: 65px;
	}

	.pl_minus {
		margin-left: 0;
	}

	.padding200 {
		padding: 60px 0;
	}

	.midashi24 {
		font-size: 20px;
	}

	.midashi20 {
		font-size: 16px;
	}

	.midashi_top10 {
		width: 60%;
	}

	.midashi_top10 img {
		display: block;
		width: 100%;
		height: auto;

	}

	.top11 {
		width: 20%;
	}

	.top11 img {
		display: block;
		width: 100%;
		height: auto;
	}

	/**********************/
	#top_bg1 {
		height: 300px;
	}

	/*********************/
	.top_af_bg1 {
		position: relative;
	}

	.top_af_bg1:after {
		content: "";
		background-color: #f6f9fe;
		position: absolute;
		top: -80px;
		right: 0;
		width: 90%;
		height: 500px;
	}

	.padding120 {
		padding: 60px 0;
	}

	.pt-120 {
		padding-top: 60px;
	}

	.top_flex {
		display: block;
	}

	.top_left {
		width: 100%;
	}

	.top_width {
		width: 94%;
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 500;
		padding: 0;
		left: 0;
	}

	.top_width h2 {
		width: 100%;
	}

	.more {
		width: 220px;
	}

	.more a {
		padding: 15px;
	}

	.more img {
		right: -30px;
		top: 17px;
	}

	.more.more_w a {
		color: #FFF;
		border-color: #FFF;
	}

	.more2 {
		width: 220px;
	}

	.more2 a {
		padding: 15px;
	}

	.more2 img {
		right: -30px;
		top: 17px;
	}

	.more2.more_w a {
		color: #FFF;
		border-color: #FFF;
	}

	.top_right {
		width: 94%;
		margin: 40px auto 0;
	}

	#top_bg2 {
		background: url(../images/top4.jpg) 80% 0/cover no-repeat;
		height: 300px;
	}

	/*********************/
	.top_af_bg2 {
		position: relative;
	}

	.top_af_bg2:after {
		content: "";
		background-color: #f6f9fe;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		max-width: 1150px;
		height: 100%;
	}

	.top_left2 {
		width: 94%;
		margin: 0 auto;
	}

	.top_width3 {
		width: 100%;
		max-width: 680px;
		padding: 0;
	}

	.top_right2 {
		width: 94%;
		margin: 40px auto 0;
	}

	.top_more_list {
		width: 100%;
		display: block;
		justify-content: space-between;
		position: relative;
		left: 0;
		margin-top: 40px;
		top: 0;
	}

	.top_more_list li {
		width: 100%;
		margin: 20px 0;
	}

	.top_more_list a {
		padding: 20px 0;
	}

	.more_eng {
		font-size: 14px;
	}

	.more_ja {
		font-size: 18px;
		font-weight: bold;
	}

	.more_shape {
		margin-top: 15px;
	}

	#top_bg3 {
		height: 300px;
	}

	/***********************/
	#top_bg4 {
		background: url(../images/top6.jpg) 60% 0/cover no-repeat;
		height: auto;
		padding: 60px 14px;
	}

	.midashi_eng {
		font-size: 12px;
	}

	.midashi34 {
		font-size: 22px;
	}

	.bg_width {
		width: 100%;
	}

	/*************/
	.top_af_bg3 {
		position: relative;
	}

	.top_af_bg3:after {
		width: 100%;
		height: 100%;
	}

	#top_bg5 {
		background: url(../images/top7.jpg) 50% 0/cover no-repeat;
		height: 300px;
	}

	/*************/
	.bg_flex {
		display: block;
	}

	.banar_style {
		width: 100%;
		height: 200px;
	}

	.banar_style:hover {
		width: 100%;
	}

	#banar_bg1 {
		background: url(../images/top8.jpg) 60% 50%/cover no-repeat;
	}

	#banar_bg2 {
		background: url(../images/top9.jpg) 90% 50%/cover no-repeat;
	}

	.banar_width {
		width: 94%;
		max-width: 700px;
		margin: 0 auto;
		padding-top: 70px;
	}

	/*************/
	.center {
		text-align: center;
	}

	.padding80_160 {
		padding: 60px 0 60px;
	}

	.contact_more a {
		padding: 20px;
		font-size: 16px;
	}

	.contact_more img {
		margin-right: 0;
		top: 0;
		display: block;
		margin: 0 auto 15px;
		width: 25px;
		height: auto;
	}

	/*******************/
	.f_bg1 {
		background-color: #e5e8ee;
		padding: 60px 14px;
	}

	#f_logo {
		margin-bottom: 70px;
	}

	#f_logo img {
		width: 150px;
		height: auto;
	}

	.f_nav {
		text-align: center;
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.f_nav li {
		width: 100%;
		padding: 0;
		border-right: 0;
		margin: 20px 0;
		text-align: left;
		line-height: 1em;
	}

	.f_nav a {
		color: #000;
	}

	.f_padding {
		padding: 20px 0 60px;
	}

	.f_add li {
		width: 48%;
		max-width: 48%;
		margin: 20px 0;
	}

	.f_bb {
		font-size: 14px;
	}

	#copy {
		text-align: center;
	}

	/*************************************************

	トレーラーハウスについて

*************************************************/
	#title_in {
		font-size: 24px;
		padding: 100px 0;
		line-height: 1.5em;
	}

	#title_in span {
		font-size: 18px;
	}

	/***************************/
	.big42 {
		font-size: 26px;
	}

	/***********/
	#about_bg4 {
		height: 280px;
	}

	/***************************/
	.margin200 {
		margin: 60px 0;
	}

	.af_bg_about2 {
		position: relative;
		background-color: #f6f9fe;
		padding-top: 60px;
	}

	.af_bg_about2:after {
		display: none;
	}

	.midashi30 {
		font-size: 22px;
	}

	.bg_w_span {
		background-color: transparent;
		padding: 0;
		line-height: 1.8em;
	}

	.flex_nox {
		display: block;
	}

	.flex_48 {
		width: 100%;
	}

	.flex_46 {
		width: 100%;
	}

	.img_calc {
		width: 100%;
	}

	.img_calc.calc_left {
		left: 0;
	}

	/********************/
	.about_box {
		margin: 60px 0;
		position: relative;
	}

	.ab_flex {
		display: block;
	}

	.ab_left {
		width: 100%;
		margin-top: 40px;
	}

	.ab_right {
		width: 100%;
	}

	.ab_midashi_ver {
		font-size: 20px;
		position: relative;
		left: 0;
		top: 0;
		transform: translateX(0);
		display: inline-block;
		letter-spacing: 0.1em;
		line-height: 2.2em;
		font-family: "A-OTF-GothicMB101Pro-Bold";
		-ms-writing-mode: lr-tb;
		/* for MS IE8+ */
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.ver_bl {
		border-right: 0;
		border-bottom: 3px solid #001c58;
		padding-right: 0;
	}

	.big_ver {
		font-size: 30px;
	}

	#hokkaido_img {
		top: -60px;
	}

	/******************/
	#about_bg {
		background: url(../images/about6.jpg) 70% 0/cover no-repeat;
		color: #FFF;
		padding: 60px 0;
	}

	/*************************************************

	使用用途

*************************************************/
	#use_bg {
		height: 280px;
	}

	.num {
		font-size: 20px;
	}

	/*********/
	.use_af_bg {
		position: relative;
		padding: 40px 20px;
		margin-top: 60px;
		background-color: #f6f9fe;
	}

	.use_af_bg:after {
		display: none;
	}

	.use_flex {
		display: block;
	}

	.use_left {
		width: 100%;
		padding-top: 0;
	}

	.use_right {
		width: 100%;
		padding-top: 40px;
	}

	/**********************/
	#use_bg2 {
		background: url(../images/use6.jpg) 30% 0/cover no-repeat;
		height: 280px;
	}

	#use_bg3 {
		padding: 60px 0;
	}

	/*************************************************

	導入にあたって

*************************************************/
	.guide_nav {
		padding: 15px 0;
	}

	.guide_nav li {
		width: 50%;
		margin: 10px 0;
		padding: 0 10px;
	}

	.guide_nav a {
		font-size: 12px;
		padding: 5px 0;
	}

	.guide_nav li:last-child a {
		border: 0;
	}

	.guide_nav li:nth-child(3) a {
		border-right: 1px solid #a0a0a0;
	}

	.guide_nav li:nth-child(2n) a {
		border-right: 0;
	}

	.guide_nav .fas {
		font-size: 16px;
	}

	/***************/
	#guide_bg1 {
		background: url(../images/guidance1.jpg) 40% 0/cover no-repeat;
	}

	.bg_style {
		height: 280px;
	}

	.guide_minus {
		margin-top: -30px;
	}

	.padding120_0 {
		padding: 60px 0;
	}

	/**************/
	.gui_list {
		display: block;
	}

	.gui_list li {
		width: 100%;
		padding: 20px;
		margin: 30px 0;
	}

	.gui_midashi {
		font-size: 16px;
		height: auto;
		display: block;
		margin: 10px 0 15px;
	}

	/***********/
	.eng_midashi .eng {
		font-size: 16px;
	}

	.eng_midashi .ja {
		font-size: 24px;
		margin-top: 10px;
		letter-spacing: 0.1em;
	}

	.merit_list li {
		display: block;
		margin: 20px 0;
		background-color: #f6f9fe;
		padding: 20px;
	}

	.merit_cell1 {
		display: block;
		width: 100%;
		font-size: 24px;
		border-right: 0;
	}

	.merit_cell1:after {
		content: "";
		border-bottom: 2px solid #001c58;
		width: 30px;
		margin: 10px auto 0;
		display: block;
	}

	.merit_cell2 {
		display: block;
		padding-left: 0;
		margin-top: 20px;
	}

	/***************/
	.padding60 {
		padding: 20px;
	}

	/***************/
	.gui_af_bg {
		position: relative;
		padding: 40px 0;
		background-color: #f6f9fe;
	}

	.gui_af_bg:after {
		display: none;
	}

	.flex_box {
		display: block;
	}

	/******************/
	.gui_list2 {
		display: block;
	}

	.gui_list2 li {
		width: 100%;
		margin: 20px 0;
		padding: 20px;
	}

	.gui_list2 p {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.gui_icon {
		margin-bottom: 15px;
	}

	.gui_midashi2 {
		font-size: 22px;
		border-bottom: 3px solid #001c58;
		padding-bottom: 15px;
		line-height: 1.3em;
	}

	.gui_midashi2 span {
		display: block;
		font-size: 14px;
	}

	/***********/
	.gui_flow {
		position: relative;
	}

	.gui_flow li {
		display: block;
		margin: 40px 0;
	}

	.gui_flow:after {
		left: 50%;
		transform: translateX(-50%);
	}

	.gui_cell1 {
		width: 100%;
		display: block;
		font-size: 18px;
		padding: 15px;
	}

	.gui_cell1 p {
		line-height: 1.3em;
	}

	.gui_cell1 span {
		display: block;
		font-size: 14px;
	}

	.gui_cell2 {
		width: 100%;
		background-color: #FFF;
		padding: 15px;
	}

	/****************/
	.gui_bg {
		padding: 40px;
	}

	.flex_30 {
		width: 100%;
	}

	.flex_66 {
		width: 100%;
	}

	/*************************************************

	設置実績

*************************************************/
	.w_af_bg {
		position: relative;
	}

	.w_af_bg:after {
		display: none;
		content: "";
		background-color: #f6f9fe;
		position: absolute;
		top: calc(50% - 40px);
		right: 0;
		width: calc(100% - 700px);
		height: 80%;
		transform: translateY(-50%);
	}

	.work_flex {
		display: block;
	}

	.work_left {
		width: 100%;
		padding: 20px 20px;
	}

	.work_right {
		width: 100%;
		margin-top: 40px;
	}

	.p_sticky {
		position: static;
		top: 0;
	}

	.work_width {
		width: 100%;
		max-width: 220px;
		margin: 0 auto;
	}

	.cate_list li {
		margin: 15px 0;
		font-size: 14px;
	}

	/*************/
	.work_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		z-index: 500;
	}

	.work_list li {
		width: 48%;
		margin: 20px 0;
	}

	.w_cate {
		margin-top: -10px;
	}

	.w_cate span {
		color: #FFF;
		background-color: #001c58;
		padding: 5px 15px;
	}

	.w_cate.w_bg span {
		background-color: #064581;
	}

	.w_title {
		margin-top: 15px;
		font-size: 14px;
	}

	.w_text {
		margin-top: 5px;
	}

	/*************************************************/
	#junbi {
		font-size: 24px;
		padding: 0 0 100px;
	}

	/*************************************************

	会社概要

*************************************************/
	.guide_nav {
		padding: 15px 0;
	}

	.guide_nav li {
		width: 50%;
		margin: 10px 0;
		padding: 0;
	}

	.guide_nav a {
		font-size: 12px;
		padding: 5px 0;
	}

	.guide_nav li:last-child a {
		border: 0;
	}

	.guide_nav li:nth-child(3) a {
		border-right: 1px solid #a0a0a0;
	}

	.guide_nav li:nth-child(2n) a {
		border-right: 0;
	}

	.guide_nav .fas {
		font-size: 16px;
	}

	.guide_nav.nav_3 li {
		width: 50%;
	}

	.guide_nav.nav_3 li:nth-child(2) a {
		border-right: 1px solid #a0a0a0;
	}

	.guide_nav.nav_3 li:last-child a {
		border: 0;
	}

	.af_bg_com {
		position: relative;
		background-color: #f6f9fe;
	}

	.af_bg_com:after {
		display: none;
	}

	.com_list {
		display: block;
	}

	.com_list li {
		width: 100%;
	}

	.com_list li:nth-child(2) {
		margin-top: 10px;
	}

	/*********************/
	.com_table {
		border-top: 1px solid #313131;
	}

	.com_table li {
		display: block;
		border-bottom: 1px solid #313131;
	}

	.c_cell1 {
		display: block;
		width: 100%;
		padding: 20px;
	}

	.c_cell2 {
		display: block;
		padding: 20px;
	}

	/********************/
	.com_flex {
		display: block;
		margin-top: 60px;
	}

	.mb-120 {
		margin-bottom: 60px;
	}

	.com_left {
		width: 100%;
		padding-top: 20px;
		display: block;
		margin-bottom: 40px;
	}

	.com_left:before {
		content: "";
		border-top: 2px solid #001c58;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.com_right {
		width: 100%;
	}

	.com_midashi {
		font-size: 18px;
	}

	.minita-l {
		text-align: left;
	}

	/*************************************************

	お問い合わせ

*************************************************/
	.c_list {
		display: block;
		background-color: #f6f9fe;
		padding: 20px;
	}

	.c_list li {
		width: 100%;
		border-right: 0;
		padding: 0;
		font-size: 18px;
	}

	.c_list li:last-child {
		border: 0;
		font-size: 16px;
		margin-top: 10px;
	}

	.c_tel {
		font-size: 18px;
	}

	.c_tel span {
		font-size: 34px;
	}

	/********************/
	.hissu,
	.nini {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		color: #FFF;
		padding: 0 5px;
	}

	.hissu {
		background-color: #001c58;
	}

	.nini {
		background-color: #434343;
	}

	.com_table.con_table .c_cell1 {
		width: 100%;
		padding: 20px;
		font-size: 14px;
	}

	.size {
		height: 40px;
	}

	.area {
		height: 150px;
	}

	.con_style {
		padding-left: 0;
	}

	.con_l {
		position: static;
		transform: translateY(0);
		margin-bottom: 5px;
		margin-top: 10px;
	}

	/*css radio02*/
	.radio_box input {
		margin-right: 10px;
	}

	.radio_box label {
		margin-right: 30px;
		padding-left: 10px;
		position: relative;
		cursor: pointer;
	}

	.radio_box input:checked:before {
		opacity: 1;
	}

	.radio_box input:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 25px;
		height: 25px;
		background-color: #FFF;
		border: 1px solid #CCC;
		border-radius: 50%;
	}

	.radio_box input:before {
		content: "";
		position: absolute;
		left: 7px;
		top: 7px;
		width: 10px;
		height: 10px;
		background-color: #001c58;
		border-radius: 50%;
		z-index: 500;
		opacity: 0;
		transition: 0.3s ease-in-out;
	}

	/*****************/
	.center_more_blue a {
		padding: 15px;
	}

	.bb_midashi {
		border-bottom: 2px solid #001c58;
		font-size: 20px;
		padding-bottom: 5px;
	}

	/********************************************************

	展示会場

********************************************************/
	.hall_flex_center {
		font-size: 16px;
	}

	.hall_flex_center img {
		width: 30px;
		height: auto;
	}

	.hall_map iframe {
		width: 100%;
		height: 300px;
	}

	.hall_minus {
		margin-top: -30px;
	}

	/**********/
	/**********/
	.access_root {
		display: flex;
		justify-content: space-between;
	}

	.access_list {
		width: calc(100% - 60px);
	}

	.access_list li {
		margin: 20px 0;
		display: block;
	}

	.station {
		width: 100%;
		padding: 20px 0;
		font-size: 14px;
		border: 5px solid #aac0eb;
	}

	.root_center {
		width: 100%;
		position: relative;
	}

	.root_center:after {
		width: calc(100% + 20px);
		height: 25px;
		position: static;
		top: 0;
		left: 0;
		transform: translateY(0);
		display: block;
	}

	.root_center p {
		padding: 20px 10px;
		font-weight: bold;
		font-size: 14px;
	}

	.root_big {
		font-size: 18px;
	}

	.hall_right {
		width: 40px;
		background-color: #001c58;
		color: #FFF;
		display: block;
		padding: 0 2px 0 0;
	}

	.hall_right p {
		position: sticky;
		top: 0;
		padding: 60px 0 20px;
		display: block;
		font-size: 20px;
	}

	/********************************************************

	よくある質問

********************************************************/
	.num_40 {
		font-size: 30px;
	}

	.faq_cell1 {
		width: 40px;
		height: 40px;
		font-size: 24px;
	}

	.faq_cell2 {
		width: calc(100% - 55px);
	}

	.qqq2 {
		font-size: 16px;
		padding-top: 5px;
	}

	.aaa2 {
		padding-top: 15px;
	}

	/*****************/
	.gree_flex {
		display: block;
	}

	.gree_flex:after {
		content: "";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	.gree_left {
		width: 130px;
		float: right;
		margin: 0 0 0 10px;
	}

	.gree_left img {
		width: 100%;
		height: auto;
	}

	.gree_right {
		width: auto;
	}

	.name {
		font-size: 13px;
	}

	.name span {
		padding-left: 10px;
		font-size: 18px;
	}

	/*************/
	.border_box {
		border: 0;
		padding: 0;
	}

	/********************************************************

	価格について

********************************************************/

	.big53 {
		font-size: 26px;
	}

	.font40 {
		font-size: 20px;
	}

	.font30 {
		font-size: 16px;
	}

	.font23 {
		font-size: 16px;
	}

	.font15 {
		font-size: 12px;
		line-height: 1.8em;
	}

	.eng_midashi .ja42 {
		font-size: 24px;
	}

	.padding130 {
		padding: 60px 0;
	}

	.pb-130 {
		padding-bottom: 60px;
	}

	.mb-130 {
		margin-bottom: 60px;
	}

	.mb-200 {
		margin-bottom: 60px;
	}

	.tab_wrap ul {
		display: block;
	}

	.tab_wrap ul li:first-of-type {
		margin-bottom: 15px;
	}

	.tab_wrap li {
		font-size: 18px;
	}

	.tab_wrap span::after {
		width: 14px;
		height: 8px;
	}

	.facility_box {
		width: 48%;

	}

	.bg_f6f9fe::after {
		content: "";
		background-color: #f6f9fe;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

	.facility_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 50px;
	}

	.option_container::after {
		display: none;
	}

	.download_btn {
		max-width: 480px;
	}

	.download_btn a {
		font-size: 15px;
	}

	.download_btn a::after {
		right: 30px;
	}

	.construction_container div {
		width: 48%;
	}

	.construction_container p {
		font-size: 20px;
	}

	.construction_textarea {
		padding: 20px 25px;
	}

	.construction_textarea p {
		font-size: 14px;
	}

	.construction_textarea p span {
		font-size: 18px;
	}

	.contact_btn a {
		font-size: 18px;
		padding: 30px 0;
	}

	.contact_btn a img {
		width: 25px;
		height: auto;
		margin-right: 15px
	}

	.contact_btn {
		max-width: 480px;
		width: 94%;
		margin: 0 auto;
	}

	.specification_table th {
		display: block;
		width: 100%;
		font-size: 18px;
		padding: 30px 3rem;
	}

	.specification_table td {
		font-size: 16px;
		padding: 15px;
	}

	.specification_table tr:not(:first-of-type) {
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}

	.specification_table {
		border: none;
	}

	.others_table th {
		width: 100%;
		display: block;
		font-size: 16px;
		padding: 15px;
	}

	.others_table td {
		border: none;
		font-size: 16px;
		width: 100%;
		display: block;
		padding: 15px;
	}

	.others_table {
		border: none;
	}

	.others_table td:first-of-type {
		border-top: none;
	}

	.map_container940 {
		margin: 0 auto 60px;
	}

	.map_container1280 {
		margin: 0 auto 60px;
	}

}

@media (max-width:480px) {
	.download_btn {
		width: 100%;
	}

	.download_btn a {
		padding-right: 10px;
	}

	.construction_container p {
		font-size: 18px;
	}

	.contact_btn {
		width: 94%;
	}

}

/* ------------------------ */

#view {
	position: absolute;
	top: 0;
	left: 0;
}

.view_box {
	position: relative;
}

#view img {
	width: 100%;
	height: auto;
	position: relative;
}

#view p {
	position: absolute;
	width: 945px;
	height: auto;
	top: 0;
	left: 0;
}

#thumbBtn {
	position: absolute;
	top: 160px;
	right: 0px;
}

#thumbBtn {
	position: absolute;
	top: 160px;
	right: -3px;
}

#thumbBtn2 {
	position: absolute;
	top: 160px;
	right: 0px;
}

#thumbBtn2 {
	position: absolute;
	top: 160px;
	right: -50px;
}

#caption {
	position: absolute;
	left: 7%;
	padding-right: 50px;
	/*top:165px;
    left:0px;*/
}

/*#thumbBtn li {
    padding: 0 0 0 2px;
    float:left;
    text-align:right;
    width: 45px;
    cursor:pointer;
}
#thumbBtn li img {
    border: solid 1px #ccc;
}*/
#thumbBtn li.active {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

#thumbBtn li {
	cursor: pointer;
}

#thumbBtn2 li {
	padding: 0 0 0 2px;
	float: left;
	text-align: right;
	width: 45px;
	cursor: pointer;
}

#thumbBtn2 li.active {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

.thumbBtn_box {
	position: absolute;
	/*bottom: 69.6%;*/
	bottom: 51.6%;
	left: -67.5px;
}

.back_c {
	background-color: #f6f9fe;
	width: 92%;
	height: 410px;
	position: absolute;
	bottom: -9%;
	right: 0%;
}

.change_text_vw {
	font-weight: 600;
	line-height: 2.2em;
	font-size: 0.8vw;
}

.concept_break {
	display: none;
}

.concept_break_sp {
	display: none;
}

@media (max-width:1791px) {
	.thumbBtn_box {
		bottom: 64.9%;
	}

	#view img {
		width: 90%;
	}

	.back_c {
		width: 92%;
		height: 350px;
		bottom: -7%;
		right: 0%;
	}
}

@media (max-width:1789px) {
	.thumbBtn_box {
		bottom: 65%;
	}

	#view img {
		width: 90%;
	}
}

@media (max-width:1646px) {
	.thumbBtn_box {
		bottom: 78%;
	}

	#view img {
		width: 80%;
	}

	.back_c {
		bottom: 5%;
	}

	.back_c {
		width: 92%;
		height: 470px;
		bottom: -7%;
		right: 0%;
	}
}

@media (max-width:1400px) {
	.thumbBtn_box {
		bottom: 91.1%;
	}

	#view img {
		width: 70%;
	}

	.back_c {
		width: 92%;
		height: 572px;
		bottom: -7%;
		right: 0%;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.2em;
		font-size: 1vw;
	}
}

@media (max-width:1232px) {
	.thumbBtn_box {
		bottom: 97.6%;
		left: -67px;
	}

	#view img {
		width: 60%;
	}

	.back_c {
		width: 92%;
		height: 600px;
		bottom: -7%;
		right: 0%;
	}

	.top_width3 {
		width: 120%;
		padding: 40px 60px 80px;
		position: absolute;
		bottom: 2%;
		left: 90%;
	}

	.midashi38 {
		font-size: 30px;
	}

	.change_text_vw {
		font-size: 1.25vw !important;
	}
}

@media (max-width:1232px) {
	.concept_break {
		display: block;
	}
}

@media (max-width:1070px) {
	.thumbBtn_box {
		bottom: 106.3%;
		left: -67px;
	}

	#view img {
		width: 50%;
	}

	.back_c {
		width: 92%;
		height: 660px;
		bottom: -4%;
		right: 0%;
	}

	.top_width3 {
		width: 120%;
		padding: 40px 60px 80px;
		position: absolute;
		bottom: 5%;
		left: 90%;
	}

	.midashi38 {
		font-size: 30px;
	}
}

@media (max-width:1025px) {
	.thumbBtn_box {
		bottom: 110.8%;
		left: -67px;
	}

	#view img {
		width: 50%;
	}

	.back_c {
		width: 92%;
		height: 660px;
		bottom: -4%;
		right: 0%;
	}

	.top_width3 {
		width: 120%;
		padding: 40px 60px 80px;
		position: absolute;
		bottom: 5%;
		left: 90%;
	}

	.midashi38 {
		font-size: 30px;
	}

	.features_number_container {
		top: 44%;
	}

	.features_title_box {
		margin-bottom: 80px;
	}
}

/*@media (max-width:1024px) {
	.pt-450 {
		padding-top: 250px !important;
	}
	.features_number_container {
		top: 37%;
	}
	
}
@media (max-width:1023px) {
	.pt-450 {
		padding-top: 250px !important;
	}
	.features_number_container {
		top: 37%;
	}
	.thumbBtn_box {
		bottom: 118.8%;
	}
	.back_c {
		width: 92%;
		height: 655px;
		bottom: -7%;
		right: 0%;
	}
}
@media (max-width:1014px) {
	.pt-450 {
		padding-top: 250px !important;
	}
	.features_number_container {
		top: 33%;
	}
	.thumbBtn_box {
		bottom: 113.6%;
	}
	.back_c {
		width: 92%;
		height: 655px;
		bottom: -7%;
		right: 0%;
	}
}*/
@media (max-width:1025px) {
	.pt-450 {
		padding-top: 0 !important;
	}

	.features_number_container {
		display: none;
	}

	.thumbBtn_box {
		bottom: 120%;
		left: 80%;
	}

	#thumbBtn {
		left: -63px;
	}

	.back_c {
		width: 92%;
		height: 655px;
		bottom: -7%;
		right: 0%;
	}

	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -25%;
		left: 5%;
	}

	.top_left2 {
		width: 100% !important;
	}

	.sp_none {
		display: block;
	}

	#view p {
		width: 100vw !important;
		height: auto;
	}

	#view img {
		width: 100% !important;
		height: auto;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.2em;
		font-size: 15px !important;
	}

	.more2 {
		width: 230px !important;
	}

	.new_bg1 {
		margin-bottom: 120px;
	}


}

@media (max-width:740px) {
	.sp_banner img {
		max-width: 450px;
	}

	.features_number_container {
		display: none;
	}

	.back_c {
		display: none;
	}

	.top_width2 {
		width: 100%;
		max-width: 680px;
		padding: 0 10px;
	}

	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -200%;
		left: 5%;
	}

	.top_left2 {
		width: 100% !important;
	}

	.sp_none {
		display: block;
	}

	#view {
		top: -50%;
	}

	#view p {
		width: 100vw !important;
		height: auto;
	}

	#view img {
		width: 100% !important;
		height: auto;
	}

	.price_thumbBtn_box ul {
		width: 45px;
		height: 45px;
	}

	.sec_price_view {
		padding-bottom: 55px;
	}

	.loop_wrap li div {
		width: 220px;
		height: 184px;
	}

	#price_view {
		height: unset;
	}

	#price_view2 {
		height: unset;
	}

	.features_title_box {
		margin-bottom: 250px;
	}

	.top_af_bg2 {
		margin-bottom: 580px;
	}

	.new_bg1 {
		margin-bottom: 60px !important;
	}

	#instagram {
		padding-bottom: 150px !important;
	}

	.features_title_box {
		margin-bottom: 200px !important;
	}

	.concept_break_sp {
		display: none;
	}

}

@media (max-width:600px) {
	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -166%;
	}

	.more2 {
		margin: 0 auto;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.6em;
		font-size: 12.5px !important;
	}

	#thumbBtn img {
		width: 50px;
	}

	#thumbBtn2 img {
		width: 50px;
	}

	#thumbBtn {
		left: -47px !important;
	}

	.new_padding120 {
		padding: 80px 0 120px;
	}

	.new_bg1 {
		margin-bottom: 120px !important;
	}
}

@media (max-width:520px) {
	.sp_banner img {
		max-width: 320px;
	}

	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -165%;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.6em;
		/*font-size: 2.3vw !important;*/
	}
}

@media (max-width:450px) {
	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -165%;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.6em;
		/*font-size: 2.5vw !important;*/
	}

	#caption {
		position: absolute;
		left: 7%;
		padding-right: 20px !important;
	}
}

@media (max-width:415px) {
	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -155%;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.6em;
		/*font-size: 2.5vw !important;*/
	}

	.concept_img_bottom {
		background: url(../images/back_img.png) 50% 0/cover no-repeat;
		position: relative;
		top: -24%;
		z-index: 10;
		height: 250px;
	}
}

@media (max-width:380px) {
	#top_title{font-size: 19px;}
	.top_width3 {
		width: 90%;
		padding: 60px 80px 100px;
		position: absolute;
		bottom: -145%;
	}

	.change_text_vw {
		font-weight: 600;
		line-height: 2.6em;
		/*font-size: 2.7vw !important;*/
	}
}

/*.sp_none {
	display: none;
}
.none {
	display: block !important;
}*/
/*.none {
	display: none;
}*/
#thumbBtn img {}