@charset "utf-8";
/*
Theme Name: default-themes-solution
Theme URI: http://www.solution-sy.com/
Author: solution.STC
Author URI: http://www.crossdesign-company.co.jp  
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box; }

:after, :before {
  box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  /**/
  font-family: "小塚ゴシック Pr6N","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-size: 14px;
  color: #333333;
  width: 100%;
  overflow-x: hidden;
  --white:#fff;
  --lightgrey:#b4b4b4;
  --black:#000000;
  --blue:#12337D;
  --yellow:#f3cc02;
  --orange:#e8a246;
  --green:#4d9e5c;
  --red:#c30d23;
  --gold:#988a4f;
}
address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

fieldset, iframe, img {
  border: 0; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

caption, th {
  text-align: left; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit; }

button:disabled {
  cursor: default; }

audio:not([controls]) {
  display: none; }

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

a:hover {
  text-decoration: underline; }

a:active {
  text-decoration: none; }

ul {
  list-style: none; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
  background-color: var(--black);
  border-left: 1px solid var(--black); }

::-webkit-scrollbar:hover {
  background-color: var(--red); }

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 15px;
  background-color: var(--red); }

::-webkit-scrollbar-thumb:hover {
  background-color: var(--gold); }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none; }
/* /Start Reset Css */
.ftminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
/*hasbg*/
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1666238971337') format('woff2'),
       url('iconfont/iconfont.woff?t=1666238971337') format('woff'),
       url('iconfont/iconfont.ttf?t=1666238971337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*sp mobile-btn*/
/* sp mobile-btn and nav css */

.spscreen {
  display: none; }
.mobilebtn{
  display: none;
}
@media screen and (max-width: 768px) {
  .logged-in .mobilebtn{top:75px;}
  .mobilebtn {
    position: fixed;
    z-index: 110;
    top: 20px;
    right: 20px;
    display: block; }

  .mobilebtn div {
    width: 30px;
    height: 20px;
    background: none;
    cursor: pointer;
    display: block;
    position: relative;
    right: 0;
    top: 0;
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); }

  .mobilebtn div span {
    width: 30px;
    height: 2px;
    top: 9px;
    background: var(--red);
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin: 0 0 0 -15px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s; }

  .mobilebtn div span:nth-child(1) {
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px); }

  .mobilebtn div span:nth-child(3) {
    -moz-transform: translateY(9px);
    -webkit-transform: translateY(9px);
    -o-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px); }

  .mobilebtn .active {
    transform:  translateX(-200px) rotate(180deg); /*translateX(-200px) */}

  .mobilebtn .active span:nth-child(1) {
    transform: rotate3d(0, 0, 1, -45deg) !important;
    transform-origin: center center !important;/*0.71429px*/
    width: 30px !important; }

  .mobilebtn .active span:nth-child(2) {
    transform: rotate3d(0, 1, 0, -90deg) !important;
    width: 0!important;
  }

  .mobilebtn .active span:nth-child(3) {
    transform: rotate3d(0, 0, 1, 45deg) !important;
    transform-origin: center center !important;/*0.71429px */
    width: 30px !important; }

  .sp-wrapper-move {
    transform: translateX(0px) !important; }

  .spscreen {
    width: 200px;
    height: 100vh;
    position: fixed;
    z-index: 100;
    background: var(--black);
    right: 0;
    top: 0;
    transform: translateX(200px);
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    display: block; }

  .spscreen .sp-heading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff; }

  .spscreen nav ul {
    padding: 0 15px; }

  .spscreen nav ul li:first-child {
    border-top: 1px solid #5d5d5d; }

  .spscreen nav ul li {
    border-bottom: 1px solid #5d5d5d; }

  .spscreen nav ul li a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    transition: .3s; }

  .spscreen nav ul li a:hover {
    background: var(--red);
    color: var(--white); } 

  .spscreen nav ul li ul{
    display:none;
  }
  .spscreen nav ul li a.current{position:relative;}
  .spscreen nav ul li a.current:after{content:"";border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:0;transform:translateY(-50%);transform-origin:center;}
  .spscreen nav ul li a.current.active:after{transform:rotate(180deg);}
  .spscreen nav ul li ul{display:none;padding:0;}
  .spscreen nav ul li ul li a{font-size:12px;}

}

.spscreenmask{position:fixed;top:0;right:0;z-index:99;background:rgba(0,0,0,0.6);width:0%;height:100%;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.spscreenmask.spscreenmaskmove{width:100%;}


/*headerfixed*/
.headerfixed{position:fixed;top:0;left:0;z-index:90;width:100%;background:#fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1; }
.logged-in .headerfixed{top:32px;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}


/*scrolltop*/
.scrolltop{position: fixed;right: 2%;bottom:5%;z-index: 70;transition:.5s;background:var(--red);color:var(--gold);width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;text-decoration:none;padding:15px 10px 10px 10px;border-radius:50%;}
.scrolltop:after{content:"";display:block;width:16px;height:16px;border:solid var(--white);border-width:2px 2px 0 0;transform:rotate(-45deg);}
@media screen and (max-width: 1080px) {
  .scrolltop{width: 40px;height: 40px;padding:5px 0 0 0;}
}
@media screen and (max-width: 768px) {
  .scrolltop{bottom:60px;width: 40px;height: 40px;padding:5px 0 0 0;}
}


/* header css */
.headerfixed{position:fixed;top:0;left:0;z-index:90;width:100%;max-width:100%;padding:10px 50px;background:var(--white);box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);justify-content:space-between;-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1; }
header.headerfixed:after{display:none;}
header.headerfixed .sitelogo{width:60px;position:relative;left:0;}
@media screen and (max-width: 768px) {
	.logged-in .headerfixed{top:46px;}
  .headerfixed{padding: 10px 50px 10px 20px;}
  header.headerfixed .headmain{margin-right:0;}
  header.headerfixed .sitelogo{width:36px;}
}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
.logged-in header{top:32px;}
header{width:100%;max-width:1200px; /*max-width:56%;*/display:flex;justify-content:flex-end;position:fixed;top:0;left:0;z-index:80;background:rgba(255,255,255,0.8);padding:20px 20px 20px calc(5vw + 20px);transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
header:after{content:"";position:absolute;right:-100px;top:0;width:0;height:0;border-width:115px 100px 0 0;border-style:solid;border-color:rgba(255,255,255,0.8) transparent transparent rgba(255,255,255,0.8); /*border-top:150px solid rgba(255,255,255,0.7);border-left:150px solid rgba(255,255,255,0.7);*/ /*width:300px;height:100%;background:rgba(255,255,255,0.7);transform-origin:left bottom;transform:skewX(-45deg);*/}

.sitelogo{width:150px;position:absolute;left:5vw;}
.sitelogo a{width:150px;}

.headmain{ display:flex;}

.mainnavigation{display:flex;}
.mainnavigation ul{display:flex;align-items:center;}
.mainnavigation ul li{position:relative;padding:0px 40px;}
.mainnavigation ul li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #9a8b8a;}
.mainnavigation ul li a{width:100%;font-size:18px;color:#000;display:flex;flex-direction:column;align-items:center;text-decoration:none;position:relative;z-index:1;transition:.4s ease-in-out;}
.mainnavigation ul li a:hover{color:var(--red);}
.mainnavigation ul li > a:after{content: "";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--red);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.mainnavigation ul li > a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}
.mainnavigation ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);background:var(--grey);}
.mainnavigation ul li:hover ul{display:block;}
.mainnavigation ul li ul li a{text-align:center;padding:5px 10px;}
.mainnavigation ul li ul li a:after{display:none;}

.translate{/*width:100px;*/padding:10px 20px;/*overflow:hidden;*/position:relative;}
.translate .gt_float_switcher .gt_options.gt-open, .translate .gt_float_switcher .gt_options{position:absolute;background:var(--white);top:50px;}
.translate .gt_float_switcher .gt_options a{font-size:12px;}
.translate #flags{margin-bottom:0;}
.translate #flags ul{display:flex;}
.translate #flags li{float:none!important;}
#flags.size18 a,#flags.size18 a{width:30px!important;height:20px!important;}
#glt-translate-trigger{display:none;}
/*.speciallinks ul{display:flex;align-items:center;}
.speciallinks ul li{width:50%;}
.speciallinks ul li a{width:100%;padding:20px;font-size:18px;color:#fff;background:var(--blue);display:flex;justify-content:center;align-items:center;text-decoration:none;position:relative;overflow:hidden;}
.speciallinks ul li a span{position:relative;z-index:1;}
.speciallinks ul li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-101%);background:#00a0ea;transition:.3s;}
.speciallinks ul li a:hover:after{transform:translateY(0);}*/
@media screen and (max-width: 1520px) {
  header{max-width:920px;padding:10px 10px 10px calc(5vw + 20px);}
  header:after{border-width: 95px 100px 0 0;}
  .sitelogo{width:100px;}
  .sitelogo a{width:100px;}
  .mainnavigation ul li{padding:0 20px;}
  .mainnavigation ul li a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  header{max-width:100%;padding:10px 20px;}
  header:after{display:none;}
  .sitelogo{width:80px;left:20px;}
  .sitelogo a{width:80px;}
  .translate{width:120px;padding:5px 10px;}
  .translate .gt_float_switcher .gt-selected .gt-current-lang{padding:10px 5px!important;font-size:12px!important;display:flex;}
	.translate .gt_float_switcher{width:100px!important;}
	.translate .gt_float_switcher .gt_options.gt-open, .translate .gt_float_switcher .gt_options{width:100px!important;max-width:100px!important;}
	.translate .gt_float_switcher .gt_options a{display:flex;font-size:10px;padding:10px 5px;}
}
@media screen and (max-width: 768px) {
	.logged-in header{top:0;}
  header{position:relative;justify-content:flex-start;background:rgba(255,255,255,0.6);/*padding:30px 20px;*/}
  .sitelogo{width:60px;position:relative;left:0px;/*position:relative;left:0px;top:10px;width:50px;*/}
  .sitelogo a{width:60px;}
  .headmain{margin-right:70px;justify-content:flex-end;width: 100%;}
  .mainnavigation{display:none;}
}
@media screen and (max-width: 600px) {
	.headmain{margin-right:50px;}
	#wpadminbar{position:fixed;}
	.translate{padding:0 5px;}
/* 	.translate .gt_float_switcher .gt-selected .gt-current-lang{padding:5px!important;} */
/*   .sitelogo{width:36px;} */
/*   .sitelogo a{width:36px;} */
}
/* /header css */


/*banner*/
.banner{position:relative;}
.banner .bannermain{}
.banner .bannermain li{overflow:hidden;}
.banner .bannermain figure{width:100%;height:100%;position:relative;/*-webkit-animation: picmove1 50s linear infinite 0s;
      -moz-animation: picmove1 50s linear infinite 0s;
      -ms-animation: picmove1 50s linear infinite 0s;
      -o-animation: picmove1 50s linear infinite 0s;
      animation: picmove1 50s linear infinite 0s;*/}
.banner .bannermain figure:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;width:100%;/*background:rgba(0,0,0,0.5);*/}
.banner .bannermain .swiper-pagination{left:22%;}
.banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 18px;width:15px;height:15px;background:var(--white);opacity:1;}
.banner .bannermain .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--red);}
/*.banner .bannertext{position:absolute;left:50%;top:50%;z-index:20;width:100%;max-width:1000px;background:rgba(0,0,0,0.3);color:#fff;text-align:center;padding:80px 60px;transform:translate(-50%,-50%);}
.banner .bannertext h1{font-size:46px;margin-bottom:30px;}
.banner .bannertext p{font-size:24px;}*/
.pagebanner{position:relative;}
.bannertext{position:absolute;top:55%;left:24%;transform:translate(-50%,0%);color:var(--white);text-transform:uppercase;display:flex;align-items:baseline;}
.bannertext h3{font-size:38px;letter-spacing:0.3em;margin-right:50px;}
.bannertext h1{font-size:30px;font-weight:normal;}
@keyframes picmove1 {
 0% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
}
@media screen and (max-width: 1520px) {
  .banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 12px;width:12px;height:12px;}
/*  .banner .bannertext{max-width:800px;padding:60px 40px;}
  .banner .bannertext h1{font-size:38px;}
  .banner .bannertext p{font-size:20px;}*/
  .bannertext h3{font-size:32px;}
  .bannertext h1{font-size:24px;}
}
@media screen and (max-width: 1080px) {
  .banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 10px;width:10px;height:10px;}
/*  .banner .bannertext{max-width:650px;padding:20px;}
  .banner .bannertext h1{font-size:30px;margin-bottom:15px;}
  .banner .bannertext p{font-size:16px;}*/
  .bannertext h3{font-size:26px;margin-right:30px;}
  .bannertext h1{font-size:20px;}
}
@media screen and (max-width: 768px) {
  .banner{overflow:hidden;}
  .banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
  /*.banner .bannermain figure,.banner .bannermain figure:after{height:350px;}*/
/*  .banner .bannertext{width:80%;max-width:100%;}
  .banner .bannertext h1{font-size:24px;margin-bottom:10px;}
  .banner .bannertext p{font-size:14px;}*/
  .bannertext{flex-direction:column;top:50%;transform:translate(-50%,-50%);}
  .bannertext h3{font-size:22px;margin-right:0px;letter-spacing:2px;}
  .bannertext h1{font-size:16px;line-height:1.2;}
}
@media screen and (max-width: 528px) {
  .bannertext h3{font-size:20px;}
  .bannertext h1{font-size:14px;}
  /*.banner .bannermain figure,.banner .bannermain figure:after{height:300px;}*/
/*  .banner .bannertext{padding:10px;}
  .banner .bannertext h1{font-size:20px;margin-bottom:5px;}
  .banner .bannertext p{font-size:12px;}*/
}

/*/banner*/


/* footer css */
footer{background:url(img/sunshinebg.jpg) repeat;}
.foot{padding:20px 50px 50px;width:100%;max-width:1100px;margin:0 auto;}

.footlogo{width:150px;margin:0 auto 20px;}
.footlogo a{display:block;transition:.3s;}
.footlogo a:hover{opacity:0.7;}

.footcontact{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto 30px;}
.footcontact li{display:flex;align-items:center;justify-content:center;width:calc(33.33% - 30px);background:#fff;transition:.3s;}
.footcontact li a{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--white);color:var(--red);padding:20px;transition:.3s;}
.footcontact li:hover{transform:translatey(-8px);}
.footcontact li:first-child a{padding:38px 20px;}
.footcontact li:last-child a{padding:24px 20px;}
.footcontact li:nth-child(2) a strong{font-weight:normal;}
.footcontact li a strong{font-size:36px;line-height:1.1;text-transform:uppercase;}
.footcontact li a span{font-size:18px;}

.footmenu{display:flex;justify-content:space-between;flex-wrap:wrap;}
.footmenu li{position:relative;padding:0 20px;width:calc(100% / 7);}
.footmenu li:not(:last-child):after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #d34e5f;}
.footmenu li a{text-decoration:none;color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
.footmenu li a span{}
.footmenu li a:after{content: "";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--white);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.footmenu li a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}
@media screen and (max-width: 1520px) {
  .footlogo{width:120px;}
  .footcontact li{width:calc(33.33% - 20px);}
  .footcontact li a{padding:15px 20px;}
  .footcontact li:first-child a{padding:31px 20px;}
  .footcontact li:last-child a{padding:13px 20px;}
  .footcontact li a strong{font-size:30px;}
  .footcontact li a span{font-size:16px;}
	.footmenu{max-width:calc(100% - 80px);}
  .footmenu li{padding:0 20px;}
}
@media screen and (max-width: 1080px) {
  .foot{padding:20px;}
  .footlogo{width:100px;}
  .footcontact li{width:calc(33.33% - 10px);}
  .footcontact li a{padding:10px 20px;}
  .footcontact li:first-child a{padding:24px 10px;}
  .footcontact li:last-child a{padding:5px 10px 6px;}
  .footcontact li a strong{font-size:26px;}
  .footcontact li a span{font-size:14px;}
  .footmenu li{padding:0 2px;}
  
}
@media screen and (max-width: 768px) {
  footer{margin-bottom:57px;}
  .footmenu li{width:33.333333%;margin-top:20px;}
	.footmenu li:nth-of-type(3):after,
	.footmenu li:nth-of-type(6):after{display:none;}
}
@media screen and (max-width: 650px) {
  .footcontact li{width:100%;margin-top:10px;}
  .footcontact li:first-child a{padding:10px 20px;}
  .footmenu li{width:50%;}
  .footmenu li:nth-of-type(3):after{display:block;}
  .footmenu li:nth-of-type(even):after{display:none;}
}


.copyright{background:var(--black);width:100%;}
.copyright p{width:100%;max-width:1400px;margin:0 auto;padding:10px 40px;font-size:14px;text-align:center;color:#393939;}

@media screen and (max-width: 1080px) {
  .copyright p{padding:10px 20px;font-size:12px;}
}
@media screen and (max-width: 768px) {
  .copyright p{padding:5px 10px;}
}
/* /footer css */


/*home*/
.sumobg{background:url(img/sumobg.png) no-repeat;background-position:left center;background-size:auto 90%;}

.homenews{padding:120px 40px;position:relative;display:flex;justify-content:flex-start;}
.homenews .titlegroup{position:absolute;right:0;width:280px;flex-direction:column;}
.homenews .titlegroup h2{writing-mode: vertical-rl;letter-spacing:.15em;}
.homenews .newslist{width:calc(100% - 280px);}
.homenews .newslist .webbtngroup .webbtn{transform:translateX(60%);}
@media screen and (max-width: 1520px) {
  .homenews{padding:80px 40px;}
  .homenews .titlegroup{width:120px;}
  .homenews .newslist{width:calc(100% - 120px);}
  .homenews .newslist .webbtngroup .webbtn{transform:translateX(20%);}
}
@media screen and (max-width: 1080px) {
  .homenews{padding:50px 20px;flex-wrap:wrap;}
  .homenews .titlegroup{position:relative;right:auto;width:100%;}
  .homenews .titlegroup h2{writing-mode:horizontal-tb;letter-spacing:2px;}
  .homenews .newslist{width:100%;}
  .homenews .newslist .webbtngroup .webbtn{transform:translateX(0%);}

}


/*homegallery*/
.gallerybg{background:url(img/gallerybg.jpg) repeat-y;background-position:center;/*background:url(img/gallerybg.jpg) repeat-y 0% 5%;animation: gallerymove 350s linear infinite 0s;*/}
.homegallery{padding:0 40px 80px;}
.homegallery .titlegroup{width:50%;padding:0 180px 30px;background:var(--black);}
@media screen and (max-width: 1520px) {
  .homegallery{padding:0 40px 60px;}
  .homegallery .titlegroup{padding:0 120px 30px;}
}
@media screen and (max-width: 1080px) {
  .homegallery{padding:0 20px 50px;}
  .homegallery .titlegroup{padding:0 80px 20px;}
}
@media screen and (max-width: 768px) {
  .homegallery .titlegroup{padding:20px;margin:0 auto 30px;}
  .homegallery .titlegroup h5{align-self:center;}
}
@media screen and (max-width: 568px) {
  .homegallery .titlegroup{width:100%;max-width:220px;padding:10px 20px;}
}
@-webkit-keyframes gallerymove{
  from {background-position:0% 0%;}
  to{background-position: 0% 600%;}
}
@keyframes gallerymove{
  from {background-position:0% 0%;}
  to{background-position: 0% 600%;}
}

/*homemenu*/
.homemenu{display:flex;flex-wrap:wrap;justify-content:space-between;}
.homemenu figure{width:calc(50% + 150px);margin-right:-150px;}
.homemenu figure:after{padding-top:90%;}
.homemenu .homemenutext{width:50%;display:flex;flex-direction:column;align-items:center;}
.homemenu .homemenutext .titlegroup{padding:100px 0 50px 150px;}

.homemenucon{padding:120px 60px 80px;font-size:20px;margin-bottom:-60px;}
.homemenucon p{margin-bottom:30px;}
.homemenucon a{margin-top:60px;}
@media screen and (max-width: 1520px) {
  .homemenu figure{width:calc(50% + 100px);margin-right:-100px;}
  .homemenu .homemenutext .titlegroup{padding:60px 0 30px 100px;}
  .homemenucon{padding:80px 40px 50px;font-size:16px;}
  .homemenucon p{margin-bottom:20px;}
  .homemenucon a{margin-top:30px;}
}
@media screen and (max-width: 1080px) {
  .homemenu figure{width:calc(50% + 60px);margin-right:-60px;}
  .homemenu .homemenutext .titlegroup{padding:30px 0 0 50px;}
  .homemenu .homemenutext .titlegroup h5{align-self:center;}
  .homemenucon{padding:30px 20px;font-size:14px;margin-bottom:-30px;}
  .homemenucon p{margin-bottom:10px;}
  .homemenucon a{margin-top:10px;}
}
@media screen and (max-width: 768px) {
  .homemenu figure{width:100%;margin-right:0px;}
  .homemenu .homemenutext{width:100%;}
  .homemenu .homemenutext .titlegroup{padding:30px 0 10px;}
  .homemenucon{margin-bottom:0;}
}


/*homeshop*/
.homeshop{display:flex;justify-content:space-between;flex-wrap:wrap;padding:60px 80px;}
.homeshop .titlegroup{}
.homeshop .homeshoplist{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.homeshop .homeshoplist .homeshopdrawing{width:750px;display:flex;justify-content:center;padding:30px;}
.homeshop .homeshoplist .homeshopgallerylist{width:calc(100% - 780px);}
@media screen and (max-width: 1520px) {
  .homeshop{padding:50px 40px;}
  .homeshop .homeshoplist .homeshopdrawing{width:450px;}
  .homeshop .homeshoplist .homeshopgallerylist{width:calc(100% - 480px);}
}
@media screen and (max-width: 1080px) {
  .homeshop{padding:30px 20px;}
  .homeshop .homeshoplist .homeshopdrawing{width:360px;padding:20px;}
  .homeshop .homeshoplist .homeshopgallerylist{width:calc(100% - 380px);}
}
@media screen and (max-width: 768px) {
  .homeshop .homeshoplist .homeshopdrawing{width:100%;max-width:520px;margin:0 auto 20px;}
  .homeshop .homeshoplist .homeshopgallerylist{width:100%;}
}


.salon{}
.salon .salonbigimg{margin-bottom:10px;}
.salon .salonbigimg:after{padding-top:70%;}
.salon .salonlist{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;}
.salon .salonlist .salonitem{padding:5px;width:20%;}
.salon .salonlist .salonitem figure{transition:.3s;}
.salon .salonlist .salonitem figure:after{background:rgba(0,0,0,0.5);}
.salon .salonlist .salonitem:hover figure:after{background:rgba(0,0,0,0);}
@media screen and (max-width: 1520px) {

}



.homeshoptable{display:flex;justify-content:space-between;flex-wrap:wrap;padding:60px 80px;border:1px solid #404040;margin-top:60px;}
.homeshoptable dl{width:calc(50% - 20px);color:var(--white);}
@media screen and (max-width: 1520px) {
  .homeshoptable{padding:30px;}
}
@media screen and (max-width: 1080px) {
  .homeshoptable{padding:20px;margin-top:30px;}
  .homeshoptable dl{width:calc(50% - 10px);}
}
@media screen and (max-width: 860px) {
  .homeshoptable{padding:10px 20px;}
  .homeshoptable dl{width:100%;}
}


/*page menu*/
.menu .wide{color:var(--white);position:relative;z-index:10;}
.menu .wide:after{content:attr(data-title);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:280px;text-transform:uppercase;font-weight:bolder;color:#2d2710;}
.menu .wide h3,.menu .wide p{position:relative;z-index:10;}
@media screen and (max-width: 1520px) {
  .menu .wide:after{font-size:200px;}
}
@media screen and (max-width: 1080px) {
  .menu .wide:after{font-size:120px;}
}
@media screen and (max-width: 768px) {
  .menu .wide:after{font-size:38px;}
}


.menuinfo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
.menuinfo .menuinfotext{width:55%;height:100%;}
.menuinfo .menuinfopic{width:45%;}
.menuinfo .menuinfolist{width:100%;}

.menuinfotext{padding:80px;}
.menuinfotext h2{font-size:38px;}
.menuinfotext h2.toptitle{text-align:center;line-height:1.6;}
.menuinfotext h2.bdredtitle{line-height:1.1;margin-bottom:20px;}
.menuinfotext strong{text-align:center;font-size:45px;display:block;margin-bottom:50px;}
.menuinfotext figure{margin-bottom:50px;}
.menuinfotext p{font-size:20px;margin-bottom:20px;}
.menuinfotext p span{font-weight:bold;}

.menuinfopic .titlegroup{align-items:flex-start;width:100%;max-width:380px;margin:0 auto 50px;}
.menuinfopic figure,.menuinfopic figure img{width:100%;}

.menuinfolist{padding:60px 50px;}
.menuinfolist ul{margin-bottom:-30px;margin-right:-30px;}
.menuinfolist ul li{margin-bottom:30px;padding-right:30px;}
.menuinfolist ul li div{overflow:hidden;width:100%;}
.menuinfolist ul li div figure{transition:.3s;}
.menuinfolist ul li div:hover figure{transform:scale(1.1,1.1);}
.menuinfolist ul li div figure:after{padding-top:60%;}
@media screen and (max-width: 1520px) {
  .menuinfotext{padding:50px;}
  .menuinfotext h2{font-size:32px;}
  .menuinfotext strong{font-size:38px;line-height:1.6;margin-bottom:30px;}
  .menuinfotext figure{margin-bottom:30px;}
  .menuinfotext p{font-size:16px;}
  .menuinfopic .titlegroup{max-width:300px;}
  .menuinfolist{padding:50px;}
}
@media screen and (max-width: 1080px) {
  .menuinfotext{padding:30px 20px;}
  .menuinfotext h2{font-size:26px;}
  .menuinfotext strong{font-size:30px;margin-bottom:20px;}
  .menuinfotext figure{margin-bottom:20px;}
  .menuinfotext p{font-size:14px;margin-bottom:10px;}
  .menuinfopic .titlegroup{max-width:240px;margin-bottom:20px;}
  .menuinfolist{padding:30px 20px;}
  .menuinfolist ul{margin-bottom:-20px;margin-right:-20px;}
  .menuinfolist ul li{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .menuinfo .menuinfotext{width:100%;height:auto;}
  .menuinfo .menuinfopic{width:100%;order:-1;}
  .menuinfotext h2{font-size:20px;}
  .menuinfotext strong{font-size:26px;}
  .menuinfopic .titlegroup{align-items:center;}
  .menuinfolist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .menuinfolist ul li{width:100%;}
}

.menucourse{}
.menucourse .twocolumn{color:var(--white);}
.menucourse .twocolumn:not(:last-child){margin-bottom:50px;}
.menucourse .twocolumn .twocolumntext{width:calc(50% - 30px);padding-right:30px;}
.menucourse .twocolumn.reversal .twocolumntext{padding-left:30px;}
.menucourse .twocolumn .twocolumntext .titlegroup{align-items:flex-start;}
.menucourse .twocolumn .twocolumntext p{letter-spacing:5px;line-height:2.5;}
.menucourse .twocolumn .twocolumntext p:not(:last-child){margin-bottom:20px;}
.menucourse .twocolumn .twocolumntext p.in{text-indent:-1em;padding-left:1em;}
.menucourse .twocolumn .twocolumnpic{width:calc(50% - 30px);}
@media screen and (max-width: 1520px) {
  .menucourse .twocolumn .twocolumntext{width:calc(50% - 20px);}
  .menucourse .twocolumn.reversal .twocolumntext{padding-left:20px;}
  .menucourse .twocolumn .twocolumntext p{letter-spacing:2px;line-height:2;}
  .menucourse .twocolumn .twocolumnpic{width:calc(50% - 20px);}
}
@media screen and (max-width: 1080px) {
  .menucourse .twocolumn:not(:last-child){margin-bottom:30px;}
  .menucourse .twocolumn .twocolumntext{width:calc(50% - 10px);}
  .menucourse .twocolumn.reversal .twocolumntext{padding-left:10px;}
  .menucourse .twocolumn .twocolumntext p{letter-spacing:1px;line-height:1.8;}
  .menucourse .twocolumn .twocolumntext p:not(:last-child){margin-bottom:10px;}
  .menucourse .twocolumn .twocolumnpic{width:calc(50% - 10px);}
}
@media screen and (max-width: 768px) {
  .menucourse .twocolumn .twocolumntext{width:100%;padding:20px 0px;}
  .menucourse .twocolumn .twocolumntext .titlegroup{align-items:center;}
  .menucourse .twocolumn .twocolumnpic{width:100%;}
}
/*/page*/


/*public*/

/*gallerylist*/
.gallerylist{display: grid;grid-template-columns: repeat(4, 2fr);}
.gallerylist li{overflow:hidden;}
.gallerylist li figure{transition:.3s;}
.gallerylist li:hover figure{transform:scale(1.1,1.1);}


.gallerylist .gallery1{grid-row-start: 1;grid-row-end: 3;}
.gallerylist .gallery2{grid-row-start: 1;grid-row-end: 4;}
.gallerylist .gallery3{grid-row-start: 1;grid-row-end: 3;}
.gallerylist .gallery4{grid-row-start: 1;grid-row-end: 4;}
.gallerylist .gallery5{grid-row-start: 3;grid-row-end: 6;}
.gallerylist .gallery6{grid-row-start: 4;grid-row-end: 6;}
.gallerylist .gallery7{grid-row-start: 3;grid-row-end: 6;}
.gallerylist .gallery8{grid-row-start: 4;grid-row-end: 6;}

.gallerylit figure:after{padding-top:70%}
.gallerybig figure:after{padding-top:120%}
@media screen and (max-width: 1520px) {
  
}
@media screen and (max-width: 768px) {
  .gallerylist{grid-template-columns: repeat(2, 4fr);}
  .gallerylist .gallery3{grid-row-start: 6;grid-row-end: 8;}
  .gallerylist .gallery4{grid-row-start: 6;grid-row-end: 9;}
  .gallerylist .gallery7{grid-row-start: 8;grid-row-end: 12;}
  .gallerylist .gallery8{grid-row-start: 9;grid-row-end: 12;}
}

.newslist{}


.newsitem{margin-bottom:50px;}
.newsitem a{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;text-decoration:none;color:var(--white);transition:.3s;}
.newsitem a:hover{color:var(--gold);}
.newsitem a:hover div h3{border-bottom-color:var(--gold);}
.newsitem a dl{display:flex;flex-direction:column;align-items:center;color:var(--gold);width:280px;border-right:1px solid #303030;}
.newsitem a dl dt{font-size:36px;border-bottom:1px solid var(--gold);line-height:1;margin-bottom:10px;}
.newsitem a dl dd{font-size:18px;}
.newsitem a div{width:calc(100% - 360px);}
.newsitem a div h3{font-size:30px;border-bottom:1px solid var(--white);font-weight:normal;margin-bottom:10px;line-height:1;padding-bottom:10px;}
.newsitem a div p{font-size:18px;}
@media screen and (max-width: 1520px) {
  .newsitem a dl{width:120px}
  .newsitem a dl dt{font-size:30px;}
  .newsitem a dl dd{font-size:16px;}
  .newsitem a div{width:calc(100% - 150px);}
  .newsitem a div h3{font-size:24px;}
  .newsitem a div p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .newsitem{margin-bottom:30px;}
  .newsitem a dl{width:80px}
  .newsitem a dl dt{font-size:24px;}
  .newsitem a dl dd{font-size:14px;}
  .newsitem a div{width:calc(100% - 100px);}
  .newsitem a div h3{font-size:18px;}
  .newsitem a div p{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .newsitem{margin-bottom:20px;}
  .newsitem a dl{width:100%;flex-direction:row;justify-content:flex-start;border-right:0;}
  .newsitem a dl dt{border-bottom:0;margin-bottom:0;font-size:14px;}
  .newsitem a dl dd{margin-left:5px;}
  .newsitem a div{width:100%;}
  .newsitem a div h3{font-size:16px;line-height:1.2;}
}

.tablelist{}
.tablelist dl{padding:20px 0;font-size:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.tablelist dl:not(:last-child){border-bottom:1px solid #404040;}
.tablelist dl dt{font-weight:bolder;width:200px;}
.tablelist dl dd{width:calc(100% - 200px);padding-left:20px;}
@media screen and (max-width: 1520px) {
  .tablelist dl{padding:15px 0;font-size:16px;}
  .tablelist dl dt{width:160px;}
  .tablelist dl dd{width:calc(100% - 160px);padding-left:10px;}
}
@media screen and (max-width: 1080px) {
  .tablelist dl{padding:10px 0;font-size:14px;}
  .tablelist dl dt{width:120px;}
  .tablelist dl dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 768px) {
  .tablelist dl dt{width:100%;}
  .tablelist dl dd{width:100%;padding-left:0;}
}



.mainback{display:block;background:var(--black);}
.part{padding:80px 40px;}
.w1420{width:100%;max-width:1420px;margin:0 auto;}
.w1320{width:100%;max-width:1320px;margin:0 auto;}
.w1520{width:100%;max-width:1520px;margin:0 auto;}
.w1720{width:100%;max-width:1720px;margin:0 auto;}
@media screen and (max-width: 1080px) {
  .part{padding:50px 20px;}
}
/*layout*/
.layout{display:flex;flex-wrap: wrap;}
.betweenside{display:flex;justify-content:space-between;flex-wrap: wrap;}
.reversal{flex-direction:row-reverse;}
.lycol2{width:50%;}
.lycol3{width:33.333333%;}
.lycol4{width:25%;}
.lycol5{width:20%;}
.lycol6{width:16.666667%;}

.colorred{color:var(--red);}
.colorgold{color:var(--gold);}

.titlegroup{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:50px;}
.titlegroup h2{font-size:128px;line-height:1.1;text-transform:uppercase;}
.titlegroup h5{font-size:20px;}
.bdredtitle{border-left:3px solid var(--red);padding-left:20px;color:var(--red);}
@media screen and (max-width: 1520px) {
  .titlegroup h2{font-size:100px;}
  .titlegroup h5{font-size:18px;}
}
@media screen and (max-width: 1080px) {
  .titlegroup{margin-bottom:30px;}
  .titlegroup h2{font-size:80px;}
  .titlegroup h5{font-size:16px;}
}
@media screen and (max-width: 768px) {
  .titlegroup h2{font-size:60px;}
}
@media screen and (max-width: 568px) {
  .titlegroup h2{font-size:30px;} 
}



.asright{align-self:flex-end;}

.webbtngroup{display:flex;justify-content:center;}
a.webbtn{text-decoration:none;}
.webbtn{display:inline-flex;align-items:baseline;text-decoration:none;color:var(--white);border:1px solid var(--white);padding:15px 50px;transition:.3s;}
.webbtn i{margin-left:10px;transition:.3s;}
.webbtn:hover{background:var(--red);}
.webbtn:hover i{transform:translateX(5px);}
.webbtn span{text-transform:uppercase;}
.webbtn.blackbtn{color:var(--black);border:1px solid var(--black);}
.webbtn.blackbtn .iconarrow{border-bottom:1px solid var(--black);}
.webbtn.blackbtn .iconarrow:after{border-bottom:1px solid var(--black);}
.webbtn.blackbtn:hover{background:var(--black);color:var(--white);}
.webbtn.blackbtn:hover .iconarrow{border-bottom:1px solid var(--white);}
.webbtn.blackbtn:hover .iconarrow:after{border-bottom:1px solid var(--white);}


.iconarrow{position:relative;width:50px;border-bottom:1px solid var(--white);}
.iconarrow:after{content:"";position:absolute;right:0;bottom:-1px;transform-origin:right bottom;transform:rotate(45deg);width:15px;border-bottom:1px solid var(--white);}

.newstitle{font-size:32px;color:var(--white);text-align:center;margin-bottom:10px;}
.datetime{color:var(--gold);font-size:16px;display:block;font-style:normal;border-bottom:1px solid var(--gold);margin-bottom:30px;}
.newscontent{color:var(--white);font-size:20px;line-height:1.8;}
.newscontent p{margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .newstitle{font-size:26px;}
  .datetime{font-size:14px;}
  .newscontent{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .newstitle{font-size:20px;}
  .datetime{font-size:12px;}
  .newscontent{font-size:14px;}
  .newscontent p{margin-bottom:10px;}
}

.wide{text-align:center;font-size:20px;letter-spacing:1px;}
.wide h3{font-size:30px;letter-spacing:0.3em;margin-bottom:50px;}
.wide p{margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .wide{font-size:16px;}
  .wide h3{font-size:24px;letter-spacing:3px;}
  .wide p{margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .wide{font-size:14px;}
  .wide h3{font-size:20px;letter-spacing:1px;margin-bottom:30px;}
  .wide p{margin-bottom:10px;letter-spacing:0;}
}
 

.twocolumn{display:flex;justify-content:space-between;flex-wrap:wrap;}
.twocolumn .twocolumntext p{font-size:20px;}
.twocolumn .twocolumnpic figure:after{padding-top:60%;}
@media screen and (max-width: 1520px) {
  .twocolumn .twocolumntext p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .twocolumn .twocolumntext p{font-size:14px;}
}

.flowerbg{background:url(img/flower.jpg) repeat;}
.flowerblackbg{background:url(img/blackflower.jpg) repeat;}


.spfid{display:none;position:fixed;bottom:0;left:0;background:#fff;}
@media screen and (max-width: 768px) {
	.spfid{display:block;width:100%;}
	.spfid>ul{display:flex;justify-content:space-between;}
	.spfid>ul>li{width:calc(33.33% - 25px);}
	.spfid>ul>li:first-child{border-right:1px solid #000;}
	.spfid>ul>li:nth-child(2){border-right:1px solid #000;}
	.spfid>ul>li:nth-child(3){border-right:1px solid #000;}
	.spfid>ul>li>a{display:flex;align-items:center;justify-content:center;height:100%;color:#000;font-weight:bold;}
	.spfid>ul>li:last-child{width:75px;}
	.spfid>ul>li:last-child>a{padding:10px;}
	.spfid>ul>li:last-child>a>img{border-radius:10px;width:36px;}
}

.inscon{position:relative;display:flex;justify-content:flex-end;margin:0 auto;max-width:1300px;width:100%;}
.inscon>a{display:block;position:absolute;right:-100px;top:-55px;width:50px;border-radius:13px;overflow:hidden;transition:.3s;}
.inscon>a:hover{opacity:.7;}
@media screen and (max-width: 1520px) {
	.inscon>a{right:0px;}
}
@media screen and (max-width: 768px) {
	.inscon{display:none;}
}