/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.5vw;
line-height:1.75;
color:#745e48;
letter-spacing:.06em;
font-feature-settings:'palt';
background:url(img/bg.jpg) repeat;
width:100%;
overflow:hidden;
}

/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
position:relative;
}

/*------------------------------------------------------------
DRAWER MENU
------------------------------------------------------------*/
#menuBtn{
position:fixed;
right:3vw;
top:23.5px;
width:6vw;
height:6vw;
cursor:pointer;
z-index:9999;
}
#menuBtn span{
display:block;
position:absolute;
height:.5vw;
width:100%;
background:#745e48;
left:0;
transition:all .2s ease-in-out;
}

.menuLogoArea{
padding:4vw 4vw 4vw 20vw;
position:relative;
margin-bottom:6vw;
}
.menu-sub-ttl{
font-size:2.5vw;
line-height:3vw;
}
.menu-sn{
font-size:4vw;
line-height:1.75;
font-weight:bold;
}

.menuLogoArea::before{
content:'';
width:13vw;
height:13vw;
background:url(img/piano-mark.svg) no-repeat;
background-size:13vw;
position:absolute;
top:2vw;
left:3vw;
z-index:5;
}

.menuLogo{
position:relative;
}
.menuLogo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}



#menuBtn span:nth-child(1){
top:0;
}
#menuBtn span:nth-child(2){
top:2.75vw;
}
#menuBtn span:nth-child(3){
top:5.5vw;
}

.active#menuBtn span:nth-child(1){
top:3vw;
transform:rotate(45deg);
}
.active#menuBtn span:nth-child(2){
width:0;
left:50%;
}

.active#menuBtn span:nth-child(3){
top:3vw;
transform:rotate(-45deg);
}

#menuBox{
display:none;
width:100%;
background:url(img/bg.jpg) repeat;
height:100vh;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
z-index:9998;
}

#menuBox.active{
display:block;
}

.spMenu{
width:70vw;
margin:0 auto;
}
.spMenu li{
position:relative;
}

.spMenu li a{
text-align:center;
padding:3vw;
display:block;
color:#745E48;
font-size:4vw;
}



/*------------------------------------------------------------
TOPPAGE
------------------------------------------------------------*/
#first{
width:100%;
overflow:hidden;
position:relative;
height:78vw;
padding-top:18vw;
}


.site-name{
width:80vw;
padding:4vw 4vw 4vw 20vw;
border-radius:0 0 8vw 0;
position:absolute;
top:0;
left:0;
z-index:2;
}
.site-name a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.site-name::before{
content:'';
width:13vw;
height:13vw;
background:url(img/piano-mark.svg) no-repeat;
background-size:13vw;
position:absolute;
top:2vw;
left:3vw;
z-index:5;
}


.sn-sub-ttl{
font-size:2.5vw;
line-height:3vw;
}


.site-img{
width:90vw;
margin-left:10vw;
z-index:1;
}
.site-img img{
width:90vw;
height:60vw;
object-fit:cover;
border-radius:0 0 0 8vw;
}

.sn-mark{
font-family:'Kaisei Decol';
color:#745E48;
font-size:4vw;
font-weight:bold;
line-height:1.75;
}


.gosen02{
width:48.53vw;
height:25.60vw;
background:url(img/gosen01.svg) no-repeat;
background-size:41.5vw;
position:absolute;
bottom:39vw;
right:-9vw;
z-index:2;
}


#index1{
padding:8vw 0;
width:90vw;
margin:0 auto;
}

.concept{
margin:0 auto;
text-align:center;
font-size:3.5vw;
margin-bottom:8vw;
font-weight:normal;
}
.concept span{
font-size:4.2vw;
display:block;
margin-bottom:3.5vw;
}

.t-cont-ttl{
font-size:8vw;
line-height:1.2;
color:#BC8F8F;
margin-bottom:4vw;
}

.t-cont-ttl span{
display:block;
font-size:3.5vw;
line-height:1.5;
position:relative;
padding-left:14vw;
color:#666;
margin-top:1rem;
}
.t-cont-ttl span::before{
content:'';
width:8vw;
height:1px;
background:#666;
position:absolute;
top:50%;
left:2vw;
}

.cont-ttl{
font-size:5vw;
line-height:1.2;
color:#BC8F8F;
margin-bottom:4vw;
margin-left:4vw;
}

.cont-ttl span{
display:block;
font-size:3vw;
line-height:1.5;
position:relative;
padding-left:7vw;
color:#666;
margin-top:1rem;
}
.cont-ttl span::before{
content:'';
width:5vw;
height:1px;
background:#666;
position:absolute;
top:50%;
left:0;
}

.cont-ttl2{
font-size:7vw;
color:#BC8F8F;
margin-bottom:6vw;
}

.cont-ttl2 span{
display:block;
font-size:3.5vw;
position:relative;
padding-left:14vw;
color:#666;
}
.cont-ttl2 span::before{
content:'';
width:8vw;
height:1px;
background:#666;
position:absolute;
top:50%;
left:1rem;
}

.trial{
width:90vw;
margin:0 auto;
padding:5vw;
position:relative;
align-items:center;
overflow:hidden;
}

.trial::after{
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(img/bg01.jpg) repeat;
opacity:.2;
z-index:-1;
border-radius:1rem;
}

.trial::before{
content:'';
width:20vw;
height:20vw;
background:url(img/ill-key-note.png) no-repeat;
background-size:20vw;
opacity:.6;
position:absolute;
bottom:0;
right:0;
z-index:1;
}

.trial-img{
width:80vw;
margin:0 auto 4vw;
}
.trial-img img{
width:80vw;
height:45vw;
object-fit:cover;
border-radius:4vw;
}
.trial-txt{
width:80vw;
}
.trial h2{
font-size:6vw;
margin-bottom:.75rem;
font-weight:normal;
}
.trial-desc{
margin-bottom:3vw;
}

.btn a{
padding:3vw 8vw 3vw 4vw;
background:#745e48;
color:#fff;
border-radius:6.2vw;
display:inline-block;
position:relative;
}


.btn a::after{
content:'';
width:1.5vw;
height:1.5vw;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
right:4vw;
left:auto;
bottom:auto;
margin-top:-.75vw;
}






.philo{
padding:0 0 10vw;
width:90vw;
margin:0 auto;
}
.philo li{
width:90vw;
margin-bottom:6vw;
position:relative;
}
.philo li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.p-thumb{
width:40vw;
height:40vw;
}


.philo li:nth-child(odd) .p-txt{ float:left;}
.philo li:nth-child(even) .p-txt{ float:right;}

.philo li:nth-child(odd) .p-thumb{ position:absolute; top:0; right:-15vw; }
.philo li:nth-child(even) .p-thumb{ position:absolute; top:0; left:-15vw;} 

.p-thumb img{
border-radius:50%;
}
.p-txt{
width:60vw;
height:auto;
display:flex;
flex-direction:column;
justify-content:center;
}

.p-ttl{
display:flex;
align-items:center;
margin-bottom:4vw;
}

.p-num01,
.p-num02,
.p-num03,
.p-num04{
width:8vw;
height:8vw;
text-align:center;
font-size:5vw;
color:#fff;
position:relative;
margin-right:2vw;
}


.p-num01::after{
content:'';
width:8vw;
height:8vw;
background:rgba(219, 112, 147, .2);
border-radius:50%;
z-index:-1;
position:absolute;
top:0;
left:0;
}
.p-num02::after{
content:'';
width:8vw;
height:8vw;
background:rgba(255, 99, 71, .2);
border-radius:50%;
z-index:-1;
position:absolute;
top:0;
left:0;
}
.p-num03::after{
content:'';
width:8vw;
height:8vw;
background:rgba(102, 51, 153, .2);
border-radius:50%;
z-index:-1;
position:absolute;
top:0;
left:0;
}
.p-num04::after{
content:'';
width:8vw;
height:8vw;
background:rgba(128, 128, 0, .3);
border-radius:50%;
z-index:-1;
position:absolute;
top:0;
left:0;
}
.p-ttl h3{
font-size:4.5vw;
font-weight:normal;
}


#index2{
padding:6vw 0 10vw;
width:90vw;
margin:0 auto;
}

.i2colL{
width:90vw;
margin:0 auto 10vw;
}

.t-lec-thumb{
width:60vw;
margin:0 auto 8vw;
position:relative;
}
.t-lec-thumb img{
border-radius:50%;
}
.t-lec-thumb::after{
content:'';
width:70vw;
height:70vw;
background:url(img/hanaframe.svg) no-repeat;
background-size:70vw;
position:absolute;
top:-5vw;
left:-5vw;
z-index:2;
opacity:.5;
}

.t-lec-name{
width:60vw;
margin:0 auto 4vw;
font-size:6vw;
}
.t-lec-name span.t-lec-post{
font-size:3vw;
display:block;
}
.t-lec-name span.en{
color:#999;
font-size:.8rem;
display:block;
}

.t-lec-cc{
width:60vw;
margin:0 auto 6vw;
}


.feed{
margin:0 0 6vw;
}
.feed li{
position:relative;
padding:3vw 1vw;
border-bottom:1px solid #a0845e;
}
.feed li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}


.feed-info{
display:flex;
font-size:3.2vw;
line-height:6vw;
}
.feed-date{
margin-right:3vw;
}
.feed-ttl{
}



/*------------------------------------------------------------
PAGE
------------------------------------------------------------*/
#page{
padding:18vw 0 12vw;
}


.page-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10vw;
position:relative;
}

.page-head::after{
content:'';
width:39vw;
height:25.60vw;
background:url(img/gosen01.svg) no-repeat;
background-size:39vw;
position:absolute;
bottom:-17vw;
right:-5vw;
z-index:2;
}


.teaser{
width:60vw;
}
.teaser img{
border-radius:4vw 0 0 4vw;
}


#page section{
width:90vw;
margin:0 auto 10vw;
}

#page section h2{
font-weight:normal;
font-size:4.8vw;
margin-bottom:2vw;
}


#page section p{
margin-bottom:1.5em;
}
.cc-sub{
font-size:4vw;
margin-bottom:1.5em;
}

.page-desc{
font-size:3.5vw;
}



.page-link{
width:90vw;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.page-link a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.page-link-ttl{
font-size:4.2vw;
margin:0 3vw;
position:relative;
}
.page-link-ttl::before{
content:'';
width:4vw;
height:4vw;
background:url(img/arrow-right.svg) no-repeat;
background-size:4vw;
position:absolute;
top:50%;
left:-8.5vw;
transform:translate(0, -50%);
}

.page-link-ttl span{
display:block;
font-size:3.5vw;
}

.page-link-thumb{
width:20vw;
border-radius:50%;
overflow:hidden;
margin:0 0 0 3vw;
}

/* ABOUT */


.c-md{
font-weight:normal;
font-size:4vw;
margin-bottom:2vw;
padding-left:8vw;
position:relative;
}

.cp-p{
margin-bottom:4vw;
margin-left:8vw;
}

.c-md::before{
content:'';
width:6vw;
height:6vw;
position:absolute;
top:.5vw;
left:0;
}
.c-list li:nth-child(1) .c-md::before{
background:rgba(219, 112, 147, .2);
border-radius:50%;
}
.c-list li:nth-child(2) .c-md::before{
background:rgba(255, 99, 71, .2);
border-radius:50%;
}
.c-list li:nth-child(3) .c-md::before{
background:rgba(102, 51, 153, .2);
border-radius:50%;
}
.c-list li:nth-child(4) .c-md::before{
background:rgba(128, 128, 0, .3);
border-radius:50%;
}


.acc-ttl{
font-size:4vw;
line-height:2;
margin-bottom:2vw;
text-align:center;
}


.map-wrap{
width:90vw;
margin:0 auto;
border-radius:6vw;
overflow:hidden;
}



/* LESSON */

h2.l-md{
text-align:center;
font-size:5vw;
color:#BC8F8F;
margin-bottom:4vw !important;
}

h2.l-md span{
display:block;
font-size:3.5vw;
position:relative;
color:#666;
}

.course li{
margin-bottom:0;
position:relative;
padding:10vw 0;
}

.course li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.course-thumb{
width:35vw;
border-radius:50%;
overflow:hidden;
}
.course-txt{
width:60vw;
height:35vw;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
position:relative;
}

.course li h3{
font-size:4.5vw;
margin-bottom:2vw;
font-weight:normal;
}

.course li p span{
display:block;
font-size:3.5vw;
line-height:1.25;
text-align:center;
margin-bottom:2vw;
}


.course li:nth-child(1) .course-thumb{ position:absolute; top:10vw; left:-10vw; }
.course li:nth-child(2) .course-thumb{ position:absolute; top:10vw; right:-10vw; }

.course li:nth-child(1) .course-txt{ float:right; }
.course li:nth-child(2) .course-txt{ float:left; }



.fee{
width:80vw;
margin:0 auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
font-size:3.6vw;
}
.fee dt{
width:28vw;
margin:0 2vw 0 0;
line-height:1.5;
}
.fee dd{
width:50vw;
margin-bottom:4vw;
line-height:1.5;
}
.fee dd span.yen{
color:#cc2728;
font-size:4vw;
}




/* PROFILE */

.prof-ttl{
font-size:5vw;
color:#BC8F8F;
margin-bottom:4vw;
}

.prof-ttl span{
display:inline-block;
font-size:1rem;
position:relative;
padding-left:10vw;
color:#666;
}
.prof-ttl span::before{
content:'';
width:7vw;
height:1px;
background:#666;
position:absolute;
top:50%;
left:2vw;
}

.bio-list{
margin-bottom:1.5em;
}

.bio-list li{
padding-left:4.5vw;
position:relative;
}
.bio-list li::before{
content:'';
width:1vw;
height:1vw;
background:#BC8F8F;
border-radius:50%;
position:absolute;
top:2.75vw;
left:.5vw;
}


.prof{
display:flex;
justify-content:center;
align-items:center;
}
.prof-thumb{
width:35vw;
margin-right:10vw;
position:relative;
}
.prof-thumb img{
border-radius:50%;
}

.prof-thumb::after{
content:'';
width:38vw;
height:38vw;
background:url(img/hanaframe.svg) no-repeat;
background-size:38vw;
position:absolute;
top:-1.5vw;
left:-1.5vw;
opacity:.5;
}

.prof-txt{
width:45vw;
}

.p-lec-name{
font-size:4.5vw;
}
.p-lec-post{
display:block;
font-size:3.5vw;
}
.en{
display:block;
font-size:3.5vw;
color:#999;
}



/* RESULTS */

.c-year{
color:#BC8F8F;
font-size:5vw;
margin-bottom:4vw;
}

.compe-wrap{
margin-bottom:10vw;
}
.compe-name{
font-size:4vw;
line-height:2;
margin:0 0 3vw 0;
}
.compeT{
width:100%;
margin-left:0;
}
.compeT th{
padding:2vw 3vw;
text-align:left;
border:1px solid #745E48;
background:rgba(188, 143, 143, .2)
}
.compeT th:nth-child(1),
.compeT th:nth-child(2){
width:35vw;
}
.compeT th:nth-child(3){
width:18vw;
}
.compeT td{
padding:2vw 3vw;
border:1px solid #745E48;
}
.compeT tr:nth-child(odd){
background:rgba(210, 180, 140, .2);
}



/* FAQ */

.faq dt{
padding-left:10vw;
font-size:3.8vw;
margin-bottom:4vw;
position:relative;
}

.faq dt::before{
content:'Q';
width:8vw;
height:8vw;
display:inline-block;
background:rgba(219, 112, 147, .4);
border-radius:50%;
line-height:8vw;
font-size:4vw;
color:#fff;
text-align:center;
position:absolute;
top:-.65vw;
left:0;
}

.faq dd{
padding-left:10vw;
position:relative;
margin-bottom:6vw;
margin-left:3vw;
}


.faq dd::before{
content:'A';
width:8vw;
height:8vw;
display:inline-block;
background:rgba(70, 130, 180, .4);
border-radius:50%;
line-height:8vw;
font-size:3.6vw;
color:#fff;
text-align:center;
position:absolute;
top:-.5vw;
left:0;
}


/*------------------------------------------------------------
	CONTACT MW WP FORM
------------------------------------------------------------*/
.req{
display:inline-block;
font-size:2.5vw;
color:#cc2728;
position:relative;
top:-1vw;
left:1vw;
}


.form {
width:100%;
margin-bottom:8vw;
}
.form dt {
text-align:left;
overflow:hidden;
white-space:nowrap;
margin-bottom:2vw;
font-size:3.6vw;
}
.form dd {
margin-bottom:6vw;
}

input[type="text"],
input[type="email"]{
width:100%;
padding:3vw;
border-radius:1vw;
box-sizing:border-box;
background:#fff;
border:none;
}

textarea {
width:100%;
border-radius:1vw;
padding:3vw;
box-sizing:border-box;
background:#fff;
border:none;
}

.mwform-checkbox-field input, .mwform-radio-field input{
margin:0;
}



.mwform-tel-field input[type=text] {
width:25%;
border-radius:1vw;
padding:3vw;
-webkit-appearance: none;
}



.formBtn {
display:flex;
justify-content:center;
}
.formBtn li {
display:inline-block;
margin:0 1vw;
}

.mw_wp_form_confirm .formBtn input:hover,
.mw_wp_form_input .formBtn input:hover,
#submitback input:hover{
background:#ffb6c1;
color:#fff;
}


.mw_wp_form_input .sbmBtn input {
background:#745e48;
color:#fff;
width:30vw;
height:10vw;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:1vw;
transition:all .2s;
-webkit-appearance: none;
}
.mw_wp_form_confirm .sbmBtn input {
background:#745e48;
color:#fff;
width:30vw;
height:10vw;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:1vw;
transition:all .2s;
-webkit-appearance: none;
}
.backBtn input {
background:#D2B48C;
color:#fff;
width:16vw;
height:10vw;
overflow:hidden;
border:none;
cursor:pointer;
margin-right:1rem;
border-radius:1vw;
transition:all .2s;
-webkit-appearance: none;
}

/*------------------------------------------------------------
CATEGORY ARCHIVE
------------------------------------------------------------*/
#cat{
padding:18vw 0 12vw;
}


#cat section{
width:90vw;
margin:0 auto 10vw;
}

#cat section h2{
font-weight:normal;
font-size:5vw;
margin-bottom:4vw;
}


/* REVIEWS */

.rev-list li{
position:relative;
padding:5vw;
border-radius:5vw;
margin-bottom:8vw;
}
.rev-list li:last-child{
margin:0;
}

.rev-list li::after{
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(img/bg01.jpg) repeat;
opacity:.1;
z-index:-1;
border-radius:5vw;
}

.rev-ttl{
font-size:4vw;
margin-bottom:4vw;
padding-left:8vw;
position:relative;
}

.rev-ttl::before{
content:'';
width:5vw;
height:12vw;
position:absolute;
top:-2vw;
left:0vw;
background:url(img/icon-tone.svg) no-repeat;
background-size:5vw;
opacity:.4;
}


.reviews dt{
padding-left:8vw;
position:relative;
font-size:3.6vw;
margin-bottom:1.5vw;
}

.reviews dt::before{
content:'';
width:6vw;
height:6vw;
position:absolute;
top:0;
left:0;
}

.reviews dt:nth-child(1)::before{
background:rgba(219, 112, 147, .2);
border-radius:50%;
}
.reviews dt:nth-child(3)::before{
background:rgba(255, 99, 71, .2);
border-radius:50%;
}
.reviews dt:nth-child(5)::before{
background:rgba(102, 51, 153, .2);
border-radius:50%;
}
.reviews dt:nth-child(7)::before{
background:rgba(128, 128, 0, .3);
border-radius:50%;
}



.reviews dd{
padding-left:8vw;
margin-bottom:4vw;
}
.reviews dd:last-child{
margin-bottom:0;
}



/* GALLERY */

.gal-arc{
margin-bottom:10vw;
}
.gal-arc li{
padding:4vw 0;
overflow:hidden;
position:relative;
}

.gal-arc li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.gal-arc li:first-child{
padding-top:0;
}

.gal-thumb{
width:30vw;
height:30vw;
border-radius:50%;
overflow:hidden;
}

.gal-txt{
width:55vw;
min-height:30vw;
display:flex;
justify-content:center;
flex-direction:column;
}

.gal-arc li:nth-child(odd) .gal-thumb{ float:left; }
.gal-arc li:nth-child(odd) .gal-txt{ float:right; }

.gal-arc li:nth-child(even) .gal-thumb{ float:right; }
.gal-arc li:nth-child(even) .gal-txt{ float:left; }
}





.archive{
width:90vw;
margin:0 auto 10vw;
}

.archive li{
position:relative;
padding:4vw 0;
}
.archive li::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-size: 9px 3px;
background-image: linear-gradient(to right, #745e48, #745e48 1px, transparent 2px, transparent 2px);
background-repeat: repeat-x;
}
.archive li:last-child::after{
background:none;
}

.post-info{
display:flex;
margin-bottom:2vw;
}
.post-ttl{
font-size:4vw;
margin-bottom:2vw;
}

.post-cat{
margin-left:1rem;
}
.post-cat a{
color:#745e48;
}

.excerpt{
margin-bottom:1rem;
}

.more{
text-align:right;
}
.more a{
display:inline-block;
padding:2vw 5vw;
border-radius:2rem;
color:#fff;
background:#745E48;
transition:all .2s;
}
.more a:hover{
background:#FFB6C1;
}


/*------------------------------------------------------------
SINGLE
------------------------------------------------------------*/
#post{
padding:18vw 0 12vw;
}

#post section{
width:90vw;
margin:0 auto 10vw;
}

#post section h2{
font-weight:normal;
font-size:4.5vw;
margin-bottom:4vw;
}


.post{
margin:0 auto 10vw;
}

.post h3{
font-size:4vw;
line-height:2;
margin:1rem 0;
font-weight:normal;
}
.post p{
margin-bottom:1.5em;
}
.post h4{
font-size:3.8vw;
line-height:2;
margin:3vw 0;
font-weight:normal;
}
.post h5{
font-size:3.6vw;
line-height:2;
margin:3vw 0;
font-weight:normal;
}

.post img{
margin:3vw 0;
}


/* GALLERY */

.gal-ttl{
font-size:4vw;
line-height:1.5;
margin-bottom:6vw;
text-align:center;
}

.gal-wrap{
width:90vw !important;
margin:0 auto;
}

.galSlider{
margin:0 auto 2vw;
}

.galSlider li img{
border-radius:3vw;
}

.galThumbs{
max-width:70vw;
margin:0 auto 6vw;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
.galThumbs li{
width:10vw;
height:10vw;
margin:0 1vw 2vw;
}
.galThumbs li img{
border-radius:1vw;
}

.gal-txt-box{
width:80vw;
margin:0 auto 8vw;
}


/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
footer{

position:relative;
}
footer::after{
content:'';
width:100%;
height:100%;
background:url(img/bg03.jpg) repeat;
opacity:.2;
position:absolute;
top:0;
left:0;
z-index:-1;
}

.footer-inner{
padding:10vw 0 4vw;
width:90vw;
margin:0 auto;
}
.f-left{
text-align:center;
position:relative;
}

.gosen03{
width:26.67vw;
height:16.53vw;
background:url(img/gosen02.svg) no-repeat;
background-size:26.67vw;
position:absolute;
top:-4vw;
left:59vw;
}


.f-logo{
margin:0 auto 4vw;
}
.f-icon{
width:15vw;
margin:0 auto 4vw;
}
.f-site-logo{
text-align:center;
font-size:4.5vw;
font-weight:bold;
line-height:1.25;
color:#745E48;
margin:0 auto;
}

.f-add{
margin-bottom:1vw;
}

.f-add a{
display:inline-block;
width:4vw;
height:4vw;
margin-left:.5vw;
color:#745e48;
}


.f-tel{
font-size:3.8vw;
}
.f-tel li{
position:relative;
}

.f-mail a{
color:#745e48;
}



.copy{
text-align:center;
font-size:2.5vw;
padding:3vw 0;
}