@charset "utf-8";
/*
Theme Name: deardog-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 {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;*/
  font-family: "ヒラギノ角ゴ 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;
  line-height: 1.6;
  color: #333333;
  width: 100%;
  overflow-x: hidden;
  --white:#fff;
  --lightgrey:#b4b4b4;
  --black:#000000;
  --blue:#12337D;
  --yellow:#f3cc02;
  --orange:#e8a246;
  --green:#4d9e5c;
  --red:#d40000;
  --themered:#5f0101;
}

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,ol {
  list-style: none;
}

em {
  font-style: normal;
}

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

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

::-moz-placeholder {
  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: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: transparent;
}

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

::-webkit-scrollbar-thumb:hover {
  background-color: #e9d67b;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none;
}
/*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;
}

@font-face {
  font-family: 'holland';
  src: url('font/Holland.otf');
}
.ftholland{font-family: 'holland',小塚ゴシック Pr6N,メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}

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

.spscreen {
  display: none; }
.mobilebtn{display:none;}
@media screen and (max-width: 960px) {
  .logged-in .mobilebtn{
    top:60px;
  }
  .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(--themered);
    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); /* */}

  .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(--themered);
    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: 20px;
    margin-bottom: 20px;
    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 {position:relative;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    text-transform: uppercase;
    transition: .3s; }

  .spscreen nav ul li a:hover {
    background: #f2f2f2;
    color: #000; }

  .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 a:hover{background:#f2f2f2;color:#000;}

  .spscreen nav ul li ol{display:none;background:#000;}
  .spscreen nav ul li ol li a{font-size:12px;}

  .spscreen nav ul li.hasMenu>a.currentArrow{background:#f2f2f2;color:#000;}
  .spscreen nav ul li.hasMenu>a:after{position:absolute;top:50%;right:20px;display:block;content:"";width:0;height:0;
	border-width:5px 5px 0;
	border-style:solid;
	border-color:#fff transparent transparent transparent;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:0.3s;
	transition:0.3s;
  }
  .spscreen nav ul li.hasMenu>a:hover:after{border-color:#5f0101 transparent transparent transparent;}
  .spscreen nav ul li.hasMenu>a.currentArrow:after{border-color:#5f0101 transparent transparent transparent;
	-webkit-transform:translateY(-3px) rotate(-180deg);
	transform:translateY(-3px) rotate(-180deg);
  }

}

.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;
  }
}

header{width:100%;position:relative;left:0;display:flex;justify-content:space-between;background:url(img/bggrey.jpg) repeat;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}


.sitelogo{width:300px;padding:20px 20px 20px 40px;}

.headmain{ display:flex;justify-content:center;width:100%;}


.mainnavigation{display:flex;}
.mainnavigation>ul{display:flex;align-items:center;}
.mainnavigation>ul>li{position:relative;padding:20px 40px;}
.mainnavigation>ul>li>a{width:100%;font-size:18px;color:#000;white-space:nowrap;display:flex;text-decoration:none;position:relative;z-index:1;transition:.4s ease-in-out;}
.mainnavigation>ul>li:hover>a{color:var(--themered);}
.mainnavigation>ul>li>a:after{content: "";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--themered);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.mainnavigation>ul>li:hover>a: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;}
.mainnavigation>ul>li>ol{display:none;position:absolute;top:54px;left:50%;z-index:999;width:190px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.mainnavigation>ul>li>ol>li:not(:first-child){border-top:2px solid #fff;}
.mainnavigation>ul>li>ol>li>a{display:block;padding:10px;text-align:center;background:#5f0101;font-size:14px;color:#fff;}
.mainnavigation>ul>li:hover>ol{display:block;}
 
@media screen and (max-width: 1520px) {
  .mainnavigation>ul>li{padding:20px 10px;}
  .mainnavigation>ul>li>a{font-size:16px;}
  .mainnavigation>ul>li>ol{top:50px;width:175px;}
  .mainnavigation>ul>li>ol>li>a{padding:8px;font-size:13px;}
}
@media screen and (max-width: 1080px) {
  .sitelogo{width:180px;padding:10px 10px 10px 20px;}
  .mainnavigation>ul>li{padding:10px 5px;}
  .mainnavigation>ul>li>a{font-size:14px;}
  .mainnavigation>ul>li>ol{top:37px;width:160px;}
  .mainnavigation>ul>li>ol>li>a{padding:6px;font-size:12px;}
}
@media screen and (max-width: 960px) {
  .mainnavigation{display:none;}
}
@media screen and (max-width: 768px) {
  .headmain{margin-right:70px;}
}
/* /header css */
/*banner*/
.banner{position:relative;width:100%;height:80vh;overflow:hidden;}
.banner .bannermain li{overflow:hidden;}
.banner .bannermain figure{width:100%;height:80vh;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:"";padding-top:0;width:100%;height:100%;position:absolute;top:0;left:0;background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.6) 85%,rgba(255,255,255,1) 90%,rgba(255,255,255,0.1) 100%);}
.banner .bannermain figure:before{content:"";width:100%;height:10%;position:absolute;bottom:0;left:0;background:url(img/bggrey.jpg) repeat;}
/**/
.banner .bannertext{position:absolute;left:0%;top:38%;z-index:20;width:100%; color:#fff;padding:80px 60px;transform:translate(0%,-50%); }
.banner .bannertext h1{font-size:120px;font-weight:normal;text-shadow: 1.286px 1.532px 8px rgba(0, 0, 0, 0.2);margin-bottom:20px;}
.banner .bannertext h1 div{text-indent:1.5em;}
.banner .bannertext p{font-size:25px;text-indent:9em;}
@media screen and (max-width: 1520px) {
  .banner{height:70vh;}
  .banner .bannermain figure{height:70vh;}
  .banner .bannertext h1{font-size:70px;}
  .banner .bannertext p{font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .banner{height:55vh;}
  .banner .bannermain figure{height:55vh;}
  .banner .bannertext{top:25%;padding:30px 20px;}
  .banner .bannertext h1{font-size:38px;}
  .banner .bannertext p{font-size:16px;text-indent:3em;}
}
@media screen and (max-width: 768px) {
  .banner{height:450px;}
  .banner .bannermain figure{height:450px;}
  .banner .bannertext h1{font-size:28px;}
}
@media screen and (max-width: 568px) {
  .banner{height:250px;}
  .banner .bannermain figure{height:250px;}
  .banner .bannermain figure:after,.banner .bannermain figure:before{display: none;}
  .banner .bannertext{top:45%;}
  .banner .bannertext h1{font-size:20px;}
  .banner .bannertext p{font-size:14px;text-indent:2em;}
}

@keyframes picmove1 {
 0% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 50% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
 100% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}

.pagebanner{height:38vh;width:100%;}
.pagebanner:after{padding-top:0;}
.pagebannertext{width:100%;height:38vh;overflow:hidden;width:100%;max-width:1720px;margin:0 auto;padding:50px;display:flex;justify-content:flex-start;align-items:center;position:relative;}
.pagebannertext h1{font-size:35px;color:var(--white);letter-spacing:0.1em;margin-left:25%;position:relative;z-index:10;}
.pagebannertext h2{font-size:250px;font-weight:normal;position:absolute;left:20px;bottom:0;color: rgba(255, 255, 255, 0.01);text-shadow: 1.286px 1.532px 8px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 1520px) {
  .pagebannertext h1{font-size:30px;}
  .pagebannertext h2{font-size:200px;/*transform:translateY(20%);*/}
}
@media screen and (max-width: 1080px) {
  .pagebanner{height:35vh;}
  .pagebannertext{height:35vh;padding:20px;}
  .pagebannertext h1{font-size:24px;margin-left:10%;}
  .pagebannertext h2{font-size:150px;color: rgba(255, 255, 255, 0.1);/*transform:translateY(50%);*/}
}
@media screen and (max-width: 768px) {
  .pagebanner{height:26vh;}
  .pagebannertext{height:26vh;}
  .pagebannertext h1{font-size:20px;margin-left:5%;}
  .pagebannertext h2{font-size:100px;color: rgba(255, 255, 255, 0.2);/*transform:translateY(80%);*/}
}
@media screen and (max-width: 568px) {
  .pagebanner{height:180px;}
  .pagebannertext{height:180px;}
  .pagebannertext h1{letter-spacing:0;margin-left:0px;}
  .pagebannertext h2{font-size:50px;/*transform:translateY(0%);*/}
}

/*/banner*/

/* footer css */
footer{background:url(img/redmaskbg.jpg) repeat;width:100%;}
.footmain{width:100%;max-width:1620px;margin:0 auto;padding:50px;}
.footlogo{width:150px;margin:0 auto 60px;display: block;}
.footmenu{}
.footmenu>ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.footmenu>ul>li{position:relative;}
.footmenu>ul>li>a{padding:10px 20px;color:#e9d67b;text-transform:capitalize;font-size:18px;transition:.3s;}
.footmenu>ul>li:hover>a{text-decoration:none;color:var(--white);}
.footmenu>ul>li>ol{display:none;position:absolute;bottom:25px;left:50%;width:190px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.footmenu>ul>li>ol>li:not(:first-child){border-top:2px solid #fff;}
.footmenu>ul>li>ol>li>a{display:block;padding:10px;text-align:center;background:#5f0101;font-size:14px;color:#fff;}
.footmenu>ul>li:hover>ol{display:block;}

.copyright{background:var(--themered);width:100%;}
.copyright p{width:100%;max-width:1400px;margin:0 auto;padding:10px 40px;font-size:14px;text-align:center;color:#fff;}
@media screen and (max-width: 1520px) {
  .footmain{padding:30px;}
  .footlogo{margin-bottom:30px;}
  .footmenu>ul>li>a{padding:10px;font-size:16px;}
  .footmenu>ul>li>ol{bottom:23px;width:175px;}
  .footmenu>ul>li>ol>li>a{padding:8px;font-size:13px;}
}
@media screen and (max-width: 1080px) {
  .footmain{padding:20px;}
  .footmenu>ul>li>a{font-size:14px;}
  .footmenu>ul>li>ol{bottom:21px;width:160px;}
  .footmenu>ul>li>ol>li>a{padding:6px;font-size:12px;}
  .copyright p{padding:10px 20px;font-size:12px;}
}
@media screen and (max-width: 768px) {
  .footmenu>ul{justify-content:flex-start;}
  .footmenu>ul>li{width:25%;}
  .footmenu>ul>li>a{display:block;text-align:center;padding:5px 10px;}
  .copyright p{padding:5px 10px;}
}
@media screen and (max-width: 568px) {
  .footmenu>ul>li{width:50%;}
}




/* /footer css */


/*public*/
.bggrey{background:url(img/bggrey.jpg) repeat;}
.bgwhite{background:var(--white);}

.partfull{width:100%;padding:80px 0;}
.part{width:100%;padding:80px 50px;}
.w1520{width:100%;max-width:1520px;margin:0 auto;}
.w1320{width:100%;max-width:1320px;margin:0 auto;}
@media screen and (max-width: 1080px) {
  .partfull{padding:50px 0;}
  .part{padding:50px 20px;}
}




/*layout*/
.flex{display:flex;}
.wrap{flex-wrap:wrap;}
.column{flex-direction:column;}
.row{flex-direction:row;}
.spacebetween{justify-content:space-between;}
.rowreverse{flex-direction:row-reverse;}
.flexcenter{justify-content:center;align-items:center;}
.alignstart{align-items:flex-start;}
.alignend{align-items:flex-end;}
.aligncenter{align-items:center;}
.justifycenter{justify-content:center;}

.layout{display:flex;flex-wrap: wrap;}
.lycol2{width:50%;}
.lycol3{width:33.333333%;}
.lycol4{width:25%;}
.lycol5{width:20%;}
.lycol6{width:16.666667%;}



.colorred{color:var(--themered);}
.colororange{color:#f3a324;}
.colorgradualpink{display: block; color: transparent;-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: linear-gradient(to right,#f7889c 0%,#f57187 50%,#fe978b 100%);}

.textcenter{text-align:center;}

.titlegroup{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:50px;}

.webbtngroup{display: flex;justify-content:center;}
.webbtn{width:100%;font-weight:bolder;text-decoration:none;display:flex;text-align:center;cursor:pointer;/*transition:.3s;*/}
.webbtn:hover{text-decoration:none;}
.btninner{width:100%;display:inline-block;padding:15px 30px;transition:.3s;}

.btnred{background:var(--themered);color:var(--white);border:1px solid var(--themered);transition:.3s;}
.btnred:hover{background:var(--white);color:var(--themered);}

.btnthemered{border:1px solid var(--themered);border-radius:5px;padding:3px;background:var(--white);color:var(--white);}
.btnthemered .btninner{background:var(--themered);border-radius:5px;}
.btnthemered:hover{color:var(--themered);}
.btnthemered:hover .btninner{background:var(--white);}

.btnyellowgreen{border:1px solid #b8b297;border-radius:30px;padding:3px;background:var(--white);color:var(--white);}
.btnyellowgreen .btninner{background:#b8b297;border-radius:30px;}
.btnyellowgreen:hover{color:#b8b297;}
.btnyellowgreen:hover .btninner{background:var(--white);}


.hasline{padding-bottom:20px;position:relative;}
.hasline:after{content:"";position:absolute;left:0;bottom:0;display: block;width:100%;border-bottom:5px double var(--themered);}
.title2{font-size:100px;}
.title3{font-size:30px;}
.title5{font-size:25px;}
.title6{font-size:20px;}
.p{font-size:18px;line-height:1.8;}
@media screen and (max-width: 1520px) {
  .titlegroup{margin-bottom:30px;}
  .hasline{padding-bottom:15px;}
  .title2{font-size:80px;}
  .title3{font-size:26px;}
  .title5{font-size:20px;}
  .title6{font-size:16px;}
  .p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .titlegroup{margin-bottom:20px;}
  .hasline{padding-bottom:10px;}
  .title2{font-size:60px;}
  .title3{font-size:22px;}
  .title5{font-size:16px;}
  .title6{font-size:14px;}
  .p{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .title2{font-size:38px;}
  .title3{font-size:20px;}
  .title5{font-size:14px;}
}

.triarrow{background:var(--themered);width:60px;height:60px;position:absolute;bottom:5px;right:5px;display:flex;justify-content:flex-end;align-items:flex-end;padding:10px;border-radius:0 0 10px 0;}
.arrow{width:12px;height:12px;border:solid var(--white);border-width:2px 2px 0 0;transform:rotate(90deg);display:flex;align-items:center;justify-content:center;position:relative;right:auto; }
.arrow:after{content:"";width:16px;height:2px;background:var(--white);transform:translate(0px,-70%) rotate(-45deg);position:absolute;top:50%;}
@media screen and (max-width: 1520px) {
  .triarrow{width:50px;height:50px;}
}
@media screen and (max-width: 1080px) {
  .triarrow{width:30px;height:30px;padding:5px;}
  .arrow{width:8px;height:8px;}
  .arrow:after{width:10px;}
}

.newsitem{position:relative;display:flex;flex-direction:column;text-decoration:none;border-radius:10px;background:var(--white);padding:10px;color:var(---black); transition:.3s;}
.newsitem:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 0 10px rgba(0,0,0,0.2);}
.newsitem:hover figure{transform:scale(1.1,1.1);}
.newsitempic{position:relative;overflow:hidden;border-radius:10px;} 
.newsitempic figure{transition:.3s;}
.newsitempic figure:after{padding-top:90%;}
.newsitem .tag{position:absolute;right:0;top:10px;}
.newstext{padding:20px 60px 20px 0;}
.newstext span{font-size:20px;}
.newstext p{font-size:18px;margin-top:10px;}
@media screen and (max-width: 1520px) {
  .newstext{padding:15px 50px 15px 0;}
  .newstext span{font-size:18px;}
  .newstext p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .newstext{padding:10px 30px 10px 0;}

  .newstext span{font-size:16px;}
  .newstext p{font-size:14px;} 
}

.item{text-decoration:none;color:var(--black);display: block;transition:.3s;}
.item:hover{text-decoration:none;transform:translateY(-3px);}
.item:hover .piccard{box-shadow:0 0 10px rgba(0,0,0,0.2);}
.item:hover .piccard figure{transform:scale(1.1,1.1);}

.piccard{border:5px solid var(--white);border-radius:10px;background:var(--white);overflow:hidden;transition:.3s;}
.piccard figure{border-radius:10px;transition:.3s;}
.piccard figure:after{padding-top:80%;}

.itemtext{display:flex;flex-direction:column;align-items:center;padding:20px 0;}
.itemtext p.en{font-size:24px;}
.itemtext p.ja{font-size:18px;}
.itemtext img{width:80%;margin:10px auto;}
@media screen and (max-width: 1520px) {
  .piccard{}
  .itemtext p.en{font-size:20px;}
  .itemtext p.ja{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .itemtext{padding:10px 0;}
  .itemtext p.en{font-size:16px;}
  .itemtext p.ja{font-size:14px;}
  .itemtext img{margin:5px auto;}
}


.taglist{display: flex;flex-wrap:wrap;}
.tag{display:inline-flex;text-align:center;padding:5px 20px;font-size:16px;border:solid var(--white);border-width:0 0 1px 1px;}
.taglightblue{background:#97cbed;color:var(--white);}
.taglightgreen{background:#86c794;color:var(--white);}
.taglightpink{background:#ed97b3;color:var(--white);}
.taglightorange{background:#eda997;color:var(--white);}
.tagred{background:var(--themered);color:var(--white);border:1px solid var(--themered);}
.tagdeeppink{background:#c27474;color:var(--white);border:1px solid #c27474;}
.taggradualpink{background:linear-gradient(135deg,  #f7889c 0%,#f57187 50%,#fe978b 100%);color:var(--white);}
.taggraduallightpink{background:linear-gradient(135deg,  #f8b2c6 0%,#f8b7c0 50%,#f8bcb9 100%);color:var(--white);}
.tagthemered{border:1px solid var(--themered);padding:3px;color:var(--white);}
.tagthemered span{padding:20px 10px;background:var(--themered);}
.tagorange{border:1px solid #f3a324;padding:3px;color:#532f1a;}
.tagorange span{padding:20px 10px;background:#f3a324;}
@media screen and (max-width: 1520px) {
  .tag{font-size:14px;padding:5px 10px;}
  .tagthemered span,.tagorange span{padding:10px;}
}
@media screen and (max-width: 1080px) {
  .tag{font-size:12px;padding:5px;}
  .tagthemered span,.tagorange span{padding:5px;}
}

.tabmenu{display:flex;justify-content:center;margin-bottom:30px;}
.tabmenu li{margin:0 5px;padding:10px 30px;cursor:pointer;text-align:center;background:var(--themered);color:var(--white);font-weight:bolder;font-size:18px;}
.tabmenu li.active{background:#c27474;color:var(--white);}
.tabmenu li a{color:var(--white);text-decoration:none;}
@media screen and (max-width: 1520px) {
  .tabmenu li{font-size:16px;}
  .tabmenu li.active{}
}
@media screen and (max-width: 1080px) {
  .tabmenu li{font-size:14px;}
}

.tabcontent{}
.tabitem{display:none;}
.tabitem.show{display:block;}


.storeitem{}
.storeitem a{color:var(--black);}
.storeitem a:hover{text-decoration:none;}
.storeitem:hover .piccard figure{transform:scale(1.1,1.1);}
.storeitemtext{font-size:20px;line-height:1.8;margin-top:20px;}
.storeiteminfo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15px;}

.storeiteminfo p{}
.storeiteminfo ol{display: flex;justify-content:center;align-items:center;}
.storeiteminfo ol li{display: block;margin-left:10px;}
.storeiteminfo ol li i{display:block;}
.storeiteminfo ol li .iconins{width:38px;height:38px;}
.storeiteminfo ol li .tag{display:flex;align-items:center;}
.storeiteminfo ol li .tag i{margin-right:5px;width:20px;height:20px;}
@media screen and (max-width: 1520px) {
  .storeitemtext{font-size:16px;margin-top:15px;}
  .storeiteminfo{margin-bottom:10px;}
  .storeiteminfo ol li{margin-left:5px;}
  .storeiteminfo ol li .iconins{width:30px;height:30px;}
  .storeiteminfo ol li .tag i{width:16px;height:16px;}
}
@media screen and (max-width: 1080px) {
  .storeitemtext{font-size:14px;}
  .storeiteminfo ol li .iconins{width:24px;height:24px;}
  .storeiteminfo ol li .tag i{width:14px;height:14px;}
}
@media screen and (max-width: 768px) {

}

.iconins{background:url(img/iconins.png) no-repeat;background-size:contain;background-position:center;}
.iconmenu{background:url(img/iconmenu.png) no-repeat;background-size:contain;background-position:center;}
.iconfree{background:url(img/iconfree.png) no-repeat;background-size:contain;background-position:center;}


.patternbg{background:url(img/patternbg.jpg) repeat;}


.clawbg{background:url(img/clawbg.png) no-repeat;background-size:contain;background-position:center;}
.flowbg{background:url(img/flowbg.jpg) repeat;}
.sidetitle{display:flex;justify-content:center;align-items:center;color:var(--white);font-size:50px;font-weight:normal;margin-top:-50px;}
.sidetitle:before{content:"";background:url(img/sidelace.png) no-repeat;background-size:contain;background-position:center;display:block;margin-right:20px;width:100px;height:180px;}
.sidetitle:after{content:"";background:url(img/sidelace.png) no-repeat;background-size:contain;background-position:center;transform:rotateY(180deg);margin-left:20px;width:100px;height:180px;}
@media screen and (max-width: 1520px) {
  .sidetitle{font-size:36px;}
  .sidetitle:before{width:80px;height:150px;}
  .sidetitle:after{width:80px;height:150px;}
}
@media screen and (max-width: 1080px) {
  .sidetitle{font-size:30px;margin-top:-30px;}
  .sidetitle:before{width:60px;height:100px;}
  .sidetitle:after{width:60px;height:100px;}
}
@media screen and (max-width: 768px) {
  .sidetitle{font-size:24px;margin-top:0px;}
  .sidetitle:before{width:30px;height:50px;}
  .sidetitle:after{width:30px;height:50px;}
}
@media screen and (max-width: 568px) {
  .sidetitle{margin-bottom:10px;}
  .sidetitle:before,.sidetitle:after{display: none;}
}

.pannal{padding:25px;border-radius:10px;}
.pannalhead{}
.pannalbody{background:var(--white);border-radius:10px;padding:20px;}
@media screen and (max-width: 1080px) {
  .pannal{padding:20px;}
  .pannalbody{padding:15px;}
}


/*scrolltop*/
.scrolltop{position: fixed;right: 2%;bottom:5%;z-index: 70;transition:.5s;background:var(--themered);color:var(--white);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;}
}

.booking{position:fixed;right:2%;top:20%;z-index:90;display:block;width:200px;height:196px;/*border-radius:50%;*/transition:.3s;}
/*.booking:hover{box-shadow:0 0 10px var(--themered);}*/
@media screen and (max-width: 1520px) {
  .booking{width:160px;height:154px;}
}
@media screen and (max-width: 1080px) {
  .booking{width:90px;height:90px;}
}

.qa{padding:30px 0;border-top:1px solid #9c9c9c;}
.qa:last-child{border-bottom:1px solid #9c9c9c;}
.qa dt{display:flex;align-items:center;font-size:25px;font-weight:bolder;margin-bottom:20px;}
.qa dt:before{content:attr(data-title);width:100px;font-size:38px;font-weight:normal;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.qa dd{display:flex;align-items:center;font-size:20px;line-height:1.8;}
.qa dd:before{content:attr(data-title);width:100px;font-size:38px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}

@media screen and (max-width: 1520px) {
  .qa{padding:20px 0;}
  .qa dt{font-size:20px;margin-bottom:15px;}
  .qa dt:before{width:80px;font-size:32px;}
  .qa dd{font-size:16px;}
  .qa dd:before{width:80px;font-size:32px;}
}
@media screen and (max-width: 1080px) {
  .qa{padding:15px 0;}
  .qa dt{font-size:16px;margin-bottom:10px;}
  .qa dt:before{width:50px;font-size:26px;}
  .qa dd{font-size:14px;}
  .qa dd:before{width:50px;font-size:26px;}
}
@media screen and (max-width: 768px) {
  .qa{padding:10px 0;}
  .qa dt:before{width:30px;flex-shrink: 0;}
  .qa dd:before{width:30px;flex-shrink: 0;}
}

.card{display: block;color:var(--black);transition: .3s;}
.card:hover{text-decoration:none;}
.cardpic{width:100%;border-radius:15px;overflow:hidden;}
.cardpic figure{transition:.3s;}
.cardpic:hover{box-sizing:0 0 10px rgba(0,0,0,0.5);}
.cardpic:hover figure{transform:scale(1.1,1.1);}
.cardpic figure:after{padding-top:70%;}
.cardtitle{text-align:center;font-size:30px;text-align:center;letter-spacing:0.1em;font-weight:normal; padding:15px 0 0;}
@media screen and (max-width: 1520px) {
  .cardtitle{font-size:24px;}
}
@media screen and (max-width: 1080px) {
  .cardtitle{font-size:20px;}
}
@media screen and (max-width: 768px) {
  .cardtitle{font-size:16px;letter-spacing:1px;}
}

.tablelist{}
.tablelist dl{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #9c9c9c;border-left:1px solid #9c9c9c;border-right:1px solid #9c9c9c;font-size:20px;}
.tablelist dl:last-child{border-bottom:1px solid #9c9c9c;}
.tablelist dl dt{width:300px;background:var(--themered);padding:20px;text-align:center;color:var(--white);font-weight:bolder;border-left:1px solid #9c9c9c;display:flex;align-items:center;justify-content:center;}
.tablelist dl dd{width:calc(100% - 300px);background:var(--white);padding:20px 80px;}
.tablelist dl dd div:not(:last-child){margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .tablelist dl{font-size:16px;}
  .tablelist dl dt{width:200px;padding:15px;}
  .tablelist dl dd{width:calc(100% - 200px);padding:15px 30px;}
  .tablelist dl dd div:not(:last-child){margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .tablelist dl{font-size:14px;}
  .tablelist dl dt{width:120px;padding:10px;}
  .tablelist dl dd{width:calc(100% - 120px);padding:10px 20px;}
}
@media screen and (max-width: 768px) {
  .tablelist dl dt{width:100%;border-left:0;}
  .tablelist dl dd{width:100%;padding:10px;}
}


.tableone{}
.tableone table{width:100%;}
.tableone table thead tr th{border:1px solid #9c9c9c;padding:20px;background:var(--themered);color:var(--white);text-align:center;font-size:20px;font-weight:bolder;}
.tableone table tbody tr td{border:1px solid #9c9c9c;padding:20px;background:var(--white);text-align:center;font-size:16px;}
.tableone table tbody tr th{border:1px solid #9c9c9c;padding:20px;background:#f9f7e7;color:var(--themered);text-align:center;font-weight:bolder;font-size:20px;}
.tabletwocolumn table tbody tr th{width:550px;}
.tabletwocolumn table tbody tr td{width:calc(100% - 550px);}
@media screen and (max-width: 1520px) {
  .tableone table thead tr th{padding:15px;font-size:16px;}
  .tableone table tbody tr td{padding:15px;}
  .tableone table tbody tr th{padding:15px;font-size:16px;}
  .tabletwocolumn table tbody tr th{width:380px;}
  .tabletwocolumn table tbody tr td{width:calc(100% - 380px);}
}
@media screen and (max-width: 1080px) {
  .tableone table thead tr th{padding:10px;font-size:14px;}
  .tableone table tbody tr td{padding:10px;font-size:14px;}
  .tableone table tbody tr th{padding:10px;font-size:14px;}
  .tabletwocolumn table tbody tr th{width:300px;}
  .tabletwocolumn table tbody tr td{width:calc(100% - 300px);}
}
@media screen and (max-width: 768px) {
  .tableone table thead tr th{padding:5px;}
  .tableone table tbody tr td{padding:5px;}
  .tableone table tbody tr th{padding:5px;}
  .tabletwocolumn table tbody tr th{width:120px;}
  .tabletwocolumn table tbody tr td{width:calc(100% - 120px);}
}


.tableinfo{}
.tableinfo p{font-size:18px;margin-bottom:15px;}
.tableinfo ol{list-style-type:none;}
.tableinfo ol li{font-size:18px;line-height:1.8;text-indent:-1em;padding-left:1em;margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .tableinfo p{font-size:16px;margin-bottom:10px;}
  .tableinfo ol li{font-size:16px;line-height:1.6;margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .tableinfo p{font-size:14px;margin-bottom:5px;}
  .tableinfo ol li{font-size:14px;line-height:1.6;margin-bottom:10px;}
}


.dotted{width:5px;height:5px;border-radius:50%;display:inline-block;transition:.3s;}
.dottedblack{background:#454545;}
.dottedwhite{background:var(--white);}
.dottedorange{background:var(--orange);}

.arrowright{width:10px;height:10px;border:solid var(--white);border-width:2px 2px 0 0;transform:rotate(45deg);}



.keylist{display:flex;flex-wrap:wrap;margin-right:-50px;}
.keylist li{width:25%;margin-bottom:20px;padding-right:50px;}
.keylist li .webbtn{font-size:20px;letter-spacing:0.1em;}
.keylist li .webbtn .btninner{display: flex;justify-content:space-between;align-items:center;}
.keylist li .webbtn:hover .btninner .dotted{background:#b8b297;}
.keylist li .webbtn:hover .btninner .arrowright{ border:solid #b8b297;border-width:2px 2px 0 0;}
@media screen and (max-width: 1520px) {
  .keylist li .webbtn{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .keylist{margin-right:-20px;}
  .keylist li{padding-right:20px;}
  .keylist li .webbtn{font-size:14px;}
  .keylist li .webbtn .btninner{padding:10px;}
}
@media screen and (max-width: 768px) {
  .keylist li{width:50%;}
}



.newslist{}
.newslist ul{margin-bottom:-30px;margin-right:-30px;}
.newslist ul li{margin-bottom:30px;padding-right:30px;}
@media screen and (max-width: 1080px) {
  .newslist ul{margin-bottom:-20px;margin-right:-20px;}
  .newslist ul li{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .newslist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .newslist ul li{width:100%;}
  .newslist ul li .newsitem{max-width:360px;margin:0 auto;}
}



/*paging*/
.paging{margin-top:50px;display:flex;justify-content: center;align-items:center;}
.paging .page-numbers{border:1px solid #d3d3d3;margin:5px;padding: 10px 16px;text-align: center;color:var(--black);background:var(--white);text-decoration:none;border-radius:50%;}
.paging .page-numbers:hover{background:var(--themered);color:var(--white);border:1px solid var(--themered);}
.paging .page-numbers.current{border:1px solid transparent; color:var(--white);background:var(--themered);}
.paging .page-numbers.current:hover{background:var(--themered);color:var(--white);border:1px solid var(--themered);}


/*newsinfo*/
.newsinfo{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;margin-bottom:50px;color:#555;border-bottom:1px solid var(--black);}
.newsinfo span{font-size:24px;font-weight:bolder;width:150px;}
.newsinfo h2{font-size:24px;margin-bottom:0;width:calc(100% - 200px);}
.newsinfo em{font-style:normal;margin-top:10px;margin-bottom:10px;margin-right:10px;border-radius:5px;padding:5px 10px;}
.content{font-size:18px;line-height:1.8;}
.content p{margin-bottom:10px;}
@media screen and (max-width:1520px){
  .newsinfo span{font-size:16px;width:120px;}
  .newsinfo h2{font-size:20px;width:calc(100% - 130px);}
  .content{font-size:16px;}
}
@media screen and (max-width:1080px){
  .newsinfo span{font-size:14px;width:90px;}
  .newsinfo h2{font-size:18px;width:calc(100% - 100px);}
  .content{font-size:14px;}
}
@media screen and (max-width:768px){
  .newsinfo span{order:1;}
  .newsinfo h2{width:100%;}
}



/*pagepost*/
/*.pagepost{ margin-top: 50px; display:flex;justify-content:center;flex-wrap:wrap;}
.pagepost a{font-size:18px;color:#000;padding:10px 50px;border:1px solid #d3d3d3;border-radius:50px;margin:0 20px;text-decoration:none;text-transform:uppercase;width:100%;max-width:200px;text-align:center;background:var(--white);transition:.3s;}
.pagepost a:hover{color: var(--white);background:var(--themered);border:1px solid var(--themered);}
.pagepost .returnlist{padding:10px 30px;}
@media screen and (max-width:1520px){
  .pagepost{ margin-top: 30px;}
  .pagepost a{font-size:16px;}
}
@media screen and (max-width:1080px){
  .pagepost a{font-size:14px;padding:10px 20px;margin:0 10px;}
}
@media screen and (max-width:768px){
  .pagepost{justify-content:space-between;}
  .pagepost a{max-width:43%;}
  .pagepost .returnlist{order:1;width:100%;max-width:100%; text-align:center;margin-top:10px;}
}
@media screen and (max-width:420px){
  .pagepost a{font-size:12px;}
}
*/

.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{width:100%;padding:18px 20px;background:var(--white);border:1px solid #8c8c8c;border-radius:1px;border-radius:7px;}
.form input[type=text]:focus,.form input[type=email]:focus,.form input[type=tel]:focus,.form textarea:focus{border:1px solid var(--blue);}
.form > dl{display: flex; width:100%;}
.form > dl:not(:last-of-type){border-bottom:1px solid #8c8c8c;}
.form > dl > dt{width:350px;display:flex;justify-content:space-between;align-items:center;position:relative;font-size:20px;font-weight:bolder;color:var(--black);letter-spacing:2px;font-weight:bolder;background:#f9f7e7;padding:20px;text-align:right;}
.form > dl > dt .signred{background:var(--themered);color:var(--white);padding:5px 10px;border-radius:5px;font-size:16px;/*position:absolute;left:20px;*//*top:50%;transform:translateY(-50%);*/}
.form > dl > dd{width:calc(100% - 350px);background:#faf8f5;padding:20px;}
.form > dl > dd div{font-size:16px;margin-top:5px;}
.select{width:60%;padding:18px 20px;background:var(--white);border:1px solid #8c8c8c;border-radius:1px;border-radius:7px;}


.formapply{display:flex;justify-content:center;align-items:center;margin:30px auto;font-weight:bolder;}
.formapply input{width:15px;height:15px;margin-right:10px;}
.formapply span{font-size:18px;}


.formagreement{width:100%;height:250px;overflow-y:auto;background:var(--white);padding:20px;margin-bottom:30px;}
.formagreement .formagreementinner{width:100%;height:100%;}
.formagreement .formagreementinner p{font-size:18px;font-weight:bold;margin-bottom:30px;}
.formagreement .formagreementinner dl{font-size:18px;font-weight:bold;margin-bottom:30px;}
.formagreement .formagreementinner dl dt{}
.formagreement .formagreementinner dl dd{margin-bottom:15px;}
.form .formapply{display:flex;align-items:center;font-size:16px;margin-bottom:40px;color:var(--skyblue);}
.form .formapply input[type=checkbox]{margin-right:10px;width:16px;height:16px;border:1px solid #efefef;border-radius:2px;}
.form .webbtngroup{margin-top:30px;}
.form .webbtngroup .webbtn{padding:15px;border-radius:5px;font-size:18px;margin:0 10px;max-width:300px;letter-spacing:2px;}
@media screen and (max-width:1520px){
  .contact .contactmain .form{margin-top:50px;}
  .form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{padding:10px;}
  .select{padding:10px;}
  /*.form > dl:not(:last-of-type){margin-bottom:38px;}*/
  .form > dl > dt{font-size:16px;}
  .form > dl > dt .signred{padding:5px;font-size:14px;}
  .form .forminfo{margin-bottom:30px;}
  .formapply span{font-size:16px;}
  .formagreement .formagreementinner p,.formagreement .formagreementinner dl{font-size:16px;}
}
@media screen and (max-width:1080px){
  .form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{padding:10px;}
  .form > dl > dt{width:240px; padding:10px;letter-spacing:1px;font-size:14px;}
  .form > dl > dt .signred{font-size:12px;padding:5px 7px;}
  .form > dl > dd{width:calc(100% - 240px);padding:10px;}
  .form .forminfo{letter-spacing:1px;line-height:1.6;margin-bottom:10px;}
  .formagreement .formagreementinner p,.formagreement .formagreementinner dl{margin-bottom:20px;font-size:14px;}
  .form .webbtngroup .webbtn{padding:10px;font-size:16px;max-width:200px;}
  .formapply{margin-bottom:20px;}
  .formapply input{width:14px;height:14px;}
  .formapply span{font-size:14px;}
  .form .formapply input[type=checkbox]{width:14px;height:14px;}
  .form .webbtngroup{margin-top:20px;}
  .form .webbtngroup .webbtn{max-width:150px;font-size:14px;letter-spacing:1px;padding:10px;font-size:14px;}
}
@media screen and (max-width:768px){
  /*.form > dl:not(:last-of-type){margin-bottom:20px;}*/
  .form > dl{flex-wrap:wrap;}
  .form > dl > dt{width:100%;justify-content:flex-start;text-align:left;flex-wrap:wrap;}
  /*.form > dl > dt br{display:none;}*/
  .form > dl > dt .signred{font-size:10px;transform: translateY(0%);order:1;margin-left:5px;}
  .form > dl > dd{width:100%;}
  .form .webbtngroup .webbtn{max-width:100%;}
}


/*/public*/

/*home*/
.homeconcept{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.homeconceptpic{width:58%;}
.homeconcepttext{width:calc(42% + 200px);margin-left:-200px;padding:50px;}
.homeconceptinner{width:100%;max-width:700px;}
.homeconcepttext .titlegroup{align-items:baseline;}
.homeconcepttext .titlegroup h2{margin-right:30px;font-weight:normal;}
.homeconcepttext p{margin-bottom:30px;}
@media screen and (max-width: 1520px) {
  .homeconcepttext .titlegroup h2{margin-right:20px;}
  .homeconcepttext p{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .homeconceptpic{width:55%;}
  .homeconcepttext{width:calc(45% + 50px);margin-left:-50px;padding:30px 20px;}
  .homeconceptinner{max-width:600px;}
}
@media screen and (max-width: 768px) {
  .homeconceptpic{width:100%;}
  .homeconcepttext{width:100%;margin-left:0;padding:20px;}
  .homeconceptinner{margin:0 auto;}
}

.homenews{}
.homenews .titlegroup{align-items:baseline;padding-bottom:0;}
.homenews .titlegroup h2{margin-right:30px;font-weight:normal;}
.homenews .titlegroup h5{margin-right:20px;}
.homenews .hasline:after{right:0;left:auto;bottom:30%;width:45%;}
@media screen and (max-width: 1520px) {
  .homenews .hasline:after{width:30%;}
}
@media screen and (max-width: 568px) {
  .homenews .hasline:after{bottom:-10px;width:100%;}
}

.homenewslist{}
.homenewslist ul{margin-bottom:-30px;margin-right:-30px;}
.homenewslist ul li{margin-bottom:30px;padding-right:30px;}
.homenewslist ul li .newsitem .tag{width:100%;max-width:150px;display:block;}
@media screen and (max-width: 1520px) {
  .homenewslist ul li .newsitem .tag{max-width:120px;}
}
@media screen and (max-width: 1080px) {
  .homenewslist ul{margin-bottom:-20px;margin-right:-20px;}
  .homenewslist ul li{margin-bottom:20px;padding-right:20px;}
  .homenewslist ul li .newsitem .tag{max-width:100px;}
}
@media screen and (max-width: 768px) {
  .homenewslist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .homenewslist ul li{width:100%;}
  .homenewslist ul li .newsitem{width:100%;max-width:360px;margin:0 auto;}  
}


.openeventlist{}
.openeventlist li:not(:last-child){margin-bottom:20px;}

.openeventitem{display:flex;align-items:center;justify-content:space-between;font-size:20px;line-height:1.8;}
.openeventnum{width:100px;height:100px;display:flex;justify-content:center;align-items:center;color:var(--themered);font-size:54px;text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF,2px 0 2px #FFF,-2px 0 2px #FFF,0 2px 2px #FFF,0 -2px 2px #FFF,2px 0 2px #FFF,-2px 0 2px #FFF,0 2px 2px #FFF,0 -2px 2px #FFF,3px 0 3px #FFF,-3px 0 3px #FFF,0 3px 3px #FFF,0 -3px 3px #FFF;}
.openeventmain{width:calc(100% - 120px);display:flex;justify-content:space-between;}
.openeventtext{width:calc(100% - 240px);}
.openeventtitle{width:100%;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-end;color:#86704a;}
.openeventtitle h3{font-size:36px;}
.openeventtitle img{width:300px;}
.openeventpic{width:220px;}
@media screen and (max-width: 1520px) {
  .openeventitem{font-size:16px;}
  .openeventnum{width:80px;height:80px;font-size:36px;}
  .openeventmain{width:calc(100% - 100px);}
  .openeventtext{width:calc(100% - 200px);}
  .openeventtitle h3{font-size:24px;}
  .openeventtitle img{width:220px;}
  .openeventpic{width:180px;}
}
@media screen and (max-width: 1080px) {
  .openeventitem{font-size:14px;}
  .openeventnum{width:50px;height:50px;font-size:24px;}
  .openeventmain{width:calc(100% - 60px);}
  .openeventtext{width:calc(100% - 150px);}
  .openeventtitle h3{font-size:20px;}
  .openeventtitle img{width:120px;}
  .openeventpic{width:130px;}
}
@media screen and (max-width: 768px) {
  .openeventnum{width:32px;height:32px;font-size:20px;}
  .openeventmain{width:calc(100% - 42px);}
  .openeventtext{width:calc(100% - 90px);}
  .openeventtitle{flex-wrap:wrap;}
  .openeventtitle h3{font-size:18px;}
  .openeventtitle img{width:80px;}
  .openeventpic{width:80px;}

}
@media screen and (max-width: 568px) {
  .openeventitem{align-items:flex-start;}
  .openeventmain{flex-wrap:wrap;}
  .openeventtext{width:100%;}
  .openeventpic{width:240px;margin:10px auto;}

}



.homestore{}
.homestore .titlegroup{align-items:baseline;padding-bottom:0;}
.homestore .titlegroup h2{margin-right:30px;font-weight:normal;}
.homestore .titlegroup h5{margin-right:20px;letter-spacing:3px;}
.homestore .titlegroup:after{right:0;left:auto;bottom:30%;width:70%;}


.homestorelist{}
.homestorelist > ul{margin-bottom:-38px;margin-right:-38px;}
.homestorelist > ul > li{margin-bottom:38px;padding-right:38px;}
@media screen and (max-width: 1520px) {
  .homestore .titlegroup:after{width:60%;}
  .homestorelist > ul{margin-bottom:-30px;margin-right:-30px;}
  .homestorelist > ul > li{margin-bottom:30px;padding-right:30px;}
}
@media screen and (max-width: 1080px) {
  .homestore .titlegroup:after{width:55%;}
  .homestorelist > ul{margin-bottom:-20px;margin-right:-20px;}
  .homestorelist > ul > li{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .homestorelist > ul > li{width:50%;}
}
@media screen and (max-width: 568px) {
  .homestore .titlegroup:after{bottom:-10px;width:100%;}
  .homestorelist > ul > li{width:100%;}
  .homestorelist > ul > li .storeitem{width:100%;max-width:360px;margin:0 auto;}
}




.homelinkslist{}
.homelinkslist ul{margin-bottom:-30px;margin-right:-30px;}
.homelinkslist ul li{margin-bottom:30px;padding-right:30px;}
@media screen and (max-width: 1080px) {
  .homelinkslist ul{margin-bottom:-20px;margin-right:-20px;}
  .homelinkslist ul li{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .homelinkslist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .homelinkslist ul li{width:100%;}
  .homelinkslist ul li .item{width:100%;max-width:360px;margin:0 auto;}
}


.homerecruit{background:url(img/homerecruit.jpg) no-repeat;background-position:center top;/*background-size:100%;*/}
.homerecruitmain{width:60%;}
.homerecruit .titlegroup{margin-bottom:20px;}
.homerecruit .titlegroup h5{margin-top:5px;}
.homerecruit p{font-size:35px;line-height:2;margin-bottom:50px;text-align:center;}
.homerecruit .webbtn{width:100%;max-width:370px;margin:0 auto;font-size:25px;letter-spacing:2px;}
@media screen and (max-width: 1520px) {
  .homerecruit{background-position:right 20% top;}
  .homerecruitmain{width:70%;}
  .homerecruit p{font-size:26px;margin-bottom:30px;}
  .homerecruit .webbtn{font-size:20px;letter-spacing:1px;}
}
@media screen and (max-width: 1080px) {
  .homerecruitmain{width:70%;}
  .homerecruit p{font-size:20px;margin-bottom:20px;}
  .homerecruit .webbtn{font-size:16px;}
}
@media screen and (max-width: 768px) {
  .homerecruit p{font-size:16px;}
  .homerecruit .webbtn{max-width:300px;font-size:14px;}
}
@media screen and (max-width: 568px) {
  .homerecruit .titlegroup{text-shadow:1px 1px 1px #FFF;text-align:center;}
  .homerecruitmain{width:100%;}
}


/*faq*/
.faq .title3{margin-bottom:50px;}
.faqmain:not(:last-child){margin-bottom:90px;}
@media screen and (max-width: 1520px) {
  .faq .title3{margin-bottom:30px;}
  .faqmain{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .faq .title3{margin-bottom:20px;}  
}

/*recruit*/
.recruitlist{}
.recruitlist ul{margin-bottom:-30px;margin-right:-80px;}
.recruitlist ul li{margin-bottom:30px;padding-right:80px;}
@media screen and (max-width: 1520px) {
  .recruitlist ul{margin-right:-50px;}
  .recruitlist ul li{padding-right:50px;}
}
@media screen and (max-width: 1080px) {
  .recruitlist ul{margin-bottom:-20px;margin-right:-30px;}
  .recruitlist ul li{margin-bottom:20px;padding-right:30px;}
}
@media screen and (max-width: 768px) {
  .recruitlist ul{margin-right:-20px;}
  .recruitlist ul li{width:50%;padding-right:20px;}
}


@media screen and (max-width: 768px) {
  .recruit .tablelist dl dt{width:100px;}
  .recruit .tablelist dl dd{width:calc(100% - 100px);padding:10px;}
}
@media screen and (max-width: 568px) {
  .recruit .tablelist dl dt{width:100%;border-left:0;justify-content:flex-start;}
  .recruit .tablelist dl dd{width:100%;}
}



.pricemain{margin-bottom:80px;}
.price .titlegroup{margin-bottom:50px;}
.price .titlegroup h3{margin-right:50px;}
.price .tableone{margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .pricemain{margin-bottom:60px;}
  .price .titlegroup{margin-bottom:30px;}
  .price .titlegroup h3{margin-right:30px;}
  .price .tableone{margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .pricemain{margin-bottom:30px;}
  .price .titlegroup{margin-bottom:20px;}
  .price .titlegroup h3{margin-right:20px;}
  .price .tableone{margin-bottom:10px;}

}


.pagenews{}
.pagenewslist{}

.pagenewitem{}
.pagenewitem a{color:var(--black);display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:22px;padding:20px 10px;}
.pagenewitem a:hover{text-decoration:none;background:rgba(95,1,1,0.2);}
.pagenewitem a span{font-weight:bolder;margin-right:30px;}
.pagenewitem a em{font-style:normal;margin-right:30px;}
.pagenewitem a p{width:calc(100% - 320px);}
@media screen and (max-width: 1520px) {
  .pagenewitem a{font-size:18px;padding:15px 10px;}
  .pagenewitem a span{margin-right:20px;}
  .pagenewitem a em{margin-right:20px;}
  .pagenewitem a p{width:calc(100% - 240px);}
}
@media screen and (max-width: 1080px) {
  .pagenewitem a{font-size:14px;padding:10px;}
  .pagenewitem a p{width:calc(100% - 200px);}
}
@media screen and (max-width: 768px) {
  .pagenewitem a{justify-content:flex-start;}
  .pagenewitem a p{width:100%;margin-top:5px;}
}



.shop{}
.shop .titlegroup{align-items:baseline;padding-bottom:0;}
.shop .titlegroup h2{margin-right:30px;font-weight:normal;}
.shop .titlegroup h5{margin-right:20px;}
.shop .hasline:after{right:0;left:auto;bottom:30%;width:45%;}
@media screen and (max-width: 1520px) {
  .shop .hasline:after{width:30%;}
}
@media screen and (max-width: 568px) {
  .shop .hasline:after{bottom:-10px;width:100%;}
}


.shopinfo .titlegroup{align-items:baseline;padding-bottom:0;}
.shopinfo .titlegroup h2{margin-right:30px;font-weight:normal;}
.shopinfo .titlegroup h5{margin-right:20px;letter-spacing:3px;}
.shopinfo .titlegroup:after{right:0;left:auto;bottom:30%;width:70%;}
@media screen and (max-width: 1520px) {
  .shopinfo .titlegroup:after{width:60%;}
}
@media screen and (max-width: 1080px) {
  .shopinfo .titlegroup:after{width:55%;}
}
@media screen and (max-width: 568px) {
  .shopinfo .titlegroup:after{bottom:-10px;width:100%;}
}

.shopinfocon{align-items:flex-start;margin-bottom:60px;}
.shopinfocon figure{width:calc(50% - 20px);}
.shopinfocon figure:after{padding-top:70%;}
.shopinfocon .shopinfotable{width:calc(50% - 20px);}
@media screen and (max-width: 1080px) {
  .shopinfocon figure{width:calc(42% - 10px);}
  .shopinfocon .shopinfotable{width:calc(58% - 10px);}
}
@media screen and (max-width: 768px) {
  .shopinfocon figure{width:100%;max-width:500px;margin:0 auto 20px;}
  .shopinfocon .shopinfotable{width:100%;}
}

.infolist{}
.infolist dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:15px 0;font-size:18px;}
.infolist dl:not(:last-child){border-bottom:1px dotted var(--black);}
.infolist dl dt{width:180px;font-weight:bolder;}
.infolist dl dd{width:calc(100% - 180px);padding-left:20px;}
@media screen and (max-width: 1520px) {
  .infolist dl{font-size:16px;padding:10px 0;}
  .infolist dl dt{width:150px;}
  .infolist dl dd{width:calc(100% - 150px);padding-left:15px;}
}
@media screen and (max-width: 1080px) {
  .infolist dl{font-size:14px;}
  .infolist dl dt{width:130px;}
  .infolist dl dd{width:calc(100% - 130px);padding-left:10px;}
}
@media screen and (max-width: 568px) {
  .infolist dl dt{width:100%;}
  .infolist dl dd{width:100%;padding-left:0;}
}

.photolist{}
.photolist ul{margin-right:-20px;margin-bottom:-20px;}
.photolist ul li{padding-right:20px;margin-bottom:20px;}

.phoneitem{width:100%;display: block;}
.phoneitem:after{padding-top:90%;}

.shopbottom{}
.shopbottompic{position:relative;width:630px;}
.shopbottompic .shopbottomsign{position:absolute;top:-50px;}
.shopbottompic figure{}
.shopbottompic figure:after{padding-top:70%;}


.shopbottomtext{width:calc(100% - 700px);}
.shopbottomtextinner{width:100%;max-width:600px;}
.shopbottomtext h5{margin-bottom:30px;}
.shopbottomtext ol {list-style-type:none;margin-right:-20px;}
.shopbottomtext ol li{margin-bottom:20px;margin-bottom:20px;padding-right:20px;}
.shopbottomtext ol li span{display:block;padding:10px;font-size:35px;border-radius:50px;background:#d02d57;text-align:center;color:var(--white);}
.shopbottomtext p{font-size:22px;margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .shopbottompic{width:520px;}
  .shopbottompic .shopbottomsign{width:300px;}
  .shopbottomtext{width:calc(100% - 550px);}
  .shopbottomtextinner{max-width:550px;}
  .shopbottomtext ol li span{font-size:24px;}
  .shopbottomtext p{font-size:18px;}
}
@media screen and (max-width: 1080px) {
  .shopbottompic{width:360px;}
  .shopbottompic .shopbottomsign{top:-20px; width:200px;}
  .shopbottomtext{width:calc(100% - 380px);}
  .shopbottomtextinner{max-width:500px;}
  .shopbottomtext ol li span{font-size:18px;}
  .shopbottomtext p{font-size:16px;}
}
@media screen and (max-width: 768px) {
  .shopbottompic{width:100%;max-width:500px;margin:0 auto 20px;}
  .shopbottomtext{width:100%;}
  .shopbottomtextinner{margin:0 auto;}
  .shopbottomtext ol li span{font-size:14px;}
  .shopbottomtext p{font-size:14px;}
}

/*menu*/
.menu{}
.menumain{margin-bottom:80px;}
.menu .titlegroup{align-items:center;}
.menu .titlegroup:after{right:0;left:auto;bottom:50%;width:45%;}

.menuitem{padding:50px;border-radius:10px;background:var(--white);}

.menuitemcon{display:flex;flex-wrap:wrap;justify-content:space-between;}
.menuitempic{width:410px;}
.menuitempic figure{border-radius:10px;}

.menuitemtext{width:calc(100% - 450px);font-size:20px;line-height:1.8;}
.menuitemtext h3{font-size:30px;margin-bottom:30px;}
.menuitemtext h5{font-size:24px;margin-bottom:50px;}
.menuitemtext ol{list-style-type:none;}
.menuitemtext ol li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; margin:20px auto;}
.menuitemtext ol li .webbtn{display:inline-flex;justify-content:center;align-items:center;width:250px;padding:10px 20px;border-radius:50px;}
.menuitemtext ol li .webbtn i{margin-left:10px;}
.menuitemtext ol li .webbtn:hover i{border-color:var(--themered);}
.menuitemtext p:not(:last-child){margin-bottom:30px;}
.menuitem > h3{margin-top:30px;}
.menuitem .taglist{justify-content:space-between;margin:50px auto;}
.menuitem .taglist .tag{display: flex;align-items:center;justify-content:center;font-size:24px;width:calc(50% - 10px);text-align:center;padding:10px;font-weight:bolder;margin-bottom:20px;border-radius:10px;min-height:120px;}
.menuitem .colorgradualpink{font-size:28px;margin:20px auto;font-weight:bolder;}
.menuitem .menutagbg{padding:50px 100px;border-radius:10px;background:#fbfbfb;margin:50px auto;}
.menuitem .menutagbg .taglist{margin:0 auto;}
.menuitem .menutagbg .taglist .tag{font-size:20px;}
.menuitem .pointlist{list-style-type:none;}
.menuitem .pointlist li{text-indent:-1em;padding-left:1em;font-size:20px;line-height:2;}
.menuitem > .p{font-size:20px;line-height:2;margin-top:20px;}
.menuitem .taglist .pointlist{font-size:20px;width:calc(50% - 10px);}
.menuitem .taglist .pointlist div{text-indent:-1em;padding-left:1em;line-height:2;}
.menuitem .tablelist{margin-bottom:20px;max-width:500px;}
.menuitem .tablelist dl dt{width:170px;}
.menuitem .tablelist dl dd{width:calc(100% - 170px);padding:20px;}
@media screen and (max-width: 1520px) {
  .menuitem{padding:30px;}
  .menumain{margin-bottom:50px;}
  .menu .titlegroup:after{width:42%;}
  /*.menuitemcon{padding:30px;}*/
  .menuitempic{width:320px;}
  .menuitemtext{width:calc(100% - 360px);font-size:16px;}
  .menuitemtext h3{font-size:26px;}
  .menuitemtext h5{font-size:20px;margin-bottom:30px;}
  .menuitemtext ol li{margin:15px auto;}
  .menuitemtext ol li .webbtn{width:200px;padding:7px 15px;margin-left:10px;}
  .menuitemtext p:not(:last-child){margin-bottom:20px;}
  .menuitem > h3{margin-top:20px;}
  .menuitem .taglist{margin:30px auto;}
  .menuitem .taglist .tag{font-size:20px;min-height:100px;width:calc(50% - 5px);margin-bottom:10px;}
  .menuitem .colorgradualpink{font-size:24px;margin:10px auto;}
  .menuitem .menutagbg{padding:30px 50px;margin:30px auto;}
  .menuitem .menutagbg .taglist .tag{font-size:16px;}
  .menuitem .pointlist li{font-size:16px;}
  .menuitem > .p{font-size:16px;margin-top:15px;}
  .menuitem .taglist .pointlist{font-size:16px;width:calc(50% - 5px);}
  .menuitem .tablelist{max-width:380px;}
  .menuitem .tablelist dl dt{width:150px;}
  .menuitem .tablelist dl dd{width:calc(100% - 150px);padding:15px;}
}
@media screen and (max-width: 1080px) {
  .menuitem{padding:20px;}
  .menumain{margin-bottom:30px;}
  .menu .titlegroup:after{width:30%;}
  /*.menuitemcon{margin-bottom:20px;}*/
  .menuitempic{width:240px;}
  .menuitemtext{width:calc(100% - 260px);font-size:14px;}
  .menuitemtext h3{font-size:20px;}
  .menuitemtext h5{font-size:18px;margin-bottom:20px;}
  .menuitemtext ol li{margin:10px auto;}
  .menuitemtext ol li .webbtn{width:180px;padding:5px 10px;}
  .menuitemtext p:not(:last-child){margin-bottom:10px;}
  .menuitem > h3{margin-top:15px;}
  .menuitem .taglist{margin:20px auto;}
  .menuitem .taglist .tag{font-size:16px;min-height:60px;}
  .menuitem .colorgradualpink{font-size:20px;}
  .menuitem .menutagbg{padding:15px 10px;margin:20px auto;}
  .menuitem .menutagbg .taglist .tag{font-size:14px;}
  .menuitem .pointlist li{font-size:14px;}
  .menuitem > .p{font-size:14px;margin-top:10px;}
  .menuitem .taglist .pointlist{font-size:14px;}
  .menuitem .tablelist{max-width:300px;}
  .menuitem .tablelist dl dt{width:90px;}
  .menuitem .tablelist dl dd{width:calc(100% - 90px);padding:10px;}
}
@media screen and (max-width: 768px) {
  .menuitem{padding:15px;}
  .menu .titlegroup:after{width:20%;}
  /*.menuitemcon{padding:15px;}*/
  .menuitempic{width:200px;}
  .menuitemtext{width:calc(100% - 220px);}
  .menuitemtext h5{line-height:1.6;}
  .menuitem .colorgradualpink{font-size:18px;}
}
@media screen and (max-width: 568px) {
  .menu .titlegroup:after{width:100%;bottom:0;}
  .menuitempic{width:100%;max-width:300px;margin:0 auto 20px;}
  .menuitemtext{width:100%;}
  .menuitem .taglist .tag{width:100%;}
  .menuitem .taglist .pointlist{width:100%;}
}



.ordertitle{display:flex;align-items:center;margin-bottom:30px;}
.ordertitle:not(:first-child){margin-top:60px;}
.ordertitle dl{width:65px;border-radius:5px;background:var(--themered);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;font-weight:bolder;margin-right:20px;}
.ordertitle dl dt{font-size:15px;line-height:1.2;}
.ordertitle dl dd{font-size:38px;line-height:1.2;}
.ordertitle h3{}

.flowitem{display:flex;flex-wrap:wrap;justify-content:space-between; margin:30px auto;}
.flowitempic{width:550px;}
.flowitemtext{width:calc(100% - 630px);}
.flowitemtext h5{font-size:25px;margin-bottom:15px;}
.flowitemtext div{font-size:20px;margin-bottom:30px;}
.flowitemtext .taglist{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flowitemtext .taglist .tag{width:calc(50% - 5px);margin-bottom:10px;border-radius:5px;font-weight:bolder;font-size:18px;}
.flowitemtext .taglist .tag span{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px;}
@media screen and (max-width: 1520px) {
  .ordertitle:not(:first-child){margin-top:50px;}
  .ordertitle dl{width:50px;}
  .ordertitle dl dt{font-size:13px;}
  .ordertitle dl dd{font-size:30px;}
  .flowitempic{width:450px;}
  .flowitemtext{width:calc(100% - 500px);}
  .flowitemtext h5{font-size:20px;}
  .flowitemtext div{font-size:16px;}
  .flowitemtext .taglist .tag{font-size:16px;}

}
@media screen and (max-width: 1080px) {
  .ordertitle:not(:first-child){margin-top:30px;}
  .ordertitle dl{width:38px;}
  .ordertitle dl dt{font-size:11px;}
  .ordertitle dl dd{font-size:24px;}
  .flowitem{margin:20px auto;}
  .flowitempic{width:300px;}
  .flowitemtext{width:calc(100% - 320px);}
  .flowitemtext h5{font-size:18px;margin-bottom:10px;}
  .flowitemtext div{font-size:14px;margin-bottom:20px;}
  .flowitemtext .taglist .tag{font-size:14px;padding:2px;}
}
@media screen and (max-width: 768px) {
  .ordertitle dl{width:30px;margin-right:10px;}
  .ordertitle dl dt{font-size:9px;}
  .ordertitle dl dd{font-size:20px;}
  .flowitempic{width:100%;max-width:500px;margin:0 auto 20px;}
  .flowitemtext{width:100%;}
  .flowitemtext .taglist .tag{width:100%;}

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

}

/*company*/

.companytop .titlegroup{}
.companytop .titlegroup{align-items:center;}
.companytop .titlegroup:after{right:0;left:auto;bottom:50%;width:50%;}

.companytop .pannal{font-size:20px;line-height:2;}
@media screen and (max-width: 1520px) {
  .companytop .titlegroup:after{width:30%;}
  .companytop .pannal{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .companytop .titlegroup:after{width:30%;}
  .companytop .pannal{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .companytop .titlegroup:after{width:100%;bottom:0;}
}

.companyoutline .titlegroup{align-items:center;}
.companyoutline .titlegroup:after{right:0;left:auto;bottom:50%;width:80%;}

.outlineinfo{display: flex;justify-content:space-between;flex-wrap:wrap;}
.outlinepic{width:540px;}
.outlinepic figure:after{padding-top:90%;}
.outlinetext{width:calc(100% - 580px);}
.outlinetext .tablelist dl dt{padding:  15px;}
.outlinetext .tablelist dl dd{padding:  15px;}
.outlinetext .tablelist dl dd a{color:var(--black);}
@media screen and (max-width: 1520px) {
  .outlinepic{width:450px;}
  .outlinetext{width:calc(100% - 480px);}
}
@media screen and (max-width: 1080px) {
  .outlinepic{width:360px;}
  .outlinetext{width:calc(100% - 380px);}
.outlinetext .tablelist dl dt{padding:  10px;}
.outlinetext .tablelist dl dd{padding:  10px;}
.outlinetext .tablelist dl dd a{white-space:wrap;}

}
@media screen and (max-width: 768px) {
  .companyoutline .titlegroup:after{width:100%;bottom:0;}
  .outlinepic{width:100%;max-width:500px;margin:0 auto 20px;}
  .outlinetext{width:100%;}
  .outlinetext .tablelist dl dt{justify-content:flex-start;}
}



.voice{}
.voice .pannal:not(:last-child){margin-bottom:50px;}
.voiceitem{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;}
.voicetext{width:calc(100% - 580px);font-size:20px;line-height:2;letter-spacing:1px;}
.voicepic{width:480px;}
.voicepic figure{}
.voicepic figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .voicetext{width:calc(100% - 420px);font-size:16px;line-height:1.8;}
  .voicepic{width:360px;}
}
@media screen and (max-width: 1080px) {
  .voice .pannal:not(:last-child){margin-bottom:30px;}
  .voicetext{width:calc(100% - 320px);font-size:14px;}
  .voicepic{width:300px;}
}
@media screen and (max-width: 768px) {
  .voicetext{width:calc(100% - 240px);}
  .voicepic{width:220px;}
}
@media screen and (max-width: 568px) {
  .voice .pannal{width:100%;max-width:320px;margin:0 auto;}
  .voicetext{width:100%;margin:0 auto 10px;}
  .voicepic{width:100%;max-width:300px;margin:0 auto;}
}



.staff {}
.staff .titlegroup{align-items:center;}
.staff .titlegroup:after{right:0;left:auto;bottom:50%;width:75%;}
@media screen and (max-width: 1520px) {
  .staff .titlegroup:after{width:70%;}
}
@media screen and (max-width: 1080px) {
  .staff .titlegroup:after{width:60%;} 
}
@media screen and (max-width: 468px) {
  .staff .titlegroup:after{bottom:0;width:100%;}
}

.stafflist{margin-bottom:60px;}
.stafflist ul{margin-bottom:-30px;margin-right:-30px;}
.stafflist ul li{margin-bottom:30px;padding-right:30px;}

.staffitem{}
.staffitem figure{margin-bottom:15px;}
.staffitem figure:after{padding-top:70%;}
.staffinfo{font-size:20px;line-height:2;}
.staffinfo dl{display: flex;justify-content:space-between;}
.staffinfo dl dt{width:5em;}
.staffinfo dl dd{width:calc(100% - 5em);}

@media screen and (max-width: 1520px) {
  .stafflist{margin-bottom:50px;}
  .staffitem figure:after{padding-top:60%;}
  .staffinfo{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .stafflist{margin-bottom:30px;}
  .stafflist ul{margin-bottom:-20px;margin-right:-20px;}
  .stafflist ul li{margin-bottom:20px;padding-right:20px;}
  .staffinfo{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .stafflist ul li{width:50%;}
}
@media screen and (max-width: 468px) {
  .stafflist ul li{width:100%;}
}

/*reservation*/
.reservation{}
.reservation .titlegroup{align-items:center;}
.reservation .titlegroup:after{right:0;left:auto;bottom:50%;width:75%;}
@media screen and (max-width: 1520px) {
  .reservation .titlegroup:after{width:70%;}
}
@media screen and (max-width: 1080px) {
  .reservation .titlegroup:after{width:60%;} 
}
@media screen and (max-width: 468px) {
  .reservation .titlegroup:after{bottom:0;width:100%;}
}