@charset "UTF-8";

@font-face {
font-family: 'icomoon';
src:  url('fonts/icomoon.eot?930rq0');
src:  url('fonts/icomoon.eot?930rq0#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf?930rq0') format('truetype'),
	url('fonts/icomoon.woff?930rq0') format('woff'),
	url('fonts/icomoon.svg?930rq0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

/*-- HTML BODY OTHER --*/

html,body{
overflow: hidden;
width: 100vw;
height: 100vh;
}

html{
font-family: -apple-system, BlinkMacSystemFont, YuGothic, "Yu Gothic Medium", "Yu Gothic",'Noto Sans JP', Verdana, Meiryo, sans-serif;;
}

body{
position: relative;
color: #333;
}

.sp{
display: none;
}

.color_red{
color:#D00;
}

.color_brown{
color:brown;
}

.bold{
font-weight: bold;
}


.content{
margin: 0 auto;
}

#header nav,
.cloned,
main article > h2:first-of-type,
main article > div:first-child h2:first-of-type,
article h3,
article h4,
#footer section:nth-of-type(2) h2{
font-family: "Playfair Display", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: normal;
}

#breadcrumbs{
font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 0.5px;
}

#breadcrumbs a{
text-decoration: none;
transition: color 0.2s ease-in-out;
}

#breadcrumbs a:link,
#breadcrumbs a:visited{
color:#333;
}

#breadcrumbs a:hover{
color:#b3a36b;
}

.myselfpage::after,
.childpage::after{
content: "";
display: block;
clear: both;
}

br.sp{
display: none;
}

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

br.pc{
display: block;
}

}

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

br.pc{
display: none;
}

br.sp{
display: block;
}

}

/*-- HEADER --*/
#header{
background-color: #FFF;
width: 100%;
}


#header nav a,
#header nav a span,
.cloned a,
.cloned a span{
text-decoration: none;
transition: color 0.2s ease-in-out;
}

#header nav a:link,
#header nav a:visited,
.cloned a:link,
.cloned a:visited{
color:#333;
}

#header nav a:link span,
#header nav a:visited span,
.cloned a:link span,
.cloned a:visited span{
color:#b3a36b;
}

#header nav a:hover,
#header nav .current-menu-item a,
.cloned a:hover,
.cloned .current-menu-item a{
color:#b3a36b;
}

#header nav .fb a:hover{
color:#1877F2;
}

#header nav .line a:hover{
color:#4cc764;
}

#header #global .qanda{
display: none;
}

#header nav .line a{
padding-left: 0.3em;
}

#header nav .insta a{
position: relative;
display: inline-block;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#header nav .insta a::before{
content: 'i';
position: absolute;
left: 0.3em;
z-index: 10;
background: #181818;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 1;
transition: all 0.2s ease-in-out;
font-weight:500;
}

#header nav .insta a:hover::before{
opacity: 0;
}


#header h1,
.sp-menu > p:first-child{
color: #7b797e;
line-height: 1.2;
padding: 2em 0 0.9em 0;
font-family: 'Playfair Display', serif;
font-weight: normal;
font-size: 2rem;
text-align: center;
}

#header h1 a{
text-decoration: none;
transition: color 0.2s ease-in-out;
}

#header h1 a:link,
#header h1 a:visited{
color:#7b797e;
}

#header h1 a:hover{
color:darkslategray;
}


#global,
.cloned{
position: relative;
z-index: 10;
background-color: #FFF;
box-shadow:0 7px 7px rgba(0,0,0,0.1);
width:100%;
}

.cloned.global{
position: fixed;
top: -80px;
opacity: 0;
}

.cloned.global li a{
padding: 1em;
}

.global ul{
display: flex;
justify-content: space-around;
max-width: 1140px;
margin: 0 auto;
list-style: none;
}

.global li{
line-height: 1;
}

.global li a{
display: block;
padding: 2em 1em;
text-align: center;
font-size:1.0625rem;
transition: padding 0.2s ease-in-out, font-size 0.2s ease-in-out, color 0.2s ease-in-out;
}

.fixed .global li a{
padding: 1em;
font-size:0.9375rem;
}

.global span{
display: block;
padding-top: 1em;
line-height: 1;
font-size: 0.6875rem;
transition: font-size 0.1s ease-in-out;
}

.fixed .global span{
font-size: 0.5625rem;
}

#sub{
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
width: 100%;
padding: 0 2%;
}

.sub ul{
max-width: 1140px;
padding: 1.4em 0 0 0;
margin: 0 auto;
line-height: 1.1;
font-size: 0.8125rem;
text-align: right;
list-style: none;
}

.sub li{
display: inline-block;
border-right: 1px solid #CCC;
vertical-align: middle;
}

.sub a{
padding: 0 1em 0 0.8em;
}

.sub .icomoon{
font-family: 'icomoon';
font-size: 1.25rem;
}

.sub .icomoon a{
display: inline-block;
padding: 0 0.5em 0 0.8em;
}

.sub li:last-child,
.sub .icomoon{
border: none;
}

.sub li:last-child a{
padding:0 0 0 0.3em;
}

#sp-menu-flag{
display: none;
}

.sp-menu-flag{
display: none;
}

.sp-menu-flag{
position: fixed;
top: 0;
right: 0;
z-index: 200;
background-color: rgba(255,255,255,0.8);
width: 11vw;
height: 11vw;
}

.sp-menu-flag span{
position: absolute;
left: 2vw;
display: block;
background-color: #666;
width: 7vw;
height: 2px;
transition: all 0.2s ease-in-out;
}

.sp-menu-flag span:nth-child(1){
top: 2vw;
}
.sp-menu-flag span:nth-child(2){
top: 3.8vw;
}
.sp-menu-flag span:nth-child(3){
top: 5.6vw;
}

.sp-menu-flag::before,
.sp-menu-flag::after{
position: absolute;
bottom: 2vw;
left: 0;
display: block;
width: 100%;
line-height: 1;
text-align: center;
font-size: 2.5vw;
transition: opacity 0.2s ease-in-out;
}

.sp-menu-flag::before{
content: "MENU";
color: #666;
opacity: 1;
}

.sp-menu-flag::after{
content: "CLOSE";
color: #FFF;
opacity: 0;
}

#sp-menu-flag:checked + .sp-menu-flag{
background-color: #666;
}

#sp-menu-flag:checked + .sp-menu-flag::before{
color: #FFF;
opacity: 0;
}
#sp-menu-flag:checked + .sp-menu-flag::after{
color: #FFF;
opacity: 1;
}

#sp-menu-flag:checked + .sp-menu-flag span:nth-child(1){
top: 35%;
left: 25%;
background-color: #FFF;
width: 50%;
transform: rotate(45deg);
transform-origin:center center;
}

#sp-menu-flag:checked + .sp-menu-flag span:nth-child(2){
background-color: #FFF;
opacity: 0;
}

#sp-menu-flag:checked + .sp-menu-flag span:nth-child(3){
top: 35%;
left: 25%;
background-color: #FFF;
width: 50%;
transform: rotate(-45deg);
transform-origin:center center;
}

.sp-menu{
position: fixed;
top: -10vh;
right: -50%;
z-index: 100;
box-sizing: border-box;
background-color: #FFF;
overflow: hidden;
width: 50%;
height: 120vh;
padding: 10vh 0;
transition:right 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.sp-menu > *{
opacity: 0;
transition: all 0.6s ease-out;
}

#wrap{
position: fixed;
top: 0;
left: 0;
box-sizing: border-box;
overflow: auto;
overflow-x: hidden;
width: 100vw;
height: 100vh;
transition:left 0.3s ease-in-out;
}

#wrap > main,
#wrap > footer{
filter:grayscale(0);
transition:filter 0.3s ease-in-out;
}

#sp-menu-flag:checked + .sp-menu-flag + #wrap{
left:-50%;
overflow: hidden;
}

#sp-menu-flag:checked + .sp-menu-flag + #wrap > main{
filter: grayscale(100%);
}

#sp-menu-flag:checked + .sp-menu-flag + #wrap #header .sp-menu{
right: 0;
overflow: auto;
box-shadow: -45vw 0 10vw rgba(0,0,0,0.4);
/*
filter:drop-shadow(-45vw 0 10vw rgba(0,0,0,0.4));
*/
}

#sp-menu-flag:checked + .sp-menu-flag + #wrap #header .sp-menu > *{
opacity: 1;
}



.sp-menu .global{
width: 100%;
}

.sp-menu .global ul{
flex-wrap: wrap;
border-top: 1px solid #EEE;
overflow: hidden;
width: 95%;
}

.sp-menu .global li{
box-sizing: border-box;
border-bottom: 1px solid #EEE;
width: 100%;
}

.sp-menu .global a{
padding: 0.6em;
}

.sp-menu .global span{
padding-top: 0.5em;
}

#header #sp-global .qanda{
display: block;
}

.sp-menu .sub ul{
display: flex;
justify-content:center;
flex-wrap: wrap;
border-bottom: 1px solid #EEE;
width: 95%;
padding:0;
margin: 0 auto;
text-align: center;
}

.sp-menu .sub li{
box-sizing: border-box;
display: block;
border: none;
width: 33.33333%;
text-align: center;
}

.sp-menu .sub .qanda{
display: none;
}

.sp-menu .sub li a{
display: block;
padding: 0.5em 0;
}


.sp-menu .sub li:nth-child(1),
.sp-menu .sub li:nth-child(2),
.sp-menu .sub li:nth-child(3){
border-bottom: 1px solid #EEE;
padding:0.6em 0;
margin-bottom: 0.6em;
}

.sp-menu .sub li:nth-child(2) a{
border-right: 1px solid #EEE;
border-left: 1px solid #EEE;
}


.sp-menu .sub li:nth-child(5),
.sp-menu .sub li:nth-child(6),
.sp-menu .sub li:nth-child(7){
margin-bottom: 0.6em;
}

.sp-menu .sub .icomoon a{
padding: 0;
}

.sp-menu h2,
.sp-menu p{
text-align: center;
}

.sp-menu h2{
margin-top: 1em;
font-size: 3.2vw;
font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.sp-menu p{
color: #666;
width: 95%;
margin: 0 auto;
font-size: 3vw;
font-family: Arial, Helvetica, sans-serif;
}

.sp-menu p a{
font-size: 1.2em;
font-weight: bold;
}

.sp-menu p a:link,
.sp-menu p a:visited{
color:#b3a36b;
text-decoration: none;
}

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

#header > .global, #header > .sub{
display: none;
}

#header h1,
.sp-menu > p:first-child{
padding: 1.05em 0;
font-size: 3.55vw;
line-height: 1;
}

.sp-menu-flag{
display: block;
}

.sp-menu-flag::before,
.sp-menu-flag::after{
font-size: 1.9vw;
}

#header nav .insta a::before{
left: 0;
}

.sp-menu h2{
font-size: 2.4vw;
}

.sp-menu p{
font-size: 2.2vw;
}

}

@media screen and (max-width:500px){
#header h1{
padding: 0.6em 0;
font-size: 6vw;
}

#header .sp-menu h1,,
.sp-menu > p:first-child{
padding: 1.2em 0;
font-size: 4vw;
}


.sp-menu-flag{
display: block;
width: 13.2vw;
height: 13.2vw;
}

.sp-menu-flag span{
width: 9.2vw;
}

.sp-menu-flag span:nth-child(1){
top: 2.5vw;
}
.sp-menu-flag span:nth-child(2){
top: 4.5vw;
}
.sp-menu-flag span:nth-child(3){
top: 6.5vw;
}

.sp-menu-flag::before,
.sp-menu-flag::after{
font-size: 2.5vw;
}


.sp-menu .global li a{
padding: 0.5em;
font-size: 4vw;
}

.sp-menu .global li a span{
font-size: 0.5em;
}

.sp-menu h2{
font-size: 3.2vw;
}

.sp-menu p{
font-size: 3vw;
}


}

/*-- MAIN --*/
main{
}

#breadcrumbs{
background-color: #eeeeee;
}

#breadcrumbs div{
max-width: 1140px;
margin: 0 auto;
line-height: 2.5;
font-size: 0.75rem;
}

.childpage{
margin-bottom: 5%;
}

main article{
max-width: 1140px;
margin: 0 auto;
}

article > h2:first-of-type,
article > div:first-child h2:first-of-type{
color:#7b797e;
padding: 7.8% 0 4.3% 0;
line-height: 1;
font-size: 2.375rem;
text-align: center;
}

article > h2:first-of-type span,
article > div:first-child h2:first-of-type span{
color: #333;
font-size: 40%;
}

article > .eyecatch img{
max-width: 100%;
height: auto;
}

main article > .content,
main article section > .content{
max-width: 1028px;
padding: 4.86% 0;
}

main article > .content:first-child,
main article section:first-of-type > .content:first-child{
padding-top: 0.7%;
}

main article > h2 + .content{
padding-top: 0;
}

article .childpage h3{
color:#7b797e;
padding: 7.8% 0 4.3% 0;
line-height: 1;
font-family: "Playfair Display", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: normal;
font-size: 2.375rem;
text-align: center;
}

article .childpage h3 span{
color: #333;
font-size: 37%;
}



article p{
margin-bottom: 0.8em;
font-size: 0.9375rem;
letter-spacing: 0.5px;
text-align: justify;
}

article li{
margin-bottom: 0.8em;
font-size: 0.9375rem;
letter-spacing: 0.5px;
text-align: justify;
}

article li img{
max-width: 100%;
}

article > h2:first-of-type + p,
article > div:first-child h2:first-of-type + p{
text-align: center;
line-height: 2.5;
font-size: 1.0625rem;
}

article h4{
color:#b3a36b;
margin: 4.8% 0 2% 0;
font-size: 1.75rem;
}

article h3 + h4{
margin: 2% 0;
}

article .myselfpage h4,
article .childpage h5,
article h5:first-child{
color: #7B797E;
border-left: 3px solid #7B797E;
padding-left: 0.4em;
margin: 0 0 2% 0;
font-size: 1.125rem;
text-align: justify;
font-weight: bold;
}


article h6{
font-size: 0.9375rem;
}


.external-banner,
.banner{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 5%;
font-size: 0.8125rem;
list-style: none;
}

.external-banner li,
.banner li{
width: 48.05448%;
margin-bottom: 3%;
text-align: center;
}

.external-banner li img,
.banner li img{
margin-bottom: 0.4em;
}

.external-banner a,
.banner a{
transition: opacity 0.2s ease-in-out;
}

.external-banner a:hover,
.banner a:hover{
opacity: 0.7;
}



article .column{
display: flex;
}

article .column h4:first-child{
margin:0 0 1em 0;
}

article .btn a{
position: relative;
display: inline-block;
padding: 0 0 0 1em;
margin: 0 0 0.3em 0;
text-align: center;
font-weight: bold;
}

article .btn a::before{
content: "▶";
position: absolute;
top: 0.5em;
left: 0;
font-size: 0.5rem;
}

article .btn a:link,
article .btn a:visited{
color: #333;
text-decoration-color:#FFF;
transition: all 0.2s ease-in-out;
}

article .btn a:hover{
color: darkslategray;
text-decoration-color:darkslategray;
}

article a:link,
article a:visited{
color: #333;
text-decoration-color:#FFF;
transition: all 0.2s ease-in-out;
}

article a:hover{
color: darkslategray;
text-decoration-color:darkslategray;
}

.wp-pagenavi{
margin: 7% 0;
text-align: center;
}

.wp-pagenavi .pages{
border: none;
color: #BBB;
}

article .wp-pagenavi a{
border: 1px solid #BBB;
}

article .wp-pagenavi a:link,
article .wp-pagenavi a:visited{
color: #AAA;
border: 1px solid #AAA;
}

article .wp-pagenavi a:hover{
background-color: #AAA;
color: #FFF;
}

article .wp-pagenavi span.current{
background-color: #BBB;
border: 1px solid #BBB;
color: #FFF;
font-weight: normal;
}


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

#breadcrumbs div,
main > section,
main article{
padding: 0 2%;
}

}

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

article > h2:first-of-type + p{
font-size: 1.66vw;
}

}


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

#breadcrumbs div{
font-size: 2.4vw;
}

article > h2:first-of-type,
article > div:first-child h2:first-of-type{
font-size: 7.55vw;
}

article > h2:first-of-type + p,
article > div:first-child h2:first-of-type + p{
line-height: 2;
font-size: 3.6vw;
}

article .childpage h3{
font-size: 6.5vw;
}


}

/*-- FOOTER --*/

#footer .contact{
background-color: #f1f3f3;
padding: 50px 0;
}

#footer .contact .content{
box-sizing: border-box;
background:url(../_images/common/footer-contact-bg.jpg);
background-size: cover;
border: 1px solid #FFF;
max-width: 980px;
/*
padding: 25px;
*/
padding: 25px 25px 40px 25px;
}

#footer .contact .content div{
color: #7b797e;
}


#footer .contact h2{
font-size: 1.5rem;
font-weight: normal;
text-align: center;
}

#footer .contact h2 + p{
margin-bottom: 2em;
font-size: 0.875rem;
text-align: center;
}

#footer .contact .content > div{
display: flex;
flex-wrap: wrap;
/*
justify-content: space-between;
*/
justify-content: center;
margin: 0 auto;
}

#footer .contact .content > div div{
box-sizing: border-box;
width: 45%;
padding: 0 2em;
}


#footer .contact h3{
position: relative;
margin-bottom: 0.3em;
padding-left: 1em;
line-height: 1.4;
font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: normal;
font-size: 1.25rem;
text-align: center;
}

#footer .contact h3 span br{
display: block;
}

#footer .contact .tel{
margin-bottom: 0.6em;
line-height: 1;
font-weight: normal;
font-size: 1.25rem;
text-align: center;
letter-spacing: 0.1em;
}

#footer .contact .tel a:link,
#footer .contact .tel a:visited{
color: #7b797e;
text-decoration: none;
}

#footer .contact .tel strong{
font-size: 2rem;
font-weight: normal;
font-family:"Arial", sans-serif;
}

#footer .contact .time{
font-size: 1rem;
text-align: center;
}

#footer .contact h3 span{
position: absolute;
top: -0.5em;
left:0;
display: inline-block;
background-color: #af8c14;
color: #fff;
padding: 0.3em 0.6em;;
line-height: 1;
font-size: 68.75%;
}

#footer .contact .content > div .separater{
border-right: 1px solid #7b797e;
width: 0;
padding: 0;
}


#footer .contact .content .qa{
margin: 1.5em 0 -15px 0;
font-size:1rem;
text-align: center;
}

#footer .contact .content .qa a{
display: inline-block;
padding: 0.7em 2em;
font-weight: normal;
text-decoration: none;
transition: all 0.3s ease-in-out;
}

#footer .contact .content .qa a:link,
#footer .contact .content .qa a:visited{
color: #775;
border: 1px solid #775;
}

#footer .contact .content .qa a:hover{
background-color: #775;
color: #fff;
}

/**
**/

#footer .btn{
display: flex;
align-items: center;
width: 31.25%;
}

#footer .btn a{
display: inline-block;
box-sizing: border-box;
color: #FFF;
width: 100%;
padding: 1.6em 0;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: background-color 0.2s ease-in-out;
}

#footer .btn a:link,
#footer .btn a:visited{
background-color: #7b797e;
}

#footer .btn a:hover{
background-color: darkslategray;
}


#footer .btn a span{
position: relative;
display: inline-block;
background-color: #FFF;
border-radius: 2px 2px 0 0;
width: 15px;
height: 10px;
margin-right: 0.3em;
}

#footer .btn a span::before {
content: '';
position: absolute;
left: 6px;
top: -4px;
width: 1.5px;
height: 10px;
background-color: #7b797e;
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: rotate(-54deg);
transform: rotate(-54deg);
transition: background-color 0.2s ease-in-out;
}

#footer .btn a span::after {
content: '';
position: absolute;
left: 6px;
top: -4px;
width: 1.5px;
height: 10px;
background-color: #7b797e;
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
transition: background-color 0.2s ease-in-out;
}

#footer .btn a:hover span::before,
#footer .btn a:hover span::after{
background-color: darkslategray;
}


#footer section:nth-of-type(2) h2{
color: #7b797e;
padding: 1.4em 0;
font-size: 2rem;
text-align: center;
}

#footer nav ul{
margin-bottom: 3em;
line-height: 1;
font-size: 0.8125rem;
text-align: center;
list-style: none;
}

#footer nav li{
display: inline;
border-right: 1px solid #CCC;
}

#footer nav li:nth-child(8),
#footer nav li:last-child{
border-right: none;
}

#footer nav li:nth-child(8)::after{
content: "\A";
display: block;
height: 1.8em;
white-space: pre;
}

#footer nav a{
display: inline-block;
margin: 0 1em 0 0.8em;
text-decoration: none;
transition: color 0.2s ease-in-out;
}

#footer nav a:link,
#footer nav a:visited{
color:#333;
}

#footer nav a:hover,
#footer nav a:hover span{
color:#b3a36b;
}

#footer nav li:first-child a,
#footer nav li:nth-child(9) a{
margin-left: 0;
}

#footer nav li:nth-child(8) a,
#footer nav li:last-child a{
margin-right:0;
}




#copyright{
color: #7b797e;
padding: 2em 0;
font-family: 'Times New Roman', Times, serif;
font-size: 75%;;
text-align: center;
}

#totop{
position: fixed;
right: 2em;
bottom: 1em;
}

#totop a{
display: block;
background-color:rgba(0,0,0,0.1);
width: 4em;
height: 4em;
line-height: 4em;
text-align: center;
cursor:pointer;
transition: background-color 0.2s ease-in-out;
}

#totop a:hover{
background-color:rgba(0,0,0,0.3);
}

#footer br{
display: none;
}

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

#footer .contact{
padding: 4.9% 2%;
}

}

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

#footer .contact h2{
font-size: 2.7vw;
}

#footer .contact h2 + p{
font-size: 1.6vw;
}

#footer .contact .content > div div{
padding: 0;
}

#footer .contact h3{
padding-left: 0;
font-size: 1.8vw;
}


#footer .contact .tel{
font-size: 2vw;
}

#footer .contact .tel strong{
font-size: 178%;
}

#footer .contact .time{
font-size: 1.6vw;
}

#footer nav ul{
font-size: 1.7vw;
}

}


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

#footer br{
display: block;
}

#footer .contact .content{
padding: 25px;
}

#footer .contact .content > div{
display: block;
}

#footer .contact .content > div div{
width: 100%;
transform: scale(1);
}

#footer .contact .content > div .separater{
border-bottom: 1px solid #DbD9De;
width: 100%;
height: 0;
margin: 4% 0;
}

#footer .contact h2{
margin-bottom: 0.3em;
font-size: 4.5vw;
}

#footer .contact h2 + p{
font-size: 2.7vw;
}

#footer .contact .content > div div{
padding: 0;
}

#footer .contact h3{
font-size: 4.5vw;
}

#footer .contact h3 span{
top: -0.5em;
}

#footer .contact .tel{
font-size: 4vw;
}

#footer .contact .time{
font-size: 3.6vw;
}

#footer .contact .content .qa{
margin-bottom: 0;
}


#footer .contact .tel a:link,
#footer .contact .tel a:visited{
color: #a3937b;
text-decoration: none;
}

#footer section:nth-of-type(2) h2{
font-size: 6vw;
}

#footer nav ul{
display: flex;
flex-wrap: wrap;
font-size: 2.7vw;
}

#footer nav ul li{
display: block;
box-sizing: border-box;
border-right: none;
width: calc(100% / 3);
margin-bottom: 1em;
}

#footer nav ul li:nth-child(3n + 2){
border-right:1px solid #EEE;
border-left:1px solid #EEE;
}

#footer nav li:nth-child(8)::after{
display: none;
}

#footer nav a{
display: block;
padding:0.4em 0;
margin:0;
}

#totop{
right: 1em;
font-size: 3vw;
}


}