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


div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
ol, ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fade {
	opacity : 0;
	transition : all 500ms;
}
.scrollin {
	opacity : 1;
}
.blockquote {
	quotes: none;
}
.bold_red {
	color: #AB0000;
	font-weight: bold;
	font-size: 120%;
}
.bold {
	font-weight: bold;
}
a {
	color: #000000;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #8C8C8C;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #222222;
}
.clear {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}
.form-layout p a:link{color:#BC2022;}

hr {
	margin-bottom: 2em;
	border-bottom: 0px solid #222222;
}
iframe {width:100%;	height: 500px;	margin-bottom: 2em;}
/*header*/

.header-wrapper {
	width: 100%;
	position: relative;
	height: 200px;
	border-bottom: 7px solid #222222;
}
.header-description {
	text-align: center;
	padding-top: 30px;
	border-bottom-width: 20px;
	border-bottom-style: solid;
}
.header-description h1 {
	text-align: left;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	font-size: 11px;
}
.titlelogo {
	position: absolute;
	top: 0;
	z-index: 999;
	left: 50%;
	transform: translate(-50%, 6px);
}
nav {
	z-index: 9997;
	position: fixed;
	top: 0;
	width: 100%;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 40px;
	height: 36px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 16px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(16px) rotate(-45deg);
	transform: translateY(16px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-16px) rotate(45deg);
	transform: translateY(-16px) rotate(45deg);
}
.menu {
	position: fixed;
	padding: 8px 8px 8px 8px;
	top: 8px;
	right: 8px;
	float: clear;
	clear: both;
	z-index: 9999;
	background-color: #000000;
}
.fixed {
	position: fixed;
	z-index: 9998;
}
.tellarea {
	width: 96%;
	padding: 2%;
	background-color: #2A6FAF;
	font-size: 200%;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.wide {
	margin-top: 2em;
	margin-bottom: 2em;
}
.wide h2 {
	margin-top: 2em;
	margin-bottom: 2em;
}
.tellarea a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 250%;
}
.tellarea a:hover {
	text-decoration: none;
}
.page h2 {
	border-bottom: 5px solid #911d1e;
	display: inline-block;
	padding-bottom: 0.5em;
}
.banner {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
span.tel a {
	display: block;
	text-align: center;
	width: 200px;
	background: rgb(245,35,35);
	background: -moz-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
	background: -webkit-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
	background: linear-gradient(to bottom, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f52323', endColorstr='#510205', GradientType=0 );
	border: 1px solid hsla(0,0%,97%,0.50);
	border-radius: 9px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	margin-top: 1em;
}
span.tel a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f098";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
span.tel a:hover {
	text-decoration: none;
}
span.mailbutton a {
	display: block;
	text-align: center;
	background: rgb(245,35,35);
	background: -moz-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
	background: -webkit-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
	background: linear-gradient(to bottom, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f52323', endColorstr='#510205', GradientType=0 );
	border: 1px solid hsla(0,0%,97%,0.50);
	border-radius: 9px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 200%;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	margin-top: 1em;
	margin-bottom: 1em;
}
span.mailbutton a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
span.mailbutton a:hover {
	text-decoration: none;
}
.naviswitch {
	width: 100%;
}
.ex-nav-area {
	margin-top: 2em;
	margin-bottom: 2em;
}
.form-area {
	padding-top: 2em;
	padding-bottom: 2em;
}
.naviswitch ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 150%;
	font-weight: bold;
}
.naviswitch li svg {
	margin-right: 0.5em;
}
.naviswitch li {
	display: table-cell;
	padding: 2%;
	background-color: #f9b52c;
	border-radius: 8px 8px 0 0;
}
.naviswitch li:nth-of-type(even) {
	display: table-cell;
	padding: 2%;
	background-color: #65aa79;
}
.form-area h2 {
	border-bottom: 1px solid #161F2E;
}
.form-area h2 span {
	font-size: 70%;
	display: block;
}
.form-area p {
	padding-top: 1em;
	padding-bottom: 1em;
}
.sw-a {
	background-color: #f9b52c;
}
.sw-b {
	background-color: #65aa79;
}
.qr {
	text-align: center;
}
p.fr img {
	width: auto;height:auto;
}
.imgborder img {
	border: solid 1px #CCCCCC;height:auto;
}
.hide {
	display: none;
}
.vali {
	color: #38b976;
	border-radius: 5px;
	background-color: #bfe9d3;
	font-size: 11px;
	padding: 5px;
	margin-left: 1em;
}
#vali01 {
	display: none;
}
#vali01.en {
	display: inline-block;
	animation: fbs 0.5s;
}
#vali02 {
	display: none;
}
#vali02.en {
	display: inline-block;
	animation: fbs 0.5s;
}
#vali03 {
	display: none;
}
#vali03.en {
	display: inline-block;
	animation: fbs 0.5s;
}
#vali04 {
	display: none;
}
#vali04.en {
	display: inline-block;
	animation: fbs 0.5s;
}
#valimail {
	display: none;
}
#valimail.en {
	display: inline-block;
	animation: fbs 0.5s;
}
 @keyframes fbs {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.flow-area {
	background-color: #ced9cd;
	padding-top: 2em;
	padding-bottom: 2em;
}
.flow-layout {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.flow-area .flow {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.flow-area .flow div {
	display: table-cell;
	margin-bottom: 1em;
}
.flow h3 {
	font-weight: bold;
	font-size: 110%;
	color: #333333;
}
.flow img {
	width: 80%;height:auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.flow p {
	font-size: 11px;
}
.flow {
	padding-bottom: 1em;
}
.qrcode img {
	width: 320px;height:auto;
}
.concept-area {
	background-color: #e7e4d6;
	padding-top: 3em;
	padding-bottom: 3em;
}
.concept {
	width: 100%;
}
.concept h2 {
	font-size: 200%;
	text-align: center;
}
.wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.yso{width:710px;text-align: center;margin-top:2em;margin-left:auto;margin-right:auto;padding-bottom:2em;}
.yso img{margin-left:auto;margin-right:auto;}

.service-flow-right{display: inline-block;width:60%;vertical-align: top;}
.service-flow-left{display: inline-block;width:38%;}
.service-flow-left img{width:100%;height:auto;}
.page-tel{padding-top:2em;padding-bottom:2em;text-align: center;position: relative;}
.page-tel a{font-size:250%;font-family: "Oswald", sans-serif;color:#222222;}
.page-tel a:before{content:'tel.';font-size:70%;}
.page-tel a:after{position: absolute;top:0;left:0;content: 'フリーダイヤル';font-weight: bold; font-size:40%;text-align: center;width:100%;}
.page-header{font-size:150%;line-height: 150%;font-weight:bold;padding-top:0em;padding-bottom:1em;text-align: center;}
.page-header span{display: block;}
.emp-list{font-weight:bold;margin-top:1em;margin-bottom:1em;padding:2%;border:double 4px #178CB5;}
.emp-list ul{}
.emp-list li{margin-bottom:1em;margin-top:1em;}
.emp-list li:before{font-style: normal;font-variant: normal;font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f00c";font-size:100%;color:#BC2022;margin-right:0.25em;}
.map-area iframe{height:250px;}


.wrapper p{margin-bottom:1em;}
.campaign-area {
	padding-top: 2%;
	padding-bottom: 2%;
}
.campaign-area p {
	padding-bottom: 2%;
}
.campaign-area ul {
	display: flex;
}
.campaign-area ul img {
	width: 96%;height:auto;
}
/*  navi */
.page-navi-area {
	font-size: 80%;
	-webkit-user-select: none;
	display: block;
	overflow-y: hidden;
	position: relative;
	-webkit-overflow-scrolling: touch;
	vertical-align: middle;
	margin-top: 4em;
}
.page-navi-area ul {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.page-navi-area li {
	display: inline-block;
	table-layout: fixed;
	position: relative;
}
.page-navi-area a:hover {
	text-decoration: none;
}
.page-navi-area li:after {
	content: "/";
	padding-right: 1em;
	padding-left: 1em;
}
.page-navi-area li:last-of-type:after {
	content: "";
	padding-right: 1em;
	padding-left: 1em;
}

#slidewrapper{height:auto;}

.wrapper h3 {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 180%;
	margin-bottom: 1em;
	border-bottom: 1px solid #161F2E;
  font-weight:bold;
}
.wrapper h4 {
	font-weight: bold;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 110%;
}
.wrapper h4:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
.wrapper table {
	width: 98%;
}
.wrapper th {
	width: 10%;
	background-color: #222;
	color: #FFF;
	padding: 5px;
}
.wrapper td {
	padding: 5px;
		background-color: #efefef;
}
.wrapper table span{font-size:70%;}
.price td {
	background-color: #F0F0F0;
}

.price {
	margin-bottom: 2em;
	margin-top: 1em;
}
.mqprice {
	font-weight: bold;
	color: #CB1C1F;
}
.mq-merit {
	text-align: center;
}
.mq-merit h2 {
	padding-top: 3em;
	padding-bottom: 2em;
	margin: 0;
}
.mq-merit h3 {
	position: relative;
}
.mq-merit h3:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 200%;
	color: #EEEEEE;
}
.mq-merit p {
	font-size: 90%;
}
aside p {
	font-size: 11px;
	color: #EFEFEF;
	margin-bottom: 2%;
}
.photo-area {
	width: 100%;
	display: table;
}
.photo-area p {
	display: table-cell;
	padding: 0;
	margin: 0;
}
.page-cont-left {
	float: left;
	width: 32%;
}
.page-cont-right {
	float: right;
	width: 64%;
}
.page-cont-left img {
	width: 100%;height:auto;
}
.image-banner p img {
	width: 100%;height:auto;
}
.page-navi-list {
	border: 1px solid #cccccc;
	padding: 2%;
	background-color: #EFEFEF;
}
.page-navi-list h2 {
	font-size: 100%;
	margin-top:1em;
	margin-bottom: 1em;
}
/*top about*/

.about-layout h4{font-size:120%;border:none;margin-bottom:0;}
.about-layout img{width:100%;height:auto;}
.about-layout{padding-bottom:5em;/*margin-top: 5em;*/}


.information-left {
	width: 50%;
	height: 90vh;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	font-size: 90%;
}
.information-right {
	width: 50%;
	height: 90vh;
	float: right;
	text-align: left;
	position: relative;
	overflow: hidden;
}
	.grey-box-n p{margin-bottom:1em;}

.cs-voice {
	background-color: #e6e6e6;
	padding: 2%;
	margin-bottom: 2em;
	border-radius: 5px;
}

.about-layout img {
	width: auto;
	height: 100vh;
}
.info-layout {
	width: 92%;
	padding: 4%;
}
.info-layout h3 {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 180%;
	margin-bottom: 1em;
	border-bottom: 1px solid #161F2E;
}
.info-layout h4 {
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
}
article h2 {
	font-size: 200%;
	font-weight: bold;
}
article h4 {
	font-size: 200%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #222222;
}
article h5 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.25em;
		font-weight: bold;
}
article h6 {
	font-weight: bold;
	margin-bottom: 1em;
}

.data_wrapper{max-width:1000px;margin-left:auto;margin-right:auto;text-align: left;}
.data_wrapper h3{padding-top:1em;padding-bottom:1em;font-size:150%;border-bottom:3px #cccccc solid;margin-bottom:1em;}
.data_wrapper h4{}
.myen{font-size:11px;padding-left:0.7em;}
.data-table table{width:100%;text-align: center;}
.data-table th{background-color: #222222;color:#FFFFFF;padding:7px;}
.data-table td{padding:7px;}
.data-table tr:nth-of-type(odd) {  background-color: #ffffff;}
.data-table tr:nth-of-type(even) {  background-color: #f2f2f2;}

.cta-contact {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 1em;  margin-top: 2em;}
.cta-contact a:link{color:#ffffff;}
.cta-contact a:visited{color:#ffffff;text-decoration: none;}
.cta-contact a:active{color:#ffffff;text-decoration: none;}
.cta-contact a:hover{color:#ffffff;text-decoration: none;}
.contact-card {  flex: 1;  min-width: 280px;   border-radius: 8px;  padding: 1em;  text-align: left;}
.contact-card i {  margin-right: 0.5em;    font-size:200%;}
.contact-card .highlight {  font-weight: bold;  margin-top: 0.5em;}
.contact-card.tel {  border-color: #e53935;background-color: #E53935;}
.contact-card.tel .highlight {  }
.contact-card.tel:hover {    color: #ffffff;background-color: hsla(1,77%,55%,0.86);}
.contact-card.tel:hover .cta-h {  color: #ffffff;}
.contact-card.line {  border-color: #00c300;background-color:#00c300;}
.contact-card.line .highlight { }
.contact-card.line:hover{color:#FFFFFF;background-color:hsla(120,100%,38%,0.86);}
.contact-card.line:hover .cta-h{color:#FFFFFF;}

.page-faq{padding:2%;text-align: left;}
.page-faq h2 {  border-bottom: none; margin-bottom: 1em; }
.page-faq h3 {  border-left: 5px solid #222;border-bottom:none;  padding: 0.5em;font-weight: bold;margin-bottom:1.5em;margin-top:1.5em;}
.page-faq ul { margin: 1em 1em ; padding-left: 1em;background-color: #f8f8f8;border-radius:7px;font-size:0.9em; }
.page-faq ul li { list-style: none; position: relative; padding-left: 1em; margin: 0.4em 0; line-height: 1.7; }
.page-faq ul li::before { content: "–"; position: absolute; left: 0; color: #666; }
.page-faq ul li { text-indent: -0.6em; }



.list-area{padding:2%;margin-top:1em;margin-bottom:1em;background-color: #EFEFEF;border:solid 1px #cccccc;}
.grey-area{padding:2%;margin-top:1em;margin-bottom:1em;background-color: #EFEFEF;}

.f-contact-navi {
	position: fixed;
	bottom: 50%;
	right: 0;
	display: block;
	z-index: 998;
	width: 145px;
	font-size: 80%;
	background-color: #181D42;
}
.f-contact-navi div {
	display: block;
	margin: 1em;
}
.f-contact-navi a {
	color: #FFFFFF;
	display: block;
	padding: 0.5em;
	border-radius: 5px;
}
.f-contact-navi a:hover {
	text-decoration: none;
}
.f-contact-navi .tel a {
	background-color: #C01316;
}
.f-contact-navi .mail a {
	background-color: #f9b52c;
}
.f-contact-navi .mess a {
	background-color: #00ba01;
}
.f-contact-navi .tel a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f098";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
.f-contact-navi .mail a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
.f-contact-navi .mess a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f086";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
}
/*footer*/

.footer-navi {
	font-size: 80%;
	text-align: center;
}
.footer-navi ul {
	padding-top: 2%;
	padding-bottom: 2%;
}
.footer-navi li {
	display: inline-block;
}
.footer-navi li:after {
	content: "/";
	padding-right: 1em;
	padding-left: 1em;
}
.footer-navi li:last-of-type:after {
	content: "";
	padding-right: 1em;
	padding-left: 1em;
}
.fn-check {
	position: relative;
	margin-top: 1em;
}
.fn-check li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: bold;
	line-height: 1;
	margin-right: 0.25em;
	color: #333333;
}
.footer {
	background-color: #000000;
}
.footer-area {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
	padding-bottom: 1%;
}
.footer-left {
	float: left;
	width: 450px;
	padding-left: 11px;
	padding-top: 20px;
	text-align: left;
}
.footer-access {
	float: left;
	width: 200px;
}
.footer-access img {
	width: 100%;height:auto;
}
.footer-info {
	float: left;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	width: 230px;
}
.footer-info a {
	color: #FFFFFF;
}
.footer-right {
	float: right;
	padding-right: 10px;
	padding-top: 2%;
}
.copyright {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 70%;
	background-color: #000000;
	color: #FFFFFF;
}
.slide-area {
	margin-bottom: 0em;
	margin-top: 2em;
 height:630px;
}
.header-block img{width:100%;height:auto;}

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

.slider-photo-area {
	width: 97%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #F3F3F3;
	padding-right: 3%;
	margin-top: 1%;
	margin-bottom: 2%;
}
.slider-photo-area img {
	width: 100%;height:auto;
}
.sp-kaitori-layout {
	padding: 2%;
	border: 1px solid #bbbbbb;
	margin-bottom: 2em;
	background-color: #E6E6E6;
}
.sp-kaitori-thum {
	float: left;
	width: 30%;
	padding-right: 2%;
	margin-bottom: 2em;
}
.sp-kaitori-area img {
	width: 100%;height:auto;
}
.sp-kaitori-area p {
	font-size: 100%;
}
.sp-kaitori-deta {
	float: left;
	width: 66%;
}
.sp-kaitori-link a {
	margin-top: 1em;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3em;
	display: block;
	text-align: left;
	background-color: #111111;
	color: #FFFFFF;
	margin-bottom: 2em;
	width: 30%;
	background-image: url(../img/xj/icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.sp-kaitori-link a:hover {
	background-color: #333333;
}
.service-l-info-area {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}
.service-l-info-area a img {
	border-radius: 5px;
}
.service-l-info-area img {
	width: 100%;height:auto;
}
.contact-l-info-left {
	float: left;
	width: 48%;
	text-align: center;
}
.contact-l-info-right {
	float: right;
	width: 48%;
	text-align: center;
}
.premium-lineup-concept {
	width: 100%;
	padding-top: 2%;
}
.float-left {
	float: left;
	width: 58%;
}
.float-right {
	float: right;
	width: 40%;
	text-align: right;
}
.banner-area {
	margin-bottom: 1em;
}
.sp-left {
	float: left;
	width: 49%;
}
.sp-right {
	float: right;
	width: 49%;
}
.banner-area img {
	width: 100%;
	height: auto;
}
.banner-area-auto img{width:auto;height:auto;}
.sp-kaitori-layout {
	padding: 2%;
	border: 1px solid #bbbbbb;
	margin-bottom: 2em;
}
.sp-kaitori-thum {
	float: left;
	width: 30%;
	padding-right: 2%;
	margin-bottom: 2em;
}
.sp-kaitori-area img {
	width: 100%;height:auto;
}
.sp-kaitori-area p {
	font-size: 100%;
}
.sp-kaitori-deta {
	float: left;
	width: 66%;
}
.at-box {
	border: #CCCCCC 1px solid;
	padding: 1em;
	margin-bottom: 1em;
	background-color: #EFEFEF;
}
.at-box ul {
}
.at-box li {
	color: #001556;
	font-weight: bold;
}
.mod_formbtn {
	width: 258px;
	margin-left: auto;
	margin-right: auto;
}
.mod_formbtn input {
	cursor: pointer;
	background-image: url(../img/buttun.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 258px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.mod_formbtn input:hover {
	background-image: url(../img/roll_buttun.png);
	background-repeat: no-repeat;
}



.area-margin{margin-top:1em;margin-bottom:1em;}
.area-margin img{margin-left:auto;margin-right:auto;}

.marketprice {
	margin-bottom: 2em;
}
.marketprice table {
	font-size: 120%;
	font-weight: bold;
}
.marketprice th {
	background-color: #333333;
	color: #FFFFFF;
	text-align: left;
	padding: 1%;
	width: 20%;
}
.marketprice td {
	padding: 5px;
	width: 10%;
	background-color: #F3F3F3;
	text-align: center;
}
.rep-top p {
	padding-bottom: 2%;
}
.rep-flow {
	margin-bottom: 2%;
	padding-top: 2%;
}
.rep-flow p {
	margin: 0px;
	padding: 0px;
}
.content-layout .text-area {
	line-height: 170%;
	width: 100%;
}
.text-area img {
	float: right;
	padding-bottom: 2%;
	padding-left: 2%;
}
.content-layout .text-area-l {
	line-height: 170%;
	width: 100%;
}
.text-area-l img {
	float: left;
	padding-bottom: 2%;
	padding-right: 2%;
}
/*FAQ*/

.faq-area {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 2%;
	padding-bottom: 2%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.faq-a p {
	margin-bottom: 1em;
}
.q-bg {
	padding: 2%;
}
.a-bg {
	padding: 2%;
}
.a-bg div {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.faq-q {
	background-color: #CCCCCC;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 3em;
	padding-right: 0em;
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	position: relative;
}
.faq-a {
	background-color: #EFEFEF;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 3em;
	padding-right: 0em;
	font-size: 120%;
	position: relative;
}
.faq-q::before {
	position: absolute;
	top: 0%;
	left: 1%;
	content: 'Q';
	font-size: 330%;
	color: #cd3436;
	font-weight: bold;
}
.faq-a::before {
	position: absolute;
	top: 0%;
	left: 1%;
	content: 'A';
	font-size: 330%;
	color: #555555;
	font-weight: bold;
}
/**/


.title {
	display: none;
}
.top-button-area {
	display: none;
}
/*--------------------------
SNS
--------------------------*/

i {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 0.25em;
}
.sns {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 200%;
}
.sns li {
	border: none;
	padding: 0.2em;
	border-radius: 7px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	display: inline-block;
	text-align: center;
}
.sitemap-contact ul {
	display: table;
	margin-top: 1em;
}
.sitemap-contact li {
	display: table-cell;
}
.sitemap-contact img {
	width: 98%;height:auto;
}
.sitemap-area ul {
	padding: 1%;
	display: inline-block;
	vertical-align: top;
	width: 98%;
}
.sitemap-area ul a {
	padding: 0.5em;
	border-bottom: 1px solid #212121;
	margin-bottom: 0.5em;
	display: block;
	font-size: 90%;
}
.sitemap-information p {
	color: #FFFFFF;
}
.sitemap {
	width: 100%;
	background-color: hsla(0,0%,0%,0.99);
	color: #FFFFFF;
	height: 100vh;
	display: none;
	overflow-y: auto;
	padding: 0%;
}
.new {
	padding-right: 10px;
}
.sitemap a {
	color: #FFFFFF;
}
.button-area p {
	padding-top: 0%;
	padding-bottom: 1%;
}
.top-button-area {
	padding-top: 3%;
	padding-bottom: 3%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.top-button-area ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.top-button-area li {
	display: table-cell;
	width: 100%;
}
.top-button-area img {
	width: 90%;height:auto;
	border-radius: 2px;
}
.calender-layout iframe {
	height: 400px;
}


.f-contact{background-color: hsla(214,89%,18%,1);padding:0.5em;display:block;margin-top:1em;margin-bottom:1em;color:#ffffff;text-align: center;}
.f-line{padding:1em;border:1px solid #ffffff;}
.f-contact span {	}
.f-contact a {	color: #FFFFFF;	display: block;	padding: 0.5em;	background-color:#8f792d;	border-radius:4px;margin-top:1em;margin-bottom:1em;}
.f-contact a:hover {	text-decoration: none;}
.f-contact-button p{display: inline-block;margin-left:0.5em;margin-right:0.5em;}
.f-contact .tel-area a:before {	font-family: "Font Awesome 5 Free";	content: "\f098";	font-weight: bold;	line-height: 1;	margin-right: 0.25em;}
.f-contact .mail a:before {	font-family: "Font Awesome 5 Free";	content: "\f0e0";	font-weight: bold;	line-height: 1;	margin-right: 0.25em;}
.f-contact .mess a:before {	font-family: "Font Awesome 5 Free";	content: "\f086";	font-weight: bold;	line-height: 1;	margin-right: 0.25em;}
.f-contact .mailc a:before {	font-family: "Font Awesome 5 Free";	content: "\f1b9";	font-weight: bold;	line-height: 1;	margin-right: 0.25em;}
p span a:before {	font-family: "Font Awesome 5 Free";	content: "\f0c1";	font-weight: bold;	line-height: 1;	margin-right: 0.25em;}
.va-area{padding-top:1em;padding-bottom:2em;}
.va-area span{border-bottom:1px dotted #333333;padding-bottom:0.5em;}
.va-area div{font-size:11px;}




.top-button-area {
	display: block;
}
.form-messe {
	color: #FFFFFF;
	font-weight: bold;
}
.form-layout {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 700px;
	margin: 0 auto 40px;
	padding: 45px;
}
.form-layout figure {
	width: 50px;
}
.form-layout figure img {
	width: 100%;height:auto;
}
.form-layout h3 {
	font-size: 90%;
	border-bottom: 1px solid #696E72;
}
.form-layout input {
	outline: 0;
	background: #efefef;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}
.form-layout input.midle-size {
	width: 30%;
}
.form-layout select {
	outline: 0;
	background: #efefef;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}
.form-layout input[type="radio"] {
	width: 20px;
}
.form-layout input[type="checkbox"] {
	width: 20px;
}
.form-layout textarea {
	width: 98%;
	padding: 1%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.form-layout button {
	margin-top: 1em;
	text-transform: uppercase;
	outline: 0;
	background-color: #131313;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}
.form-layout .confirm input {
    display: block;
    text-align: center;
    width: 200px;
    background: rgb(245,35,35);
    background: -moz-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
    background: linear-gradient(to bottom, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f52323', endColorstr='#510205', GradientType=0 );
    border: 1px solid hsla(0,0%,97%,0.50);
    border-radius: 9px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 100%;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    margin-top: 1em;
	margin-left:auto;margin-right:auto;
}
.form-bg {
/*	background-image: url(../img/bg.jpg);*/
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #020202;
}
.layout-left {
	float: left;
	width: 40%;
}
.layout-right {
	float: right;
	width: 58%;
}
.layoutb-left {
	float: left;
	width: 58%;
}
.layoutb-right {
	float: right;
	width: 40%;
}
.navi-button-area {
	padding-top: 2em;
	padding-bottom: 2em;
}
.navi-button-area h3 {
	font-size: 180%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #191919;
}
.side-banner-l {
	display: block;
}
.side-banner {
	display: block;
}
.pc {
	display: block;
}
.ress-on {
	display: none;
}
.ress-of {
	display: block;
}

@media only screen and (max-width: 1181px) {.slide-area{height:292px;}}


@media only screen and (max-width: 640px) {
.pc {
	display: none;
}
.ress-on {
	display: block;
}
.ress-of {
	display: none;
}
.header-description h1 {
	display: none;
}
.slide {
	display: none;
}
.wrapper {
	width: 95%;
	padding: 2%;
}
.yso{width:98%;padding:1%;font-size:80%;padding-bottom:2em;text-align: left;}
.yso span{display: block;}
.yso img{width:100%;height:auto;}

.myen{font-size:100%;}
.data_wrapper{padding:1%;}
.page iframe{height:150px;margin-bottom:1em;}


#navi {
	width: 100%;
	display: none;
}
.naviswitch li {
	font-size: 120%;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: .4s;
}
.menu-trigger {
	position: relative;
	width: 25px;
	height: 22px;
	cursor: pointer;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #111111;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	transform: translateY(-10px) rotate(45deg);
}
.form-layout input[type="radio"] {
	width: 20px;
}
.form-layout input {
	padding: 5px;
}
.img img {
	width: 100%;height:auto;
}
.wide {
	margin: 0;
}
.wide h2 {
	font-size: 100%;
}
.wrapper h3 {
	font-size: 150%;
}
.contents {
	width: 96%;
	padding: 2%;
}
.header-wrapper {
	background-color: #EEEEEE;line-height: 0;
}
.header-wrapper img{width:100%;height:auto;}
.sidemenu {
	font-size: 130%;
}
.mq-merit p {
	font-size: 100%;
}
.mq-merit {
	text-align: left;
}
.mq-merit h3:before {
}
.mq-merit h2 {
	text-align: center;
}
article h2 {
	font-size: 110%;
}
.wide h2 {
	text-align: left;
	padding: 2%;
	width: 90%;
	margin: 2%;
	background-color: #EEEEEE;
	/*border-left: 5px #234C7C solid;*/
}
.wide .flow-area h2 {
	text-align: center;
	border: none;
	background-color: transparent;
}
article table {
	font-size: 50%;
}
article table img {
	width: 100%;height:auto;
}
nav {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.page{word-break: break-all;}
.page h2 {
	border-bottom: none;
}
	.area-margin img{width:100%;height:auto;}
	.faq-area{font-size:80%;}
	
.sitemap-area ul {
	width: 96%;
	padding: 1%;
	display: block;
	vertical-align: top;
}
.menu-trigger span {
	background-color: #CCCCCC;
}
.side-banner-l {
	display: none;
}
.side-banner {
	display: none;
}
article h4 {
	font-size: 110%;
	font-weight: bold;
}
.table-sc{overflow: scroll;}
.wrapper .table-sc table{width:200%;}
.table-sc th{/*width:auto;*/table-layout: fixed;}

.banner-area-auto img{width:100%;height:auto;}
#slidewrapper{height:755px;}

.calender-layout iframe {
	height: 250px;
}
.sitemap-information p {
	font-size: 80%;
}
.about-layout img {
	width: 100%;
	height: auto;
}
.information-left {
	width: 100%;
	height: auto;
	float: none;
}
.information-right {
	width: 100%;
	height: auto;
	float: none;
}
.page-cont-left {
	float: none;
	width: 100%;
}
.page-cont-right {
	float: none;
	width: 100%;
}
.Article {
	width: 96%;
	padding: 2%;
}
.image-banner-auto p img {
	width: 100%;height:auto;
}
.imgborder img {
	width: 90%;height:auto;
}
p.fr img {
	width: 100%;height:auto;
}

.ex-nav-area {
	margin-top: 0em;
}
.form-layout {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 94%;
	margin: 0 auto 0px;
	padding: 3%;
}
.form-layout h3 {
	font-size: auto;
}
.qr {
	font-size: 80%;
}
.qrcode img {
	width: 100%;height:auto;
}
.form-area {
	width: 98%;
	text-align: left;
	padding: 1%;
}
.header-wrapper {
	height: auto;
	border-bottom: none;
}
.header-description {
	padding-top: 0px;
	border: 0;
}
.concept-area {
	padding-top: 1em;
	padding-bottom: 1em;
}
.concept {
	width: 100%;
}
.concept h2 {
	font-size: 80%;
	text-align: center;
}
.concept p {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.naviswitch ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
}
.tellarea {
	font-size: 100%;
	text-align: center;
}
.tellarea a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 120%;
}
.tellarea a:hover {
	text-decoration: none;
}
span.tel a {
width:96%;
	margin-left: auto;
	margin-right: auto;
	padding-left:2%;
	padding-right:2%;
}
span.mailbutton a {font-size:90%;}
.page-navi-area {
	display: none;
}
.form-area h2 {
	font-size: 100%;
}
.form-messe {
	font-size: 50%;
	padding-top: 1em;
	padding-bottom: 1em;
}
.flow-area {
	background-color: #ced9cd;
	padding-top: 2em;
	padding-bottom: 2em;
}
.flow-layout {
	width: 100%;
}
.flow-area .flow {
	display: block;
	table-layout: auto;
}
.flow-area .flow div {
	display: block;
}
.flow h3 {
	font-size: 90%;
}
.flow p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.flow p img {
	width: 90%;height:auto;
}
.flow p.text {
	text-align: left;
}
.layout-left {
	float: none;
	width: 100%;
}
.layout-right {
	float: none;
	width: 100%;
}
.layoutb-left {
	float: none;
	width: 100%;
}
.layoutb-right {
	float: none;
	width: 100%;
}
.text-area-l img {
	width:100%;height:auto;
}

.form-bg {
	padding-top: 0em;
	padding-bottom: 0em;
}
.f-contact-text{text-align: left;}

.f-contact-navi {
	display: table;
	z-index: 998;
	width: 100%;
	bottom: 0;
	right: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
.f-contact-navi div {
	display: table-cell;
}
.f-contact-navi a {
	margin-right: 0.2em;
	margin-left: 0.2em;
}
.footer-title {
	width: 100%;
	text-align: center;
}
.footer-title img {
	width: 90%;height:auto;
	margin-left: auto;
	margin-right: auto;
}
.footer-navi {
	text-align: left;
}
.footer-navi li {
	display: block;
}
.footer-navi li::after {
	content: "";
	padding-right: 0em;
	padding-left: 0em;
}
.footer-navi li a {
	display: block;
	border-bottom: 1px dotted #1F1F1F;
	padding: 1em;
}
.footer-area {
	width: 100%;
	padding-top: 1em;
	font-size: 100%
}
.footer-left {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-top: 0px;
}
.footer-access {
	float: none;
	width: 100%;
}
.footer-info {
	float: none;
	padding-left: 0px;
	width: 100%;
}
.footer-right {
	float: none;
	padding-right: 0px;
}
.footer-banner img {
	width: 100%;height:auto;
}
/*旧*/


p img {
	width: 100%;
	height: auto;
}
.swiper-slide {
	height: auto;
}

.slide-area {
	background-image: url(../img/top/slidebg.jpg);
	margin-top: 0px;
 heihgt:182px;
}

.title {
	width: 100%;
	display: block;
}
.marketprice table {
	font-size: 50%;
}

.rep-flow {
	width: 96%;
	height: auto;
}

.grey-box-n img {
	float: none;
	padding-right: 0em;
	width: 100%;height:auto;
}
.spiframe iframe {
	height: 200px;
}
.page-form .form-layout button {
	background-size: 100%;
	height: 25px;
	width: 124px;
}
#header-menu {
	display: none;
}
.top-title-image img {
	width: 100%;
	height: auto;
}
.concept-hb {
	width: 75%;
}
.concept-photo {
	width: 20%;
}

.float-left {
	float: none;
	width: 100%;
}
.float-right {
	float: none;
	width: 100%;
	text-align: left;
	margin-top: 1em;
}
.ann {	font-size: 80%;}
.syorui img {	width: auto;height:auto;}
.sns{font-size:180%;}
.service-flow-left{display:block;width:100%;margin-bottom:1em;}
.service-flow-right{display:block;width:100%;}


}
@media only screen and (max-width: 540px) {.slide-area{height:155px;}}

@media only screen and (max-width: 481px) {#slidewrapper{height:566px;}.slide-area{height:150px;}}
@media only screen and (max-width: 415px) {#slidewrapper{height:488px;}}
@media only screen and (max-width: 391px) {#slidewrapper{height:460px;}}
@media only screen and (max-width: 376px) {#slidewrapper{height:442px;}}
@media only screen and (max-width: 300px) {#slidewrapper{height:354px;}.wrapper{overflow: scroll;}.slide-area{height:auto;}}