@charset "utf-8";
@import url("../../slide/style.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

.close {
  display: none;
}

/* ==========================================================================
   HELPER
   ========================================================================== */

/**
 * width
 */
 
.w01per { width: 1%; }
.w02per { width: 2%; }
.w03per { width: 3%; }
.w04per { width: 4%; }
.w05per { width: 5%; }
.w06per { width: 6%; }
.w07per { width: 7%; }
.w08per { width: 8%; }
.w09per { width: 9%; }
.w10per { width: 10%; }
.w11per { width: 11%; }
.w12per { width: 12%; }
.w13per { width: 13%; }
.w14per { width: 14%; }
.w15per { width: 15%; }
.w16per { width: 16%; }
.w17per { width: 17%; }
.w18per { width: 18%; }
.w19per { width: 19%; }
.w20per { width: 20%; }
.w21per { width: 21%; }
.w22per { width: 22%; }
.w23per { width: 23%; }
.w24per { width: 24%; }
.w25per { width: 25%; }
.w26per { width: 26%; }
.w27per { width: 27%; }
.w28per { width: 28%; }
.w29per { width: 29%; }
.w30per { width: 30%; }
.w31per { width: 31%; }
.w32per { width: 32%; }
.w33per { width: 33%; }
.w34per { width: 34%; }
.w35per { width: 35%; }
.w36per { width: 36%; }
.w37per { width: 37%; }
.w38per { width: 38%; }
.w39per { width: 39%; }
.w40per { width: 40%; }
.w41per { width: 41%; }
.w42per { width: 42%; }
.w43per { width: 43%; }
.w44per { width: 44%; }
.w45per { width: 45%; }
.w46per { width: 46%; }
.w47per { width: 47%; }
.w48per { width: 48%; }
.w49per { width: 49%; }
.w50per { width: 50%; }
.w51per { width: 51%; }
.w52per { width: 52%; }
.w53per { width: 53%; }
.w54per { width: 54%; }
.w55per { width: 55%; }
.w56per { width: 56%; }
.w57per { width: 57%; }
.w58per { width: 58%; }
.w59per { width: 59%; }
.w60per { width: 60%; }
.w61per { width: 61%; }
.w62per { width: 62%; }
.w63per { width: 63%; }
.w64per { width: 64%; }
.w65per { width: 65%; }
.w66per { width: 66%; }
.w67per { width: 67%; }
.w68per { width: 68%; }
.w69per { width: 69%; }
.w70per { width: 70%; }
.w71per { width: 71%; }
.w72per { width: 72%; }
.w73per { width: 73%; }
.w74per { width: 74%; }
.w75per { width: 75%; }
.w76per { width: 76%; }
.w77per { width: 77%; }
.w78per { width: 78%; }
.w79per { width: 79%; }
.w80per { width: 80%; }
.w81per { width: 81%; }
.w82per { width: 82%; }
.w83per { width: 83%; }
.w84per { width: 84%; }
.w85per { width: 85%; }
.w86per { width: 86%; }
.w87per { width: 87%; }
.w88per { width: 88%; }
.w89per { width: 89%; }
.w90per { width: 90%; }
.w91per { width: 91%; }
.w92per { width: 92%; }
.w93per { width: 93%; }
.w94per { width: 94%; }
.w95per { width: 95%; }
.w96per { width: 96%; }
.w97per { width: 97%; }
.w98per { width: 98%; }
.w99per { width: 99%; }
.w100per { width: 100%; }


/**
 * margin
 */

.m00 { margin: 0 !important;}
.m03 { margin: 3px !important;}
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}
.m35 { margin: 35px !important;}
.m40 { margin: 40px !important;}
.m45 { margin: 45px !important;}
.m50 { margin: 50px !important;}
.mt00 { margin-top: 0 !important;}
.mt01 { margin-top: 1px !important;}
.mt02 { margin-top: 2px !important;}
.mt03 { margin-top: 3px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}
.mr00 { margin-right: 0 !important;}
.mr02 { margin-right: 2px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr14 { margin-right:14px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb02 { margin-bottom: 2px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb14 { margin-bottom:14px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.mlr-auto0 { margin:0 auto}
.mlr-auto1em { margin:1em auto}
.mlr-auto2em { margin:2em auto}
.mlr-auto3em { margin:3em auto}
.mlr-auto4em { margin:4em auto}
.mlr-auto5em { margin:5em auto}
.ml-auto { margin-left:auto}
.mr-auto { margin-left:auto}

/**
 * padding
 */
 
.p00 { padding: 0  !important;}
.p01 { padding: 1px !important;}
.p02 { padding: 2px !important;}
.p03 { padding: 3px !important;}
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p25 { padding: 25px !important;}
.p30 { padding: 30px !important;}
.p35 { padding: 35px !important;}
.p40 { padding: 40px !important;}
.p45 { padding: 45px !important;}
.p50 { padding: 50px !important;}
.pt00 { padding-top: 0 !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}



/**
 * text
 */

.font-xxl {
	font-size: 150%;
}
.font-xl {
	font-size: 125%;
}
.font-l {
	font-size: 112.5%;
}
.font-default {
	font-size: 16px;
	font-weight: normal;
}
.font-m {
	font-size: 87.5%;
}
.font-s {
	font-size: 75%;
}
.font-xs {
	font-size: 62.5%;
}
.text-gray {
	color: #bbb;
}
.text-red {
	color: #fe0000;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.fs10{font-size: 71.4% !important;}
.fs12{font-size: 85.7% !important;}
.fs14{font-size: 100% !important;}
.fs16{font-size: 114% !important;}
.fs18{font-size: 128.5% !important;}
.fs20{font-size: 142.8% !important;}

.list-disk{
    list-style: disc;
    margin-left: 1em;
}
.underline-black{
    padding-bottom: 0.2em;
    border-bottom: solid 2px #000;
}
.strong,
strong{
	font-weight: bold;
}

.full-width {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
}

.wp-block-separator {
    border: none;
    background-color: #ddd;
    height: 1px;
    margin: 4em 0;
}

.frame-youtube1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.frame-youtube1 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.frame-youtube2 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.frame-youtube2 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.google-map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.google-map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.border1em {
    border-radius: 1em;
    padding:1em;
}
.bot{
    margin: 0 !important;
}
.bot a{
    display: inline-block;
    margin: 1em 0;
    border-radius: 2em;
    padding:1em 1.5em 1em 2em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-color: #ec6a00;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.bot a:hover {
    background-color: #eea057;
    color:#fff !important;
}
.bot a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}

.google a{
    display: inline-block;
    margin: 1em 0;
    border-radius: 2em;
    padding:1em 1.5em 1em 2em;
    font-size: 75%;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: #ec6a00;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.google a:hover {
    background-color: #eea057;
    color:#fff !important;
}
.google a:after {
    content: "\f041";
    font-size: 125%;
    line-height: 1.2;
    font-weight: 300;
    font-family: FontAwesome;
    margin-left: 0.5em;
    display: block;
    float: right;
}


.botlink02{
    margin: 0 !important;
}
.botlink02 a{
    display: block;
    margin: 0 !important;
    width: 100%;
    border-radius: 0.3em;
    padding:0.5em;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
    background-color: #ff6600;
    border: 2px solid #ff6600;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.botlink02 a:hover {
    background-color: #fff;
    border: 2px solid #000;
    color:#000 !important;
}

.gap0{
  gap: 0;
}
.gap1{
  gap: 1em;
}

.main .entry-footer{
  text-align: center;
    padding-top: 2em;
}
.edit-link{
  margin: 0 auto;
}
.edit-link .post-edit-link {
  padding:0.5em 1em;
    background-color: #efefef;
}

.border-gray{
  border: solid 1px #ddd;
}
.border-black{
  border: solid 1px #000;
}
.single p.box{
  border: solid 1px #ddd;
  padding:1em;
}

.img-border_black img{
  border: solid 1px #000;
}
.img-border_white img{
  border: solid 1px #fff;
}

.border2px-white{
    padding-bottom:0.3em;
    margin-bottom: 1em;
    border-bottom: solid 2px #fff;
}

.relative{
    position:relative;
}

.clear{
    clear: both;
}

/*--------------------------------------------*/
html {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}
body {
    position: relative;
    background-color: #eee;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 1.6rem;
    text-align: left;
    font-weight: 300;
    overflow-wrap: break-word;
    font-family:"ヒラギノ角ゴ" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , sans-serif;
}
.container {
    position: relative;
    width: 100%;
    height: 100%;
}
/*---------------------header start-------------------------*/
.site-header {
    width: 100%;
    margin: 0 auto;
    padding:20px 0;
    background-color: transparent;
    position: fixed;
    z-index: 11;
    left: 0;
	right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.site-header .site-branding {
    width: 20%;
    min-width: 14em;
    margin-left: 2.5%;
}

.site-header h1.logo a {
    display: flex;
    align-items: center;
    color:#222;
    line-height: 1.3;
    white-space: nowrap;
}
.site-header h1.logo a img {
    display: block;
    width: 120px;
    height: auto;
    margin-right: 0.5em;
}
.site-header h1.logo .corp {
    font-size: 87.5%;
    font-weight: 600;
    color:#fff;
    background-color: rgba(0,0,0,0.3);
    padding:0.2em 0.5em;
    text-align: center;
    border-radius: 0.3em;
}
.site-header h1.logo .wing {
    font-size: 60%;
    font-weight: 600;
    background-color: transparent;
    letter-spacing: 0.05em;
    text-align: center;
}
.main-navigation{
    display: block;
    margin: auto;
}
.main-navigation ul {
    background-color: rgba(255,255,255,0.8);
    white-space: nowrap;
    padding: 0.5em 0.5em;
    border-radius: 1em;
    display: flex;
}
.main-navigation ul li {
    font-size: 100%;
    font-weight: 600;
}
.main-navigation ul li a{
    color: #222;
    background-color: transparent;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.main-navigation ul li a:hover{
    background-color: #eee;
}
.main-navigation ul li a.active{
    background-color: #ffdcbc;
}
.main-navigation .bot02,
.main-navigation .privacy,
.main-navigation .entry{
    display: none;
    
}

.site-header .contact {
    width: 20%;
    text-align: right;
    margin-right: 2.5%;
    font-size: 100%;
    font-weight: 600;
}
.site-header .contact a {
    background-color: #ec6a00;
    white-space: nowrap;
    padding: 1.2em 1.5em;
    border-radius: 1em;
    color:#fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.site-header .contact a:hover {
    background-color: #eea057;
}



.site-header .contact a:before {
    content: "\f0a4";
    font-family: FontAwesome;
    font-size: 125%;
    line-height:1;
    display: inline-block;
    margin-right: 0.2em;
}

.site{
}
#mainvisual{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    justify-content: center;
}
#mainvisual svg{
    width: auto !important;
    height: 100vh !important;
}

.home .message{
    width: 100%;
    height: 95vh;
    max-height: 1200px;
    margin: 0 auto 0;
    padding:0 0 5vh;
    display: flex;
    align-items:flex-end;
    position: relative;
}
.home .message figure{
    width: 80%;
    height: 100%;
    display: block;
    margin: 0 5% 0 auto;
    position: relative;
    padding: 100px 0 0;
}

.home .message h2{
    margin: -0.3em auto 0;
    color: #fff;
    position: absolute;
    top: 50%;
    left:-10%;
    z-index: 2;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.home .message h2 span{
    display: block;
}
.home .message h2 .jp{
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 1.3rem + 7.3vw, 15.3rem);
    line-height: 1;
}
.home .message h2 .en{
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 2rem + 14vw, 28rem);
    line-height: 0.9;
}
.home .message h3{
    display: block;
    font-family:"ヒラギノ角ゴ" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , sans-serif;
    color: #fff;
    font-weight: 100;
    line-height: 0.9;
    font-size: clamp(1.2rem, 0.3rem + 2vw, 4rem);
    letter-spacing: 0.02em;
    position: absolute;
    bottom: 0;
    right: 5%;
}
.home .message .swiper{
    width: 100%;
    max-width: 1600px;
    height: 90%;
    border-radius: 3em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home .message .swiper .swiper-slide{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home .message .swiper .swiper-slide a{
    height: 100%;
    width: 100%;
    display: block;
    color: transparent;
    background-color: rgba(0,0,0,0.1);
}

.home .message .swiper .wing-ace{
    background-image: url("/wp-content/themes/wing/assets/img/top/wing-ace.webp");
}
.home .message .swiper .wing-sankei{
    background-image: url("/wp-content/themes/wing/assets/img/top/wing-sankei.webp");
}
.home .message .swiper .wing-warabi{
    background-image: url("/wp-content/themes/wing/assets/img/top/wing-warabi600.webp");
}
.home .message .swiper .wing-castle{
    background-image: url("/wp-content/themes/wing/assets/img/top/wing-castle.webp");
}
.home .message .swiper img{
    display: block;
}
.home .message .swiper .swiper-pagination-bullet-active {
    background-color: #eea057;
}
.site-main {
    padding: 0 3%;
    border-radius: 4em 4em 0 0;
    background-color: rgba(245,245,245,0.8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.site-main section{
    width: 100%;
    max-width: 1800px;
    margin: 0 auto 5em;
    display: flex;
    align-items: center;
    border-radius: 2em;
}
.home .site-main section .inner{
    width: 90%;
    margin: 3em auto;
}
.home .page-section.home2 .inner{
    width: 90%;
    margin: 0 auto;
}
.site-main section .h2-title{
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 3.75rem);
    font-weight: 600;
    margin-bottom: 0.7em;
}
.site-main section .h2-title span{
    font-size: 50%;
    font-weight: 100;
    margin: 0 0.8em;
    color:rgba(0,0,0,0.3);
}
.site-main section .h3-title{
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.125rem);
    margin-bottom: 0.8em;
}
.site-main section .text{
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2.063rem);
    margin-bottom: 1em;
}
.site-main section.home1{
    padding-top:2em;
    margin-bottom: 1em;
}

.home .site-main section .inner .content1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.home .site-main section .inner .content1 .text-box {
    width: 50%;
}
.home .site-main section .inner .content1 .img {
    width: 45%;
    overflow: hidden;
    border-radius: 1.5em;
}
.home .site-main section .inner .content1 .img img {
    display: block;
}
.site-main section.home2 {
    margin: 2em auto 2em ;
}
.page .page-section.home2 {
    width: 100%;
    margin: 2em auto 2em;
    padding: 0 0 5em;
}
.page-section.home2 .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 1em 1%;
}
.page-section.home2 .inner .h2-title {
    width: 100%;
}
.page-section.home2 .inner .h3title-en {
    width: 100%;
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 2rem + 9vw, 15rem);
    margin: 0 auto 0.25em;
    color: #fff;
    line-height: 0.85;
    text-align: center;
}
.page-section.home2 .inner a .content2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(236,106,0,0.9);
    color: #fff;
    margin: 0;
    padding: 2em 4% 1.5em 5%;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-section.home2 .inner a:hover .content2 {
    background-color: rgba(78,40,129,0.1);
    text-shadow:  0 1px 5px rgba(0,0,0,0.9);
}
.page-section.home2 .inner a:hover .content2 .detail {
    color: #fff;
    background-color: #ec6a00;
    text-shadow: none;
}
.page-section.home2 .inner a.active .content2 {
    background-color: rgba(78,40,129,0.1);
    text-shadow:  0 1px 5px rgba(0,0,0,0.9);
}
.page-section.home2 .inner a.active .content2 .detail {
    color: #fff;
    background-color: #ec6a00;
    text-shadow: none;
}
.page-section.home2 .inner .content2 ul {
    width: 100%;
    margin-bottom: 1em;
}
.page-section.home2 .inner a .content2 .detail {
    display: inline-block;
    margin: 0 0 0 auto;
    border-radius: 2em;
    padding: 1em 1.5em 1em 2em;
    color: #ec6a00;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    background-color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.page-section.home2 .inner .content2 .detail:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
}
.page-section.home2 .inner .content2 ul .title {
    font-size: clamp(1.4em, 0.5rem + 1.7vw, 2.5rem);
    font-weight: 600;
    margin-bottom: 0.3em;
}
.page-section.home2 .inner .content2 ul .text {
    font-size: clamp(1.6rem, 0.5rem + 1.5vw, 2rem);
    margin-bottom: 0.5em;
}
.page-section.home2 .inner a {
    width: 49.5%;
    display: block;
    border-radius: 1em;
    border-radius: 1.5em;
    border: 3px solid #ec6a00;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.page-section.home2 .inner .bg01 {
    background-image: url("/wp-content/themes/wing/assets/img/wing/wing-ace.webp");
}
.page-section.home2 .inner .bg02 {
    background-image: url("/wp-content/themes/wing/assets/img/wing/wing-sankei.webp");
}
.page-section.home2 .inner .bg03 {
    background-image: url("/wp-content/themes/wing/assets/img/wing/wing-warabi600.webp");
}
.page-section.home2 .inner .bg04 {
    background-image: url("/wp-content/themes/wing/assets/img/wing/wing-castle.webp");
}



section .business-menu{
    display: flex;
    flex-wrap:nowrap;
    margin:2em 0 2vh;
    gap: 4%;
}
section .business-menu a{
    display: block;
    color:#fff;
    border-radius: 1em;
    transition-property: opacity;
    transition-duration: 0.5s;
}
section .business-menu a ul{
    padding:2em 3em;
}
section .business-menu a.wing{
    background-color: #ed0653;
}
section .business-menu a.tsubasa{
    background-color: #0a93e8;
}
section .business-menu a .title{
    font-size: clamp(1.125rem, -0.05rem + 5.08vw, 3.125rem);
    line-height: 1.3;
    margin-bottom: 0.5em;
    display: inline-block;
    position: relative;
    padding-right: 1.3em;
}
section .business-menu a:hover{
    opacity: 0.5;
}
section .business-menu a .title::after {
content: "";
    background-image: url(../img/share/arrow.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 1em;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
section .business-menu a .text{
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2.063rem);
    margin-bottom: 0.5em;
}
section .business-menu a .logo img{
    width: 90%;
    height: auto;
    display: block;
    margin: 1em auto;
}

.site-main .news{
    background-color: #e9e9e9;
    padding: 0 3%;
    margin-bottom: 2em;
}
.site-main .news section{
    margin: 0 auto;
}
.site-main .news a.post{
    display: block;
    padding:1.5em 1em;
    margin-bottom: 0;
    border-bottom: solid 1px #ddd;
    background-color: transparent;
}
.site-main .news a.post:hover{
    background-color: #eee;
}
.site-main .news a.post .date{
    display: inline-block;
    font-size: 75%;
    color:#999;
}
.site-main .news a.post .category{
    display: inline-block;
    font-size: 75%;
    padding:0.3em 1em;
    margin: 0 0.5em;
    background-color: #ddd;
    border-radius: 1em;
    color:#999;
}
.site-main .news a.post .title{
    display: block;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2.063rem);
    color:#222;
    margin-top: 0.5em;
}
.news .wing-post{
    margin-bottom: 1em
}
.news .wing-post li{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 1em;
}
.news .wing-post a{
    display: block;
    width: 100%;
    order: 2;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2.063rem);
    color:#222;
    text-decoration: none;
    margin: 0.5em 0 0;
}
.news .wing-post a::before{
    position:absolute;
    top:0;right:0;
    bottom:0;
    left:0;
    pointer-events:auto;
    content:"";
    background-color:rgba(255,255,255,0);
    border-bottom: solid 1px #ddd;
}
.news .wing-post a:hover{
    color:#222;
}
.news .wing-post a:hover::before{
    background-color:rgba(255,255,255,0.3);
    color:#222;
}
.news .wing-post li time{
    order: 1;
    width: 100%;
    color:#999;
}
.news .bot a{
    color:#fff;
    text-decoration: none;
}

/* hamburger Button */
.hamburger {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 101;
    border-radius: 50%;
    border: none;
    background-color: #ec6a00;
}
.hamburger div {
    position: relative;
    height: 70%;
}


/*---------------------header end-------------------------*/

/*---------------------footer start-------------------------*/

.footer-contact{
    width: 80%;
    padding: 3em 5%;
    border-radius: 2em;
    background-color: rgba(250,250,250,0.8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin: 5em auto;
    text-align: center;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.footer-contact .h2-title{
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 3.75rem);
    font-weight: 600;
    margin-bottom: 0.7em;
}
.footer-contact .h2-title span{
    display: block;
    font-size: 50%;
    font-weight: 100;
    margin: 0 0.8em;
    color:#999;
}
.footer-contact .h3-title{
    font-size: 200%;
    margin-bottom: 0.8em;
}
.footer-contact .text{
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2.063rem);
    margin-bottom: 1em;
}
.footer-contact .text a{
    color: #ec6a00;
    text-decoration: underline;
}
.footer-contact .text a:hover{
    color: #eea057;
    text-decoration: none;
}


footer {
    width:100%;
    margin: 0 auto 0;
    padding: 3em 3% 0;
    background-color: #333;
}
footer .site-info{
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    color:#fff;

}

footer .site-info a{
    color:#fff;
}
footer .site-info a:hover{
    color:#eea057;
}
footer .conpany{
    margin: 0;
    padding: 0;
    white-space: nowrap;
    order: 1;
}

footer .conpany h2{
    display: block;
    margin: 0;
    color:#fff;
    font-size: 170%;
}
footer .conpany address{
    display: block;
    margin: 0;
    color:#fff;
    font-size: 88%;
}
footer .conpany address a:after {
    content: "\f041";
    font-size: 125%;
    font-family: FontAwesome;
    margin-left: 0.3em;
    display: inline-block;
}
footer .menu-footer-menu-container {
    order: 2;
}
footer .site-info .bot-set{
    margin: 0;
    display: flex;
    flex-flow: column;
    gap:1em;
    white-space: nowrap;
    order: 3;
}
footer .site-info .bot-set a{
    display: block;
    margin: 0;
    border-radius: 2em;
    padding:1em 1.5em 1em 2em;
    color: #ec6a00;
    text-decoration: none;
    font-weight: bold;
    background-color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
footer .site-info .bot-set a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}
footer .site-info .bot-set a:hover {
    background-color: #eea057;
    color:#fff;
}
footer .menu-footer-menu-container{
    order: 2;
}

footer .menu{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap:2em;
    white-space: nowrap;
}
.site .copyright{
    color:#ccc;
    font-size: 75%;
    background-color: #333;
    padding:2em 0;
}
.bana{
    margin: 1em auto 3em;
    width: 100%;
    padding: 0 5%;
    text-align: center;
}


/*------------------------go-top----------------------------*/

.c-pagetopWrap {
    bottom: 30px;
    display: flex;
    justify-content: flex-end;
    margin-top: -270px;
    margin-bottom: 0;
    position: sticky;
    z-index:10;
}

.c-pagetop {
    color:#fff;
    align-items: center;
    background-color: #ec6a00;
    border: 1px solid #FFF;
    border-radius: 27.5px;
    cursor: pointer;
    display: flex;
    height: clamp(40px,4.3547110055vw,55px);
    justify-content: center;
    transform: translateY(300px);
    transition: background-color .3s linear,transform .3s linear;
    width: clamp(40px,4.3547110055vw,55px);
    margin-right: clamp(10px,1.5835312747vw,27px);
}

.c-pagetop svg {
    width: 30%;
    fill: #fff;
}

.c-pagetop.is-show {
    transform: translateY(0);
}
.c-pagetop:hover {
    background-color:#eea057;
}

/*---------------------footer end-------------------------*/

.bot01{
    display: block;
    margin: 0 auto;
}
.bot01 a{
    font-weight: bold;
    border:1px solid #fff;
    color:#fff;
    padding:0.7em 1em !important;
    display: inline-block;
    margin: 2em 0 0;
    text-decoration: none !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.bot01 a:hover{
    border:1px solid #007dd4;
    background-color: #007dd4;
}

.wp-block-column {
    margin:1em 0;
}
div.wide-wrap{
    position:relative;
    margin:0 calc(50% - 50vw);
    overflow:hidden;
    padding: 0;
}
.page .wide-wrap .inner{
    max-width: 1030px;
    padding:2em 15px 2em;
    margin: 0 auto;
}
.page .entry-footer{
    background-color:transparent;
    text-align: center;
}
.page .entry-footer .edit-link a{
    color:#000;
}

.page .entry-content section:before {
    content: "";
    display: block;
    height: 150px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -150px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}

/*---------------------Home main start-------------------------*/

.home .main .big-bana a img,
.home .main .slide-bana a img {
    opacity: 1.0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.home .main .big-bana a img:hover,
.home .main .slide-bana a img:hover {
    opacity: 0.6;
}

.home .main {
    padding:0 0 0 !important;
    display: block;
}
.home .main .big-bana{
    max-width: 1030px;
    margin: 0 auto;
    padding:2em 0 0;
}
.home .main .big-bana .big-banatitle{
    font-size: 150%;
    font-weight: 400;
    margin: 0.5em 0;
}
.home .main .big-bana .big-banatext{
    font-size: 112.5%;
}
.home .main .big-bana a {
    opacity: 1.0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.home .main .big-bana a :hover {
    opacity: 0.6;
}

.home .main .h2title{
    font-size: 143%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-align: center;
    letter-spacing: 0.03em;
    margin-bottom: 1.5em;
}

.slide-bana {
    max-width: 1030px;
    margin: 0 auto 1em;
    padding:1em 0 1em;
}
.slide-bana .h2title{
    font-size: 143%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-align: center;
    letter-spacing: 0.03em;
    margin-bottom: 1.5em;
}
.slide-bana .swiper-pagination {
    position: inherit;
    bottom:0px;
}
.home .main .webstore {
    width:100%;
    max-width: 100%;
    margin: 0 auto 1em;
    padding:1em 0;
    background-color: #222;
}
.home .main .webstore .h2title {
    color:#fff;
}
.home .main .webstore .inner {
    max-width: 1030px;
    margin: 0 auto 1em;
    padding:3em 15px 0;
}
.home .main .webstore ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home .main .webstore .box {
    width: 48%;
    display: block;
    margin:0 0 50px;
    line-height: 1.7;
}
.home .main .webstore .box a {
    display: block;
    color:#fff;
    opacity: 1.0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.home .main .webstore .box a img {
    width: 100%;
    height:auto;
    display: block;
    margin-bottom: 0.8em;
}
.home .main .webstore .box a:hover {
    opacity: 0.6;
}
.home .main .webstore .box a h3 {
    display: block;
    font-size:112.5%;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.3em;
}
.home .main .webstore .box a span {
    display: block;
}

.home .main .infomation {
    width:100%;
    max-width: 100%;
    margin: 0 auto 1em;
    padding:3em 0 0;
}
.home .main .infomation .inner {
    max-width: 1030px;
    margin: 0 auto 1em;
    padding: 0 15px 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home .main .infomation .post{
    width: 32%;
    display: block;
    padding: 0;
    margin-bottom: 2em;
}
.home .main .infomation .inner:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
.home .main .infomation .post a{
    display: block;
    opacity: 1.0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.home .main .infomation .post ul{
}
.home .main .infomation .post ul li{
}
.home .main .infomation .post .thumbnail{
    width: 100%;
    display: block;
    margin: 0 0 0.5em;
}
.home .main .infomation .post .thumbnail img{
    width: 100%;
    height: auto;
}
.home .main .infomation .post a .date{
    font-size: 75%;
    color:#999;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.03em;
    width: 100%;
    display: block;
    margin-bottom: 0.3em;
}
.home .main .infomation .post a .post-title{
    color:#000;
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 95%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.home .main .infomation .post a:hover{
    opacity: 0.6;
}
.home .main .products {
    width:100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #efefef;
}
.home .main .products .inner {
    max-width: 1230px;
    margin: 0 auto 1em;
    padding:3em 15px 4em;
}
.home .main .h3title{
    font-size: 125%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    letter-spacing: 0em;
    margin: 1.5em 0 1em;
}

.scrolldown{
    /*描画位置※位置は適宜調整してください*/
    position:absolute;
    left:50%;
    bottom: -2vh;
    height: 8vh;
}

/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
  position: absolute;
  left:-15px;
  top: -15px;
    /*テキストの形状*/
  color: #eea057;
  font-size: 1rem;
}

/* 線の描写 */
.scrolldown::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 0.5em;
  height: 100%;
border-radius: 0.25em;
  background: #eea057;
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:70%;
    opacity: 1;
  }
  100%{
    height:0;
    top:100%;
    opacity: 0;
  }
}
/*---------------------title end-------------------------*/

/*----------------page-contents start--------------------*/


.page .page-title {
    width: 90%;
    max-width: 1800px;
    height: 30vh;
    margin: 0 auto;
    padding: 100px 3% 0;
    display: flex;
    align-items: center;
}
.page .page-title .entry-title {
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 5rem);
    font-weight: 100;
    margin-bottom: 0.7em;
}
.page .page-title .entry-title .english {
    font-size: 50%;
    font-weight: 300;
    margin-left: 1em;
    color: rgba(0,0,0,0.3);
}
.page .page-title .entry-title .part-time{
    font-size: clamp(1rem, 0.3rem + 1.8vw, 2rem);
    font-weight: 600;
    display: block;
}

.page .site-main .entry-content h2{
    font-size: 100%;
    font-weight: 400;
    margin: 1em 0 3em;
}
.page .site-main .entry-content h2.w90{
    width: 90%;
    font-size: 100%;
    font-weight: 400;
    margin: 1em auto 3em;
}
.page .site-main .entry-content .icon::before{
	font-family: "FontAwesome";
	content: "\f111";
    display: inline-block;
    margin-right: 0.3em;
    color:#eea057;
}
.page .site-main .entry-content h3 {
    font-weight: 300;
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.125rem);
    margin-bottom: 0.8em;
}
.page .site-main .entry-content p {
    font-size: clamp(1.6rem, 0.9rem + 1.5vw, 2rem);
    margin-bottom: 1em;
}
.page .site-main .entry-content hr {
    margin: 4em 0;
}
.page .site-main .entry-content .underline {
    border-bottom: 1px solid #ddd;
    padding-bottom:0.3em;
}


#page .main {
    padding-top: 4em;
}
main, .main{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.main .title-box,
.main .entry-header,
.main .title-header{
    max-width: 1030px;
    margin:0 auto;
    display: block;
}
.main .title-box h1,
.main .entry-header h1,
.main .title-header h1{
    font-size: 143%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    letter-spacing: 0.05em;
}
.page .site-main .page{
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding:3em 0 0;
}
.staff .page{
    position: relative;
}
.page .entry-content {
    margin: 0 auto 2em;
}
.page .site-main .entry-header{
    display: none;
}
.page .page-section{
    width: 100%;
    margin: 2em auto 5em;
}
.page .page-section.interview br.clear{
    display: block;
    content: "";
    width: 0;
    height: 0;
}



.page .page-section.last{
    width: 100%;
    margin: 2em auto 0;
}
.page .page-section .inner{
    width: 90%;
    margin: 0 auto;
}
.page .entry-content .inner2{
    width: 90%;
    margin: 0 auto;
}

.img-box {
    position: relative;
    overflow: hidden;
    border-radius: 1.5em;
    width: 100%;
    margin: 2em auto 5em;
}
.img-box figure {
    width: 100%;
    overflow: hidden;
    border-radius: 1.5em;
}
.img-box img {
    height: 57em;
    width: auto;
    display: block;
    border-radius: 1.5em;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
}
.img-box .text-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    width: 58%;
}
.img-box1{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:2%;
    position: relative;
}
.img-box1 figure{
    width: 65%;
    border-radius: 1.5em;
    overflow: hidden;
    order: 2;
}
.img-box1 figure img {
    display: block;
}

.img-box2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:2%;
    position: relative;
}
.img-box2 figure{
    width: 65%;
    border-radius: 1.5em;
    overflow: hidden;
}
.img-box2 figure img {
    display: block;
}

.page .site-main .entry-content .img-box2 .h3title-en {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 0.5rem + 13vw, 23rem);
    margin: 0 auto 0 5%;
    color: #fff;
    line-height: 0.65;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 30%;
}
.page .site-main .entry-content .h3title-en2 {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 2rem + 9vw, 15rem);
    margin: -0.3em auto 0;
    color: #fff;
    line-height: 0.85;
}
.staffwrap .h3title-en {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    font-size: clamp(4rem, 2rem + 9vw, 15rem);
    margin: 0 auto;
    color: #fff;
    line-height: 0.85;
    text-align: center;
}

.text-box2 {
    position: relative;
    width: clamp(62.5rem, 51.063rem + 30vw, 130.25rem);
    border-radius: 1em;
    background-color: rgba(255,255,255,0.9);
    padding: 2em 2.5em 1em;
    bottom: 0;
    margin: -8% auto 0 5%;
}
.text-box3 {
    position: relative;
    width: clamp(62.5rem, 51.063rem + 30vw, 130.25rem);
    border-radius: 1em;
    background-color: rgba(255,255,255,0.9);
    padding: 2em 2.5em 1em;
    bottom: 0;
    margin: -5% auto 0 5%;
}

.detail-set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:stretch;
    gap:1.7em 2%;
}
.detail-set .detail{
    width: 32%;
    border-radius: 1em;
    background-color: rgba(255,255,255,0.9);
    padding: 1.5em  1.5em  0.5em;
}
.detail-set .detail .disk{
    list-style: disc;
    font-size: clamp(1.25rem, 0.773rem + 1.8vw, 1.8rem);
    margin-bottom: 1em;
}
.detail-set .detail .disk li{
    margin-left: 1.5em;
}
.page-section.data .list-en li {
    background-color: #f5f5f5;
    border-radius: 1.5em;
    padding: 0.4em 1.2em;
    margin: 0 0.8em 0.3em 1.5em;
}
.page .site-main .entry-content .detail-set .detail .h3title{
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 2.8rem);
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.page .site-main .entry-content .detail-set .detail .h4title{
    font-size: clamp(1.25rem, 0.773rem + 1.8vw, 1.8rem);
    font-weight: 600;
    margin-bottom: 0.5em;
}
.page .site-main .entry-content .detail-set .detail p{
    font-size: clamp(1.25rem, 0.773rem + 1.8vw, 1.8rem);
    margin-bottom: 1em;
}
.page .site-main .entry-content .img-box1 h3.h3title {
    font-weight: 300;
    font-size: clamp(3rem, 1.394rem + 1.54vw, 4.5rem);
    margin: 0 auto 0 5%;
    white-space: nowrap;
    line-height: 1.3;
    order: 1;
}

.page .site-main .entry-content .text-box p {
    font-size: clamp(1.25rem, 0.773rem + 1.8vw, 2.063rem);
    margin-bottom: 1em;
}

.page-section.interview .inner{
    background-color: #fff;
    border-radius: 1.5em;
    padding:4em 5%;
    line-height: 1.7;
}
.page-section.interview .inner figure{
    width: 45%;
    border-radius: 0.5em;
    overflow: hidden;
}
.page-section.interview .inner img{
    display: block;
}
.page-section.interview .inner .right{
    float:right;
    margin:0.3em 0 0.5em 3%;
}
.page-section.interview .inner .left{
    float:left;
    margin:0.3em 3% 0.5em 0;
}
.page-section.interview .inner hr{
    margin: 3em auto;
    clear: both;
}

.staff-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:stretch;
    gap:1.7em 2%;
}
.staff-list a{
    width: 49%;
    display: flex;
    border-radius: 1.5em;
    color:#fff !important;
    background-color: #ec6a00;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    text-decoration: none !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.staff-list a:hover{
    background-color: #eea057;
    
}
.staff-list a .img{
    width: 35%;
    background-color: #fff;
    overflow: hidden;
}
.staff-list a .img img{
    display: block;
    height: 100%;
    object-fit: cover;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.staff-list a:hover .img img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.staff-list a .staff-content{
    width: 65%;
    padding:1.5em 1.5em 1em 1.5em;
}
.staff-list a .staff-content ul{
    font-size: clamp(1.2rem, 0.7rem + 1vw, 1.4rem);
}
.staff-list a .staff-content .wing-shop {
    padding: 0.4em 1.3em;
    background-color: #fff;
    border-radius: 1.5em;
    font-size: 75%;
    font-weight: 600;
    display: inline-block;
    color: #ec6a00;
    margin-bottom: 0.7em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.staff-list a:hover .staff-content .wing-shop {
    color: #eea057;
}
.staff-list a .staff-content .position {
    font-size: 150%;
    font-weight: 600;
    margin-bottom: 0.2em;
}
.staff-list a .staff-content .position span{
    font-size: 87.5%;
    font-weight: 300;
}
.staff-list a .staff-content .history2 {
    margin-bottom: 0.5em;
}
.staff-list a .staff-content .staff-title {
    font-size: clamp(1.8rem, 0.7rem + 1vw, 2.5rem);
    line-height: 1.3;
    margin-bottom: 1em;
}

.interview01 .page-title h1.entry-title::before,
.interview02 .page-title h1.entry-title::before,
.interview03 .page-title h1.entry-title::before,
.interview04 .page-title h1.entry-title::before,
.interview05 .page-title h1.entry-title::before,
.interview06 .page-title h1.entry-title::before{
    content: "社員を知る";
    font-size: clamp(1rem, 0.3rem + 1.8vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    display: block;
}

.page #detail .inner{
    display: flex;
    gap: 3%;
    justify-content: stretch;
    align-items: stretch;
}
.page #detail .list-box{
    width: 100%;
    border-radius: 1.5em;
    background-color: #fff;
    padding:1.5em 3% 4em;
}
.page #detail .inner .list-box dl{
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: flex-start;
    padding: 0.8em 0.5em;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 1.9rem);
}
.page #detail .inner .list-box dl dt{
    width: 25%;
    min-width: 5.5em;
    color:#999;
}
.page #detail .inner .list-box dl dd ul{
    list-style-type: disc;
    margin-left: 1em;
}
.page #detail .inner .list-box dl:last-child{
    border-bottom: 1px solid #ccc;
}

.text-box h3 {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight: bold !important;
    font-size: clamp(1.875rem, 1.394rem + 1vw, 3.125rem) !important;
    margin-bottom: 0.8em;
}
#phi .inner h3 {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight: bold !important;
    font-size: clamp(1.875rem, 1.394rem + 1vw, 3.125rem) !important;
    margin-bottom: 0.8em;
}
.text-box p {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size: clamp(1.5rem, 1rem + 0.88vw, 2.188rem)!important;
    margin-bottom: 1em;
}

.page-section .staff-header .staff{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-section .staff-header .staff h3{
    width: 50%;
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 4.3rem);
    line-height: 1.4;
}
.page-section .staff-header .staff .card{
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-section .staff-header .staff .staff-img{
    width: 50%;
    max-width: 300px;
    border-radius: 1em;
    overflow: hidden;
    order: 2;
}
.page-section .staff-header .staff .staff-img img{
    display: block;
}
.page-section .staff-header .staff .data{
    color:#fff;
    font-size: 87.5%;
    font-weight: 600;
    margin: auto 1em 0 auto;
}
.page-section .staff-header .staff .data li{
    padding:0.5em 1.5em;
    margin: 0.3em 0 0;
    background-color: #999;
    border-radius: 1.5em;
    display: block;
    white-space: nowrap;
}




.half-box {
    display: flex;
    gap:3%;
    justify-content: center;
    align-items: center;
}
.half-box figure {
    width: 35%;
}
.half-box figure img {
    border-radius: 1.5em;
}
.half-box .text-box {
    width: 65%;
    height: auto;
}

.page #map iframe{
    width: 100%;
    height: 600px;
    border-radius: 1.5em;
}
.page #map .google{
    width: 90%;
    display: flex;
    gap: 3%;
    justify-content: space-between;
    align-items: center;
    margin: 2em auto 0;
}

.page .csr{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 4em;
}
.page .csr ul{
    display: block;
    width: 48%;
    background-color: #fff;
    border-radius: 1em;
    padding:1.5em 2em;
    font-size: clamp(1.125rem, 0.773rem + 2.06vw, 1.8rem);
    margin-bottom: 3em;
}
.page .csr ul .title{
    font-size: 150%;
    margin-bottom: 0.5em;
}
.page .csr ul .img{
    margin-bottom: 0.5em;
}
.page .csr ul .img img{
    border-radius: 0.5em;
}
.page .csr ul .text{
}
.page .csr01{
    display: flex;
    align-items: center;
    gap:3%;
    margin-bottom: 5em;
}
.page .csr01 .csr-box{
    width: 60%;
}
.page .csr01 figure{
    width: 40%;
}
.page .csr01 figure .img{
    border-radius: 1em;
}

.page .business01{
    display: flex;
    gap:4%;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}
.page .business01 h3{
    width: 60%;
}
.page .business01 ul{
    width: 40%;
    display: flex;
    gap:3%;
    justify-content: space-between;
}
.page .business01 ul img{
    border-radius: 1em;
}

.page .wing{
    background-color: #fff;
    padding:1.5em 0 0.5em;
}
.page .wing .inner{
    display: flex;
    gap:3%;
    justify-content: space-between;
    align-items: center;
}

.page .wing .inner .r-box{
    width: 60%;
}
.page .wing .inner .r-box .shops{
    display: flex;
    flex-wrap: wrap;
    gap:2%;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 1.75rem);
    font-weight: 600;
    margin-bottom: 1em;
}
.page .wing .inner .r-box .shops li{
    display: block;
    padding:0.7em 1.5em;
    background-color: #666;
    color:#fff;
    border-radius: 2em;
    margin-bottom: 1em;
}
.page .wing .inner .r-box .bot a{
    color:#fff;
    font-size: 1.6rem;
    text-decoration: none;
    margin: 0 0 2em;
}
.page .sns{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:2%;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 1.75rem);
    font-weight: 600;
    padding: 0 0 2em;
}
.page .sns li{
    display: block;
    width: 49%;
}
.page .sns li a{
    display: block;
    text-decoration: none;
    padding:0.7em 1.5em;
    background-color: #ec6a00;
    color:#fff;
    border-radius: 2em;
    margin: 0 0 1em;
}
.page .sns li a:hover{
    background-color: #eea057;
}
.page .sns li a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin: 0;
    display: block;
    float: right;
}
.page .sns .instagram a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.4em;
    height: auto;
    margin: 0 0.5em 0 0;
}
.page .sns .youtube a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.5em;
    height: auto;
    margin: 0.1em 0.5em 0 0;
}
.page .sns .tiktok a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.1em;
    height: auto;
    margin-right: 0.5em;
}
.page .sns .twitter a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.4em;
    height: auto;
    margin-right: 0.5em;
}
.page .sns .line a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.4em;
    height: auto;
    margin-right: 0.5em;
}

.page .tsubasa .sns{
    display: flex;
    flex-wrap: wrap;
    gap:2%;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 1.75rem);
    font-weight: 600;
}
.page .tsubasa .sns li{
    display: block;
}
.page .tsubasa .sns li a{
    display: inline-block;
    text-decoration: none;
    padding:0.7em 1.5em;
    background-color: #ec6a00;
    color:#fff;
    border-radius: 2em;
    margin: 0 0;
}
.page .tsubasa .sns li a:hover{
    background-color: #eea057;
}
.page .tsubasa .sns li a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}
.page .tsubasa .sns .instagram a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.4em;
    height: auto;
    margin: 0 0.5em 0 0;
}
.page .tsubasa .sns .youtube a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.5em;
    height: auto;
    margin: 0.1em 0.5em 0 0;
}
.page .tsubasa .sns .tiktok a svg {
    fill:#fff;
    display: block;
    float: left;
    width: 1.1em;
    height: auto;
    margin-right: 0.5em;
}
.page .tsubasa .sns li a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}

.page .wing .inner .l-box{
    width: 40%;
}
.page .wing .inner .l-box .img{
    border-radius: 1em;
}

.page .tsubasa{
    background-color: #fff;
    padding:1.5em 0 0.5em;
}

.page .shop{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 1.75rem);
    margin: 3em 0;
}
.page .shop ul{
    display: block;
    width: 30%;
    min-width: 318px;
}

.page .shop ul li{
    margin-bottom: 0.5em;
}
.page .shop ul .shop-name{
    display: block;
    padding: 0.7em 1.5em;
    background-color: #666;
    color: #fff;
    font-weight: 600;
    border-radius: 2em;
    margin-bottom: 1em;
}
.page .shop ul .googlemap{
    display: block;
    margin-bottom: 0.5em;
}
.page .shop ul .googlemap iframe{
    border-radius: 1em;
}
.page .shop ul .adress{
    margin-bottom: 0.8em;
}
.page .shop ul .adress a{
    color:#eea057;
    text-decoration: none;
}
.page .shop ul .adress a:hover{
    color:#ccc;
    text-decoration: none;
}
.page .shop ul .adress a::after{
    content: "\f041";
    font-size: 112.5%;
    font-family: FontAwesome;
    margin-left: 0.3em;
    display: inline-block;
}
.page .shop ul .time{
    font-size: 87.5%;
    font-weight: 600;
}
.page .shop ul .time span{
    display: inline-block;
    padding: 0.7em 1.5em;
    background-color: #efefef;
    border-radius: 2em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}
.page .shop ul .rute{
    padding:0.5em 0;
    margin-bottom: 0;
    border-top: solid 1px #ccc;
}
.page .shop ul .rute2{
    padding:0.5em 0;
    margin-bottom: 0.8em;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
.page .shop ul .rute span,
.page .shop ul .rute2 span{
    width: 3em;
    display: inline-block;
    font-size: 87.5%;
    font-weight: 600;
    color: #999;
}
.page .shop ul .memo{
    font-size: 87.5%;
    color: #999;
}

.page .tsubasa .half {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
    border-top: solid 10px #efefef;
    padding: 3em 0;

}
.page .tsubasa .half div {
    width: 40%;
    min-width: 536px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.page .tsubasa .half p {
    font-weight: 100;
    margin-bottom: 0;
}
.page .tsubasa .half .flyer img {
    width: 100px;
    border-radius: 1em;
}

.privacy_policy .site-main .page {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3em 0;
}

.privacy_policy .site-main .entry-content h2 {
    font-weight: 300;
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.25rem);
    margin-bottom: 2em;
    padding-bottom: 0.5em;
    text-align: center;
    border-bottom: solid 2px #ccc;
}
.privacy_policy .site-main .entry-content h3 {
    font-weight: 600;
    font-size: clamp(1.5rem, 0.773rem + 2.06vw, 2.25rem);
    margin: 2em 0 0.5em;
}
.privacy_policy .entry-content ol {
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2rem);
    margin-bottom: 2em;
    margin-left: 1em;
}
.privacy_policy .entry-content ol li {
    margin: 0 0 0.5em 0.5em;
}
.privacy_policy .entry-content ul {
    list-style: disc;
    font-size: clamp(1.25rem, 0.773rem + 2.06vw, 2rem);
    margin-bottom: 2em;
    margin-left: 1em;
}
.privacy_policy .entry-content ul li {
    margin: 0 0 0.5em 0.5em;
}

.privacy_policy .entry-content .has-text-align-right{
    text-align: right;
}

.qa{
display: flex;
    flex-wrap: wrap;
    gap: 1em 1%;
    justify-content: space-between;
    margin: 2em auto;
}
.qa .sec{
    width:49.5%;
    background-color: #fff;
    padding: 1.5em 1.5em 0.5em;
    border-radius: 1em;
}
.qa .sec .q{
    cursor: pointer;
    padding: 0.3em 0 0;
}
.qa .sec .q:before{
    content: "Q";
    font-size: 130%;
    font-weight: 600;
    color: #fff;
    line-height: 1.0;
    background-color: #ec6a00;
    padding: 0.45em 0.3em 0.3em 0.3em;
    width: 1.8em;
    height: 1.8em;
    border-radius: 2em;
    display: block;
    text-align: center;
    float: left;
    margin: -0.2em 0.3em 0 0;
    
}
.qa .sec .q p{
    font-weight: 600;
    line-height: 1.5;
    color:#ec6a00;
    margin-left: 2.1em;
}
.qa .sec .a{
    padding: 0;
}
.qa .sec .a p{
}
.qa .sec .a:before{
    content: "Answer";
    font-size: 75%;
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
    background-color: #eea057;
    padding: 0.3em;
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

.page-section.data{
    background-color: #fff;
    padding: 2em 0 5em;
    border-radius: 2em;
    margin: 2em auto 0;
}
.page-section.data .table{
    max-width: 1400px;
    margin: 0 auto;
}
.page-section.data dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding:1em 0;
    border-bottom: solid 1px #ccc;
    font-size: clamp(1.25rem, 0.773rem + 1.8vw, 2.063rem);
    line-height: 1.8;
}

.page-section.data dl dt{
    font-size: 87.5%;
    font-weight: 600;
    color:#999;
    width: 17%;
    padding-right:0.7em;
}
.page-section.data dl dd{
    width: 83%;
}
.page-section.data .list-disc{
    list-style-type: disc;
}
.page-section.data .list-disc li{
    margin-left: 1.2em;
}
.page-section.data .list-en{
    list-style-type: upper-alpha;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
.page-section.data .list-en li{
    background-color: #f5f5f5;
    border-radius: 1.5em;
    padding: 0.4em 1.2em;
    margin: 0 0.8em 0.3em 1.5em;
}
.page-section.data .list-en li::marker{
    font-size: 87.5%;
    color:#999;
    font-weight: 600;
}
.wing-links li{
    margin: 0.3em 0;
}
.wing-links a {
    color: #fff !important;
    font-size: 87.5%;
    font-weight: 600;
    text-decoration: none !important;
    margin: 0 0 2em;
    display: inline-block;
    border-radius: 2em;
    padding: 0.8em 1.5em 0.8em 1.8em;
    text-decoration: none;
    background-color: #ec6a00;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.wing-links a:after {
    content: "\f0da";
    font-size: 100%;
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}
.wing-links a:hover{
    background-color: #eea057;
}

.parttime{
    margin-top: 2em;
    margin-bottom: 2em !important;
    font-weight: 600;
}

.page-section.entry {
    background-color: #fff;
    padding: 2em 0 5em;
    border-radius: 2em;
    margin: 2em auto 0;
    display: block;
}
.page-section.entry .wpcf7 {
    max-width: 1400px;
    margin: 0 auto;
}
.page-section.entry .wpcf7 input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset;
}
.page-section.entry .wpcf7 input.wpcf7c-conf:-webkit-autofill {
    box-shadow: 0 0 0 1000px #FAFAB8 inset;
}
.page-section.entry .wpcf7 p{
    margin: 0.5em 0;
    color:#999;
}
.page .site-main .entry-content .machine-history{
    line-height: 2em;
    margin-bottom: 1.5em;
    display: flex;
    flex-wrap: wrap;
}
.page .site-main .entry-content .machine-history li{
    display: inline-block;
    vertical-align: top;
}
.page .site-main .entry-content .machine-history .date{
    width: 20%;
    min-width: 5em;
}
.page .site-main .entry-content .machine-history .machine{
    width: 80%;
}

.page .site-main .entry-content .company-history{
    margin-bottom: 1em;
    display: flex;
    flex-wrap: wrap;
}
.page .site-main .entry-content .company-history li{
    line-height: 1.8;
    margin: 0.5em 0;
    display: inline-block;
    vertical-align: top;
}
.page .site-main .entry-content .company-history .date{
    width: 16%;
    min-width: 10em;
    padding-right:5em;
    text-align: right;
}
.page .site-main .entry-content .company-history .topic{
    width: 84%;
}

.page .site-main .entry-content .company-detail{
    max-width: 700px;
    line-height: 3;
    margin: 0 auto 4em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
}
.page .site-main .entry-content .company-detail li{
    display: inline-block;
    border-bottom:1px solid #ccc;
    vertical-align: top;
}
.page .site-main .entry-content .company-detail .th{
    width: 25%;
    min-width: 10em;
    padding-right:3em;
    text-align: right;
}
.page .site-main .entry-content .company-detail .td{
    width: 75%;
}
.page .site-main .entry-content .company-detail .list-disc{
    line-height: 3em;
    margin: 0.6em 0;
}
.page .site-main .entry-content .company-detail .list-disc li{
    line-height: 1.8;
    list-style-type: disc !important;
    margin-left: 1.5em;
    border: none;
    display: list-item;
}


.page .site-main .entry-content .name{
    list-style: none;
    margin-bottom: 1em;
}
.page .site-main .entry-content .name li{
    display: inline-block;
    font-size: 87.5%;
}
.page .site-main .entry-content .name .text-large{
    font-size: 171.5%;
}

.page .site-main .entry-content .law{
    line-height: 3;
    margin: 0 auto 2em;
    border-top:1px solid #ccc;
}
.page .site-main .entry-content .law li{
    display: inline-block;
    border-bottom:1px solid #ccc;
    vertical-align: top;
}
.page .site-main .entry-content .law .th{
    width: 25%;
    min-width: 10em;
    padding-right:3em;
    font-weight: bold;
}
.page .site-main .entry-content .law .td{
    width: 75%;
}

.site-main .title-header{
    padding: 0 0 0 !important;
    background-color: transparent !important;
}

.page .title-header,
.blog .title-header,
.archive .title-header,
.single .title-header{
    width: 100%;
    margin:0 auto;
    padding:50px 0 0;
    display: block;
}
.page .title-header .h1title,
.blog .title-header .h1title,
.archive .title-header .h1title,
.single .title-header .h1title{
    font-size: 175%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.page .title-header{
    background-color: #e5e5e5;
}


.main .title-header h2{
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display:block;
    letter-spacing: 0.05em;
    background-color: #f5f5f5;
    padding:0.5em 1em;
    margin:1em 0;
}
.main section:first-of-type {
    padding:1em 0 3em;
}
.main section{
    max-width: 1030px;
    margin:0 auto;
    display: block; 
}
.main .inner{
    margin:0 auto;
    display: block;
    padding:3em 15px 3em;
}


.main section h2{
    font-size: 143%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    letter-spacing: 0.03em;
    margin-bottom: 1.5em;
}
.main section h3{
    font-size: 112.5%;
    letter-spacing: 0.05em;
    margin-bottom: 1.3em;
    font-weight: 600;
}
.main section p{
    line-height: 1.8;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
}

.main figure img {
    width: 100%;
    height: auto;
    display: block;
}

.single .post {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4em 0;
    display: block;
}
.single .post .entry-header {
    line-height: 1.3;
    margin: 0 0 1em;
}
.single .post .entry-header .entry-title{
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 2.8rem);
}
.single .post .entry-header .entry-meta{
    font-size: 87.5%;
    margin-bottom: 1em;
}
.single .post .entry-header .entry-meta li{
    display: inline-block;
}
.single .post .entry-header .entry-meta .date{
    margin-right: 0.5em;
}
.single .post .entry-header .entry-meta li.date a{
    color:#999;
}
.single .post .entry-header .entry-meta li.category a{
    display: inline-block;
    padding: 0.3em 1em;
    margin: 0;
    background-color: #ddd;
    border-radius: 1em;
    color: #999;
}
.single .post .entry-header .entry-meta li.date a:hover{
    color:#333;
}
.single .post .entry-header .entry-meta li.category a:hover{
    color:#333;
    background-color: #fff;
}
.single .post .entry-content {
    line-height: 1.8;
    margin-bottom: 1.5em;
}
.single .post .entry-content p {
    font-size: clamp(1.6rem, 0.9rem + 1.5vw, 2rem);
    margin-bottom: 1.5em;
}
.single .post .entry-content h2 {
    font-size: 150%;
    font-weight: 600;
    margin: 1em 0;
}
.single .post .entry-content h3 {
    font-size: 112.5%;
    font-weight: 600;
    margin: 1em 0 0.5em;
}
.single .post .entry-content h4 {
    font-size: 100%;
    font-weight: 600;
    margin: 0.5em 0 0.3em;
}
.single .post .entry-footer{
    background-color: transparent;
    text-align: center;
    margin-bottom: 1.5em;
    clear: both;
}
.single .post .entry-footer a{
    color:#000;
}
.single .post .entry-footer .cat-links{
    display: none;
}

.hr-norm {
    border:none;
    width: 5em;
    height: 3px;
    background-color: #ccc;
    margin:2em auto 4em;
}
hr.separator {
    border:none;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin:1em auto;
}

.main .underline {
    border-bottom:1px solid #bbb;
}
.main .aboutflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main .aboutflex figure {
    width: 38%;
    padding-top:0.5em;
}
.main .aboutflex p {
    width: 59.5%;
}

ul.anchor-menu {
    width: 100% !important;
    display: flex;
    justify-content: center;
    background-color: #efefef;
    padding: 0.5em 0;
    margin:0 0 3em;
}
ul.anchor-menu li {
    margin-right:1px;
    margin-bottom:0 !important;
    line-height: 1.4;

}
ul.anchor-menu li a {
    display: block;
    color:#333;
    text-align: center;
    padding:0.5em 2em 0;
    margin:0 0;
    background-color: #fff;
    text-decoration: none;
}
ul.anchor-menu li a:after {
	font-family: "FontAwesome";
	content: "\f107";
    display: block;
}
ul.anchor-menu li a:hover {
    color:#ccc;
}

ul.tab-menu {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin:0 0 3em;
}
ul.tab-menu li {
    font-size: 125%;
    width: 24.9%;
    margin-bottom:0 !important;
    line-height: 1.4;

}
ul.tab-menu li a {
    display: block;
    width: 100%;
    color:#333;
    text-align: center;
    padding:1em;
    margin:0 0;
    background-color: #ccc;
    text-decoration: none;
    border-radius: 0.5em 0.5em 0 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
ul.tab-menu li span {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    padding:1em;
    margin:0 0;
    background-color: #f5f5f5;
    text-decoration: none;
    border-radius: 0.5em 0.5em 0 0;
}
ul.tab-menu li a:hover {
    color:#fff;
    background-color: #2aa8ff
}

.entry-content #shop1,
.entry-content #shop2,
.entry-content #shop3,
.entry-content #shop4 {
    padding:100px 0 0;
    margin-top:-100px;
    letter-spacing: 0.05em;
}
.entry-content .shop-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4em;
    padding-bottom: 2em;
}
.entry-content #shop1 h2,
.entry-content #shop2 h2,
.entry-content #shop3 h2,
.entry-content #shop4 h2 {
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 112%;
    background-color: #eee;
    padding: 0.5em 1em;
    font-weight: 500;
    margin-bottom: 2em;
}
.entry-content .shop-info figure {
    width: 35%;
}
.entry-content .shop-info ul {
    width: 62%;
    line-height: 1.7;
}
.entry-content .shop-info ul li {
    margin-bottom: 0.8em;
}
.entry-content ul .shop {
    font-weight: 600;
}

.entry-content ol {
    line-height: 1.7;
    margin-bottom: 3em;
    margin-left:1em;
}
.entry-content ol li{
    list-style: decimal;
    margin:0 0 1em 1em;
}

.entry-content .circle li{
    list-style: none;
    margin:0 0 0.5em 0;
    padding-left: 1.1em;
    text-indent: -1.1em;
}

.entry-content .disc{
    margin:0 0 3em 1em;
}

.entry-content .disc li{
    list-style: disc;
    margin:0 0 0.5em 1em;
}
.entry-content .glid{
    margin-bottom:3em;
    border-top: 1px solid #ddd;
    letter-spacing: 0.05em;
}
.entry-content .glid th,
.entry-content .glid td{
    padding:1em 0.5em;
    border-bottom: 1px solid #ddd;
}

.search .main section .entry-title {
    font-size: 143%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}
.search .main section .entry-title a {
    color:#333;
}
.search .main section .entry-title a:hover {
    color:#ccc;
}
.search .main section article {
    border-bottom:1px solid #ddd;
    margin-bottom: 1.5em;
}
.search .search-form .search-submit,
.error404 .search-form .search-submit{
    font-size:100%;
}
.search .search-form .search-field,
.error404 .search-form .search-field{
    font-size:100%;
    padding: 0.3em 1em 0.2em;
}

.checklist {
    background-color: #eee;
    border-radius: 1.5em;
    padding: 2em 2em 1.5em;
    display: inline-block;
}
.checklist .caution{
    font-size: clamp(1.4rem, 0.9rem + 1.5vw, 1.8rem);
    margin-bottom: 1em;
}
.checklist .caution dt{
    font-weight: 600;
}
.checklist .caution dd:before{
    content: "\f0da";
    font-size: 75%;
    font-family: FontAwesome;
    margin: 0 0.5em;
}

.wpcf7-form{
	border-top:1px solid #ccc;
	clear:both;
}
.main section .wpcf7 p {
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 0;
}
.wpcf7 select {
    font-size: 100%;
    margin: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    padding:0.5em 1em;
    width: 100%;
}
.wpcf7 select:after {
    right: 1em;
}
.wpcf7 dl{
	padding:1em 0;
	border-bottom:1px solid #ccc;
	overflow:hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wpcf7 dt{
    width: 30%;
	margin:0;
	padding:0.5em 0.2em;
    font-size: 87.5%;
    font-weight:600;
    color:#999;
}
.page .site-main .entry-content .wpcf7 dt{
    font-size: clamp(1.4rem, 0.9rem + 1.5vw, 1.8rem);
    font-weight:600;
    color:#999;
}


.wpcf7 dd{
    font-size: clamp(1.4rem, 0.9rem + 1.5vw, 1.8rem);
    width:70%;
	margin:0;
	padding:0.5em 0.2em;
}
.wpcf7 dd p{
    font-size: clamp(1.4rem, 0.9rem + 1.5vw, 1.8rem)!important;
}

.wpcf7 dd.radio1{
	margin:0;
	padding:0.5em 0.2em;
}
.wpcf7 .recaptcha{
    color:#ccc;
    font-size: clamp(1.1rem, 0.9rem + 1.5vw, 1.2rem);
    text-align: center;
    margin: 1em auto;
}
.wpcf7 .recaptcha a{
    color:#ccc;
}

.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="text"]{
	width:100%;
	margin:0;
	padding:0.4em;
	font-size:112.5%;
}
.wpcf7 textarea{
	font-size:112.5%;
    height: 8em;
}
.wpcf7 input::placeholder {
	color: #ccc;
}

.required{
	display: inline-block;
	float: left;
	font-size: 75%;
	color: #fff;
	padding: 0.1em 0.4em 0.1em;
	margin:0.2em 0.5em 0 0;
	border-radius: 3px;
	background-color: #dd0000;
}
.wpcf7 .text2{
}
.wpcf7 .en{
	display: block;
    color:#aaa;
    font-size:85.7%;
    margin-left:3em;
}
.wpcf7 .any{
	display: inline-block;
	float: left;
	font-size:75%;
	color: #fff;
	padding: 0.1em 0.4em 0.1em;
	margin:0.2em 0.5em 0 0;
	border-radius: 3px;
	background-color: #ccc;
}
.wpcf7 .harf{
    display: flex;
    gap: 1%;
}
.wpcf7 .harf .wpcf7-form-control-wrap {
    width: 49.5%;
}
.wpcf7 .birthday {
    display: flex;
    gap: 1%;
}
.wpcf7 .birthday label {
    width: 33%;
}
.wpcf7 .birthday label .down2 {
    width: 100%;
}
.wpcf7 .sample{
	margin: 0.5em 0 0;
    display: block;
}
.wpcf7 .zip-search{
	color:#007dd4;
    display: block;
    margin: 0 0 0.3em;
}
.wpcf7 .sendbot{
	width:50%;
}
span.wpcf7-not-valid-tip {
	margin-top: 0.5em;
}
div.wpcf7-response-output {
	margin: 0 0 15px !important;
	padding: 10px 15px !important;
}
div.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #dd0000;
	color:#fff;
    font-size: 150%;
    font-weight:600;
	background-color:#dd0000;
    padding: 5% !important;
    border-radius: 0.5em;
    text-align: center;
}
div.wpcf7 form.sent .wpcf7-response-output {
    border-color: #00cc66;
    color: #fff;
    font-size: 150%;
    font-weight: 600;
    background-color: #00cc66;
    padding: 5% !important;
    border-radius: 0.5em;
    text-align: center;
}

div.wpcf7 form.failed .wpcf7-response-output,
div.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dd0000;
	color:#fff;
    font-weight:600;
	background-color:#dd0000;
}

div.wpcf7 form.spam .wpcf7-response-output {
    border-color: #dd0000;
	color:#fff;
    font-weight:600;
	background-color:#dd0000;
}

div.wpcf7-validation-errors {
	color:#fff;
	border: none !important;
	background-color:#dd0000;
}
.wpcf7-list-item {
    margin: 0 0.3em;
    width: 20%;
    min-width: 7em;
}
dd .clinical {
    margin-bottom: 0.3em;
    display: inline-block;
}
.wpcf7-checkbox .wpcf7-list-item {
}
.wpcf7-radio .wpcf7-list-item {
}
.wpcf7-list-item label {
    display: flex;
    align-items: center;
    white-space: nowrap; 
}
.wpcf7-list-item .wpcf7-list-item-label {
    vertical-align: 20%;
    margin-left: 0.5em;
    display: inline-block;
}
.wpcf7-form .etc-clinical input,
.wpcf7-form .location input{
    width: 50%;
    margin-left: 0.5em;
}

.wpcf7-form .message {
    color:#999;
    font-size:87.5%;
    margin-bottom: 0.7em;
    display: block;
}
.wpcf7-list-item [type="checkbox"],
.wpcf7-list-item [type="radio"] {
    width: 18px;
    height: 18px;
}
.send {
    text-align: center;
    margin-top:1em;
}
.wpcf7c-btn-confirm {
    margin: 0 auto;
}
.send .wpcf7-submit {
	width:50%;
    font-size: 143%;
    font-weight: 400;
    letter-spacing: 0.05em;
	margin: 20px auto;
	padding: 20px;
	background-color: #ec6a00;
	border: none;
	color: #fff;
    border: 1px solid #ccc;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.send .wpcf7-submit:hover {
	background-color: #eea057;
}
.send .wpcf7-confirm {
	width:60%;
	font-size: 150%;
	margin: 15px auto;
	padding: 20px;
	background-color: #ec6a00;
	border: none;
	color: #fff;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.send .wpcf7-confirm:hover {
	background-color: #eea057;
}

.send .wpcf7-back {
	width:7em;
	font-size: 110%;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #eee;
	border: 2px solid #666;
	color: #000;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	cursor: pointer;
}
.send .wpcf7-back:hover {
	color: #fff;
	background-color: #eea057;
    border: 2px solid #eea057;
}
.wpcf7c-conf {
    background-color: #fafabd !important;
    border: 1px solid #e9e945 !important;
}
div.wpcf7 .ajax-loader {
    display: block;
    margin: 0 auto;
}
.wpcf7-spinner {
    display: block;
    margin: 0 auto;
}

.text-bottom-center{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.text-top{
    position: absolute;
    top: 3em;
}


/*-----------------page-contents end---------------------*/

/*----------------archive start--------------------*/

.blog .site-main section,
.archive .site-main section,
.single .site-main section{
    margin: 0 auto 1em;
}
.blog .site-main .page-section,
.archive .site-main .page-section,
.single .site-main .page-section{
    width: 100%;
    margin: 2em auto 2em;
    padding: 0 0 5em;
}
.blog .site-main .page-section .inner,
.archive .site-main .page-section .inner,
.single .site-main .page-section .inner{
    width: 90%;
    margin: 0 auto;
}
.blog .entry-content,
.archive .entry-content,
.search .entry-content{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5em 0 0;
}
.blog .entry-content .inner,
.archive .entry-content .inner {
    margin: 0 auto 2em;
}
.blog .entry-content .page-header,
.archive .entry-content .page-header {
    margin: 0 0 2em;
}
.blog .entry-content a.post,
.archive .entry-content a.post{
    text-decoration: none;
    border-radius: 1.5em;
    background-color: rgba(255,255,255,0.5);
    display: block;
    padding: 1em 1.5em;
    margin: 0 0 1%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.blog .entry-content a.post:hover,
.archive .entry-content a.post:hover{
    background-color: rgba(255,255,255,0.9);
}
.blog .entry-content .archive-title,
.archive .entry-content .archive-title{
    font-weight: 600;
    color: #333;
}
.blog .entry-content .archive-title::before,
.archive .entry-content .archive-title::before {
    font-family: "FontAwesome";
    content: "\f111";
    display: inline-block;
    margin-right: 0.3em;
    color: #eea057;
}
.blog .entry-content .post .post-date,
.archive .entry-content .post .post-date{
    display: inline-block;
    font-size: 75%;
    color: #999;
}
.blog .entry-content .post .post-category,
.archive .entry-content .post .post-category{
    display: inline-block;
    font-size: 75%;
    padding: 0.3em 1em;
    margin: 0 0.5em;
    background-color: #eee;
    border-radius: 1em;
    color: #999;
}
.blog .entry-content .post .post-title,
.archive .entry-content .post .post-title{
    font-size: clamp(1.8rem, 0.7rem + 1vw, 2.5rem);
    line-height: 1.3;
    margin: 0.5em 0;
    color: #333;
}
.blog .entry-content .post:hover .post-title,
.archive .entry-content .post:hover .post-title{
    color: #888;
}

.blog .page-title,
.archive .page-title {
    width: 90%;
    max-width: 1800px;
    height: 30vh;
    margin: 0 auto;
    padding: 100px 3% 0;
    display: flex;
    align-items: center;
}
.blog .page-title .entry-title,
.archive .page-title .entry-title{
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 5rem);
    font-weight: 100;
    margin-bottom: 0.7em;
}
.blog .page-title .entry-title .english,
.archive .page-title .entry-title .english{
    font-size: 50%;
    font-weight: 300;
    margin-left: 1em;
    color: rgba(0,0,0,0.3);
}

.blog .main section,
.archive .main section{
    max-width: 1030px;
    margin:0 auto;
    display: block;
    padding:2em 15px 0;
}
.blog .main section .post,
.archive .main section .post{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.blog .main section .post:after,
.archive .main section .post:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
.blog .main section .post li,
.archive .main section .post li{
    width: 32%;
    display: block;
    margin-bottom: 2.5em;
}
.blog .main section .post img,
.archive .main section .post img{
    width: 100%;
    height: auto;
    display: block;
}
.blog .main section .post li a,
.archive .main section .post li a{
    display: block;
    letter-spacing: 0.05em;
    opacity: 1.0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.blog .main section .post li a .post-title,
.archive .main section .post li a .post-title{
    display: block;
    color:#666;
    margin:1em 0 0.3em;
}
.blog .main section .post li a .post-date,
.archive .main section .post li a .post-date{
    display: block;
    font-size: 87.5%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    color:#ccc;
    margin:0 0;
}
.blog .main section .post li a:hover,
.archive .main section .post li a:hover {
    opacity: 0.6;
}

/*-----------------archive end---------------------*/

/*-----------------error404 search---------------------*/

.error404 .page-title,
.search .page-title{
    width: 90%;
    max-width: 1800px;
    height: 30vh;
    margin: 0 auto;
    padding: 100px 3% 0;
    display: flex;
    align-items: center;
}
.error404 .page-title .entry-title,
.search .page-title .entry-title{
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 5rem);
    font-weight: 100;
    margin-bottom: 0.7em;
}
.error404 .page-title .entry-title .english,
.search .page-title .entry-title .english{
    font-size: 50%;
    font-weight: 300;
    margin-left: 1em;
    color: rgba(0,0,0,0.3);
}
.error404 .page-content {
    margin: 15% auto 5%;
    padding: 0 5%;
}
.error404 .page-content p {
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.125rem);
}
.error404 .page-content p a {
    color:#ec6a00;
    text-decoration: underline;
}
.error404 .page-content p a:hover {
    color: #eea057;
    text-decoration: none;
}
.search .entry-content a {
    text-decoration: none;
    border-radius: 1.5em;
    background-color: rgba(255,255,255,0.5);
    display: block;
    padding: 1em 1.5em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.search .entry-content a:hover {
    background-color: rgba(255,255,255,0.9);
}
.search .entry-content a h2{
    font-size: clamp(1.8rem, 1.3rem + 2vw, 2.5rem);
    line-height: 1.3;
    margin: 0.5em 0;
    color: #333;
}
.search .entry-content a .entry-summary{
    font-size:clamp(1.4rem, 1rem + 1.5vw, 1.8rem);
    margin: 0.5em 0;
    color: #333;
}
.search .entry-content a:hover h2{
    color: #666;
}
.search .entry-content a:hover .entry-summary{
    color: #666;
}

.search .entry-content article {
    margin: 0 0 1%;
}



/*----------------single start--------------------*/

.single .page-title {
    width: 90%;
    max-width: 1800px;
    height: 30vh;
    margin: 0 auto;
    padding: 100px 3% 0;
    display: flex;
    align-items: center;
}
.single .page-title .entry-title {
    font-size: clamp(1.875rem, 0.913rem + 3.08vw, 5rem);
    font-weight: 100;
    margin-bottom: 0.7em;
}
.single .page-title .entry-title .english {
    font-size: 50%;
    font-weight: 300;
    margin-left: 1em;
    color: rgba(0,0,0,0.3);
}

.single .main .entry-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

.entry-content a{
    color:#333;
    text-decoration: underline;
    margin: 0 0.3em;
}
.entry-content a:hover{
    color:#ccc;
    text-decoration: none;
}
.entry-content a:hover img{
    opacity: 0.6;
}

.main .entry-header .entry-meta {
    font-size:87.5%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    letter-spacing: 0.05em;
    color:#999;
    margin: 0.5em 0;
    display: block;
}
.main .entry-header .entry-meta li {
    display: inline-block;
}
.main .entry-header .entry-meta .date {
    margin-right:1em;
}

.main .entry-footer{
    clear: both;
}
.main .entry-header .entry-meta a {
    color:#999;
}
.main .entry-header .entry-meta a:hover{
    color:#333;
}
.single .main .post figure {
    width: auto;
    display: block;
    margin-bottom: 2.5em;
}

/*----------------single end--------------------*/

/*----------------pagenation start--------------------*/

.pagenation {
	margin: 4em 0 2em;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0 auto;
	display: table;
	font-size: clamp(1rem, 0.7rem + 1.5vw, 1.6rem);
}
.pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 0.2em;
    letter-spacing: 0.05em;
}
.pagenation li:first-child {
	margin-left: 0;
}
.pagenation li.active {
	background-color: #fff;
	border-radius: 3px;
	color: #333;
	cursor: not-allowed;
	padding: 0.6em 1em;
}
.pagenation li a {
	background: none repeat scroll 0 0 #e8e8e8;
	border-radius: 3px;
	color: #333;
	display: block;
	padding: 0.6em 1em;
	text-decoration: none;
    margin: 0;
}
.pagenation li a:hover {
	background-color: #fff;
	color: #333;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}
.nav-links {
    clear: both;
    max-width: 1200px;
	margin: 0 auto 2em;
    padding:0;
    font-size: clamp(1rem, 0.663rem + 1.68vw, 1.4rem);
    overflow: hidden;
    border-radius: 1.5em;
}
.nav-links .nav-previous {
    width: 50%;
    flex: unset;
	border-right: 1px solid transparent;
}
.nav-links .nav-next {
    width: 50%;
	flex: unset;
}
.nav-links a {
	display:block;
	padding:0.5em 1em;
    color:#333;
    background-color: #efefef;
    opacity: 1.0;
    display: flex;
    line-height: 1.2;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.nav-links .nav-next a {
    justify-content: flex-end;
    text-align: left;
}
.nav-links a:hover {
    color:#666;
    background-color: #fff;
}
.nav-links .nav-next a:after {
	font-family: "FontAwesome";
	content: "\f105";
    font-size:120%;
    line-height: 1;
    margin-left:0.5em;
}
.nav-links .nav-previous a:before {
	font-family: "FontAwesome";
	content: "\f104";
    font-size:120%;
    line-height: 1;
    margin-right:0.5em;
}

/*----------------pagenation end--------------------*/

/*----------------widget start--------------------*/

.widget-area {
    font-size: 87.5%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em 0 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.widget-area .widget{
    width: 49%;
    display: block;
    background-color: #efefef;
    padding:2em 3% 3em;
    margin: 0 0 1em;
}
.widget-area .widget h2{
    font-size: clamp(1.4rem, 0.7rem + 1vw, 2rem);
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.03em;
    margin-bottom: 1em;
}
.widget-area .widget h3{
    display: block;
    font-size: 143%;
    font-weight: 400;
    margin:1em 0;
    letter-spacing: 0.05em;
}

.widget-area .widget ul{
    border-top:1px solid #bcbcbc;
    display: block;
}
.widget-area .widget ul li{
    border-bottom:1px solid #bcbcbc;
}
.widget-area .widget ul li a{
    color:#333;
    padding:0.8em 0.3em;
    letter-spacing: 0.05em;
    display: block;
    opacity: 1.0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.widget-area .widget ul li a:hover{
    background-color: #fff;
    opacity: 0.6;
}
.widget-area .widget ul.wp-block-archives-list {
    overflow:scroll;
    height:16em;
}

/*-----------------widget end---------------------*/
/*---------------------responsive start-------------------------*/

@media only screen and (max-width:1800px) {
.site-main section.bg04 .recruit-box{
    left:0; 
}
}

@media only screen and (max-width:1500px) {
.staff-list a .img {
    position: relative;
}
.staff-list a .img img {
    position: absolute;
}
.site-header .contact {
    width: auto;
}
.page .sns li {
    width: 100%;
}
.page .sns li a {
    padding: 0.7em 1em 0.7em 1.5em;
}
}

@media only screen and (max-width:1300px) {
.img-box img {
    height: 42em;
    object-position: 50% 50%;
}
.page .wing .inner {
    display: block;
}
.page .wing .inner .r-box {
    width: 100%;
    margin-bottom: 2em;
}
.page .wing .inner .l-box {
    width: 100%;
}
.page .tsubasa .half {
    display: block;
    text-align: center;
}
.page .tsubasa .half .snswarp {
    margin:0 auto 2em;
    padding-bottom: 2em;
    border-bottom: solid 1px #ccc;
}
.page .tsubasa .half .flyer {
    margin:0 auto 0;
}
.privacy_policy .site-main .page {
    width: 90%;
}
}

@media only screen and (max-width:1260px) {
footer .menu {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5em;
}
footer .menu a {
    display: block;
}
footer .menu a::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 75%;
    margin-right: 0.5em;
    padding-top: 0.3em;
    display: block;
    float: left;
}
.c-pagetopWrap {
    margin-top: -290px;
}
}

@media only screen and (max-width: 1250px) {
.home .message .swiper {
    height: 95%;
    border-radius: 2em;
    top: 49%;
}
.home .message figure {
    width: 85%;
    margin: 0 3% 0 auto;
    padding:70px 0 0;
}
.home .message {
    height: 100vh;
    padding: 0 0 7vh;
}
.home .message .swiper .wing-castle {
    background-position-x: 12%;
}
.home .message .swiper .wing-ace {
    background-position-x: 65%;
}
.page .csr ul {
    width: 49%;
    margin-bottom: 1em;
}
.img-box img {
    height: 38em;
    object-position: 60% 50%;
}
body.open {
    overflow: hidden;
}
.hamburger {
    display: block;
}
/* hamburger 切り替えアニメーション */
.hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.hamburger span:nth-child(1) {
    top: 0;
}
.hamburger span:nth-child(2) {
    top: 8px;
}
.hamburger span:nth-child(3) {
    top: 16px;
}
.toggled .hamburger span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.toggled .hamburger span:nth-child(2) {
    width: 0;
    left: 50%;
}
.toggled .hamburger span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
    
.site-header .site-branding {
    width: auto;
    min-width: 12em;
    position: fixed;
    top: 15px;
    left: 15px;
    margin-left: 0;
}

.site-header {
    display: block;
    padding: 70px 0 0;
}
.open .site-header{
    height: 100%;
}

.menu-menu-1-container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0;
}
.open .main-navigation {
    height: 100vh;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    
}
.main-navigation {
    display: block;
    margin: auto;
}
.main-navigation ul {
    background-color: transparent;
    padding: 0;
    display: block;
    width: 80%;
    font-size: 112.5%;
    margin: 0 auto;
}
.main-navigation ul li {
    margin-bottom: 0.7em;
}
.main-navigation ul li a {
    padding: 0.8em 1.5em 0.8em 2em;
    display: block;
    background-color: #fff;
    border-radius: 2em;
}
.main-navigation ul li a:hover {
    background-color:#eea057;
    color:#fff;
}

.main-navigation ul li a::after {
    content: "\f0da";
    font-family: FontAwesome;
    margin-left: 0.8em;
    display: block;
    float: right;
}
.main-navigation .bot02,
.main-navigation .privacy,
.main-navigation .entry,
.main-navigation .contact{
    display: block;
}
    
.main-navigation ul .bot02 a{
    color:#fff;
    background-color: #ec6a00;
}
.main-navigation ul .bot02 a:hover{
    background-color: #eea057;
}

.main-navigation ul{
    display: none;
}
header .contact{
    display: none;
}
.main-navigation.toggled ul {
    visibility: visible;
    height: 650px;
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.text-box2 {
    width: 94%;
    padding: 1em 1.5em 0.1em;
}
.text-box3 {
    width: 94%;
    padding: 1em 1.5em 0.1em;
}
}

@media only screen and (max-width:1150px) {
.page .shop ul {
    width: 48%;
    margin-bottom: 2em;
}
}

@media only screen and (max-width:1100px) {
.home .page-section.home2 .inner {
    width: 100%;
}
.site-header .site-branding {
    min-width: 12.5em;
}
.site-header h1.logo a img {
    width: 100px;
    margin-right: 0.3em;
}
.site-header h1.logo .recruit {
    font-size: 60%;
    padding:0.1em 1em;
    border-radius: 0.3em;
    letter-spacing: 0.15em;
    text-align: center;
}
.main-navigation ul li {
    font-size: 100%;
}
.site-header .contact a {
    padding: 1.25em 1em;
}
.site-main {
    border-radius: 3em 3em 0 0;
}
section .business-menu a ul{
    padding:1.5em 1.5em;
}

.page .page-section .inner {
    width: 100%;
    margin: 0 auto;
}
.page-section.data {
    padding: 1em 0 3em;
    border-radius: 1em;
}
.page-section.data .inner {
    width: 91%;
}
.page .site-main .entry-content h2.w90 {
    width: 100%;
}
.page .site-main .entry-content .img-box1 h3.h3title {
    margin: 0 auto 0 0;
}
    
.staff-list {
    gap: 1em 1%;
}
.staff-list a .staff-content {
    padding: 1em 1em 1em 1em;
}
.staff-list a .staff-content .wing-shop {
    padding: 0.2em 1em;
    margin-bottom: 0.7em;
}
.staff-list a .staff-content .position {
    margin-bottom: 0.3em;
    line-height: 1.1;
}
.staff-list a .staff-content .position span {
    font-size: 60%;
}
.text-box2 {
    margin: -8% auto 0 0;
}
.text-box3 {
    margin: -5% auto 0 0;
}
.page .site-main .entry-content .img-box2 .h3title-en {
    margin: 0 auto 0 0;
}
.img-box1 figure {
    width: 80%;
    border-radius: 1em;
}
.img-box2 figure {
    width: 80%;
    border-radius: 1em;
}
.detail-set {
    gap: 0.8em 1%;
}
.detail-set .detail {
    width: 49.5%;
}
.page-section .staff-header .staff .data {
    font-size: 75%;
}
.page-section .staff-header .staff .data li {
    padding: 0.3em 1em;
    margin: 0.2em 0 0;
}
.page .page-section{
    margin: 0em auto 3em;
}
.page-section .staff-header .staff {
    flex-direction: column;
}
.page-section .staff-header .staff h3 {
    width: 100%;
}
.page-section .staff-header .staff .card {
    width: 100%;
}
.page-section .staff-header .staff .staff-img {
    width: 30%;
}
.page-section.interview .inner hr {
    margin: 2em auto;
}
.home .message {
    width: 100%;
}
.home .site-main section .inner {
    width: 100%;
}
.page-section.home2 .inner a .content2 {
    padding: 1.2em 4% 1.2em 5%;
}
.page-section.home2 .inner .content2 ul .text {
    margin-bottom: 0;
}
.page-section.entry .inner {
    width: 91%;
}
.page #detail .inner .list-box dl {
    display: block;
}
.page #detail .inner .list-box dl dt{
    width: 100%;
}
.page .sns li {
    width: 100%;
}
.blog .site-main .page-section .inner,
.archive .site-main .page-section .inner,
.single .site-main .page-section .inner{
    width: 100%;
}
}

@media only screen and (max-width: 900px) {
#mainvisual svg {
    margin-left: -400px;
}
.site-header .site-branding {
    margin-left: 1%;
}
.site-header .contact {
    margin-right: 1%;
}
.site-main section.bg01 {
    margin: 0em auto;
}
.site-main section.bg04 .recruit-box{
    width:100%; 
}
}

@media only screen and (max-width: 768px) {
.home .message .swiper {
    height: 95%;
    border-radius: 2em;
    top: 49%;
}
.home .message figure {
    width: 85%;
    margin: 0 3% 0 auto;
    padding:70px 0 0;
}
.home .message {
    height: 100vh;
    padding: 0 0 7vh;
}
.home .message .swiper .wing-castle {
    background-position-x: 12%;
}
.home .message .swiper .wing-ace {
    background-position-x: 65%;
}
.home .main .webstore .box {
    font-size: 95%;
}
.site-main .news a.post {
    padding: 1em 0em;
}
.footer-contact{
    width: 93%;
    padding: 1.8em 5% 1.4em;
    border-radius: 1.5em;
    margin: 4em auto;
}
.go-top {
	bottom: 15.8em;
    right:0;
}
.checklist {
    border-radius: 1em;
    padding: 1.5em 1.5em 1em;
}
}

@media only screen and (max-width: 767px) {
.home .message .swiper {
    border-radius: 1em;
}
.home .message h2 {
    right: 3%;
    text-align: center;
}
.scrolldown {
    height: 6vh;
}
.site-main {
    border-radius: 1.5em 1.5em 0 0;
}
.site-main section {
    margin: 0 auto 3em;
    border-radius: 1.5em;
}
section .business-menu{
    flex-wrap:wrap;
    margin:2em 0 0;
    gap: 2em;
}
.home .main .infomation {
    flex-wrap: wrap;
}
.home .main .infomation .news,
.home .main .infomation .calender {
    width: 100%;
}
.widget-area .widget {
    width: 100%;
    border-radius: 1em;
    padding: 1.5em 5% 2.5em;
}
footer .site-info {
    justify-content: center;
    gap: 15%;
}
footer .site-info .menu-footer-menu-container,
footer .site-info .bot-set {
    margin-bottom: 2em;
}
footer .conpany {
    order: 3;
    width: 100%;
    text-align: center;
    margin: 0 auto 2em;
}
.c-pagetopWrap {
    margin-top: -417px;
}
.img-box {
    position: inherit;
    background-color: transparent;
    border-radius: 1.5em 1.5em 0 0;
}
.img-box img {
    height: 25em;
    object-position: 90% 50%;
}
.img-box .text-box {
    position: inherit;
    transform: translateY(0%);
    width: 95%;
    margin: 2em auto 0;
}
.half-box {
    display: block;
}
.half-box .text-box {
    width: 100%;
    margin-bottom: 2em;
}
.half-box figure {
    width: 100%;
}
.page #map .google {
    display: block;
    text-align: center;
}
.page .business01 {
    display: block;
}
.page .business01 h3 {
    width: 100%;
}
.page .business01 ul {
    width: 100%;
}
.page .shop ul {
    width: 100%;
}
.page .csr ul {
    width: 100%;
    margin-bottom: 1em;
}
.text-box p {
    font-size: clamp(1.6rem, 0.773rem + 1.8vw, 2.063rem)!important;
}
.text-box h3 {
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.125rem)!important;
}
#phi .inner h3 {
    font-size: clamp(1.875rem, 1.394rem + 1.54vw, 3.125rem)!important;
}
.qa .sec {
    width: 100%;
}
.page-section.data dl dt {
    width: 100%;
    margin-bottom: 0.7em;
}
.page-section.data dl dd {
    width: 100%;
}
.text-box2 {
    width: 100%;
    margin: 1em 0 0 0;
    padding: 1em 1.2em 0.1em;
}
.text-box3 {
    width: 100%;
    margin: 1em 0 0 0;
    padding: 1em 1.2em 0.1em;
}
.staff-list a {
    width: 100%;
    align-items: stretch;
    overflow: hidden;
}
.img-box1 figure {
    width: 100%;
}
.img-box2 figure {
    width: 100%;
}
.page .site-main .entry-content .img-box2 .h3title-en {
    top: auto;
    bottom: 0.5em;
    right: 0;
    text-align: center;
}
.img-box1 {
    display: block;
}
.page .site-main .entry-content .img-box1 h3.h3title {
    margin: 1em auto;
    text-align: center;
}
.detail-set .detail {
    width: 100%;
    padding: 1.2em 1.2em 0.3em;
}
.home .message figure {
    width: 100%;
}
.home .message h2 {
    left: 3%;
}
.home .site-main section .inner .content1 .text-box {
    width: 100%;
}
.home .site-main section .inner .content1 .img {
    width: 100%;
}
.page-section.home2 .inner a {
    width: 100%;
}
.page-section.home2 .inner a .content2 {
    padding: 2em 4% 2em 5%;
}
.site-main .news {
    padding: 0 5%;
}
.wpcf7 dt {
    width: 100%;
}
.wpcf7 dd {
    width: 100%;
}
.blog .entry-content a.post,
.archive .entry-content a.post {
    border-radius: 1em;
    padding: 0.5em 1em;
}
.search .entry-content a {
    border-radius: 1em;
    padding: 0.5em 1em;
}
.staff-list a .img img {
    width: 100%;
}
.page #detail .inner {
    flex-wrap: wrap;
}
.page #detail .list-box {
    margin: 0 auto 1em;
}
.page #detail .list-box:last-child {
    margin: 0 auto;
    padding: 1.5em 3% 0em;
}
}

@media only screen and (max-width: 650px) {
.page .tsubasa .half div {
    width: 100%;
    min-width: 100%;
    display: block;
}
.page .tsubasa .half .youtube {
    margin: 1em auto 0;
}
.page .tsubasa .half .flyer img {
    margin: 1em auto 0;
}
.page .csr01 figure {
    width: 100%;
}
}
    
@media only screen and (max-width: 530px) {
.site-main section.bg04 .recruit-box{
    padding:1.3em 1.1em;
}
.home .main .big-bana {
    font-size: 87.5%;
}
.home .main .infomation .inner {
    display: block;
}
.home .main .infomation .post {
    width: 100%;
}
.home .main .webstore .inner {
    padding:1em 15px 0;
}
.main .inner {
    padding: 1em 15px 1em;
}
.contact-us .inner {
    padding: 2em 15px 0;
}
    
#page .main {
    padding-top: 0;
}
.main .entry-header,
.main .title-header {
    padding-top:5em;
}
.single .main .entry-header,
.search .main .entry-header{
    padding-top:0em;
}
.blog .main section .post li,
.archive .main section .post li {
    width: 48.5%;
}
.main figure.top {
    margin-left:-15px;
    margin-right:-15px;
}
.main figure.top img {
    width: 100vw;
    max-width: 100vw;
}
ul.anchor-menu {
    width: 100vw !important;
    max-width: 100vw;
    padding: 0.5em 0 0.5em  1px;
    margin: 0 -15px 3em;
}
ul.anchor-menu li a {
    padding: 0.5em 1.5em 0;
}
.entry-content #shop1,
.entry-content #shop2,
.entry-content #shop3,
.entry-content #shop4 {
    padding:2em 0 0;
    margin-top:0;
}
.entry-content .shop-info figure {
    width: 100%;
    margin-bottom: 1em;
}
.entry-content .shop-info ul {
    width: 100%;
}
.main .aboutflex figure {
    width: 100%;
}
.main .aboutflex p {
    width: 100%;
}
.wpcf7 dt{
    float:none;
    width: 100%;
}
.wpcf7 .en {
    display: inline-block;
    margin-left: 1em;
}
.wpcf7 dd{
    float:none;
    width:100%;
}
.qa .sec {
    padding: 0.5em 1em 0em;
}
.qa .sec .q:before {
    font-size: 110%;
    margin: -0.2em 0.3em 0 -0.3em;
}
.page-section .staff-header .staff h3 {
    margin-bottom: 2em;
}
.page-section .staff-header .staff h3 br {
    display: none;
}
.page-section .staff-header .staff .staff-img {
    width: 80%;
    order: unset;
}
.page-section .staff-header .staff .card {
    flex-direction: column;
}
.page-section .staff-header .staff .data {
    margin: 1em auto 0;
    width: 80%;
}
.page-section.interview .inner figure {
    width: 100%;
    float: none !important;
    margin-bottom: 1em !important;
}
.page-section.home2 .inner a .content2 {
    padding: 1.2em 4% 1.2em 5%;
}
.checklist {
    padding: 1.5em 1.2em 0.5em;
}
}

@media only screen and (max-width: 521px) {
.c-pagetopWrap {
    margin-top: auto;
    bottom: 12px;
    right: 0;
    position: fixed;
}
.page .csr ul {
    width: 110%;
    margin-left: -5%;
    margin-right: -5%;
    padding: 1.3em 1.3em;
}
}

@media only screen and (max-width: 350px) {
.home .main .webstore .box {
    text-align: left;
}
.home .main .webstore .box a span {
    display: initial;
    margin-right: 1em;
}
ul.anchor-menu li a {
    padding: 0.5em 1em 0;
}
}
    
/*---------------------responsive end-------------------------*/