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


/* reset 
---------------------------------*/
h1,h2,h3,h4,h5,
div,p,img,
ul,ol,li,
dl,dt,dd,figure,section,small {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
    line-height: 1;
}

img {
	border:none;
}

li {
	list-style:none;
}
p,h1,h2{
    background-color: none;
}

/*---------------------------------*/

/* Base Layout 
---------------------------------*/
html{
	background:#000000;
}

body{
	font-family: helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
    line-height: 1;
}
#topbg{
	background: none\0/;
	background-size:0 0\0/;
}

/*ローディング画面*/
.loading-white{
    width: 100%;
    height:100%;
    position: absolute;
    z-index: 100000;
    background: #fff;
}



.bg_top { 
	background: url('../img/bg-pc.jpg') no-repeat center top fixed;
}
/*.bg_interview { 
	background: url('../interview/img/bg.jpg') no-repeat center top fixed;
}
.bg_profile { 
	background: url('/world/tokinowaza/yokosawa/profile/img/bg.jpg') no-repeat center top fixed;
}
.bg_urushi { 
	background: url('/world/tokinowaza/yokosawa/urushi/img/bg.jpg') no-repeat center top fixed;
}
.bg_work { 
	background: url('/world/tokinowaza/yokosawa/work/img/bg.jpg') no-repeat center bottom fixed;
}*/

/*link*/
a:link {
	outline: none;
}
a:link ,
a:active ,
a:visited {
	text-decoration:none;
	color:#fff;
}
a:hover {
	text-decoration:underline;
}

img {
    max-width: 100%;
    height: auto;
    width:/**/auto;
    vertical-align: middle;
	border:none;
}

/*clearFix*/
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

.cl {
	clear: both;	
}
.icon{
    vertical-align: top;
}

.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}

/*-----------------------------------
grid 
------------------------------------*/
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem; }

    .row .col.reverse{
        float:right;
    }

    .row .col.s1 {
      width: 8.33333%;
      margin-left: 0; }
    .row .col.s2 {
      width: 16.66667%;
      margin-left: 0; }
    .row .col.s3 {
      width: 25%;
      margin-left: 0; }
    .row .col.s4 {
      width: 33.33333%;
      margin-left: 0; }
    .row .col.s5 {
      width: 41.66667%;
      margin-left: 0; }
    .row .col.s6 {
      width: 50%;
      margin-left: 0; }
    .row .col.s7 {
      width: 58.33333%;
      margin-left: 0; }
    .row .col.s8 {
      width: 66.66667%;
      margin-left: 0; }
    .row .col.s9 {
      width: 75%;
      margin-left: 0; }
    .row .col.s10 {
      width: 83.33333%;
      margin-left: 0; }
    .row .col.s11 {
      width: 91.66667%;
      margin-left: 0; }
    .row .col.s12 {
      width: 100%;
      margin-left: 0; }
    .row .col.offset-s1 {
      margin-left: 8.33333%; }
    .row .col.offset-s2 {
      margin-left: 16.66667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.33333%; }
    .row .col.offset-s5 {
      margin-left: 41.66667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.33333%; }
    .row .col.offset-s8 {
      margin-left: 66.66667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.33333%; }
    .row .col.offset-s11 {
      margin-left: 91.66667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
	
    @media only screen and (min-width : 768px) {

      .row .col.l1 {
        width: 8.33333%;
        margin-left: 0; }
      .row .col.l2 {
        width: 16.66667%;
        margin-left: 0; }
      .row .col.l3 {
        width: 25%;
        margin-left: 0; }
      .row .col.l4 {
        width: 33.33333%;
        margin-left: 0; }
      .row .col.l5 {
        width: 41.66667%;
        margin-left: 0; }
      .row .col.l6 {
        width: 33.33%;
        margin-left: 0; }
      .row .col.l7 {
        width: 58.33333%;
        margin-left: 0; }
      .row .col.l8 {
        width: 66.66667%;
        margin-left: 0; }
      .row .col.l9 {
        width: 75%;
        margin-left: 0; }
      .row .col.l10 {
        width: 83.33333%;
        margin-left: 0; }
      .row .col.l11 {
        width: 91.66667%;
        margin-left: 0; }
      .row .col.l12 {
        width: 100%;
        margin-left: 0; }
      .row .col.offset-l1 {
        margin-left: 8.33333%; }
      .row .col.offset-l2 {
        margin-left: 16.66667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.33333%; }
      .row .col.offset-l5 {
        margin-left: 41.66667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.33333%; }
      .row .col.offset-l8 {
        margin-left: 66.66667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.33333%; }
      .row .col.offset-l11 {
        margin-left: 91.66667%; }
      .row .col.offset-l12 {
        margin-left: 100%; }
}

/*---------------------------------*/
/* header --
---------------------------------*/
/*common-parts*/
.header-wrapper{
    position: relative;
	background-image:url(../img/bg-yokosawa-top-pc.jpg);
    background-size:cover;
}
.header-wrapper__interview{
	background-image:url(../interview/img/bg-pc.jpg);
}
/*メインビジュアルwrapper*/
.wrapper-header{
    max-width: 1200px;
    margin:0 auto;
}

/*header内ロゴ&&snsicon*/
.header-above{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 15px 25px 18px;
}

.logo_seiko{
    float:left;
    position: relative;
	width: 120px;
	height: auto;
}
.logo-pc{
    display: block;
}
.logo-mobile{
    display: none;
}
/*snsアイコンheader*/
.sns{
    float: right;
    width: 250px;
    text-align: right;
    position: relative;
}
.sns-header{
    width: 210px;
    text-align: left;

}
.icon-sns__twitter{
    width: 100px;
    float: left;
}
.icon-sns__facebook{
    width: 110px;
    position: absolute;
    top: -5px;
    left: 102px;
    text-align: left;
    z-index: 5000;
    height: 22px !important;
    height /**/: 27px;
    overflow: hidden;
    padding-top: 5px;
}
.icon-sns__facebook .icon{
    margin: -5px 5px 0 5px;
    float: left;
    width: 29px;
}
/*時の技ロゴ*/
.logo{
    position: absolute;
    top:50%;
    left: 5%;
    margin-top:-88px;
}
/*メインビジュアル内リンクwrap*/
.nav-header-sub{
    position: absolute;
    left: 5%;
    bottom: 20px;
    width: 730px;
}
/*btn*/
.btn-naming{
    display: block;
    float: left;
    margin-right: 25px;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.btn-naming:visited {
	text-decoration: none;
	color: #181818;
}

.btn-naming:hover {
	text-decoration: none;
	opacity: .6;
	color: #181818;
}

.btn-naming:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -.07em;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	vertical-align: middle;
/*	background-image: url('/asset/img/common_icon_link.svg');*/
	background-size: 100% 100%;
}


.nav-index{
    display: inline-block;
    margin-top: 16px;
    padding-left:18px;
    color:#fff;
    background: url("../img/icon-arrow-right.png") no-repeat 0 0;
}

/*---------------------------------*/
/* footer --common
---------------------------------*/
.footer{
    padding: 39px 0 19px;
    background:#000;
}

.logo-footer{
    margin-bottom: 39px;
}
.nav-footer-wrap{
    /* margin-left: -33px */
}
.nav-footer{
    max-width: 816px;
    margin:0 auto;
}

.nav-footer > .nav-footer-item{
    margin-bottom: 35px;
    padding:0 0 0 33px;
    color:#fff;
}
.nav-footer-detail:hover{
    text-decoration: underline;
}
.nav-footer > .nav-footer-item.before{
	padding: 0 16px 0 0;
}
.nav-footer > .nav-footer-item.after{
	padding: 0 16px 0 0;
}


.nav-footer-detail{
    display: inline-block;
    text-align: left;
}
.nav-footer-detail br{
    line-height: 1.3em;
}

.nav-footer-thumb{
    margin-bottom: 18px;
}
.nav-footer-thumb a{
    display: inline-block;
}

.nav-footer-title{
    margin-bottom: 13px;
    padding-left:15px;
    background: url("../img/icon-arrow-right.png") no-repeat;
}
.nav-footer-name{
    padding-left:15px;
}
.nav-footer__index-outer{
    margin-bottom: 32px;
}
.nav-footer__index{
    display: inline-block;
    margin-top: 31px;
    padding-left:18px;
    color:#fff;
    background: url("../img/icon-arrow-right.png") no-repeat 0 0;
}

.copyrights{
    color:#fff;
}

.sns__footer{
    display: none;
}

/*---------------------------------*/
/* Base Layout --human&&interview
---------------------------------*/
.outer{

}

/*humanページflow*/
.outer-flow{
    position: relative;
    padding:86px 0 75px;
    background:#898989;
    color:#fff;
}

.btn-pagescroll{
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 20px;
	margin: auto;
	width: 80px;
	height: 100px;
	overflow: hidden;
}
.btn-pagetop{
    position: fixed;
    right: 36px;
    bottom:36px;
}

/*interviewページ*/
.outer-interview{
    position: relative;
    padding-bottom: 624px;
    background: #f1f1f1;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/*interviewページバリエーションは下記に*/
.outer-interview__yokosawa{
    background-image:url('../interview/img/bg-contents-yokosawa-pc.jpg');
    background-size: 100%;
}

/*メインコンテンツwrapper*/
.wrapper{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    max-width: 1200px;
    margin:0 auto;
    padding:0 50px;
}

/*-----------------------
block
mod
-----------------------*/
/*block---interviewメインコンテンツ各ブロック*/
.block-mod{
    padding:70px 0 77px;
    border-bottom: solid 1px #cecece;
}
.block-mod:first-child{
    padding:106px 0 77px;
}
.block-mod:last-child{
    padding:70px 0 77px;
    border-bottom: none;
}

.mod-img{
    float:left;
}
.mod-img__reverse{
    float:right;

}
.mod-img-mark{
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: solid 1px #fff;
    bottom: 8px;
    right: 9px;
    padding: 2px 0 0 1px;
    color:#fff;
    font-size: 11px;
}

.mod-img a{
    position: relative;
    display: block;
}


.thumbs img{
/*    float:left;*/
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    box-shadow: 1.414px 1.414px 4px 0px rgba(9, 1, 3, 0.6);
    -webkit-box-shadow: 1.414px 1.414px 4px 0px rgba(9, 1, 3, 0.6);
    -moz-box-shadow: 1.414px 1.414px 4px 0px rgba(9, 1, 3, 0.6);
    -ms-box-shadow: 1.414px 1.414px 4px 0px rgba(9, 1, 3, 0.6);
    -o-box-shadow: 1.414px 1.414px 4px 0px rgba(9, 1, 3, 0.6);
    transition: all 0.5s;
    overflow: hidden;
}

.btn-interview .thumbs{
    border-radius:64px;
    border:none;
}
.thumbs img{
    overflow: hidden;
}
.thumbs.touched img{

}



.mod-description{
    float: right;
    width: 100%;
    margin-left:-438px;
}
.mod-description__reverse{
    float: left;
    width: 100%;
    margin-left:0;
    margin-right:-438px;
}

.mod-sentence{
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 16px;
}
.mod-sentence:last-child{
    margin-bottom: 0;
}

.mod-sentence span{
	vertical-align:super;
	font-size:10px;
}
.mod-sentence.dash {
	margin-top: 48px;
    margin-bottom: 0;
}
.mod-sentence-above{
    margin-bottom: 40px;
}
    
.mod-sentence__ordered{
    margin-left: 438px;
}

.mod-sentence__reverse{
    margin-right: 438px;
}



/*section---humanメインコンテンツ各ブロック*/
.section-outer{


}

.section-outer__white{
    background-color:#fff;
/*
    background-image:url(../img/bg-yokosawa01.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size:50%;
*/
}

/*section画像部分*/
.section-img{
    overflow: hidden;
    float:right;
    width:50%;
}
.section-img__reverse{
    overflow: hidden;
    float:left;
    width:50%;
}
.section1 .section-img-inner{
    background-image:url(../img/bg-yokosawa-section1-pc.jpg);
    background-size: cover; 
    background-position: bottom center;

}
.section2 .section-img-inner{
    background-image:url(../img/bg-yokosawa-section2-pc.jpg);
    background-size: cover; 
    background-position: bottom center;
}


.section-description{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float:left;
    width:50%;
    margin-right: -50%;
    padding:0 50px;
    background-color:#fff;
}
.section-description__reverse{
    float:right;
    width:50%;
    margin-left: -50%;
    margin-right: 0;
}

.section-sentence{
    max-width: 600px;
    height: 100%;
}
.section-sentence__ordered{  
    display: table;
    float: right;
}
.section-sentence__reverse{
    display: table;
    float: left;
}

.sentence-wrapper{
    display: table-cell;
    vertical-align: middle;
    padding:20px 0;
}

.section-heading{
    padding: 33px 0;
    background: #000;
}



/*mod---humanメインコンテンツflow内各ブロック*/
.flow-list{
    padding-bottom: 160px;

}
.flow-list>li{
    margin-bottom: 115px;
}
.flow-list>li:last-child{
    margin-bottom: 0;
}
.flow{
    width: 100%;
}
.flow-reverse{
    width: 100%;
}


.flow-img {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    max-width:400px;
    width: 40.8%;
    float: left;
    padding-right: 50px;
    vertical-align: top;
    text-align: right;
}


.flow-img__reverse {
    float: right;
    max-width: 400px;
    width: 40.8%;
    padding-right: 0;
    padding-left:50px;
    vertical-align: top;
}

.mod-img-mark{
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: solid 1px #fff;
    bottom: 8px;
    right: 9px;
    padding: 2px 0 0 1px;
    color:#fff;
    font-size: 11px;
    text-align: center;
}

.flow-img a{
    position: relative;
    display: block;
}
.flow-description{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    text-align: left;
    vertical-align: top;
    float: right;
    width: 100%;
    margin-left:-40.8%;
    margin-right: 0;
}
.flow-description__reverse{
    float: left;
    text-align: left;
    width: 100%;
    margin-right:-40.8%;
    margin-left:0;
}




/*これはhumnaページ*/
.flow-subheading{
    margin-bottom: 32px;/*後でバリエーション必要なら下記追記*/
    padding-bottom: 27px;/*後でバshaリエーション必要なら下記追記*/
    border-bottom: solid 1px #fff;
    font-size: 26px;
}

.flow-sentence__ordered{
    margin-left:41%;
}

.flow-sentence__reverse{
    margin-right:41%;
}





/*---------------------------------*/
/* heading --human
---------------------------------*/


.flow-heading{
    margin-bottom: 91px;
    font-size: 34px;
    color:#fff;
}




/*---------------------------------*/
/* heading --interview
---------------------------------*/
.mod-heading{
    margin-bottom: 45px;/*後でバリエーション必要なら下記追記*/
    font-size: 26px;
    line-height: 1.75;
}
.mod-heading br{
    display: none;
}

.text{
    position: relative;
}


.btn-link {
	line-height: 1;
	color: #181818;
	border-radius: 20px;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.btn-link:visited {
	text-decoration: none;
	color: #181818;
}

.btn-link:hover {
	text-decoration: none;
	opacity: .6;
	color: #181818;
}

.btn-link:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -.07em;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	vertical-align: middle;
	background-image: url('/asset/img/common_icon_link.svg');
	background-size: 100% 100%;
}

@media screen and (max-width:1280px){
 .wrapper-header{
         padding:0 40px;
}
}
@media screen and (max-width:767px){
    
    
.header-wrapper{
    background-image:url(../img/bg-yokosawa-top-sp.jpg);
    
}
.header-wrapper__interview{
    background-position: 0 38px;
    background-image:url(../interview/img/bg-sp.jpg);
    
}
    
/*---------------------------------*/
/* Base Layout --human&&interview
---------------------------------*/   
.outer{

}

/*humanページflow*/
.outer-flow{
    padding: 45px 0 59px;
    background:#898989;
    color:#fff;
}

/*interviewページ*/
.outer-interview{
    position: relative;
/*    padding-bottom: 300px;*/
    background: #f1f1f1;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/*interviewページバリエーションは下記に*/
.outer-interview__yokosawa{
    padding-bottom: 400px;
    background-image:url('../interview/img/bg-contents-yokosawa-sp.jpg');
    background-size: contain;
}

/*メインビジュアルwrapper*/
.wrapper-header{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding:0 20px;

}
/*メインコンテンツwrapper*/
.wrapper{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin:0 auto;
    padding:0 20px;
}
    
.thumbs{
    float: none;
}

/*-----------------------
block
mod
-----------------------*/
/*block---interviewメインコンテンツ各ブロック*/
.block-mod{
    padding:24px 0;
}

.block-mod:first-child{
    padding:30px 0 34px;
}

.block-mod:last-child{
    padding:25px 0 34px;
    border-bottom: none;
}


.mod-img{
    float:none;
    max-width: 100%;
    text-align: center;
}
.mod-img a{
    display: inline-block;
}
.mod-description{
    float: none;
    margin-left: 0;
    margin-bottom: 50px;
}

.mod-sentence__ordered{
    margin-left:0;
    margin-right: 0;
}

.mod-sentence__reverse{
    margin-left: 0;
    margin-right: 0;
}



/*section---humanメインコンテンツ各ブロック*/
.section-outer{


}

.section-outer__white{
    background-color:#fff;
}


.section-img{
    position: relative;
    float:none;
    width:100%;
    min-height: initial;
}
/*section画像部分*/

.section1 .section-img-inner{
    background-image:url(../img/bg-yokosawa-section1-sp.jpg);
}
    
.section1 .section-heading img{
    /* width: 72px; */
    height: 19px;
}
    
    
.section2 .section-img-inner{
    background-image:url(../img/bg-yokosawa-section2-sp.jpg);
}
 .section2 .section-heading img{
    width: auto;
    height: 16px;
}   
    
    
    
.section-img__reverse{
    float:none;
    width:100%;
}
.section-description{
    float:none;
    width:100%;
    min-height: initial;
    margin-right: 0;
    padding:0 20px;
    
}
.section-description__reverse{
    float:none;
    width:100%;
    margin-left: 0%;
    margin-right: 0;
    padding:0 20px;

}

.section-sentence__ordered{
    display: table-cell;
    max-width: 600px;
    float: right;
}
.section-sentence__reverse{
    max-width: 600px;
    float: left;
}



.section-heading{
    padding: 16px 0;
    background: #000;
}



/*mod---humanメ    インコンテンツflow内各ブロック*/
    
.flow-heading img{
    max-width: 280px;
    height:auto;
	width:100%;
    
}
    
    
    
.flow-reverse{
    display: block;
}
    
    
.flow-list{
    padding-bottom: 75px;

}
.flow-list>li{
    margin-bottom: 33px;
}
.flow-list>li:last-child{
    margin-bottom: 0;
}

.flow-img {
    display: block;
    max-width: initial;
    width:100%;
/*    float: none;
*/
    padding-right:0;
    text-align: center;
}
.flow-img__reverse {
    float: none;
    padding-left:0;
}


.flow-img a{
    display: inline-block;
}
.flow-description{
    display: block;

    float: none;
    width: 100%;
    margin-left:0;
    margin-right: 0;
    margin-bottom: 16px;
}
.flow-description__reverse{
    float: none;
    width: 100%;
    margin-right:0;
    margin-left:0;
    margin-bottom: 16px;

}




/*これはhumnaページ*/
.flow-subheading{
    margin-bottom: 15px;/*後でバリエーション必要なら下記追記*/
    padding-bottom: 13px;/*後でバshaリエーション必要なら下記追記*/
    border-bottom: solid 1px #fff;
    font-size: 26px;
    line-height: 1.5;
}

.flow-sentence__ordered{
    margin-left:0;
}

.flow-sentence__reverse{
    margin-right:0;
}
/*---------------------------------*/
/* heading --human
---------------------------------*/

.flow-heading{
    margin-bottom: 39px;
}

    
/*-----------------------
heading
-----------------------*/
 .mod-heading {
     margin-bottom: 24px;
     white-space: normal;
	 line-height: 1.5;
 }
    

/*---------------------------------*/
/* header --
---------------------------------*/
/*common-parts*/
.header-outer{
    width:100%;
    padding: 0;
}
.header-above{
    padding:12px 14px;
    background:#000;
}
    
.sns-header{
    display: none;
}

.logo{
    position: static;
    margin-top: 11px;
}
 .logo img{
    width: 68px;
    height:auto;
}   
    
.logo-pc{
    display: none;


}
.logo-mobile{
    display: block;
    line-height: 1;
	width: 50px;
	height: auto;
}
    
.page-title{
    color:#fff;
    font-size: 40px;
    font-family: "title-serif";
    line-height: 1.75;
}

.smaller{
    font-size: 34px;  
}

.nav-header-sub{
    position: absolute;
    top:12px;
    right:11px;
    left: auto;
    bottom: inherit;
    width: auto;
}
    
/*-----------------------
footer
-----------------------*/      
.footer{
    box-sizing: border-box;
    width:100%;
    padding: 19px 40px 31px;
}
.logo-footer{
    margin-bottom: 18px;
}
.nav-footer-wrap{
    margin-left: 0;
}
.nav-footer{
    max-width: 100%;
}
.nav-footer > .nav-footer-item{
    margin-bottom: 25px;
    padding:0;
}
.nav-footer > .nav-footer-item.before{
    padding:0;
}
.nav-footer > .nav-footer-item.after{
    padding:0;
}
.nav-footer-detail{

}

.nav-footer-thumb{
    display: inline-block;
    margin-bottom: 12px;
}


.nav-footer-title{
    margin-bottom: 13px;
    padding-left:15px;
    background: url("../img/icon-arrow-right.png") no-repeat;
}
.nav-footer-name{
    padding-left:15px;
}
.nav-footer__index-outer{
    margin-bottom: 47px;
}
.nav-footer__index-outer .nav-footer__index{
    background: url("../img/icon-arrow-right.png") no-repeat 0 2px;
    padding-left:18px;
    color:#fff;
    text-decoration: none;
}
.nav-index{
    margin-top: 0;
    font-size: 12px;
    
}
    
.sns__footer{
    position: relative;
    display: block;
    max-width:220px;/*後で調整が必要*/
    margin:0 auto 19px;
}  
    
    
.btn-pagetop{
    display: none!important;
}
.btn-pagescroll{
    display: none!important;
}
    
.btn-naming{
    display: none;
}
    
.logo-footer img{
    width: 75px;
    height: 37px;

}
    
    
}