@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;border:0;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select{vertical-align:middle;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
	font-size:62.5%;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	color:#191717;
	background:#FFF;
	font-family: YakuHanMP_Noto,"Noto Serif JP","YuMincho","Yu Mincho","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.8rem;
	line-height:1.8em;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	body{
		font-size:1.5rem;
		line-height:1.6em;
	}
}

/* GoogleFonts「Lusitana」用CSS */
.alphabet_font_min {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
}
.alphabet_font_min.minbold {
	font-weight: 700;
}



/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline:none;
}
a:link,
a:visited{
	text-decoration:none;
}

.ophover{
	transition:opacity ease .3s;
}
.ophover:hover{
	opacity: .7;
}


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

/*--------------------------------------------------------------------------
   Animation
---------------------------------------------------------------------------*/

.fade,.fade01,.fade02,.fade03,.fade04,
.delay01,.delay02,.delay03,.delay04,.delay05 {
	transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
}
.fade {
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.fade01{
	opacity: 0;
	transform: translate(0,100px);
	-webkit-transform: translate(0,100px);
}
 .fade02 {
	opacity: 0;
	transform: translate(0,-100px);
	-webkit-transform: translate(0,-100px);
}
.fade03 {
	opacity: 0;
	transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
}
.fade04 {
	opacity: 0;
	transform: translate(100px,0);
	-webkit-transform: translate(100px,0);
}
.delay01{
	transition-delay:0.4s;
}
.delay02{
	transition-delay:0.8s;
}
.delay03{
	transition-delay:1.2s;
}
.delay04{
	transition-delay:1.6s;
}
.delay05{
	transition-delay:2.0s;
}
 .mv {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}


#PcNav.bg {
/*  animation: bgAnime 0.5s ease-in 1 alternate forwards;*/
}
#PcNav.bg-back {
/*  animation: bgAnimeBack 0.5s ease-in 1 alternate forwards;*/
}
@keyframes bgAnime {
  0% {
	background:rgba(255,255,255,0);
  }
  100% {
	background:rgba(255,255,255,1);
  }
}
@keyframes bgAnimeBack {
  0% {
	background:rgba(255,255,255,1);
  }
  100% {
	background:rgba(255,255,255,0);
  }
}

#PcNav.bg_Pages {
  animation: bgAnime_Pages 0.5s ease-in 1 alternate forwards;
}
#PcNav.bg-back_Pages {
  animation: bgAnimeBack_Pages 0.5s ease-in 1 alternate forwards;
}
@keyframes bgAnime_Pages {
  0% {
	background:rgba(255,255,255,0.5);
  }
  100% {
	background:rgba(255,255,255,1);
  }
}
@keyframes bgAnimeBack_Pages {
  0% {
	background:rgba(255,255,255,1);
  }
  100% {
	background:rgba(255,255,255,0.5);
  }
}

/*--------------------------------------------------------------------------
   PC
---------------------------------------------------------------------------*/
.sp{
	display:none;
}
/* box-sizing ---*/
header, footer, section, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, th, td, a, span {
	box-sizing: border-box;
}

/*--------------------------------------------------------------------------
   SP
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline;
	}
}
/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
#Page{
	overflow:hidden;
}
@media screen and (max-width: 768px) {
	#Page {
		min-width:320px;
	}
	#Page img{
		width:100%;
		height:auto;
	}
}



/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

@media screen and (max-width: 960px) {
	#Header{
		min-height:50px;
	}
}


/*--------------------------------------------------------------------------
   #PcNav
---------------------------------------------------------------------------*/
.pages #PcNav {
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	min-height:70px;
	background:rgba(255,255,255,.5);
	z-index:5000;
}

.home #PcNav {
/*	position:fixed;*/
	left:0;
	top:0;
	width: 100%;
	min-height:60px;
/*	background:rgba(255,255,255,0);*/
    background: #f1f1f1;
	z-index:99;

}

#PcNav .PcNav-inline {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1640px;
}
@media screen and (max-width: 960px) {
	#PcNav .PcNav-inline {
			float: none;
/*			border-bottom:1px solid #D4D3D1;*/
		}
}

#PcNav .PcNav-inline .logo {
	padding: 18px 30px 0 28px;
	line-height:0;
	float: left;
	width: 300px;
}
@media screen and (max-width: 960px) {
	#PcNav .PcNav-inline .logo{
			padding: 8px 0 9px 10px;
		}
}

#PcNav .PcNav-inline #PcNavSub{
    display: none;
	padding: 10px 28px 0 0;
	float: right;
	font-size: 0;
}

.HeaderAttendance #PcNav .PcNav-inline #PcNavSub{
	padding: 0;
}

#PcNav .PcNav-inline #PcNavSub li {
	display:inline-block;
	position: relative;
}
#PcNav .PcNav-inline #PcNavSub li a {
	position: relative;
	display:block;
	padding-top: 18px;
	height: 50px;
	color:#000;
	line-height:1;
	font-size:1.3rem;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.HeaderAttendance #PcNav .PcNav-inline #PcNavSub li a {
	padding-top: 27px;
	width: 18em;
}

#PcNav .PcNav-inline #PcNavSub > li > a:hover{opacity: .7;}

#PcNav .PcNav-inline #PcNavSub li p {
	position: relative;
	padding: 0 30px;
	text-align:center;
	transition:.1s;
}
#PcNav .PcNav-inline #PcNavSub li p.nav_in::after {
	position: absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:block;
	content:"";
	width: 1px;
	height: 24px;
	background:#7f8080;
}

#PcNav .PcNav-inline #PcNavSub li.request p {
	padding: 0 50px;
}
#PcNav .PcNav-inline #PcNavSub li.request a {
	background:#142e77;
	color:#FFF;
	font-size:1.4rem;
	font-weight: 500;
}
#PcNav .PcNav-inline #PcNavSub li.reserve p {
	padding: 0 50px;
}
#PcNav .PcNav-inline #PcNavSub li.reserve a {
	border-left: 1px solid rgba(255,255,255,.4);
	background: rgba(136,67,28,1);
	background: -moz-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
	background: linear-gradient(135deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
	color:#FFF;
	font-size:1.4rem;
	font-weight: 500;
}


#PcNav .PcNav-inline #PcNavSub li.attendance__top a {
	min-height: 70px;
	color:#FFF;
	background: rgba(115, 116, 71, 1);
}

#PcNav .PcNav-inline #PcNavSub li.attendance__GoToOfficial a {
	min-height: 70px;
	color:#FFF;
	background:rgba(20, 46, 119, 1);
}



/* -----------------------
	#GnavPc
----------------------- */

#PcNav #GnavPc {
    display: none;
	margin: 0 auto;
	width: 100%;
	max-width: 1640px;
}
#PcNav #GnavPc ul {
	padding-left: 28px;
	font-size: 0;
}
#PcNav #GnavPc ul li {
	display:inline-block;
	position: relative;
	width: 10.9%;
	color: #191717;
}

.HeaderMember #PcNav #GnavPc ul li {
	width: 33.333%;
}

#PcNav #GnavPc ul li:nth-child(n+8) {
	/*width: 17%;*/
}
#PcNav #GnavPc ul li a,
#PcNav #GnavPc ul li .comingsoon {
	position: relative;
	display:block;
	padding-top: 20px;
	height: 50px;
	line-height:1;
	font-size:1.3rem;
	color: #000;
	font-weight: 500;
	letter-spacing: 0.1em;
}

#PcNav #GnavPc ul li .comingsoon {
	color: rgba(0, 0, 0, .4);
}

#PcNav #GnavPc > ul > li > a::after {
	position: absolute;
	left:0;
	bottom:0;
	display:block;
	content:"";
	width: 0;
	height: 3px;
	background:#142e77;
	transition:.3s;
}
#PcNav #GnavPc > ul > li > a:hover::after,
#PcNav #GnavPc > ul > li.current > a::after {
	width: calc(100% + 4px);
}
#PcNav #GnavPc ul li p {
	position: relative;
	text-align:center;
	transition:.1s;
}
#PcNav #GnavPc ul li p.nav_in::before {
	position: absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:block;
	content:"";
	width: 1px;
	height: 24px;
	background:#7f8080;
}
#PcNav #GnavPc ul li:last-child p.nav_in::after {
	position: absolute;
	left:100%;
	top:50%;
	transform:translateY(-50%);
	display:block;
	content:"";
	width: 1px;
	height: 24px;
	background:#7f8080;
}

.link_new{
	position: relative;
}
.link_new::after{
	position: absolute;
	display: inline-block;
	content: 'NEW';
	line-height: 1;
	color: #fff;
	background: #ab2222;
	text-align: center;
}
#PcNav #GnavPc ul li.link_new::after{
	left: 50%;
	top: 2px;
	font-size: 1.0rem;
	padding: 2px 0;
	width: 42px;
	transform: translateX(-50%);
}
#PcNav #GnavPc ul li li.link_new::after{
	left: 4px;
	top: 4px;
	font-size: 1.0rem;
	padding: 3px 6px;
	width: auto;
	color: #ab2222;
	background: none;
	transform: translateX(0);
	border-right: solid 1px #ab2222;
	border-bottom: solid 1px #ab2222;
}

#PcNav #GnavPc ul li ul {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 600px;
	background: rgba(255,255,255,0.95);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	visibility: hidden;
	opacity: 0;
	display: flex;
	flex-wrap: wrap;
}

#PcNav #GnavPc ul li:hover ul{
	visibility: visible;
	opacity: 1;
	padding-left: 0;
}

#PcNav #GnavPc ul li ul li {
	display: flex;
	align-items: center;
	width: 50%;
}

#PcNav #GnavPc ul li ul li:nth-child(even) {
	border-left: 1px solid #444;
}

#PcNav #GnavPc ul li ul li a {
	display: flex;
	justify-content: center	;
	align-items: center;
	width: 100%;
	height: auto;
	min-height: 58px;
	border-bottom: solid 1px #dcdcdc;
	font-size: 1.4rem;
	padding: 6px 0;
	line-height: 1.3;
	align-items: center;
}

#PcNav #GnavPc ul li ul li a::after {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background: #142e77;
	transition: .3s;
}

#PcNav #GnavPc ul li ul li a:hover::after {
	width: 100%;
}

#PcNav #GnavPc ul li ul li.current > a::after {
	height: 3px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	#PcNav #GnavPc ul li ul {
		top: 40px;
		width: 100%;
	}

	#PcNav #GnavPc ul li ul li {
		width: 100%;
		padding: 10px 0;
		border: none;
	}

	#PcNav #GnavPc ul li ul li a {
		font-size: 1.2rem;
	}
}

/* -----------------------
	#SpNav
----------------------- */

#SpNav {
	display:none;
}
#SpNavWrap .logo {
	display:none;
}

@media screen and (max-width: 768px) {
#SpNav > ul {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6002;
}

#PcNav {
	display: none;
}
#SpNavWrap {
	height: 60px;
    background-color: #f1f1f1;
}
#SpNavWrap .logo {
	display: block;
	padding: 15px 0 0 10px;
	width: 270px;
	line-height:0;
	float: left;
}
@media screen and (max-width: 320px) {
	#SpNavWrap .logo {
		padding: 18px 0 0 10px;
		width: 240px;
	}
	}
#SpNav{
    display: none;
/*	display: block;*/
	position:fixed;
	right:0;
	top:0;
	z-index:6000;
}
#SpNav li{
	display:inline-block;
}
#SpNav li:last-child{
	border-left:none;
	cursor:pointer;
}
#SpNav li img{
	border: 1px solid rgba(255, 255, 255, 0.6);
	width: auto;
	height: 58px;
}
#SpMenuBtn{
	position: relative;
}
#SpMenuBtn span{
	position: absolute;
	display:block;
	width: 39px;
	height: 2px;
	background:#FFF;
	left:12px;
	transition:.3s;
}
#SpMenuBtn span:nth-of-type(1){
	top:14px;
}
#SpMenuBtn span:nth-of-type(2){
	top:22px;
}
#SpMenuBtn span:nth-of-type(3){
	top:30px;
}
#SpMenuBtn.open span:nth-of-type(1){
	top:17px;
	transform:rotate(-45deg);
}
#SpMenuBtn.open span:nth-of-type(2){
	display:none;
}
#SpMenuBtn.open span:nth-of-type(3){
	top:17px;
	transform:rotate(45deg);
}
#Gnav{
	float: none;
	display:none;
	overflow: hidden;
}
#Gnav > ul{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	background-color: #fff;
	padding-bottom: 100px;
	padding-left: 0;
	z-index: 6001;
	top: 0;
	padding-top: 60px;
}
#Gnav > ul > li{
	display:block;
	float: left;
	border-right:1px solid #7f8080;
	border-bottom:1px solid #7f8080;
	width: 50%;
}
#Gnav > ul > li:first-child,
#Gnav > ul > li:nth-child(2) {
	border-top:1px solid #7f8080;
}
#Gnav ul li a,
#Gnav ul li .comingsoon {
	position: relative;
	display:block;
	padding: 25px 10px;
	width: 100%;
	height: auto;
	line-height:1;
	font-size:1.3rem;
	color: rgba(25, 25, 23, 1);
	font-weight: 500;
	letter-spacing: 0.1em;
}

#Gnav ul li .comingsoon {
	color: #dcdcdc;
}

#Gnav ul li a::after,
#Gnav ul li .comingsoon::after {
	display:none;
}
#Gnav ul li a:hover/*,
#Gnav ul li.current a*/ {
	background:rgba(20, 46, 119, 1);
	color:#FFF;
}
#Gnav ul li p{
	position: relative;

	text-align:center;
	transition:.1s;
}
#Gnav ul li p.nav_in::before{
	display:none;
}
#Gnav ul li p span{
	display:none;
}
#Gnav ul li.hide{
	display:none;
}
#Gnav ul li.link_new::after{
	left: 0;
	top: 0;
	padding: 3px 0;
	transform: translateX(0);
}
#Gnav ul li li.link_new::after{
	left: 15%;
}

#Gnav ul li ul,
.HeaderMember #Gnav ul li ul{
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	visibility: visible;
	opacity: 1;
}
#Gnav ul li ul li a{
	border-bottom: none;
	padding: 15px;
	height: auto;
	font-size: 1.2rem;
}
#Gnav ul li ul li a::after,
#Gnav ul li ul li.current > a::after{
	bottom: auto;
	top: 0;
	left: 15%;
	width: 70%;
	background: #D4D3D1;
	height: 1px;
}
}


/* ---------------------------------------------------------------------------
#footFixNav
--------------------------------------------------------------------------- */
#footFixNav{
	display: none;
}
@media screen and (max-width:768px) {
	#footFixNav{
      display: none;
/*	  display: block;*/
	  width: 100%;
	  position: fixed;
	  bottom:0;
	  z-index: 9999;
	  background: rgba(255,255,255,1);
	}
	#footFixNav ul{
	  display: flex;
	  justify-content: space-between;
	  text-align: center;
	  border:1px solid #252e73;
	}
	#footFixNav ul li{
	  padding:3%;
	  box-sizing: border-box;
	  border-right:1px solid #252e73;
	  text-align: center;
	  flex-grow: 1;
	}
	#footFixNav ul li img{
		width: 53px;
		height:40px;
	}
	#footFixNav ul li:last-of-type{
	  border-right:none;
	}
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	margin-top: 0;
}

@media screen and (max-width:768px) {
	#Content {
		margin-top: 0px;
	}
}

.sectionWrap {
	max-width:1200px;
	margin:0 auto;
}
.notes_common{
	display: inline-block;
	padding-top: 1em;
	font-size: 1.4rem;
	line-height: 1.6em;
	text-align: left;
	letter-spacing: 0;
}

@media screen and (max-width:768px) {
	.sectionWrap{
		max-width:none;
		padding:0 15px;
	}
	.notes_common{
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.5em;
		letter-spacing: 0;
	}
}



/* page-ttl
-----------------------------------------------------------------*/
 #Content .page-ttlBg {
	animation-name:Bgfade-in;
	animation-duration:0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes Bgfade-in {
  0% {opacity: 0}
  100% {opacity: 1}
}

#Content .page-ttl{
	position: relative;
	height: 350px;
}
#Content .page-ttl h2{
	position: absolute;
	top: 180px;
	left:0;
	width: 100%;
	text-align:center;
	color: #FFF;
}
#Content .page-ttl h2 strong{
	display:inline-block;
	padding: 8px 0;
	font-weight:normal;
	font-size:3.6rem;
}
#Content .page-ttl h2 span{
	position: absolute;
	top: 55px;
	left:0;
	width: 100%;
	height: 54px;
	font-size:1.6rem;
	line-height:1;
	letter-spacing:2px;
	font-family: 'EB Garamond', serif;
	font-weight: 500;
}


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

#Content .page-ttl{
	position: relative;
	height: 180px;
}
#Content .page-ttl h2{
	position: absolute;
	left:0;
	top:50px;
	width: 100%;
	text-align:center;
}
#Content .page-ttl h2 strong{
	font-size:2.5rem;
}

#Content .page-ttl h2 span{
	top: 45px;
	font-size:1.2rem;
}
}


/* btn-req
-----------------------------------------------------------------*/
.btn-req a,
.btn-res a{
	position: relative;
	display:block;
	max-width:485px;
	margin: 0 auto;
	padding: 22px 0;
	background:#142e77;
	color:#FFF;
	line-height:1;
	font-size:1.8rem;
	text-align:center;
	transition:.3s;
}
.btn-req a{
	margin-bottom: 10px;
}
.btn-res a{
	background: rgba(136,67,28,1);
background: -moz-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(136,67,28,1)), color-stop(100%, rgba(125,55,18,1)));
background: -webkit-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
background: -o-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
background: linear-gradient(135deg, rgba(136,67,28,1) 0%, rgba(125,55,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88431c', endColorstr='#7d3712', GradientType=1 );
}
.btn-req a:hover,
.btn-res a:hover{
	opacity:.7;
}
.btn-req a::after,
.btn-res a::after{
	position: absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	display:block;
	content:"";
	width: 10px;
	height: 8px;
	background:url(../images/common/arw_btn.png) no-repeat;
	background-size:100% auto;
	transition:.3s;
}
.btn-req a:hover::after,
.btn-res a:hover::after{
	right:10px;
}


@media screen and (max-width: 768px) {
.btn-req a,
.btn-res a{
	max-width:initial;
	padding: 18px 0;
	font-size:1.6rem;
}
.btn-req a::after,
.btn-res a::after{
	right:12px;
	width: 10px;
	height: 8px;
}
.btn-req a:hover::after,
.btn-res a:hover::after{
	right:8px;
}
}


/*--------------------------------------------------------------------------
   Cv
---------------------------------------------------------------------------*/
#Cv{
    display: none;
	padding: 70px 0 20px;
	color:#000;
}
#Cv .cv-box{
	display:table;
	width: 100%;
	border:1px solid #CFCCC3;
}
#Cv .cv-box > div{
	display:table-cell;
	width: 50%;
	padding: 35px 10px;
	vertical-align:middle;
	text-align:center;
}
#Cv .cv-box .req{
	border-left:1px solid #CFCCC3;
}

#Cv .inq{
	font-size:1.3rem;
	line-height:1.2;
}
#Cv .inq .txt{
	margin-bottom: 20px;
	font-size:1.8rem;
	line-height: 1.5em;
}
#Cv .inq .tel{
	width: 70%;
	margin: 0 auto 17px auto;
}
#Cv .inq .business-hour{
	margin-bottom: 15px;
}
#Cv .req .txt{
	margin-bottom: 15px;
	font-size:1.5rem;
	line-height:1.5;
}
#Cv .req .btn{
	padding: 0 70px;
}

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

#Cv{
	padding: 30px 0 15px 0;
}
#Cv .cv-box{
	display:block;
	height: auto;
	border:1px solid #CFCCC3;
}
#Cv .cv-box > div{
	display:block;
	width: 100%;
	padding: 15px;
}
#Cv .cv-box .req{
	border-left:none;
	border-top:1px solid #CFCCC3;
}

#Cv .inq{
	font-size:1.1rem;
	line-height:1.4;
}
#Cv .inq .txt{
	margin-bottom: 10px;
	font-size:1.5rem;
	line-height:1.4;
	letter-spacing:none;
}
#Cv .inq .tel{
	width: 90%;
	margin-bottom: 15px;
}
#Cv .inq .business-hour{
	margin-bottom: 15px;
	font-size:1.2rem;
}
#Cv .req .txt{
	margin-bottom: 15px;
	font-size:1.3rem;
	line-height:1.4;
	text-align:left;
	font-size:1rem;
	letter-spacing:0;
}
#Cv .req .btn{
	padding: 0;
}
}



/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Notes{
	padding:0;
	line-height:1.3;
	color:#000;
}
#Notes ul li{
	text-indent:-1em;
	margin-left: 1em;
	font-size:1.2rem;
	color: rgba(112, 112, 112, 1);
}
#Notes ul li+li{
	margin-top: 4px;
}
#Footer{
	padding-top: 27px;
	text-align:center;
	padding-bottom: 20px;
}
.att-home #Footer,
.home #Footer{
	padding-bottom: 0;
}
#Footer .bnr{
	display:flex;
	max-width:810px;
	margin: 0 auto 30px;
}
#Footer .bnr li{
	width: 33.33%;
	padding: 0 7px;
}
#Footer .footer_logo {
	display:flex;
	max-width:630px;
	margin: 0 auto 55px;
}
#Footer .footer_logo li{
	width: 100%;
	padding: 0 44px 0 0;
}
#Footer .footer_logo li:last-child{
	width: 75%;
	padding: 0;
}
#Footer h1{
	font-weight: 400;
	font-size:1.1rem;
	letter-spacing:1px;
	margin-bottom: 10px;
}
#Footer .copyright{
	border-top:1px solid #CFCDC1;
	padding: 10px 0 15px;
	text-align:center;
	letter-spacing:1px;
	font-size:1.1rem;
}


@media screen and (max-width: 768px) {
#Notes ul li{
	font-size:1rem;
	line-height:1.4;
}
#Footer{
	padding-top: 27px;
	text-align:center;
	color:#000;
	padding-bottom: 25%;
}
.att-home #Footer,
.home #Footer{
	padding-bottom: 0;
}
#Footer .bnr{
	display:block;
	max-width:initial;
}
#Footer .bnr li{
	width: 100%;
	padding: 0 20px;
}
#Footer .bnr li+li{
	margin-top: 12px;
}
#Footer .footer_logo{
	display:block;
	max-width:initial;
	margin: 0 auto 25px;
}
#Footer .footer_logo li{
	width: 70%;
	padding: 0;
	margin: 0 auto;
}
#Footer .footer_logo li:last-child{
	margin-top: 20px;
	width: 50%;
}
#Footer h1{
	line-height:1.4;
}
#Footer .copyright{
	line-height:1.4;
}
}



/* pagetop */
.pagetop{
	position:fixed;
	right:30px;
	bottom:30px;
	transition:.2s;
	display:none;
	z-index: 4001;
}
.pagetop.onscroll{
	bottom:30px;
}
.att-home .pagetop.onscroll,
.home .pagetop.onscroll{
	bottom:30px;
}
.pagetop.bottom,
.att-home .pagetop.bottom,
.home .pagetop.bottom{
	bottom:30px;
}
.pagetop a{
	display:table-cell;
	vertical-align:middle;
	width: 80px;
	height: 80px;
	background:rgba(36, 47, 78, .9);
	text-align:center;
	color:#FFF;
	font-size:1.6rem;
	line-height:1.4;
}


@media screen and (max-width: 768px) {
.pagetop{
	/*right:10px;*/
	right:0;
	bottom:70px;
}
.pagetop.onscroll,
.att-home .pagetop.onscroll,
.home .pagetop.onscroll{
	bottom:70px;
}
.pagetop.bottom{
	bottom:70px;
}
.pagetop a{
	width: 50px;
	height: 50px;
	font-size:1.2rem;
	line-height:1.4;
}
}



/* clearfix
-----------------------------------------------------------------*/
.clearfix {
	*zoom: 1;
	overflow: hidden;
}
.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------------
   fix_bnr
---------------------------------------------------------------------------*/
.fix_bnr{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #d7d5ca;
	text-align: center;
	padding: 15px;
	box-shadow: 0px -1px 8px 1px rgba(68,56,49,.5);
	z-index: 4000;
	opacity: 1;
	transition: all .6s;
	pointer-events:auto;
	cursor: pointer;
}
.fix_bnr.hide{
	bottom: -50px;
	opacity: 0;
	pointer-events: none;
	cursor: default;
}
.att-home .fix_bnr,
.att-home .fix_bnr.show,
.att-middle .fix_bnr,
.att-middle .fix_bnr.show,
.home .fix_bnr,
.home .fix_bnr.show{
	display: none;
}