@charset "UTF-8";

/*
	Theme Name: neun
	Description: neunTheme
*/



@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 100;
  src: url("font/NotoSansJP-Thin.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 300;
  src: url("font/NotoSansJP-Light.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 400;
  src: url("font/NotoSansJP-Regular.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 500;
  src: url("font/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "nsjpr";
  font-style: bold;
  font-weight: 700;
  src: url("font/NotoSansJP-Bold.woff") format("woff");
}
  

/* =Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,li,a, strong {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	/*font-feature-settings : "palt";*/
	letter-spacing: 0.01em;
	/*text-align: justify;*/
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top; font-size: 0.6em;}
/*sub{vertical-align:text-bottom;}*/
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"], input[type="checkbox"] {vertical-align: -3px;}
/*html,body{ width: 100%;}*/
html>/**/body {
	/*font-family: 'notoSerif', serif;*/
	font-family: 'nsjpr', sans-serif;
	/*font-family: 'nsjpr', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;*/
}
figure {margin: 0; padding: 0;}


/* For modern browsers */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}
.clr {clear: both; line-height: 0; display: block;}

.nobb {border-bottom: none!important;}

.disnon {display: none;}

.td_ul {text-decoration: underline;}

/* =all
-------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: none;
	/*-webkit-overflow-scrolling: touch;*/
	/*height: 100%;*/
}
body {
	width: 100%;
	/*height: 100%;*/
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
	color: #000;
	text-align: justify!important;
    font-feature-settings: 'palt'!important;
	/*background:#f6f5f0;*/
	position: relative;
}
@media screen and (max-width: 960px){
	body {font-size: 14px;}
}
@media screen and (max-width:420px){
	body {font-size: 12px;}
}

a {text-decoration:none;}
.sp {display: none;}
.sp02 {display: none;}

body img { max-width: 100%; height: auto;}


input {vertical-align: middle;}
input[type="text"], input[type="email"] {width: 100%;}
input[type="text"], input[type="search"], input[type="email"], select {
	border-radius: 3px;
	box-sizing: border-box;
	padding: 5px;
	transition: all 0.3s ease;
	color: #000;
	position: relative;
	/*top: -3px;*/
	border: none;
	background: rgba(0,0,0,0.1);
}

input[type="text"], input[type="search"], input[type="email"] {top: -3px;}

textarea {border-radius: 3px; border: none; background: rgba(0,0,0,0.1); width: 100%; box-sizing: border-box; padding: 5px; transition: all 0.3s ease; height: 150px;}

label > input[type="file"], label > input[type="button"] {display: none;}
label[for="pic_up"] {cursor: pointer;}

input[type="text"]:focus, textarea:focus, select:focus, input[type="search"]:focus, input[type="email"]:focus {
/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);*/
	outline: none!important;
	background: rgba(0,0,0,0.05);
}
input::placeholder {color: rgba(0,0,0,0.5);}
input[type="radio"], input[type="checkbox"]  {position: relative; top: -3px; margin-right: 5px;}

input[type="submit"] {
	box-sizing: border-box;
	padding: 5px 20px;
	border-radius: 3px;
	border: none;
	background: #666;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
}
input[type="submit"]:hover {background: #444;}



label.cbox, label.rbox {
	position: relative;
}
label.cbox input[type="checkbox"], label.rbox input[type="radio"] {
	opacity: 0;
	position: relative;
}

label.cbox::before {
	content: '';
	width: 14px;
	height: 14px;
	border: 1px solid #333;
	border-radius: 3px;
	position: absolute;
	left: 0%;
	top: 5px;
	display: inline-block;
	background: #fff;
	z-index: 1;
}


label.cbox input + span::after  {
	content: '';
	display: inline-block;
	position: absolute;
	left: 1px;
	top: 7px;
	transform: rotate(-45deg) scale(0.2);
	z-index: 2;
	border-bottom: 4px solid #333;
	border-left: 5px solid #333;
	width: 9px;
	height: 4px;
	opacity: 0;
	transition: all 0.2s ease;
	transform-origin: center;
}

label.cbox input:checked + span::after {
	opacity: 1;
	transform:  rotate(-45deg) scale(1);
}


label.rbox {}
label.rbox::before {
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #333;
	border-radius: 50%;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	background: #fff;
	z-index: 1;
	box-sizing: border-box;
}
label.rbox input + span::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%) scale(0.2);
	z-index: 2;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
	opacity: 0;
	transition: all 0.2s ease;
	transform-origin: center;
	box-sizing: border-box;
}
label.rbox input:checked + span::after {
	opacity: 1;
	transform:translateY(-50%) scale(1);
}


@media screen and (max-width: 940px){
	label.cbox::before {top: 3px;}
}



header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	padding: 0px 0 ;
	/*box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);*/

	/*background: #9ad1e7;*/
	background: #ffffff;
	transition: all 0.3s ease;
}

.admin-bar header {top: 32px}

header .wrap { padding: 15px 20px;}


header .fbox01 {align-items: center;}


header h1 {display: flex; align-items: center;}
header h1 > div {}
header h1 > div img {width: 141px;}

#menu {}

/*** menu common ***/
#menu .gNavi {/*font-weight: 500;*/}
#menu .gNavi > nav ul > li > a {color: #000;  letter-spacing: 0.05em;}
#menu .gNavi > nav ul > li > a::after {}
#menu .gNavi > nav ul > li > div > ul > li > a > span {position: relative; line-height: 1;}
#menu .gNavi > nav ul > li > div > ul > li > a > span::before {
		content: '';
		width: 7px;
		height: 7px;
		box-sizing: border-box;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		position: absolute;
		top: 50%;
		left: -12px;
		transform: translateY(-50%) rotate(-45deg);
		display: inline-block;
	}
/*** menu common ***/




/*@media screen and (min-width: 1321px){*/
@media screen and (min-width: 960px){

#menu .gNavi {display: flex; align-items: center; clear: both;}
#menu .gNavi > nav {margin: 0px auto 0; transition: all 0.3s ease;}
	
header.is_active #menu .gNavi > nav {margin: 0px auto;}

#menu .gNavi > nav ul {display: flex; justify-content: space-between; align-items: center;}
#menu .gNavi > nav ul > li {
	text-align: center;
	position: relative;
	margin-left: 10px;
}
#menu .gNavi > nav ul > li.contact {display: none}
#menu .gNavi > nav ul > li > a {
	/*font-size: 0.9em;*/
	font-size: 1em;
	/*font-weight:500;*/
	position: relative;
	display: block;
	text-align: left;
	line-height: 1;
	padding: 8px 8px 8px 8px;
	transition: all 0.3s ease;
	z-index: 2;
	color: #181818;
	font-weight: 500;
}
/*
	#menu .gNavi > nav ul > li:hover > a, #top #menu .gNavi > nav > ul > li.top > a, #purchase #menu .gNavi > nav > ul > li.purchase > a, #DataErasing #menu .gNavi > nav > ul > li.DataErasing > a, #UsedSale #menu .gNavi > nav > ul > li.UsedSale > a, #company #menu .gNavi > nav > ul > li.company > a, #qAnda #menu .gNavi > nav > ul > li.qAnda > a {color: #181818;}
*/
#menu .gNavi > nav ul > li > a::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: #181818;
	z-index: -1;
	width: 0%;
	height: 1px;
	transition: all 0.3s ease 0.1s;
}
	/*
	#menu .gNavi > nav ul > li:hover > a::after, #top #menu .gNavi > nav > ul > li.top > a::after, #purchase #menu .gNavi > nav > ul > li.purchase > a::after, #DataErasing #menu .gNavi > nav > ul > li.DataErasing > a::after, #UsedSale #menu .gNavi > nav > ul > li.UsedSale > a::after, #company #menu .gNavi > nav > ul > li.company > a::after, #qAnda #menu .gNavi > nav > ul > li.qAnda > a::after {width: 100%;}
	*/
	
	
	#menu .gNavi > nav ul > li > a[aria-current="page"], #menu .gNavi > nav ul > li > a:hover {color: #181818;}
#menu .gNavi > nav ul > li > a[aria-current="page"]::after, #menu .gNavi > nav ul > li > a:hover::after {width: 100%;}
	
	
	
	
	
#menu .gNavi > nav ul > li > a span {position: relative; }
	
	
}






/*@media screen and (max-width : 1511px ){*/
@media screen and (max-width : 959px ){
	
	header section#menu {
		position: fixed;
		top: 58px;
		left: 100%;
		width: 100%;
		z-index: -1;
		transition: all 0.5s ease;
		overflow-y: auto;
		height: 100%;
		background: #fff;
	}
	header section#menu.active {
		position: fixed;
		/*top: 0px;*/

		left: 0%;
		width: 100%;
		z-index: 1;
	}
	
	
	header section#menu .gNavi nav {width: 100%;}
	header section#menu .gNavi nav ul {display: block;}
	header section#menu .gNavi nav ul > li {
		width: 100%;
		/*border-bottom: 2px solid rgba(0,0,0,0.2);*/
		/*padding: 0px 0 5px;*/
		/*margin: 10px 0 10px;*/
		margin: 0;
		border-bottom: 1px solid rgba(0,0,0,0.3);
	}
	header section#menu .gNavi nav ul > li:first-child {border-top: 1px solid rgba(0,0,0,0.3);}
	#menu .gNavi > nav ul > li.contact {display: block}
	
	#menu .gNavi > nav ul > li {position: relative;}
	
	
	
	#menu .gNavi > nav ul > li > a::after {
	content: '';
	position: absolute;
	left: 0%;
	top: 0;
	background: #181818;
	width: 0;
	height: 100%;
}
	/*
	#top #menu .gNavi > nav ul > li.top > a::after, #purchase #menu .gNavi > nav > ul > li.purchase > a::after, #DataErasing #menu .gNavi > nav > ul > li.DataErasing > a::after, #UsedSale #menu .gNavi > nav > ul > li.UsedSale > a::after, #company #menu .gNavi > nav > ul > li.company > a::after, #qAnda #menu .gNavi > nav > ul > li.qAnda > a::after, #contact #menu .gNavi > nav > ul > li.contact > a::after {width: 10px;}
	*/
	
	
#menu .gNavi > nav ul > li > a[aria-current="page"]::after, #menu .gNavi > nav ul > li > a:hover::after {width: 10px;}
	
	
	
	
	
	#menu .gNavi > nav ul li a { text-align: left; }
	#menu .gNavi > nav ul > li > a {padding: 15px 15px; font-size: 1.1em; font-weight: 500; display: block;}
	
	header section#menu.active .gNavi nav {margin: 0 auto;}
	#menu .gNavi > nav ul li a::after {height: 100%;}
	
	#menu .gNavi > nav ul > li > div > ul {margin-left: 45px}
	
	#menu .gNavi > nav ul > li > div > ul > li > a {display: block; padding: 8px 5px 8px 5px; color: #333;}
	#menu .gNavi > nav ul > li > div > ul > li > a::before {
		background: #333;
		top: 13px;
		left: 5px;
	}
	#menu .gNavi > nav ul > li > div > ul > li > a > span::before {
		border-bottom: 2px solid #333;
		border-right: 2px solid #333;
	}
	
	#menu .gNavi #searchArea {padding: 0 20px 30px; max-width: 210px;}
	#menu .gNavi #searchArea > a {display: none;}
	.searchBox {position: static; margin-top: 30px;}
	
}



@media screen and (max-width: 748px){
	header section#menu {top: 48px;}
	/*header h1 span img {width: 120px;}*/
	header h1 > div img {width: 100px;}
	/*header .wrap {padding-left: 5px;}*/
}



.navToggle {
    display: none;
    position: fixed;
    right: 10px;
    top: 12px;
    width: 62px;
	height: 38px;
    cursor: pointer;
    z-index: 300;
    text-align: center;
	box-sizing: border-box;

}

.navToggle span {
    display: block;
    position: absolute;
    width: 50px;
    /*border-bottom: solid 1px #9ad1e7;*/
    border-bottom: solid 1px rgba(0,0,0,0.6);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 5px;
}

.navToggle span:nth-child(1) {top: 8px;}
.navToggle span:nth-child(2) {top: 17px;}
.navToggle span:nth-child(3) {top: 26px;}


.navToggle.active span:nth-child(1) {
    top: 15px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media screen and (max-width : 959px ){
	.navToggle {display: block; transition: all 0.3s ease;}
	.admin-bar .navToggle {top: 44px}
	/*.navToggle.active {top: 3px;}*/
	#menu > nav > ul li {margin-left: 0;}
}

@media screen and (max-width : 748px ){
	.navToggle {right: 6px; top: 6px;}
}
@media screen and (max-width : 420px ){
.navToggle { width: 48px;}
.navToggle span {width: 36px;}
}

@media screen and (max-width: 782px) {
	.admin-bar header {top: 46px;}
	.admin-bar .navToggle {top: 50px}
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed!important;
    }
}





/*----------------------------------------------------------------------
･margin等
-----------------------------------------------------------------------*/
/* font */
.fl {	float: left;}
.fr {	float: right;}
.fw {	width: 100%;}
.ta_l { text-align: left;}
.ta_c { text-align: center;}
.ta_r { text-align: right;}
.lh17 { line-height: 1.7;}
.lh20 { line-height: 2;}
.f10 {	font-size: 10px;}
.f12 {	font-size: 12px;}
.f14 {	font-size: 14px;}
.f15 {	font-size: 15px;}
.f16 {	font-size: 16px;}
.f18 {	font-size: 18px;}
.f20 {	font-size: 20px;}
.bold {	font-weight: 600;}
.red {	color: #d01126;}
.hColor { color:#395526;}
.white {color: #fff;}

/* mgn */
.mgn01 {margin-bottom: 0.1em;}
.mgn05 {margin-bottom: 0.5em;}
.mgn08 {margin-bottom: 0.8em;}
.mgn10 {margin-bottom: 1em;}
.mgn13 {margin-bottom: 1.3em;}
.mgn15 {margin-bottom: 1.5em;}
.mgn20 {margin-bottom: 2em;}
.mgn25 {margin-bottom: 2.5em;}
.mgn30 {margin-bottom: 3em;}
.mgn50 {margin-bottom: 5em;}
.mgn80 {margin-bottom: 8em;}

.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}

.pdn25 {padding-top: 1.5em;}

.ls01 { letter-spacing: -0.1em;}
.ls02 { letter-spacing: -0.05em;}

.bCenter {margin-left: auto; margin-right: auto;}

.mincho { font-family: "notoSerif", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;}

.cap {
	font-size: 12px;
	/*font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,メイリオ,Meiryo,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
	line-height: 140%;
}

.tShadow01 { color:#fff; text-shadow: black 2px 2px 4px, black -2px 2px 4px, black 2px -2px 4px, black -2px -2px 4px, black 2px 2px 4px, black -2px 2px 4px, black 2px -2px 4px, black -2px -2px 4px;}


main {
	width:100%; 
	margin: auto;
	padding-top: 60px;
	overflow:hidden;
	position: relative;
}

@media screen and (max-width: 748px){
	main {padding-top: 48px;}
}

article {
	margin: 0 auto ;
	/*margin: 0 auto 60px;*/
	/*padding: 40px 0;*/
}
.wrap {margin: auto; /*max-width: 960px;*/ width: 100%; padding: 0 20px; box-sizing: border-box;}
.container {
	/*padding: 0 40px;*/
	/*max-width: 1140px;*/
	max-width: 1320px;
	margin: auto;
}

article .container {font-size: 1.1em; line-height: 180%;}
/*
article > section:not(:last-child) {margin-bottom: 80px;}
*/
article section > .wrap { padding-top: 70px; padding-bottom: 70px;}

@media screen and (max-width: 748px){
	article section > .wrap { padding-top: 30px; padding-bottom: 30px;}
}


.animation-comm {opacity:0; transition: all 0.8s ease; position:relative; top:50px;}
.animation-comm.active {opacity:1; top:0;}

.imgArea {position: relative;}


/* caption */

.fbox01 {display: flex; justify-content: space-between; }
.fbox02 {display: flex; justify-content: space-between; flex-direction: row-reverse;}

.caption { max-width: 1000px; box-sizing: border-box; padding: 20px 20px; margin: auto; font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,メイリオ,Meiryo,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
.caption p {font-size: 11px; text-align: left; line-height: 160%;}

@media screen and (min-width: 920px){
}





#copyRight {
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width: 500px){
	#copyRight {font-size: 10px;}
}




.lnkStyle01 {margin-top: 25px; margin-bottom: 25px; text-align: center; }
.lnkStyle01 a {border: 1px solid #333; display: inline-block;  color: #333; letter-spacing: 0.2em; position: relative; transition: all 0.3s ease;}
.lnkStyle01 a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: #333;
	transition: all 0.5s ease;
}
.lnkStyle01 a:hover::before {
	width: 100%;
}

.lnkStyle01 a span {position: relative; padding: 10px 30px; display: inline-block;}
.lnkStyle01 a span::before, .lnkStyle01 a span::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	transition: all 0.3s ease 0.3s;
}
.lnkStyle01 a span::before {
	height: 18px;
	width: 12px;
	background: #333;
}
.lnkStyle01 a span::after {
	width: 6px;
	height: 6px;
	right: 4px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-50%) rotate(-45deg);
}

.lnkStyle01 a:hover { color: #fff;}
.lnkStyle01 a:hover span::before {background: #fff;}
.lnkStyle01 a:hover span::after {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}


@media screen and (max-width: 460px){
	.lnkStyle01 a {letter-spacing: 0.1em; line-height: 140%}
	.lnkStyle01 a span { padding: 13px 20px 13px 10px; }
}
@media screen and (max-width : 774px ){
	.lnkStyle01 a span br.sp {display: inline-block;}
}


.lStyle01 {}
.lStyle01 > li {display: inline-block;}
.lStyle01 > li:not(:last-child)::after {content: '、';}

.lStyle02 {}




/*** footer ***/

footer {padding-bottom: 70px; /*margin-top: 40px;*/}


.contact {}
.contact .wrap {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.contact .wrap::before, .contact .wrap::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.contact .wrap::before {
	background: url("images/contact_bg.jpg") no-repeat center bottom / cover;
}
.contact .wrap::after{background: rgba(255,255,255,0.8);}
@media screen and (max-width: 640px){
	.contact .wrap::before {
	background: url("images/contact_bg.jpg") no-repeat 80% bottom / cover;
	}
}


.contact .wrap .container {}
.contact .wrap .container .tArea {}

.contact .wrap .container .tArea .hTxt, #case h3 {letter-spacing: 0.05em; margin-bottom: 20px; text-align: center;}
.contact .wrap .container .tArea .hTxt small, #case h3 small {display: block;}
.contact .wrap .container .tArea .hTxt span, #case h3 span {
	font-size: 1.8em;
	font-weight: 600;
}
@media screen and (max-width: 560px){
	.contact .wrap .container .tArea .hTxt span, #case h3 span {font-size: 1.6em;}
}


.contact .wrap .container .tArea .hTxt + p {text-align: center; font-size: 1.2em; font-weight: 500;}

@media screen and (max-width: 500px){
	.contact .wrap .container .tArea .hTxt + p br.sp {display: inline-block;}
}
@media screen and (max-width: 460px){
	.contact .wrap .container .tArea .hTxt + p {font-size: 4.2vw}
}


.mAndt {margin-top: 40px;}
.mAndt a {display: flex; align-items: center; justify-content: center; position: relative;}
.mAndt a i {display: inline-block; margin-right: 10px}
.mAndt a i img {width: 40px}

.mAndt .btn {
	max-width: 540px;
	width: 100%;
	margin: 0 auto 30px;
}
.mAndt .btn a {
	/*background: #0071bd;*/
	/*background: #9ad1e7;*/
	background: #444;
	color: #fff;
	box-sizing: border-box;
	padding: 15px 10px;
	transition: all 0.3s ease;
}
.mAndt .btn a:hover {background: #11a6dd;}
.mAndt .btn a::after {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	background: url("images/arrow01.png") no-repeat left center / cover;
}

.mAndt .btn span {
	font-size: 1.5em;
}
@media screen and (max-width: 500px){
	.mAndt .btn a {justify-content:flex-start; padding-left: 4vw;}
	.mAndt .btn span {font-size: 4.4vw;}
	.mAndt a i img {width: 7vw}
}



.mAndt .tel {}
.mAndt .tel a {color: #181818; pointer-events: none;}
.mAndt .tel a i {}
.mAndt .tel a i img {width: 60px}
.mAndt .tel a span {font-size: 3.6em; font-weight: 600;}

.mAndt .tel > p {text-align: center;}

@media screen and (max-width: 460px){
	.mAndt .tel a i img {width: 10.8vw;}
	.mAndt .tel a span {font-size: 10.8vw;}
}


.fLogo {margin-top: 50px; text-align: center;}
.fLogo div {margin-bottom: 20px; display: none;}
.fLogo span {
	display: inline-block;
    /*margin-left: 10px;*/
    font-weight: 600;
    font-size: 1.3em;
    color: rgb(168, 211, 234);
    letter-spacing: 0.06em;
}


.fbtm {margin-bottom: 50px;}
.fbtm nav {margin-top: 30px;}
.fbtm nav ul {display: flex; justify-content: center; flex-wrap: wrap;}
.fbtm nav ul > li {margin: 0 5px 10px; padding: 0 10px 0 0; box-sizing: border-box;}
.fbtm nav ul > li:not(:last-child) {border-right: 1px solid #999;}
.fbtm nav ul > li a {color: #333; font-weight: 500;}

@media screen and (max-width: 800px){
	/*.fbtm nav ul {font-size: 0.9em;}*/
}
@media screen and (max-width: 748px){
	.fbtm nav ul {border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,0,0,0.6); justify-content: flex-start;}
	.fbtm nav ul > li:not(:last-child) {border-right: none;}
	.fbtm nav ul > li {
		width: calc(50%);
		border-bottom: 1px solid rgba(0,0,0,0.6);
		margin: 0;
		padding: 10px;
	}
	.fbtm nav ul > li:last-child {border-bottom: none;}
	.fbtm nav ul > li:nth-child(odd) {border-right: 1px solid rgba(0,0,0,0.6);}
	.fbtm nav ul > li a {display: block;}
}



.btnArea { max-width: 240px; width: 100%; margin: 60px auto 0; position: relative;}
.btnArea button, .btnArea input[type="submit"] {border: none; display: block; width: 100%; font-family: 'nsjpr', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; cursor: pointer;}
.btnArea a, .btnArea button, .btnArea input[type="submit"] {
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 1.4em;
	letter-spacing: 0.3em;
	padding: 25px 5px;
	box-sizing: border-box;
	/*border-radius: 5px;*/
	position: relative;
	transition: all 0.3s ease;
	border-radius: 8px;
	/*box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);*/
	line-height: 1;
}

.btnArea a, .btnArea button, .btnArea input[type="submit"] {
	/*background: #ec912f;*/
	background: #181818;
}

.btnArea a span::after, .btnArea a span::after, .btnArea button span::after, .btnArea button span::after, .btnArea::after {
	content: '▼';
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	transform-origin:top;
	font-size: 12px;
	pointer-events: none;
	color: #fff;
	
}

.btnArea a:hover, .btnArea a:hover, .btnArea button:hover, .btnArea button:hover, .btnArea input[type="submit"]:hover {opacity: 0.6;}




@media screen and (max-width: 500px){
	.btnArea a span, .btnArea a span, .btnArea button span, .btnArea button span, .btnArea input[type="submit"] {padding: 20px 5px;}
}

.ten {text-indent: -0.2em; margin-right: -0.2em; display: inline-block}


.fltBtn {
	/*background: #9ad1e7;*/
	box-sizing: border-box;
	padding: 10px;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
	text-align: center;
}
.fltBtn a.fContact {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border: 1px solid #fff;
	max-width: 400px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 5px;
	/*background: #9ad1e7;*/
	background: #444;
}
.fltBtn i img {width: 22px; margin-right: 10px;}
.fltBtn a.fContact:hover {opacity: 0.5}

@media screen and (max-width: 330px){
	.fltBtn i img {width: 18px; margin-right: 5px;}
}




a#toTop {
	/*position: fixed;*/
	height: 24px;
	width: 50px;
	/*height: 100%;*/
	position: absolute;
	bottom:0px;
	right: 0px;
	font-size: 1.4em;
	color: #29407c;
	line-height: 0;
	background: rgba(0,0,0,0.4);
	z-index: 100;
}
a#toTop::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 67%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	
}
a#toTop:hover {/*padding: 5px 8px 11px 8px;*/ opacity: 0.7;}
@media screen and (max-width: 660px){
	a#toTop {font-size: 1em;}
}