@charset "UTF-8";
*{padding:0;margin:0;box-sizing:border-box;background-repeat:no-repeat;}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;font-weight:normal;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
object, embed{vertical-align:top;}
button{cursor:pointer;border:none;background-color:transparent;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active, a:hover{outline-width:0;}
b, strong{font-weight:bold;}
hr, legend{display:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img, abbr, acronym, fieldset{vertical-align:bottom;border-style:none;}
ol, ul{list-style:none;}
.clearfix:after{content:'';display:block;clear:both;height:0;}
[disabled]{cursor:default;}
button, [type="button"], [type="reset"], [type="submit"]{cursor:pointer;}
button, input, optgroup, select, textarea{font:inherit;}
button, select, textarea{color:inherit;border-style:none;background-color:transparent;}
button, html [type="button"], [type="reset"], [type="submit"]{border:none;border-radius:0;-webkit-appearance:button;}
button, select{text-transform:none;}
select::-ms-expand{display:none;}
select::-ms-value{color:currentColor;}
optgroup{font-weight:bold;}
button{overflow:visible;}
textarea{overflow:auto;resize:vertical;}
html{font-size:62.5%;}
body{
  font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, '游ゴシック  Medium', meiryo, sans-serif;
  color:#222;font-size:13px;
  font-size:1.3rem;
  overflow:hidden;
  position: relative;
  /* animation: fadeIn 0.5s ease 0s 0.5 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 0.5 normal; */
  line-height:1.7;width: 100%;
}
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.r-over:hover{opacity:.7;filter:alpha(opacity=70);}
.oswald{font-family:'Oswald', sans-serif;}
.roboto{font-family:'Roboto', sans-serif;}
.res-img{width:100%;height:auto;}
.center{text-align:center;}
.block{display:block;}
.lazyload {opacity: 0 !important;}
.lazyloading,.lazyloaded {opacity: 1 !important;transition: opacity 1000ms;}
.wrap{padding:0 5%}
.sp-no{display:none!important;}
.sp-hide{display:none;}

/* header
------------------------------------------- */
header{width:100%;position:fixed;top:0;z-index:999;}
.header.white{background-color:rgba(0, 0, 0, .5);}
.sp-header{position:fixed;width:100%;z-index:12;}
.head-wrap{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;padding:1.45em 0 1.35em 5vw;}
.sp-header .head-logo{width:45%;}
body.top .sp-header .head-logo img{display:none;}
body.top .white .head-logo img{animation: fadeIn 0.5s ease 0s 0.5 normal;-webkit-animation: fadeIn 0.5s ease 0s 0.5 normal;display:block;}

.sp-header .head-tgr{width:calc(100% - 17%);}
.sp-header .head-tgr ul{position:absolute;right:6%;top:3.75vh;display:flex;justify-content: flex-end;width:50%;z-index:9999;}
.white .head-tgr ul{top:2.5vh;animation: fadeIn 0.5s ease 0s 0.5 normal;-webkit-animation: fadeIn 0.5s ease 0s 0.5 normal;}
.sp-header .head-tgr li{color:#333;vertical-align:middle;text-align:center;cursor:pointer;margin-left:30px;display:inline-block;position:relative;overflow:hidden;width:14%;height:5vh;}
.tgr-gnavi span { display: block; width: 100%; height: 1px; background: #333;position: absolute; -webkit-transition: all .3s; transition: all .3s;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.gnavi-open .tgr-gnavi span {background: #333; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.tgr-gnavi span:nth-child(1) { top: 2px;}
.tgr-gnavi span:nth-child(2) { top: 12px;}
.tgr-gnavi span:nth-child(3) { top: 22px;}
.gnavi-open .tgr-gnavi span:nth-child(1) { top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg);margin-left:0%;}
.gnavi-open .tgr-gnavi span:nth-child(2) { opacity: 0;}
.gnavi-open .tgr-gnavi span:nth-child(3) {top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);margin-left:0%;width:100%;}

body.top .sp-header .head-tgr li{color:#fff;}
body.top .tgr-gnavi span{background: #fff;}
.sp-header .tgr-txt{padding-top:3.7em;font-weight:400;font-size:.7em;letter-spacing:1px;}
.sp-header .tgr-studio-txt{padding-top:.75em;}

body.category .header{background-color:rgba(255, 255, 255, .95);box-shadow: 0 0 5px rgba(120,120,120,0.5);}
body.category .header.white{background-color:rgba(255, 255, 255, .95);box-shadow: 0 0 5px rgba(120,120,120,0.5);}
body.category .sp-header .head-tgr ul{top:2.5vh;}
body.category .white .head-tgr ul{top:2.5vh;animation:none;-webkit-animation:none;}
body.category .sp-header .head-logo img{display:block;}

/*//// open-overlay ////*/
.sp-header .overlay{position:absolute;top:75px;width:100%;background-color:rgba(0, 0, 0, 0.85);visibility:hidden;opacity:0;z-index:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.sp-header .overlay::after{position:absolute;content:"";top:-5px;margin-left:-9px;display:block;width:0px;height:0px;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent rgba(0, 0, 0, 1) transparent;}

.sp-header .s-menu.overlay::after{right:23.5%;}
.sp-header .gnavi.overlay::after{right:8.5%;}
.sp-header.s-menu-open .s-menu{visibility:visible;opacity:1;}
.sp-header.gnavi-open .gnavi{visibility:visible;opacity:1;}
.sp-header .s-menu .inner{padding:1em 5% 3em;}
.sp-header .gnavi .wrap{padding:1.5em 0 4em;}
.sp-header .overlay-main{padding-right:1px;height:80vh;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;overflow-y: scroll;padding:1em 0 4em;}

/*//// CONTACT ////*/
.sp-header .s-menu{color:#fff;padding:2em 0;}
.sp-header .s-menu .search-ttl{text-align:center;font-size:1.5rem;font-weight: 400;line-height:1.8;letter-spacing:2px;margin:.5em 0 1em;}
.sp-header .s-menu .search-ttl span{display:block;font-size:60%;}
.sp-header .s-menu ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; padding:1.75em 1.5em 1.75em 1.75em;border-top:1px solid #666;width:100%;}
.sp-header .s-menu li a{color:#fff;}
.sp-header .s-menu li.name{width:20%;}
.sp-header .s-menu li.name a{font-weight:bold;}
.sp-header .s-menu li.tel{width:52%;padding-left:1%;}
.sp-header .s-menu li.tel a{letter-spacing:2px;font-weight:500;font-size:1.3em;}
.sp-header .s-menu li.line{letter-spacing:1px;}
.sp-header .s-menu li.line,.sp-header .s-menu li.access{width:13%;text-align:center;font-size:.6em;padding-left:2%;}
.sp-header .s-menu li.line img,.sp-header .s-menu li.access img{width:60%;margin:0 auto .75em;display:block;}

/*//// Gnavi-MENU ////*/
.sp-header dl{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.sp-header dd{width:100%;position:relative;vertical-align:bottom;border-bottom:0px solid #666;text-align:center;}
.sp-header dd p{vertical-align:bottom;font-size:3.75vw;padding:2em 8% 2em 8%;width:100%;display:block;letter-spacing:1px;}
.sp-header dd a{color:#fff;}
.sp-header dd a:after{position:absolute; top: 50%; right: 9.5%; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105';z-index:4;}
.sp-header dd p{line-height:1;vertical-align:middle;}
.sp-header dd.open a:after{content: none;display:inline;width:auto;}
.sp-header .nav-plus{position:absolute;top:2.4em;right:9%;width:5%;z-index:20;}
.sp-header .nav-plus::before{position:absolute; top: 50%; right: 6px; transform: translate(-0%,-50%);content: ''; width:1px;height:12px;background:#fff;}
.sp-header .nav-plus:after{position:absolute; top: 50%; right: 0; transform: translate(-0%,-50%);content: ''; width:13px;height:1px;background:#fff;}
.sp-header .list-open .nav-plus::before{content:none;}

.header .gnavi-low{clear:right;visibility:hidden;opacity:0;height:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-top:none;border-left:none;}
.header .list-open .gnavi-low{height:auto;visibility:visible;opacity:1;padding:0 0;}
.header .gnavi-low li{opacity:0;height:0;}
.header .list-open .gnavi-low {display:flex;flex-wrap: wrap; justify-content: space-between; align-items: center;padding:0 2%;}
.header .list-open .gnavi-low li{opacity:1;width:49.4%;height:inherit;border:1px dotted #aaa;padding:1em .25em;margin-bottom:.4em}
.header .list-open .gnavi-low li a{width:100%;display:block;color: #fff;line-height:1.6;font-size:3vw;}
.sp-header .gnavi-low li a{position:relative;display:block;color:#fff;z-index:5;}
.gnavi-sub{display:none;}
	
.sp-header .close{text-align:center;font-size:1.2rem;margin:2em auto 0;display:block;padding:.6em;color:#fff;position:relative;width:40%;border:1px solid #ccc;border-radius: 2px;}
.sp-header .close span{width: 12px; height: 1px;background: #fff;}
.sp-header .close span:nth-child(1) {position:absolute;left:1em;top: 50%;transform: translate(-0%,-50%);-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sp-header .close span:nth-child(2) {position:absolute;left:1em;top: 50%;transform: translate(-0%,-50%);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.snsicon {display: flex; flex-wrap: wrap; justify-content: center;width:100%;padding:2em 0;}
.snsicon div{width:40px;font-size:4vw;}
.snsicon a,.snsicon i{color:#fff;display:block;margin:0 auto;text-align:center;}

/* footer
------------------------------------------- */
footer{background:#333;}
footer .wrap{padding:3em 7% 2em;}
footer .wrap img.logo{width:60%;margin:0 auto 3em;}
footer .wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;margin-bottom:2em;}
footer .wrap li{width:47%;margin-bottom:1em;position: relative;color:#fff;text-align:center;}
footer .wrap li a{color:#fff;font-size:3vw;letter-spacing:1px;}
footer .wrap p{color:#fff;font-size:3vw;line-height:1.7;letter-spacing:1px;text-align:center;margin-bottom:2em;}
footer .wrap .ft-link{color:#fff;border:1px solid;padding:.75em .75em .75em 1.25em;position:relative;display:block;margin:0 auto 1.5em;width:70%;text-align:center;letter-spacing:1px;}
footer .wrap .ft-link:before{position:absolute; top: 50%; left: 6%; transform: translate(-0%,-50%); font-family: fontAwesome; content: '\f003';}
footer .ft-link-ttl{text-align:center;font-size:3.25vw;fotn-weight:bold;margin-bottom:1.5em;}
footer .ft-link-ttl a{color:#fff;}
footer .ft-linkbox ul{margin-bottom:0;}
footer .ft-linkbox li{width:33%;padding-left:0;}
footer .ft-linkbox li:before{content:none;}
footer .ft-linkbox li a{display:block;width:80%;margin:0 auto;}
footer .copyright{color:#fff;background:#000;font-size:2.4vw;letter-spacing:1px;padding:1.5em 0 2em;}

/* breadcrumbs
------------------------------------------- */
.breadcrumbs {padding:1em 0;background:#f6f6f6;}
.breadcrumbs li{position:relative;display:inline-block;margin-right:1.5em;font-size:.9em;}
.breadcrumbs li:not(:last-child)::after{position:absolute;content:">";right:-1em;top:0;}
.breadcrumbs li a:hover{text-decoration:underline;}

/*====================================================
 pager
====================================================*/

.pager{text-align:center; padding:1em .5em;position:relative;}
.pager a{color:#AAAAAA;font-size:3vw;}
.pager .num{display:inline-block; padding:.4em .5em .4em 1em; margin-bottom:.5em;line-height:1.3;}
.pager .num a{color:#ccc; display:inline-block; border:1px solid #ccc; padding:.4em .75em; margin-bottom:.5em;  }
.pager .num a:hover{background-color:#000; border:1px solid #ccc; color:#FFFFFF; padding:.4em .75em; text-decoration:none; margin-bottom:1em;}
.pager .num .current_page{display:inline-block; border:1px solid #444; background-color:#000; color:#ffffff; padding:.4em .75em; margin-bottom:1em;font-size:3vw;}
.pager span{display:inline-block;}
.pager span i{font-size:3vw;}
.pager span.before{position:absolute;top:50%;left:.5em;transform: translate(0%,-50%);}
.pager span.next{position:absolute;top:50%;right:.5em;transform: translate(0%,-50%);}
.center-block {display:block; margin:0 auto;}
.center-block2 {display:block; margin:1em auto;}

.modal-ttl{text-align: center; margin-bottom: 1em;font-family: "Roboto", sans-serif!important; font-weight: 900;font-size: 2.4rem;line-height:1.7;}
.modal-ttl span{display: block;font-size: .9rem;}
.modal-content{height: 80vh;}

/*---from------------------------------------*/
body.form .container .wrap{padding:0 0;}
body.form .form-wrapper{padding: 0;border-bottom: solid 1px #ccc;font-size: 4.2vw;}
body.form .form-heading {background: #f3f3f3;border: solid 1px #CCC;padding:1em 1.5em;font-weight: bold;border-left: none;border-right: none;display:flex;justify-content: flex-start;align-items:center;line-height:1;}
body.form .required{font-size:60%;font-weight:normal;padding:.4em .5em;margin-left:.75em;border-radius:2px;}
body.form .form-body{padding:1.5em;}
body.form .form-notice{padding-top:1em;font-size:80%;}
body.form .form-notice li{padding-left:1em;position:relative;}
body.form .form-notice li:after{position:absolute; top: 0; left: 0;content: '※'; color:#d12f23;}
body.form select::-ms-expand {display: none;}
body.form select{border:1px solid #ccc;padding:.75em;-webkit-appearance: none; -moz-appearance: none; appearance: none;width:100%;position: relative;z-index: 10;background: none;}
body.form .select{position:relative;}
body.form .select:after{position:absolute; top: 50%; right: 5.75%; transform: translate(-0%,-50%); font-family: fontAwesome; content: '\f107';z-index:4;color:#333;display: block;}
body.form input,body.form textarea{border:1px solid #ccc;padding:.75em;width:100%;position: relative;z-index: 10;background: none;}
body.form .cal{position:relative;margin-bottom:1em;}
body.form .cal:after{position:absolute; top: 50%; right: 5%; transform: translate(-0%,-50%); font-family: fontAwesome; content: '\f073';z-index:4;color:#333;display: block;}
body.form .submitArea {text-align: center;font-size:4.5vw;margin:2em auto 1em;width:90%;}
body.form input[type="submit"] {display: block;font-weight: bold;padding:1em 1.4em;color:#fff;border:none;}
body.form .formerror-box{padding:0 1.75em 2em;}
body.form .formerror-box h2{text-align:center;margin: 0 0 .75em;}
body.form .formerror-box p{text-align:center;}
body.form .error-list {padding-top:2em;}
body.form .error-list li{text-align: center;}
body.form .form-operate{padding:0 5%;}
body.form .form-operate input[type="submit"] {color:#0B536E;border:1px solid}
body.form .form-operate a{color:#0B536E;border:1px solid;padding:1em 1.4em;margin:2em auto 0;display:block;text-align:center;}
body.form .lead{font-size: 3.5vw;text-align:center;padding-bottom:1.5em;}
body.form .form-check{text-align:center;}
body.form .form-check .form-heading{justify-content: center;}

body.form .complete-box{padding:.2em 1.75em 0;}
body.form .complete-box h2{text-align:center;margin: 0 0 .75em;}
body.form .complete-box p{margin-bottom:2em;}
body.form .complete-box h3{font-size:110%;font-weight:bold;text-align:center;margin-bottom:1em;}

body.form .corp-form h2{text-align:center;}
body.form .corp-form .tel-box{padding:0 1.75em 2em;text-align:center;width:90%;margin:0 auto;border:1px solid #ccc;}
body.form .corp-form .tel-box p.tel{font-size:6vw;font-weight:bold;letter-spacing:2px;margin-bottom:.4em;}
body.form .corp-form .tel-box p.tel span{font-size:60%;display:block;font-weight:normal;letter-spacing:1px;}
body.form .corp-form .tel-box p.time{font-weight:bold;font-size:3.5vw;}
body.form .corp-form .tel-box p.time span{display:block;font-weight:normal;}

/*---hover animation------------------------------------*/	
.newsmore {position: relative;overflow: hidden;background-color: #000000;width:100%;}
.newsmore *,.newsmore *:before,.newsmore *:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.55s ease;transition: all 0.55s ease;}
.newsmore img {max-width: 100%;backface-visibility: hidden;vertical-align: top;}
.newsmore figcaption {position: absolute;bottom: 1.5em;right:1.5em;padding:.75em 1em .75em 1.25em;}
.newsmore figcaption:before,.newsmore figcaption:after {height: 2px;width: 400px;position: absolute;content: '';background-color: #ffffff;}
.newsmore figcaption:before {top: 0;left: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}
.newsmore figcaption:after {bottom: 0;right: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.newsmore figcaption div:before,.newsmore figcaption div:after {width: 2px;height: 300px;position: absolute;content: '';background-color: #ffffff;}
.newsmore figcaption div:before {top: 0;left: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
.newsmore figcaption div:after {bottom: 0;right: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.newsmore figcaption p{margin: 0;text-transform: uppercase;color:#fff;opacity: 0;animation: fadeIn 0.5s ease 0s 0.5 normal;-webkit-animation: fadeIn 0.5s ease 0s 0.5 normal;letter-spacing:2px;font-size:80%!important;}
.newsmore figcaption i,.newsmore2 figcaption i{padding-left:.5em;}
.newsmore:hover img,.newsmore.hover img {zoom: 1;filter: alpha(opacity=50);-webkit-opacity: 0.5;opacity: 0.5;}
.newsmore:hover figcaption:before,
.newsmore.hover figcaption:before,
.newsmore:hover figcaption:after,
.newsmore.hover figcaption:after,
.newsmore:hover figcaption div:before,
.newsmore.hover figcaption div:before,
.newsmore:hover figcaption div:after,
.newsmore.hover figcaption div:after {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.newsmore:hover figcaption:before,
.newsmore.hover figcaption:before,
.newsmore:hover figcaption:after,
.newsmore.hover figcaption:after {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.newsmore:hover figcaption p{opacity: 1;}	

/*---hover animation2------------------------------------*/	
.newsmore2 {position: relative;overflow: hidden;width: 100%;color: #000000;text-align: center;}
.newsmore2 * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.newsmore2 img {opacity: 1;width: 100%;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.newsmore2:after {background: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;content: '';opacity: 0.85;-webkit-transform: skew(-45deg) scaleX(0);transform: skew(-45deg) scaleX(0);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.newsmore2 figcaption {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 5;}
.newsmore2 p {padding: 0;letter-spacing:2px;opacity: 0;font-weight:500;font-size: 2.65vw!important;}
.newsmore2 a {left: 0;right: 0;top: 0;bottom: 0;position: absolute;z-index: 1;}
.top-news li:hover .newsmore2:after,.newsmore2.hover:after {-webkit-transform: skew(-45deg) scaleX(1);transform: skew(-45deg) scaleX(1);transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.top-news li:hover .newsmore2 figcaption h2,
.newsmore2.hover figcaption h2,
.top-news li:hover .newsmore2 figcaption p,
.newsmore2.hover figcaption p {-webkit-transform: translate3d(0%, 0%, 0);transform: translate3d(0%, 0%, 0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.top-news li:hover .newsmore2 figcaption p,
.newsmore2.hover figcaption p {opacity: 1;}

@media screen and (min-width: 768px) {
.wrap{padding:0 4em}

/* header
------------------------------------------- */
.head-wrap{padding:2.5em 0 2.5em 2.5em;}	
.sp-header .head-logo{width:40%;}
.sp-header .head-tgr{width:calc(100% - 25%);}
.sp-header .head-tgr ul{right:2.5em;top:1.75em;}
.sp-header .head-tgr li{margin-left:30px;height: 7vh;}
.tgr-gnavi span:nth-child(1) { top: 15px;}	
.tgr-gnavi span:nth-child(2) { top: 35px;}
.tgr-gnavi span:nth-child(3) { top: 55px;}
.gnavi-open .tgr-gnavi span:nth-child(1) { top: 30px;}
.gnavi-open .tgr-gnavi span:nth-child(3) {top: 30px;}
	
.sp-header .tgr-txt{font-size:1.25rem;padding-top:3.2em;}
.sp-header .tgr-studio-txt{padding-top:1em;}

.sp-header .s-menu .inner{padding:2em 5% 3em;}
.sp-header .gnavi .wrap{padding:3em 0 3em;}
.sp-header .overlay{position:absolute;top:105px;}
.sp-header .gnavi.overlay::after {right: 7%;}
	
/*//// SEARCH-MENU ////*/

	
/*//// Gnavi-MENU ////*/
.sp-header dd p{font-size:2.5vw;padding:2.5em;width:100%;display:block;}
.sp-header .nav-plus {top: 3.8em;right: 9%;}
.sp-header .nav-plus::before{right:9px;height: 18px;}
.sp-header .nav-plus::after{width:18px;}
.header .list-open .gnavi-low li a{padding:1.5em;font-size:2.25vw;}
.sp-header .gnavi-low li a:after{right: 3em;}

/* footer
------------------------------------------- */
footer .wrap{padding:5em 7%;}
footer .wrap img.logo{width:60%;margin:0 auto 4em;}
footer .wrap section{margin-bottom:2.5em;}
footer .wrap li{margin-bottom:2em;}
footer .wrap li a{font-size:2.5vw;}
footer .wrap p{font-size:2.5vw;margin-bottom: 1.75em;}
footer .wrap .ft-link{font-size:2.5vw;}	
footer .copyright{font-size:2vw;}
	
/*====================================================
 pager
====================================================*/
.pager{text-align:center; padding:1em .5em;position:relative;}
.pager a{font-size:.9rem;}
.pager .num{padding:.4em .5em .4em 1em; margin-bottom:.5em;line-height:1.3;}
.pager .num a{padding:.4em .75em; margin-bottom:.5em;}
.pager .num a:hover{padding:.4em .75em;margin-bottom:1em;}
.pager .num .current_page{padding:.4em .75em; margin-bottom:1em;font-size:.9rem;}
.pager span i{font-size:1.2rem;}
.pager span.before{top:45%;left:1.5em;transform: translate(0%,-55%);}
.pager span.next{top:45%;right:1.5em;transform: translate(0%,-55%);}

/*---from------------------------------------*/
body.form .form-wrapper{font-size: 3vw;}
body.form .required{padding:.4em .5em;margin-left:.75em;border-radius:2px;}
body.form .form-heading{padding:1.5em;}	
body.form .form-body{padding:1.5em;}
body.form select{padding:1.25em;}
body.form input,body.form textarea{padding:1.25em;}
body.form .cal{margin-bottom:1em;}
body.form .submitArea {font-size:3vw;}
body.form input[type="submit"] {padding:1em 1.4em;}
body.form .formerror-box{padding:0 1.75em 2em;}
body.form .error-list {padding:3em 10% 2em;font-size:2.2vw;}
body.form .form-operate{padding:0 10%;}
body.form .form-operate input[type="submit"] {font-size:2.2vw;}
body.form .lead{font-size: 3vw;padding-bottom:1.5em;}
body.form .complete-box{padding:.2em 4em 0;}
body.form .complete-box h2{margin: 0 0 .75em;}
body.form .complete-box p{margin-bottom:3em;}
	
body.form .corp-form .tel-box{padding:1em 2.5em 3em;margin:0 auto 4em;}
body.form .corp-form .tel-box p.tel{font-size:5vw;margin-bottom:.6em;}
body.form .corp-form .tel-box p.tel span{font-size:50%;}
body.form .corp-form .tel-box p.time{font-size:2.5vw;letter-spacing:1px;}	

.newsmore2 p {font-size: 2.3vw!important;}
	
}

@media screen and (min-width: 897px) {
.wrap{padding:0 0;width:80%;margin:0 auto;display:block;}
.pc-no{display:none;}
.sp-no{display:block;}	

/* header
------------------------------------------- */
.pc-hide {display: none;}
.head-tgr{display: none;}

.header {width: 100%;top:0;z-index: 10;}
.head-top {padding:0 0;}
.head-wrap{width:100%;position:relative;padding:0 0 0 1.5em;align-items: center;}
.white{padding:0 0;}

.head-logo {width:11%;padding:1em 0;z-index:13;}
.head-logo img{width:110px;}
.head-logo a{display:none;}
.white .head-logo a{display:block;}
.gnavi-frame {width:72%;z-index: 12;display:block;padding-left:2%;}
.snsicon{width:12%;display: flex!important;justify-content: flex-end;padding: 2em 2% 2em 0;}
.snsicon a{color:#fff;}
.snsicon div {width:25px;font-size: 1.2vw;}
	
.gnavi .overlay-main {padding: 0;}
.gnavi-main {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: flex-start;justify-content: flex-start;padding:0;width:100%;display:none;}
.white .gnavi-main {display:flex;animation: fadeIn 0.5s ease 0s 0.5 normal;-webkit-animation: fadeIn 0.5s ease 0s 0.5 normal;}
.gnavi-main li {padding:2em 0;width:auto;line-height: 1;text-align: left;margin-right:5%;}
.gnavi-main li:last-child{margin-right:0;}	
.gnavi-main li a{color: #fff;font-size: 1vw;font-weight: bold;line-height:1.7;display: block;letter-spacing:1px;}
.gnavi-main li:hover .gnavi-low,.gnavi-main li:hover .gnavi-low li {visibility: visible;opacity: 1;height: auto;}
.gnavi-main li:hover .gnavi-low{overflow: visible;}
.gnavi-main .gnavi-low{position: absolute;top: 70px;left: 0; width: 100%;z-index: 923;display: flex; flex-wrap: wrap; justify-content: flex-start;background-color:rgba(0, 0, 0, .9);padding:2.5em 5%;}
.gnavi-main .gnavi-low p{font-size:1.2vw;color:#ccc;margin-bottom:1em;font-weight:bold;letter-spacing:2px;}
.gnavi-main .gnavi-low p span{font-size:.7vw;font-weight:normal;padding-left:1em;letter-spacing:1px;}	
.gnavi-main .gnavi-low ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.gnavi-main .gnavi-low li {overflow: hidden;height: 0;width:24%;margin:.5%;border:1px dotted #ccc;padding: 0;text-align:center;}
.gnavi-main .gnavi-low ul:before{content:"";display: block;width:24%;margin:.5%;order:1;}
.gnavi-main .gnavi-low ul:after{content:"";display: block;width:24%;margin:.5%;}	
.header .gnavi-low li a{padding:1em;color:#fff;font-weight: normal;}
.header .gnavi-low li:hover {color:#dbff31!important;border:1px solid #dbff31;}
.header .gnavi-low li:hover a{color:#dbff31;opacity: 1;}	
.gnavi li.pc-hide{display:none;}
	
body.category .head-logo a{display:block;}
body.category .gnavi-main{display: -webkit-flex;display: -ms-flex;display: flex;}
body.category .white .gnavi-main{animation:none;-webkit-animation: none;}
body.category .gnavi-main li a{color: #222;}
body.category .gnavi-main li:hover .gnavi-low li a{color: #fff;}
body.category .gnavi-main li:hover .gnavi-low li a:hover{color:#dbff31;}	
body.category .snsicon a,body.category .snsicon i{color:#222;}
	
/* footer
------------------------------------------- */
footer .wrap{padding:4em 0 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .wrap img.logo{width:60%;margin:0 0 2em;}
footer .wrap section{margin-bottom:3em;width:35%;}
footer .wrap section:last-child{width:60%;}	
footer .wrap ul{justify-content: center;width:100%;}	
footer .wrap li{margin:0 1em .8em;width:auto;}
footer .wrap li a{font-size:1vw;}
footer .wrap p{font-size:1vw;text-align:center;width:100%;margin-bottom:2.5em;}
footer .wrap .ft-link{font-size:1vw;width:300px;margin:0 auto 4em;}
footer .wrap .ft-linkbox{margin-bottom:2em;width:100%;}	
footer .ft-linkbox li{width:15%;}	
footer .copyright{font-size:.8vw;padding:2.5em 0 3em}
	
/*====================================================
 pager
====================================================*/
.pager a{font-size:1rem;}
.pager .num .current_page{font-size:1rem;}
.pager span i{font-size:1.3rem;}
.pager span.before{top:45%;left:2.5em;transform: translate(0%,-55%);}
.pager span.next{top:45%;right:2.5em;transform: translate(0%,-55%);}
	
/*---from------------------------------------*/
body.form .form-wrapper{font-size: 1vw;border:none;}
body.form .required{padding:.4em .5em;margin-left:.75em;border-radius:2px;}
body.form .form-heading{padding:1em 0 0;background:none;border:none;}	
body.form .form-body{padding:1em 0 2em;}
body.form select{padding:1em;}
body.form .select:after{right: 5.25%;}	
body.form input,body.form textarea{padding:1.25em;}
body.form .cal{margin-bottom:1em;}
body.form .submitArea {font-size:1.2vw;width:70%;margin: 2em auto 2em;}
body.form input[type="submit"] {padding:1.4em 1.4em;}
body.form .formerror-box{padding:0 0 2em;}
body.form .formerror-box h2{margin:0 0 .75em;}
body.form .error-list {padding:3em 10% 2em;font-size:1.1vw;}
body.form .error-list li{text-align:center;}
body.form .error-list li:after{content: none;}	
body.form .form-operate{padding:0 20%;}
body.form .form-operate input[type="submit"] {font-size:1.2vw;}
body.form .form-operate a{margin: 3em auto 0;}	
body.form .lead{font-size: 1vw;}
body.form .form-check{margin-bottom:4em;}
body.form .complete-box{padding:.2em 0 0;}
	
body.form .corp-form .tel-box{padding:1em 1em 3em;margin:0 0 5%;width:100%;}
body.form .corp-form .tel-box p.tel{font-size:2.2vw;margin-bottom:.1em;}
body.form .corp-form .tel-box p.tel span{font-size:50%;display:inline;padding-left:1em;}
body.form .corp-form .tel-box p.time{font-size:1.2vw;letter-spacing:1px;}
	
.newsmore2 p {font-size: 1.2vw!important;}	
}

@media screen and (min-width: 1280px) {	
.head-wrap{padding:0 0 0 2.4em;}
.head-logo img{width:120px;}	
.gnavi-main .gnavi-low{top: 70px;padding:3em 10%;}	
.gnavi-main li{margin-right:6%;}	
.gnavi-main li a {font-size: .85vw;}
	
.gnavi-main .gnavi-low p{font-size:1.1vw;}
.gnavi-main .gnavi-low p span{font-size:.6vw;}	
.gnavi-main .gnavi-low ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.gnavi-main .gnavi-low li {width:19%;margin:.5%;}
.gnavi-main .gnavi-low ul:before{width:19%;margin:.5%;}
.gnavi-main .gnavi-low ul:after{width:19%;margin:.5%;}
	
.header .gnavi-low li a{font-size: .75vw;}
.snsicon div {width:35px;}	
	
/* footer
------------------------------------------- */
footer .wrap{padding:4% 0 0}
footer .wrap section{margin-bottom:4%;}	
footer .wrap img.logo{margin:0 0 3em;}	
footer .wrap li{margin-bottom:1.2em;}	
footer .wrap li a{font-size:.7vw;}
footer .wrap p{font-size:.7vw;line-height:2;}
footer .ft-linkbox li{width:10%;}	
footer .copyright{font-size:.7vw;}
	
body.form .corp-form .tel-box{padding:0 1em 3em;margin:0 0 7%;}
body.form .corp-form .tel-box p.tel{font-size:1.6vw;margin-bottom:.5em;}
body.form .corp-form .tel-box p.tel span{font-size:50%;display:inline;padding-left:1em;}
body.form .corp-form .tel-box p.time{font-size:.9vw;letter-spacing:1px;}
body.form .corp-form .tel-box p.time span{display:inline;padding-left:.5em;}
	
.newsmore2 p {font-size: .9vw!important;}		
}

@media screen and (min-width: 1440px) {
/* header
------------------------------------------- */
.head-wrap{padding:0 0 0 3em;}
.head-logo img{width:140px;}	
.gnavi-main .gnavi-low{padding:4em 10%;}
.gnavi-main .gnavi-low p{font-size:1vw;}	
.gnavi-main li a {font-size: .8vw;}
.snsicon div {width:45px;}		
.snsicon i{font-size:1vw;}

/*====================================================
 pager
====================================================*/
.pager{padding:1em 0 3em;}
.pager a{font-size:.95em;}
.pager .num .current_page{font-size:.95em;}
.pager span i{font-size:1.1em;}
	
.newsmore2 p {font-size: .8vw!important;}		
}

@media screen and (min-width: 1600px) {
.head-logo img{width:150px;}		
.snsicon div {width:45px;}
.gnavi-main .gnavi-low p{font-size:.9vw;}		
.gnavi-main li a {font-size: .7vw;}
.header .gnavi-low li a{font-size: .65vw;}
		
}