@charset "utf-8";
/*
Theme Name: temp
Author: <?php echo get_option('home'); ?>/
Author URI: <?php echo get_option('home'); ?>/
Description:Version: 1.0
*/

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

div,span,h1,iframe,p,blockquote,a,em,img,strong,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tr,th,td{	border: 0;	margin: 0;	padding: 0;}

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;}
.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;}
hr {	margin-bottom: 2em;	border-bottom: 0px solid #222222;}
iframe {width:100%;	height: 500px;	margin-bottom: 2em;}

/*header*/

.header-wrapper{background-color: #FFFFFF;line-height: 0;}
.header-title{display: inline-block;width:39%;vertical-align: middle;text-align: left;}
.header-title img{height:auto;}
.header-navi{display: inline-block;width:60%;vertical-align: middle;text-align: right;}
.header-navi ul{width:100%;}
.header-navi li{display:inline-block;}
.header-navi li a{padding-left:1em;padding-right:1em;padding-top:2em;padding-bottom:2em;}
.header-navi li a:hover{background-color: #111932;color:#FFFFFF;text-decoration: none;transition: 1s;}

.top-header{line-height: 0;}
.top-header ul{display: table;}
.top-header li{display: table-cell;}
.top-header img{width:100%;height:auto;}

.image-a{background-image: url(https://www.bentley-navi.jp/img/topimage-bentley.jpg);background-repeat: no-repeat;height:100vh;width:100%;position: relative;}
.image-a-layout{position: absolute;left:20%;top:20%;}
.image-info{background-color: #000000;padding:5em;color:#FFFFFF;text-align: left;}
.image-info a{color:#FFFFFF;}
.image-info h2{}
.image-info p{}
.image-info a{display:inline-block;padding:1em;border: 1px solid #FFFFFF;margin-top:1em;}
.image-info button{display:inline-block;padding:1em;border: 1px solid #FFFFFF;margin-top:1em;background-color: transparent;color:#FFFFFF;}

.image-b{background-image: url(https://www.bentley-navi.jp/img/topimage-rollsroyce.jpg);background-repeat: no-repeat;height:100vh;width:100%;position: relative;}
.image-b-layout{position: absolute;right:20%;top:20%;}

.rub{border-bottom:2px solid #CCCCCC;padding-bottom:0.5em;}

.page-header{}
.page-header h1{padding-top:2em;padding-bottom:2em;color:#FFFFFF;line-height: 130%;}

.top-header{}
.top-header li{position: relative;}
.top-header li a{position: absolute;top: 90%;left: 0;padding-top:1.5em;padding-bottom:1.5em;background-color: #000000;color:#FFFFFF;width:96%;margin-left:2%;margin-right:2%;}
.top-header li a:hover{background-color: #B72729;color:#FFFFFF;text-decoration: none;}
.top-header li a::before {font-style: normal;font-variant: normal;font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f101";font-size: 100%;margin-right: 0.25em;}


.navi-area{background-color: #222222;font-size:90%;}
.navi-area a{display: block;padding:0.5em;color:#FFFFFF;}
.navi-area ul{display: table;width:100%;}
.navi-area li{display: table-cell;table-layout: fixed;}

.page .emp-list {font-size: 110%;margin-bottom: 2em;margin-top: 2em;}
.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;}

a img:hover{opacity: 0.8;transition-duration:0.6s;}
.tellarea {	width: 96%;	padding: 2%;	background-color: #2A6FAF;	font-size: 200%;	color: #FFFFFF;	font-weight: bold;	text-align: center;}

.wide {	margin-top: 0em;	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 #2c4a0e;	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;}
.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%;	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{text-align: center;}

.wrapper {	width: 1000px;	margin-left: auto;	margin-right: auto;	text-align: left;}
.wrapper p{margin-bottom:1em;}
.wrapper h3 {	padding-top: 1em;	padding-bottom: 1em;	font-size: 180%;	margin-bottom: 1em;	border-bottom: 1px solid #161F2E;}
.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%;border-collapse: collapse;}
.wrapper th {	width: 10%;	background-color: #222222;	color: #FFF;	padding: 5px;}
.wrapper td {	padding: 5px;background-color: #EFEFEF;}
.yso{width:710px;text-align: center;margin-top:2em;margin-left:auto;margin-right:auto;margin-bottom:3em;}
.yso img{margin-left:auto;margin-right:auto;height:auto;}
.price td {	background-color: #F0F0F0;}
.price {	margin-bottom: 2em;	margin-top: 1em;}
.mqprice {	font-weight: bold;	color: #CB1C1F;}
.mq-merit {	text-align: center;	margin-bottom:2em;}
.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%;}
.image-banner p{margin-top:1em;margin-bottom:1em;}
.image-banner p img {	width: 100%;}
.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;}
.cs-voice {	background-color: #e6e6e6;	padding: 2%;	margin-bottom: 2em;	border-radius: 5px;}
.price-data{margin-top:1em;margin-bottom:1em;font-weight: bold;}


.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;}

/*top about*/

.about-layout {	margin-top: 3em;}
.information-left {	width: 50%;	height: 100vh;	float: left;	text-align: left;	position: relative;	overflow: hidden;	font-size: 90%;}
.information-right {	width: 50%;	height: 100vh;	float: right;	text-align: left;	position: relative;	overflow: hidden;}
.grey-box-n p{margin-bottom:1em;}
.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: 0.5em;	padding-bottom: 0.5em;}
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;border-bottom: 1px dotted #cccccc;}
article h6 {	font-weight: bold;	margin-bottom: 1em;}
.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: 1em;	margin-top: 0em;}
.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;}
.price-data{color:#A41113;font-weight:bold;}


.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;}

.float-left {	float: left;	width: 58%;}
.float-right {	float: right;	width: 40%;	text-align: right;}
.float-right img{width:100%;}
.float-right span img{width:auto;}
.banner-area {	margin-bottom: 1em;}
.banner-area img {	width: 100%;	height: auto;}
.area-margin{margin-top:1em;margin-bottom:1em;}

/*--------------------------
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;}

.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%;}
.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 {	padding-top: 2em;	padding-bottom: 2em;	background-color: #020202;}
.layout-left {	float: left;	width: 40%;}
.layout-left img{width:100%;height:auto;}
.layout-right {	float: right;	width: 58%;}
.layoutb-left {	float: left;	width: 58%;}
.layoutb-right {	float: right;	width: 40%;}


@media only screen and (max-width: 1025px) {
.header-navi{font-size:80%;}
.page-header h1{font-size:100%;}
}


@media only screen and (max-width: 640px) {
.slide {	display: none;}
.wrapper {	width: 95%;	padding: 2%;}
.yso{width:96%;padding:2%;font-size:80%;text-align: left;}
.yso span{display: block;}

.yso img{width:100%;}

.naviswitch li {	font-size: 120%;}
.navi-area{display: none;}

.header-wrapper{line-height:normal;}
.header-title{display: block;width:100%;text-align: center;}
.header-title img{width: 80%;}
.header-navi{display: block;width:96%;padding:2%;text-align: left;overflow-y: scroll;-webkit-overflow-scrolling: touch;background-color: #222222;}
.header-navi ul{width:100%;white-space: nowrap;font-size:80%;}
.header-navi li{}
.header-navi li a{padding-left:1em;padding-right:1em;padding-top:0em;padding-bottom:0em;color: #FFFFFF;}

.top-header{}
.top-header li{position: relative;line-height:0;}
.top-header li a{position: absolute;top: 85%;left: 0;padding-top:1em;padding-bottom:1em;font-size:70%;background-color: #c01316;border-radius:5px;}
.top-header img{width:100%;height:auto;}

.image-a-layout {	left: 0%;}
.image-b-layout {right:0%;}

.image-a{	background-position: 30% 0%;}
.image-b{	background-position: 50% 0%;}

.image-info{background-color:hsla(0,0%,0%,0.87);padding:3%;}

.page-header h1{font-size:70%;padding-top:0.5em;padding-bottom:0.5em;}

.form-layout input[type="radio"] {	width: 20px;}
.form-layout input {	padding: 5px;}
.img img {	width: 100%;height:auto;}
.wide {	margin: 0;}
.wrapper h3 {	font-size: 100%;}
.contents {	width: 96%;	padding: 2%;}
.header-wrapper {	background-color: #EEEEEE;}
.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 {	font-size: 100%;	text-align: left;	padding: 2%;	width: 90%;	margin: 2%;	background-color: #EEEEEE;	border-left: 5px #496b1f solid;}
.wide .flow-area h2 {	text-align: center;	border: none;	background-color: transparent;}
article table {	font-size: 50%;}
article table img {	width: 100%;}
.page h2 {	border-bottom: none;}
.area-margin img{width:100%;}
	
article h4 {	font-size: 110%;	font-weight: bold;}
.about-layout img {	width: 100%;	height: auto;}

.information-left {	width: 100%;	height: auto;	float: none;}
.information-right {	width: 100%;	height: auto;	float: none;}

.imgborder img {	width: 90%;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%;}

.float-right{float:none;width:96%;padding:2%;text-align: left;}
.float-left{float:none;width:96%;padding:2%;}

.service-flow-left{display:block;width:100%;margin-bottom:1em;}
.service-flow-right{display:block;width:100%;}

.form-area {	width: 98%;	text-align: left;	padding: 1%;}
.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 {	margin-left: auto;	margin-right: auto;}
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%;}
.form-bg {	padding-top: 0em;	padding-bottom: 0em;}
.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%;	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-area img{height:auto;}
.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;}
.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;}
.ann {	font-size: 80%;}
.sns{font-size:180%;}

}