/* ------------------------------------------------------------------------------
  共通
-------------------------------------------------------------------------------*/

:root {
    /**** color ****/
    --Black: #555555;
    --White: #FFFFFF;
    --Red: #E60012;
    --Red: #C60012;
    --Gray: #CECECE;
    --LightGray: #F5F5F5;
    --Cream: #FAFAFA;
    /**** font ****/
    --fontMin: 'Noto Serif JP', serif !important;
    --fontGoth: 'Noto Sans JP', serif !important;
    --fontSize_4l: 50px;
    --fontSize_3l: 36px;
    --fontSize_2l: 28px;
    --fontSize_lg: 20px;
    --fontSize_md: 18px;
    --fontSize_sm: 14px;
    --fontSize_xs: 12px;
    --fontSize_xxs: 10px;
    --fontMain: 14px;
    color: var(--Black);
    font-family: var(--fontGoth);
}
body {
    padding-top: 0 !important;
    line-height:2rem;
    font-size: var(--fontSize_sm);
}

.bodyFade {
    display: none;
}

a {
    transition: .3s;
}
th,
dt {
    font-weight: normal;
}
.fontMin {
    font-family: var(--fontMin);
}
.fontGoth: {
    font-family: var(--fontGoth);
}
.fontSize_4l {
    font-size: var(--fontSize_4l);
}
.fontSize_3l {
    font-size: var(--fontSize_3l);
    line-height: 3.5rem;
}
.fontSize_2l {
    font-size: var(--fontSize_2l) !important;
    line-height: 2.7rem;
}
.fontSize_lg {
    font-size: var(--fontSize_lg);
}
.fontSize_md {
    font-size: var(--fontSize_md);
}
.fontSize_sm {
    font-size: var(--fontSize_sm);
}
.fontSize_xs {
    font-size: var(--fontSize_xs);
}
.fontSize_xxs {
    font-size: var(--fontSize_xxs);
}
.txt-l {
  text-align: left !important;
}
.txt-r {
  text-align: right !important;
}
.txt-c {
  text-align: center !important;
}

@media screen and (max-width: 414px) {
    body {
        line-height:28px;
        font-size: var(--fontSize_sm);
    }
    .fontSize_4l {
        font-size: var(--fontSize_lg);
    }
    .fontSize_lg {
        font-size: var(--fontSize_sm);
    }
    .fontSize_2l {
        font-size: var(--fontSize_lg);
    }
}

h2 {
    font-size: var(--fontSize_2l);
}
h2 span{
    display: block;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--fontMin);
}
img {
    display: block;
    max-width: 100%;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
hr {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 0;
  border-top: 1px solid var(--Gray);
  clear: both;
}
.el_Black,
.el_Black a {
    color: var(--Black) !important;
    transition: .3s;
}
.el_White,
.el_White a{
    color: var(--White);
    transition: .3s;
}
.el_Red,
.el_Red a,
a.el_Red {
    color: #4cb947;
    transition: .3s;
}

.el_Black a:hover,
a.el_Black:hover,
.el_Red a:hover,
a.el_Red:hover,
.el_White a:hover,
a.el_White:hover {
    transition: .3s;
}
/*
.el_White a:hover,
a.el_White:hover {
    color: var(--Black);
    transition: .3s;
}
.el_Red a:hover,
a.el_Red:hover {
    color: var(--Black);
    transition: .3s;
}
*/
.el_titleWhite,
.el_titleBlack {
    position: relative;
    margin-bottom: 80px;
    padding-bottom: 20px;
    text-align: center;
}
.el_titleWhite{
    color: var(--White);
}
.el_titleBlack {
    color: var(--Black);
}
.el_titleWhite:before,
.el_titleBlack:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 45px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--Black);
}
.el_underBarBlack,
.el_underBarWhite {
    position: relative;
}
.el_underBarBlack:after,
.el_underBarWhite:after {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 45px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--Black);
}
.el_titleWhite:before,
.el_underBarWhite:before {
    background-color: var(--White);
}
.el_titleBlack:before
.el_underBarBlack:before {
    background-color: var(--Black);
}

.el_titleWhite span,
.el_titleBlack span {
    font-size: var(--fontSize_sm);

}
.el_titleTri,
.widgettitle {
    font-size: var(--fontSize_lg);
    font-family: var(--fontMin);
    padding-left: 25px;
}
.el_titleTri::before,
.widgettitle::before {
    position: absolute;
    margin-top: -25px;
    width: 0;
    height: 51.95px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #4cb947;
    left: 40px;
}
.el_border {
    border: solid 1px var(--Black);
}
.el_link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    display: inline-block;
    margin-top: 50px;
    font-family: var(--fontMin);
    width: 150px;
    transition: .3s;
}
.el_linkL {
    width: 250px;
    transition: .3s;
}

.el_link:hover {
    transition: .3s;
    width: 200px;
}
.el_linkL:hover {
    transition: .3s;
    width: 280px;
}
.el_externalLink {
    background-image: url(../img/icon-link.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 14px;
    padding-right: 18px;
    transition: .3s;
}
.el_linkArrow  {
    width: 100%;
    height: 15px;
    border-bottom: 1px solid var(--White);
    border-right: 1px solid var(--White);
    transform: skew(45deg);
    margin: -10px 0 0 -10px;
    min-width: 150px;
    transition: .3s;
}

.el_linkArrow:hover  {
    transition: .3s;
}

.el_Red .el_linkArrow  {
    border-bottom: 1px solid #4cb947;
    border-right: 1px solid #4cb947;
    transition: .3s;
}
.el_Black .el_linkArrow  {
    border-bottom: 1px solid var(--Black);
    border-right: 1px solid var(--Black);
    transition: .3s;
}
/*
.el_Black .el_linkArrow :hover {
    border-bottom: 1px solid #4cb947;
    border-right: 1px solid #4cb947;
}
*/
.el_shadowWhite {
    text-shadow: 0px 0px 4px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;
}
.bl_displayCenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 200px;
    transition: .3s;
}
.bl_displayRight {
    display: block;
    margin-right: 0;
    margin-left: auto;
    max-width: 150px;
    z-index: 100;
    transition: .3s;
}
.bl_justify {
    display: flex;
    justify-content: space-between;
}
#pageTop {
    background-color: #000;
    padding: 6px 9px;
    position:fixed;
    bottom:100px;
    right:20px;
    z-index:101;
    text-align: center;
    border-radius: 50px;
    font-size: var(--fontSize_xs);
}
#pageTop a{
    color: var(--White);
    display: block;
}

.pageTopArrow {
    position: fixed;
    bottom: 100px;
    right: -10px;
    width: 11px;
    height: 60px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: skewY(135deg);
    margin: 10px 50px 0 30px;
    z-index:100;
}
.fadeInUp {
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(150px);
    -webkit-transition: 2s;
    transition: .1s;
}
.effect {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
}
.el_pc {
    display: block;
}
.el_sp {
    display: none;
}
/* ------------------------------------------------------------------------------
  レイアウト
-------------------------------------------------------------------------------*/
section {
    clear: both;
}
.ly_MainVisual {
    height: 100vh;
}

.ly_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media (min-width: 768px) {
  .ly_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ly_container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ly_container {
    width: 1170px;
  }
}
.ly_titleArea {
    height: 500px;
    background-size:cover;
    position:relative;
}
.ly_titleArea h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    text-shadow: 0px 0px 7px #555;
}

.ly_colLeft {
    padding-right: 25px;
    width: 50%;
    float: left;
}
.ly_colRight {
    padding-left: 25px !important;
    padding-right: 15px;
    width: 50%;
    float: right;
}
.ly_colLeftLg {
    padding-left: 15px;
    padding-right: 25px;
    width: 66.66666%;
    float: left;
}
.ly_colRightSm {
    padding-left: 25px !important;
    width: 33.33333%;
    float: right;
    position: relative;
}
.ly_colPush {
    left:50%;
    position: relative;
    z-index: 2;
    padding-left: 25px;
    padding-right: 0;
}
.ly_colPull {
    right: 50%;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    padding-left: 0;
}
.ly_colLeft .outer,
.ly_colRight .outer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ly_colShort {
    width: 70%;
    padding:30px 60px;
    margin-bottom: 100px;
}
.ly_colShort dt {
    font-weight: normal;
    width: 35%;
    border-right: solid 1px #4cb947;
    padding: 8% 0;
}
.ly_colShort dd {
    padding: 5% 40px;
}
.bl_col2 li {
    float: left;
    width: 50%;
    padding :14px;
    position:relative;
    transition: .3s;
}
.bl_col3 li {
    float: left;
    width: 33.33333%;
    padding :14px;
    position:relative;
    transition: .3s;
}
.bl_col4 li {
    float: left;
    width: 25%;
    padding :7px;
    position:relative;
    transition: .3s;
}
.bl_block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.el_section {
    padding:120px 0;
 }

.el_rect {
    width : 100% ;
    padding-top : 100% ;
}
.el_WhiteBg {
    background-color:var(--White);
}
.el_RedBg {
    /* background-color:#4cb947; */
    background-color: #4cb947;
    color:var(--White);
}
.el_BlackBg {
    background-color:var(--Black);
    color:var(--White);
}
.el_RedBg q,
.el_BlackBg q{
    color:var(--White);
}
.el_GrayBg {
    background-color:var(--Gray);
}
.el_LightGrayBg {
    background-color:var(--LightGray);
}
.el_CreamBg {
    background-color:var(--Cream);
}

.el_RedBorder {
    border: solid 1px #4cb947;
}
.el_RedBorderRight {
    border-right: solid 1px #4cb947;
}
/* ------------------------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------------------------*/
header {
    position: fixed;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 100;
    transition: .5s;
}
header.fixed {
    background-color: rgb(102 166 29 / 70%);
    /*transform: translateY(-100%);*/
    transition: .5s;
}

h1 {
    display: inline-block;
}
.logo {
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-left: 30px;
    transition: .5s;
}
header.fixed .logo {
    padding-top: 13px;
    transition: .5s;
}
header nav {
    float: right;
}
header nav ul{
    display: flex;
    justify-content: space-between;
}
header nav li{
    margin-top: 37px;
    padding-left: 30px;
    font-family: var(--fontMin);
    transition: .5s;
}
header.fixed nav li{
    margin-top: 20px;
    transition: .5s;
}
header nav li:last-child {
    margin-top: 31px;
    padding-left: 0;
    transition: .5s;
}
header.fixed nav li:last-child {
    margin-top: 14px;
    transition: .5s;
}
header nav li:last-child a{
    border: solid 1px var(--White);
    padding-right: 0;
    padding-left: 0;
    margin-left: 30px;
    transition: .3s;
}
header nav li a {
    color: var(--White);
    position: relative;
    display: inline-block;
    text-decoration: none;
}
header nav li a::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: var(--White);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
header nav li a:hover::after ,
header nav li a.active::after {
    bottom: -4px;
    opacity: 1;
    visibility: visible;
}

header nav li:last-child a {
    padding: 5px 30px;
}
header nav li:last-child a:hover {
    color: var(--Black);
    background-color: var(--White);
    transition: .3s;
}
header nav li:last-child a:hover::after{
    bottom: 2px;
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 1280px) {
    header nav {
        display: none;
    }
}
/* ------------------------------------------------------------------------------
  トップページ
-------------------------------------------------------------------------------*/
video {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 850px;
    object-fit: cover;
    width: 100%;
    background-image: url(../img/mainTop.jpg);
}
#TopPage {
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    height: 850px;
    color: var(--White);
    position: relative;
}
#TopPage h2{
    font-size:50px;
    font-family: var(--fontMin);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 100%;
    padding-top: 47%;
    text-align:left;
    line-height: 4rem;
    z-index: 10;
    position: relative;
}
#TopPage h2 span{
    font-size:var(--fontSize_lg);
    display: block;
    margin-right: 40px;
    min-height: 280px;
}

#TopPage .bl_tri{
    clip-path: polygon(100% 63%, 25% 100%, 100% 100%);
    background-color: #4cb947c2;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 110%;
    width: 60%;
    z-index: 0;
}
#TopPage .outer{
}
#TopPage .inner{
}
.topLeadImg{
    background-image: url(../img/TopLeadImg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}
.topLeadImgSp {
    display: none;
}

#product {
    background-image: url(../img/productBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
}
#tips {
    background-image: url(../img/tipsBg.png);
    background-position: left;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}
#company {
    background-image: url(../img/tipsComBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}
#recruit {
    background-image: url(https://dev.cheat-co.net/wp-content/uploads/2021/04/recruitBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}
#recruitBg {
    background-image: url(../img/recruitBg.jpg);
    background-position: right;
    background-size: cover;
    background-repeat:no-repeat;
    min-height: 300px;
    margin-bottom: 160px;
}
#works {
    background-image: url(../img/worksBg.jpg);
    background-position: left;
    background-size: cover;
    background-repeat:no-repeat;
}
#request {
    background-image: url(../img/requestBg.jpg);
    background-position: right;
    background-size: cover;
    background-repeat:no-repeat;
}
#privacy {
    background-image: url(../img/privacyBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
}
#tips .inner {
    padding: 0 120px 0 0;
    margin: 0 0 0 auto;
}
#works .inner {
    padding: 0 30px 0 0;
    margin: 0 0 0 auto;
}
#company .inner {
    padding: 0 0 0 120px;
    margin: 0 auto 0 0;
}
#calendar .inner {
    padding: 0 0 0 60px;
    margin: 0 auto 0 0;
}
#calendar .inner {
    max-width: 450px;
}
.bl_cat li {
    float: left;
    width: 25%;
    padding :7px;
    position:relative;
    text-align: center;
    transition: .3s;
}
.bl_cat li a{
    display: block;
    width: 100%;
    min-height: 150px;
    padding-top: 30%;
    font-family: var(--fontMin);
}
.bl_catImg01,
.bl_catImg02,
.bl_catImg03,
.bl_catImg04,
.bl_catImg05,
.bl_catImg06,
.bl_catImg07,
.bl_catImg08,
.bl_catImg09 {
    background-position: center top 33%;
    background-size: 50%;
    background-repeat:no-repeat;
    border: solid 5px var(--White);
}
.bl_catImg01:hover,
.bl_catImg02:hover,
.bl_catImg03:hover,
.bl_catImg04:hover,
.bl_catImg05:hover,
.bl_catImg06:hover,
.bl_catImg07:hover,
.bl_catImg08:hover,
.bl_catImg09:hover {
    background-size: 70%;
    border: solid 5px #4cb947;
    transition: .3s;
}
.bl_catImg01 {
    background-image: url(../img/catImg01.png);
}
.bl_catImg02 {
    background-image: url(../img/catImg02.png);
}
.bl_catImg03 {
    background-image: url(../img/catImg03.png);
}
.bl_catImg04 {
    background-image: url(../img/catImg04.png);
}
.bl_catImg05 {
    background-image: url(../img/catImg05.png);
}
.bl_catImg06 {
    background-image: url(../img/catImg06.png);
}
.bl_catImg07 {
    background-image: url(../img/catImg07.png);
}
.bl_catImg08 {
    background-image: url(../img/catImg08.png);
}
.bl_catImg09 {
    background-image: url(../img/catImg09.png);
}
/*
.bl_catImg08 {
    background-image: url(../img/catImg08.png);
    background-position: center top 33%;
    background-size: 10%;
    background-repeat:no-repeat;
}
.bl_catImg08:hover {
    background-size: 20%;
}
*/
.bl_info {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.bl_info dt {
    padding-top: 25px;
    font-size: var(--fontSize_xs);
    font-weight: 600;
 }
.bl_info dd {
    border-bottom: solid 1px var(--LightGray);
    padding-bottom: 25px;
 }

.el_newsTag {
    color: var(--White);
    background-color: #4cb947;
    padding: 0 25px 2px 25px;
    font-family: var(--fontMin);
    border: solid 1px #4cb947;
    margin-left: 20px;
    font-weight: normal;
    font-size: var(--fontSize_xs);
}
.el_blogTag {
    color: #4cb947;
    background-color: var(--White);
    padding: 0 25px 2px 25px;
    font-family: var(--fontMin);
    border: solid 1px #4cb947;
    margin-left: 20px;
    font-weight: normal;
    font-size: var(--fontSize_xs);
}
.el_tipsTag {
    color: var(--White);
    background-color: #4cb947;
    padding: 0 25px 2px 25px;
    font-family: var(--fontMin);
    border: solid 1px #4cb947;
    font-weight: normal;
    font-size: var(--fontSize_xs);
}
.el_news_blogTag {
    color: #4cb947;
    background-color: var(--White);
    padding: 0 25px 2px 25px;
    font-family: var(--fontMin);
    border: solid 1px #4cb947;
    font-weight: normal;
    font-size: var(--fontSize_xs);
}

@media screen and (max-width: 1280px) {
    #tips .inner {
        padding: 0;
        margin: 0  auto;
    }
    #works .inner {
        padding: 0;
        margin: 0 auto;
    }
    #company .inner {
        padding: 0;
        margin: 0 auto;
    }
    #calendar .inner {
        padding: 0;
        margin: 0 auto;
    }
}
/* ------------------------------------------------------------------------------
  下層ページ
-------------------------------------------------------------------------------*/
.ly_pageNavi,
.ly_pageNavi2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    background-color:var(--Cream);
}
.ly_fixedNavi{
    width: 100%;
    transition: .3s;
}
.ly_fixedNavi.fixed{
    position: fixed;
    top: 45px;
    max-width: 1140px;
    transition: .3s;
    z-index: 3;
}
.ly_pageNavi li,
.ly_pageNavi2 li {
    text-align: center;
    margin: 25px 0;
    padding: 5px 0;
    border-right: solid 1px var(--Black);
    width: 100%;
}
.ly_pageNavi li:last-child,
.ly_pageNavi2 li:last-child {
    border-right: none;
}
.ly_pageNavi li a,
.ly_pageNavi2 li a{
    display: block;
}
.ly_pageNavi li a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f13a";
    right: 10px;
    margin: 0 0 0 10px;
    font-weight: 900;
}
.ly_pageNavi2 li a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f13a";
    right: 10px;
    margin: 0 0 0 10px;
    font-weight: 900;
}

.bl_btn {
    position: relative;
    display: block;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    transition: .3s;
}
.bl_btn a,
.bl_btn input[type=submit]{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    transition: .3s;
}
.bl_btn a:after,
.bl_btn input[type=submit]:after {
    content: "";
    display: block;
    width: 40%;
    height: 10px;
    border-bottom: 1px solid #f8b3b8;
    border-right: 1px solid #f8b3b8;
    transform: skew(45deg);
    margin: -10px 0 0 -10px;
    min-width: 100px;
    transition: .3s;
    position: absolute;
    right: -50px;
    top: 27px;
}

.bl_btn a:hover,
.bl_btn input[type=submit]:hover {
    transition: .3s;
    padding-left: 30px;
}
.bl_btn a:hover:after,
.bl_btn input[type=submit]:hover:after {
    right: -80px;
    transition: .6s;
}

.bl_btnWc {
    position: relative;
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    transition: .3s;
}
.bl_btnWc a{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    transition: .3s;
    font-family: var(--fontMin);
}
.bl_btnWc a::after{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/catalog.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
    transition: .3s;
}
.bl_btnWc a:hover::after{
    width: 40px;
    transition: .3s;
}
/* ------------------------------------------------------------------------------
  事業内容
-------------------------------------------------------------------------------*/
.bl_Bg1 {
    position: absolute;
    background-color:var(--Cream);
    width: 90%;
    height: 80%;
    top: 20%;
    right: -5%;
    z-index: -1;
    max-height: 1350px;
}
.bl_leftBg {
    position: absolute;
    background-color:var(--Cream);
    width: 90%;
    height: 100%;
    top: 50px;
    left: -50px;
    z-index: -1;
}
.bl_rightBg {
    position: absolute;
    background-color:var(--Cream);
    width: 90%;
    height: 70%;
    top: 170px;
    right: -50px;
    z-index: -1;
}
.bl_fullLeft{
	position: relative;
}
.bl_fullLeft::before{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.4;
}
.bl_fullLeft .inner {
    padding: 0 120px 0 0;
    margin: 0 0 0 auto;
/* 	max-width: 465px; */
/* 	Addition 04/08 */
    max-width: 600px;
	text-shadow: 0 0 3px black;
}
.bl_fullRight .inner {
    padding: 0 0 0 120px;
    margin: 0 auto 0 0;
    max-width: 465px;
}
.bl_worldMap {
    position: absolute;
    max-width: 50%;
    bottom: -190px;
    left: 19%;
    z-index: 2;
}
#productBanner {
    margin-top: 150px;
    margin-bottom: 150px;
}

@media screen and (max-width: 1280px) {
    .bl_fullLeft .inner {
        padding: 15px;
        margin: 0 auto;
    }
    .bl_fullRight .inner {
        padding: 15px;
        margin: 0 auto;
    }
    .bl_Bg1 {
        right: -25px;
    }
    .bl_leftBg {
        left: -25px;
    }
    .bl_rightBg {
        right: -25px;
    }
}
@media screen and (max-width: 834px) {
    .bl_Bg1 {
        top: 17%;
        max-height: 1650px;
    }
}
@media screen and (max-width: 768px) {
    .bl_Bg1,
    .bl_rightBg {
        right: 0;
    }
}
/* ------------------------------------------------------------------------------
  会社情報
-------------------------------------------------------------------------------*/

#greeting {
    position: relative;
}
#greeting .bl_block{
    position: absolute;
    width: 85%;
    font-family: var(--fontMin);
    font-size: var(--fontSize_md);
    left: 25%;
    bottom: -110px;
    padding: 5%;
}
#greeting dt,
#greeting dd{
}
#greeting dt {
    font-weight: normal;
    width: 25%;
    border-right: solid 1px var(--White);
    padding: 8% 0;
}
#greeting dd {
    padding-left: 40px;
    width: 75%;
}

#philosophy .bl_col4 li ol li {
    float: none;
    width: 100%;
}
#philosophy .bl_col4 li ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
}

#philosophy .bl_col4 li ol li {
    padding-left: 30px;
    position: relative;
    line-height: 18px;
}
#philosophy .bl_col4 li ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    display: block;
    float: left;
    line-height: 14px;
    margin-left: -18px;
    text-align: center;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    border: solid 1px;
    font-size: 10px;
    padding-left: 1p;
}

.bl_circleBg {
    opacity: .1;
    background-color:#4cb947;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 330px;
    height: 330px;
}
#behavioral {
    background-color:#4cb947;
    color:var(--White);
    padding: 50px 0;
}
#behavioral ol{
    padding-left: 30px;
}
#behavioral .ly_colLeft {
    padding-right: 25px;
    width: 25%;
    float: left;
}
#behavioral .ly_colRight {
    padding-left: 25px !important;
    width: 75%;
    float: right;
    border-left: solid 1px var(--White);
}

#behavioral ol li{
    list-style-type: decimal;
}
#behavioral .outer{
  display: table;
  width: 100%;
}
#behavioral .inner{
  display: table-cell;
  vertical-align: middle;
}

#profile {}


table {
    width: 100%;
    border-bottom: solid 1px var(--Gray);
}
tr {
    border-top: solid 1px var(--Gray);
}
th {
    width: 25%;
    padding: 20px 60px;
    background-color:var(--Cream);
}
td {
    width: 75%;
    padding: 20px 60px;
}

table.table {
    width: 100%;
    border-top: none;
}
table.table tr {
    border-top: none;
    border-bottom: solid 1px var(--Gray);
}
table.table th {
    width: 30%;
    padding: 30px 60px;
    background-color:var(--Cream);
}
table.table td {
    width: 70%;
    padding: 30px 60px;
    vertical-align: middle;
}
.el_tableNoColor th {
    background-color: transparent !important;
}
.el_tableNoBorder th {
    border: none !important;
}


@media screen and (max-width: 414px) {
    .bl_gaiyou dt {
        width: 70px;
    }
    .bl_gaiyou dd {
        padding-left: 10px;
         width: 200px;
     }
}


#history dt,
#history dd {
    float: left;
 }
#history dt {
     font-weight: normal;
     width: 25%;
     padding-bottom: 5px;
     padding-left: 30px;
 }
#history dd {
     padding-left: 40px;
     width: 75%;
     padding-bottom: 5px;
     padding-left: 0;
 }

/* ------------------------------------------------------------------------------
  プライバシーポリシー
-------------------------------------------------------------------------------*/
.privacyList {

}
.privacyList dt,
.privacyList dd {
    border-bottom: solid 1px var(--Gray);
}
.privacyList dt {
    padding: 15px 60px;
}
.privacyList dd {
    padding: 15px 60px 40px 60px;
}

.privacyList table {
    border-bottom: none;
}
.privacyList tr {
    border-top: none;
}
.privacyList th {
    width: 25%;
    padding: 0;
    background-color:none;
}
.privacyList td {
    width: 75%;
    padding: 0;
}
.privacyList dt:first-of-type {
    border-bottom: none;
}
.privacyList dd:last-of-type {
    border-bottom: none;
}
/* ------------------------------------------------------------------------------
  採用情報
-------------------------------------------------------------------------------*/
#voice .el_link:hover {
    transition: .3s;
    width: 150px;
}
#voice .bl_col3 li:nth-child(4) {
    margin-left: 16.66666666%
}

.el_zoom {
    background-size: 120%;
    transition: .3s;
}
.el_zoom:hover {
    background-size: 140%;
    transition: .3s;
}
@media (max-width: 1112px) {
    .el_zoom {
        background-size: 140%;
    }
    .el_zoom:hover {
        background-size: 160%;
    }
    #voice .fontSize_2l {
        font-size: var(--fontSize_lg) !important;
        line-height: 2.4rem !important;
    }
}
@media (max-width: 834px) {
    .el_zoom {
        background-size: 160%;
    }
    .el_zoom:hover {
        background-size: 180%;
    }
    #voice .fontSize_2l {
        font-size: var(--fontSize_lg) !important;
        line-height: 2.4rem !important;
        letter-spacing: -3px;
    }
}
 /* ------------------------------------------------------------------------------
  フッター
-------------------------------------------------------------------------------*/
footer {
   margin-top:50px;
}

#footer {
    background-image: url(../img/footerBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
}
#footer a{
    color: var(--White);
    transition: .3s;
}
#footer a:hover{
    opacity: .8;
    transition: .3s;
}
.footerLogo img {
    max-width: 250px;
}
.ly_footerLeft {
    width: 25%;
    float: left;
}
.ly_footerRight {
    width: 75%;
    padding-left: 5%;
    float: right;
}
.ly_footerLeft .outer{
    min-height: 350px;
}

.ly_footerRight li {
    float: left;
    width: 20%;
}
.ly_footerRight li ul li{
    float: none;
    width: 100%;
}
.footerLink {
    font-size: 13px;

}
.footerLink:before {
    content: "-";
    padding-right: 4px;
    color: var(--White);
    margin-left: 4px;

}
.bl_BtnContact {
    border: solid 1px var(--White);
    color: #4cb947 !important;
    background-color: var(--White);
    display: block;
    text-align:center;
    font-family: var(--fontMin);
    width: 100%;
    margin-top: 25px;
    padding: 15px;
}
.bl_BtnPhone {
    border: solid 1px var(--White);
    color: var(--White);
    display: block;
    text-align:center;
    font-family: var(--fontMin);
    font-size: var(--fontSize_2l);
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
}
footer h3{
   font-family: var(--fontGoth) !important;
}
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?2937468');
    src: url('../font/fontello.eot?2937468#iefix') format('embedded-opentype'),
    url('../font/fontello.woff?2937468') format('woff'),
    url('../font/fontello.ttf?2937468') format('truetype'),
    url('../font/fontello.svg?2937468#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-size: 26px;
    margin-top: -2px;
    position: absolute;
    right: 55px;
    /*font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
@media (max-width: 1080px) {
    .ly_footerLeft {
        width: 50%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .ly_footerRight
     {
        width: 78%;
        padding-left: none;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}
/* ------------------------------------------------------------------------------
  カレンダー
-------------------------------------------------------------------------------*/
.xo-event-calendar table.xo-month {
    border: none !important;
}
.xo-event-calendar {
    position: relative;
    padding: 10px 30px !important;
}
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td {
    border: none !important;
}
.xo-event-calendar table {
    color: var(--Black) !important;
}
.xo-event-calendar table.xo-month > thead th.sunday,
.xo-event-calendar table.xo-month > thead th  {
    color: var(--Black) !important;
    background-color: var(--LightGray) !important;
}
.xo-event-calendar table.xo-month .month-next {
    float: none !important;
}
.xo-event-calendar table.xo-month > caption {
    text-align:left !important;
}
.xo-event-calendar table.xo-month .month-dayname td div.today {
    color: var(--Black) !important;
}
.xo-event-calendar table.xo-month .month-dayname td div {
    text-align: center;
    line-height: 1.9em;
    border-width: 0 !important;
}
.xo-event-calendar table.xo-month .month-dayname-space {
    border-top: solid 1px var(--LightGray) !important;
    margin: 2px 0 -5px 0;
}
.xo-event-calendar table.xo-month .month-dayname td {
    padding: 5px !important;
}
.holiday-all {
    color: #4cb947 !important;
}
.xo-event-calendar table.xo-month button span.nav-next {
    background-position: center top 7px;
    background-size: 7px 10px !important;
}
.xo-event-calendar table.xo-month button span.nav-prev {
    background-size: 7px 10px !important;
}
.holiday-titles {
    display: none !important;
}

/* ------------------------------------------------------------------------------
  WEBカタログ
-------------------------------------------------------------------------------*/
.ctrl .fnavbar .fnav .fnav-item>a {
    font-size: 24px !important;
}

/* ------------------------------------------------------------------------------
  投稿ページ
-------------------------------------------------------------------------------*/
.ly_paginations {
    padding: 100px 0;
    position: relative;
}
.pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.page-numbers li {
    border-top: solid 1px var(--Gray);
    border-bottom: solid 1px var(--Gray);
    border-left: solid 1px var(--Gray);
    background-color: var(--White);
    float: left;
    font-size: var(--fontSize_xs);
    transition: .3s;
}
/*
.page-numbers li:hover {
    border-top: solid 1px #4cb947;
    border-bottom: solid 1px #4cb947;
    border-left: solid 1px #4cb947;
    background-color: #4cb947;
    transition: .3s;
}
*/
.page-numbers li a {
    display: block;
    padding: 3px 10px;
    background-color: var(--White);
    transition: .3s;
}
.page-numbers li a:hover {
    color: var(--White);
    background-color: #4cb947;
    transition: .3s;
}
li .page-numbers.current {
    color: var(--White);
    background-color: #4cb947;
    border-top: solid 1px #4cb947;
    border-bottom: solid 1px #4cb947;
    border-left: solid 1px #4cb947;
    transition: .3s;
    padding: 2px 10px;
    height: 100%;
    display: block;
}
.page-numbers li:last-child {
    border-right: solid 1px var(--Gray);
}
.bl_linkPrev a,
.bl_linkNext a,
.bl_linkListtop a{
    border: solid 1px var(--Gray);
    background-color:var(--White);
    padding: 15px 20px;
    margin: 50px 15px;
    font-family: var(--fontMin);
    font-size: var(--fontSize_sm);
    transition: .3s;
}
.bl_linkPrev a:hover,
.bl_linkNext a:hover,
.bl_linkListtop a:hover{
    border: solid 1px #4cb947;
    background-color:#4cb947;
    transition: .3s;
    color:var(--White);
}
.el_listImg {
    width: 100% !important;
    height: 200px !important;
    overflow:hidden;
}
.el_listImg img{
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: .3s;
    overflow:hidden;
}
.el_listImg img:hover {
    transform:scale(1.2,1.2);
    transition:.3s all;
}
#categories-4 {
    padding-bottom: 80px;
    border-bottom: solid 1px var(--Gray);
}
#jal_widget-2 {
    padding-top: 80px;
}
#categories-4 .widgettitle,
#jal_widget-2 .widgettitle {
    padding-bottom: 40px;
}
#categories-4 li,
#jal_widget-2 li {
    margin-left: 30px;
}

/* 月別アーカイブ展開表示 */
a.jaw_months{
    margin-left:1px;
}
a.jaw_years:after {
    content: '年';/* 年を西暦の後ろに追加 */
}
a.jaw_years:after {
    content: "＋"; /* +のアイコン */
    margin-right: 1px;
    display: inline-block;
    color: #4cb947;
    position: absolute;
    right: 0;
    transition: .3s;
}
.expanded a.jaw_years:after {
    content: "−"; /* －のアイコン */
    display: inline-block;
    color: var(--Gray);
    position: absolute;
    right: 0;
    transition: .3s;
}

.ly_colRightSm .menu li li {
    padding-bottom: 20px;
}


#tipsMain {
    background-image: url(../img/tipsMain.jpg);
    background-position: right;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}
#news_blogMain {
    background-image: url(../img/news_blogMain.jpg);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    color: var(--White);
}

.bl_slider li {
    padding :14px;
}
/* ------------------------------------------------------------------------------
  お問い合わせ
-------------------------------------------------------------------------------*/
#contact {
    background-image: url(../img/contactBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#telBg {
    background-image: url(../img/telBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ly_outerTable th {
    vertical-align: middle;
}
.ly_innerTable,
.ly_innerTable tr,
.ly_innerTable th,
.ly_innerTable td {
    border: none !important;
}

.ly_innerTable th {
    padding: 5px 5px 5px 0;
}
.ly_innerTable td {
    padding: 5px 5px 5px 30px;
}

.el_inputSm {
    width: 60px !important;
    padding-left:10px;
}
.el_inputMd {
    width: 80px !important;
    text-align:center;
}

input,
textarea,
select {
    background-color:var(--White);
    border: solid 1px var(--LightGray);
    border-radius: 3px;
    padding: 5px;
}
input[type=text],
input[type=email],
textarea {
    width: 100%;
}
select {
    background-image: url(../img/arrow_down.png);
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size: 10px;
}
#zip1-1,
#zip2-1,
#zip3-1 {
    width: 15%;
}

#zip1-2,
#zip2-2,
#zip3-2 {
    width: 20%;
}


#pref1,
#pref2,
#pref3{
    width: 25%;
    margin-top:10px;
}

#address1,
#address2,
#address3{
    width: 73%;
    float: right;
    margin-top:10px;
}

.zip-button1,
.zip-button2,
.zip-button3{
    color: #4cb947;
    background-color: var(--White);
    border: solid 1px;
    font-size: 10px;
    padding: 0 30px;
    line-height: 22px;
    transition: .3s;
}
.zip-button1:hover,
.zip-button2:hover,
.zip-button3:hover {
    color: var(--White);
    background-color: #4cb947;
    border: solid 1px #4cb947;
    transition: .3s;
}

input[type=checkbox] {
  appearance: none;
  display: none;
}

input[type=checkbox] + span:before {
    content:"";
    display:inline-block;
    width:2em;
    height:2em;
    background:url(../img/checkbox_off.png) no-repeat;
    background-size:contain;
    vertical-align: middle;
}

input[type=checkbox]:checked + span:before {
    content:"";
    background:url(../img/checkbox_on.png) no-repeat;
    background-size: contain;
}

input[type=radio] {
  appearance: none;
  display: none;
}

input[type=radio] + span:before {
    content:"";
    display:inline-block;
    width:2em;
    height:2em;
    background:url(../img/checkbox_off.png) no-repeat;
    background-size:contain;
    vertical-align: middle;
}

input[type=radio]:checked + span:before {
    content:"";
    background:url(../img/checkbox_on.png) no-repeat;
    background-size: contain;
}

.submit {
    padding: 10px 50px;
    text-align:center;
    width: 100%;
    margin-top: -10px;
}

.tab-group{
    display: flex;
    justify-content: center;
    transition: 1s;
}
.tab {
    flex-grow: 1;
    padding:5px;
    list-style:none;
    border-top:solid 1px var(--Gray);
    border-bottom:solid 1px var(--Gray);
    border-left:solid 1px var(--Gray);
    text-align:center;
    cursor:pointer;
    transition: 1s;
}
li.tab:last-child {
    border-right:solid 1px var(--Gray);
}
.panel-group{
    transition: 1s;
}
.panel{
    display:none;
    opacity: 0;
    transition: 1s;
}
.tab.is-active,
.tab.is-active:hover{
    border-top: solid 1px #4cb947;
    border-bottom: var(--Cream);
    background-image:url(../img/border_top_red.png);
    background-repeat:repeat-x;
}
.panel.is-show{
    display:block;
    opacity: 1;
    transition: 1s;
}
/* ------------------------------------------------------------------------------
  ドロワー
-------------------------------------------------------------------------------*/
@media (min-width: 1279px) {
#nav-drawer {
    display: none;
}
}
#drawer-checkbox {
  display: none;
}
#drawer-icon {
  cursor: pointer;
  display: inline-block;
  position: fixed;
  width: 30px;
  height: 30px;
  z-index: 10000;
  top: 35px;
  right: 45px;
}
#drawer-text {
  font-size: 10px;
  position: absolute;
  top: 70px;
  right: 35px;
}
#drawer-icon span {
  background: var(--White);
  display: block;
  height: 1px;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 5px;
  transition: all 0.3s ease-in-out;
  width: 30px;
}
#drawer-icon span::before {
  -webkit-transform: rotate(0);
  background: var(--White);
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 0px;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 40px;
}
#drawer-icon span::after {
  -webkit-transform: rotate(0);
  background: var(--White);
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 5px;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 35px;
}
#drawer-icon span::before {
  margin-top: -15px;
}
#drawer-icon span::after {
  margin-top: 13px;
}
#drawer-checkbox:checked ~ #drawer-icon span {
  background: rgba(51, 51, 51, 0);
  height: 2px;
}
#drawer-checkbox:checked ~ #drawer-icon span::before,
#drawer-checkbox:checked ~ #drawer-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
/*   width: 80%; */
	width: 30%;
  max-width: 100%;
  height: 100%;
  background:rgba(255, 255, 255, 1);
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(-100%);
  padding: 50px;
}
/*
@media screen and (max-width:480px) {
  #drawer-content {
    width: 80%;
    padding: 50px 20px;
  }
  #drawer-icon {
    top:5px;
    right: 15px;
  }
  #drawer-text {
    display: none;
  }
  .slider {
    padding-top: 50px;
  }
}
*/
#drawer-checkbox:checked ~ #drawer-content {
  transform: translateX(0);
}

#drawer-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: #FFF;*/
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
#drawer-checkbox:checked ~ #drawer-close {
  display: block;
  opacity: 0.5;
}

#drawer-content li {
  padding :10px;
}


/*---------------------------------------
   文字間調整
-----------------------------------------*/
.ls10 {
    letter-spacing: 1rem
}
.ls15 {
    letter-spacing: 1.5rem
}
.ls20 {
    letter-spacing: 2rem
}
.ls25 {
    letter-spacing: 2.5rem
}
/*---------------------------------------
   padding
-----------------------------------------*/
.p0{
    padding: 0 !important;
}
.p10{
    padding: 10px !important;
}
.p20{
    padding: 20px !important;
}
.p30{
    padding: 30px !important;
}
.p40{
    padding: 40px !important;
}
.pt0{
    padding-top: 0 !important;
}
.pt5{
    padding-top: 5px !important;
}
.pt10{
    padding-top: 10px !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: 55px !important;
}
.pt50{
    padding-top: 50px !important;
}
.pt55{
    padding-top: 55px !important;
}
.pt60{
    padding-top: 60px !important;
}
.pt65{
    padding-top: 65px !important;
}
.pt70{
    padding-top: 70px !important;
}
.pt75{
    padding-top: 75px !important;
}
.pt80{
    padding-top: 80px !important;
}
.pt85{
    padding-top: 85px !important;
}
.pt90{
    padding-top: 90px !important;
}
.pt95{
    padding-top: 95px !important;
}
.pt100{
    padding-top: 100px !important;
}


.pb0{
    padding-bottom: 0 !important;
}
.pb5{
    padding-bottom: 5px !important;
}
.pb10{
    padding-bottom: 10px !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;
}
.pb55{
    padding-bottom: 55px !important;
}
.pb60{
    padding-bottom: 60px !important;
}
.pb65{
    padding-bottom: 65px !important;
}
.pb70{
    padding-bottom: 70px !important;
}
.pb75{
    padding-bottom: 75px !important;
}
.pb80{
    padding-bottom: 80px !important;
}
.pb85{
    padding-bottom: 85px !important;
}
.pb90{
    padding-bottom: 90px !important;
}
.pb95{
    padding-bottom: 95px !important;
}
.pb100{
    padding-bottom: 100px !important;
}

.p30{
    padding: 30px !important;
}
.p50{
    padding: 50px !important;
}
.pl30{
    padding-left: 30px !important;
}
.pl50{
    padding-left: 50px !important;
}
.pr50{
    padding-right: 50px !important;
}
/*---------------------------------------
   margin
-----------------------------------------*/
.m0{
    margin: 0 !important;
}
.m20{
    margin: 20px !important;
}
.m50{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mt0{
    margin-top: 0 !important;
}
.mt5{
    margin-top: 5px !important;
}
.mt10{
    margin-top: 10px !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{
    padding-top: 50px !important;
}
.mt55{
    margin-top: 55px !important;
}
.mt60{
    margin-top: 60px !important;
}
.mt65{
    margin-top: 65px !important;
}
.mt70{
    margin-top: 70px !important;
}
.mt75{
    margin-top: 75px !important;
}
.mt80{
    margin-top: 80px !important;
}
.mt85{
    margin-top: 85px !important;
}
.mt90{
    margin-top: 90px !important;
}
.mt95{
    margin-top: 95px !important;
}
.mt100{
    margin-top: 100px !important;
}



.mb0{
    margin-bottom: 0px !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !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;
}
.mb55{
    margin-bottom: 55px !important;
}
.mb60{
    margin-bottom: 60px !important;
}
.mb65{
    margin-bottom: 65px !important;
}
.mb70{
    margin-bottom: 70px !important;
}
.mb75{
    margin-bottom: 75px !important;
}
.mb80{
    margin-bottom: 80px !important;
}
.mb85{
    margin-bottom: 85px !important;
}
.mb90{
    margin-bottom: 90px !important;
}
.mb95{
    margin-bottom: 95px !important;
}
.mb100{
    margin-bottom: 100px !important;
}
/*---------------------------------------
   改行
-----------------------------------------*/
.br {
  display:block;
}
@media screen and (max-width:414px) {
  .br {
    display:inline-block;
  }
}

.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
    }
}
/*quynh add artical 22.2  */
.c-table01{
	line-height: 1.5;
}
.c-table01 td {
    width: auto;
    padding: 4px 5px;
	border:1px solid ;
	vertical-align:middle;
}
.c-box01 + .c-box01{
		margin-top: 30px;
	}
.c-box01__img img{
	height:180px;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.c-box01__cont p + p{
		margin-top: 10px;
	}
.u-mt60{
	margin-top: 60px;
}
.u-center{
	text-align:center;
}
.u-red{
	color: rgb(198, 0, 18);
}
.l-layout2c {
    display: flex;
	justify-content:space-between
}
.l-layout2c__item{
	width: 43%;
	flex-shrink:0;
}
.l-wrapOver{
	overflow-y:auto;
}

/* ---02/25--- */

.l-senpai-voice{
	padding-top: 120px;
	counter-reset: questions;
}
/*---------------------------------------
   先輩の声
-----------------------------------------*/
.p-cardName{
	margin-bottom: 75px;
}

.p-cardName .ly_container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	
.p-cardName__box{
	width: 50%;
	height: 21vw;
	max-height: 400px;
	box-sizing: border-box;
	background-color: #e60012;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
	
.p-cardName__box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-cardName__content h3{
	font-size: 1.45vw;
	line-height: 1.5;
	position: relative;
}

.p-cardName__content h3:before{
	position: absolute;
    width: 0;
    height: 51.95px;
    content: '';
    transform: rotate(45deg);
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: white;
    left: 0;
    top: 0;
    margin-left: -10px;
    margin-top: -25px;
}

.p-cardName__content{
	width: 70%;
}

.p-cardName__content p{
	margin-top: 42.5px;
	font-size: 14px;
}

.p-questions.p-questions--mt,
.p-questions .ly_container .p-questions__item{
	margin-top: 40px;
}

.p-questions .ly_container .p-questions__item:first-child{
	margin-top: 0;
}

.p-questions__item h4{
	font-size: 28px;
	color: #e60012;
	margin-bottom: 30px;
}

.p-questions__item h4::before{
	counter-increment: questions;
	content: "Q" counter(questions) " ";
}

.p-questions__item p{
	font-size: 15px;
	line-height: 1.8;
}

.p-introduce{
	margin: 125px 0;
}

.p-introduce--noImg{
	margin: 100px 0;
}

.p-introduce .ly_container{
	height: 600px;
	position: relative;
}

.p-introduce__content{
	position: relative;
	width: 90%;
	min-height: 580px;
	margin: 0 auto;
	margin-right: 0;
	background-color: #fafafa;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 50px 10px;
}

.p-introduce__content--w100{
	width: 100%!important;
	min-height: 300px;
}

/* .p-introduce--02 .p-introduce__content{
	justify-content: flex-start;
	right: initial;
	margin: 0 auto;
	margin-left: 0;
}

.p-introduce--02 .p-introduce__image{
	right: 0;
} */

@media only screen and (min-width: 750px) and (max-width: 1200px){
	.p-introduce__content{
		z-index: 2!important;
		width: 60%;
	}
}

.p-introduce__text{
	width: 600px;
	box-sizing: border-box;
	padding: 0 48px;
}

.p-introduce__text--w100{
	width: 100%;
}

.p-introduce__image{
	width: 450px;
	height: 450px;
	position: absolute;
	z-index: 1;
	transform: translatey(-50px);
}

@media only screen and (min-width: 991px){
	.p-introduce__image{
		width: 550px;
		height: 550px;
	}
}

.p-introduce__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-introduce__text h3{
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 37px;
}

.p-introduce__text p{
	font-size: 15px;
	line-height: 1.86;
}

.p-schedule{
	padding-top: 95px;
	padding-bottom: 100px;
}

.p-schedule__box{
	width: 80%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px 95px;
	background-color: #f5f5f5;
	text-align: center;
}

.c-title{
	text-align: center;
	font-size: 26px;
	line-height: 1.1;
	padding-bottom: 35px;
	margin-bottom: 50px;
	position: relative;
}

.c-title::before{
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	width: 8%;
	height: 1px;
	background-color: black;
}

.c-title span{
	font-size: 14px;
}

.p-schedule__content{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	position: relative;
}

.p-schedule__content::before{
	display: block;
	content: '';
	position: absolute;
	top:0;
	left: 50%;
	transform: translatex(-50%);
	width: 1px;
	height: 100%;
	background-color: black;
}

.p-schedule__content .p-schedule__contentBox:first-child{
	padding-right: 47px;
}

.p-schedule__content .p-schedule__contentBox:last-child{
	padding-left: 47px;
}

.p-schedule__contentBox{
	box-sizing: border-box;
	width: 50%;
}

.p-schedule__contentBox h4{
	font-size: 14px;
	color: #e60012;
	text-transform: uppercase;
	font-weight: bold;
}

.p-schedule__contentBox ul{
	text-align: left;
}

.p-schedule__contentBox li{
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	margin: 25px 0;
}

.p-schedule__contentBox li:last-child{
	margin-bottom: 0;
}

.p-schedule__contentBox li p{
	width: 70%;
	box-sizing: border-box;
}

.p-schedule__contentBox li p:first-child{
	width: 30%;
	padding-right: 5%;
	font-weight: bold;
}

.p-interview{
	padding-top: 45px;
	padding-bottom: 100px;
	background-color: #f5f5f5;
}

.p-interview__list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.p-interview__item{
	width: 24.8%;
	height: 25%;
}

.p-interview__item a{
	display: block;
	width: 100%;
	height: 100%;
}

.p-interview__item figure{
	width: 100%;
	height: 100%;
	position: relative;
}

.p-interview__item a,
.p-interview__item img{
	width: 100%;
	height: 100%;
}

.p-interview__item a{
	overflow: hidden
}

.p-interview__item img{
	object-fit: cover;
	transition: 0.5s all;
}

.p-interview__item a:hover img{
	transform: scale(1.1);
	transition: 0.3s all;
}

.p-interview__item figcaption{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: right;
	color: white;
	padding: 38px 15px;
	padding-bottom: 25px;
	box-sizing: border-box;
	pointer-events: none;
}

.p-interview__item figcaption h3,
.p-interview__item figcaption h4,
.p-interview__item figcaption p{
	margin:0 auto;
	margin-right: 0;
	max-width: 50%;
}

.p-interview__item figcaption h3{
	font-size: 21px;
	line-height: 1.5;
}

.p-interview__item figcaption p{
	margin-bottom: 67.5px;
	margin-top: 20px;
	font-size: 16px;
	opacity: 0.9;
	max-width: 100%;
}

.p-applied-job{
	padding: 100px 0;
}

.p-applied-job .ly_container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-applied-job a{
	background-color: #e60012;
	color: white;
	padding: 20px 50px;
}

/* Addition CSS 04/09 */
.post-content p{
margin-bottom: 2rem;
}
.post-content .bold{
	font-weight: bold;
}
.post-content .red{
	color: red;
}
.post-content .underline{
	text-decoration: underline;
}
.post-content h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2.5rem;
}
.post-content .bigger{
font-size: 16px;
font-weight: 600;
}
.post-content .smaller{
	font-size: 12px
}
.post-content .red{
	color: red;
}
.post-content .blue{
	color: blue;
}
.post-content .pink{
	color: #ff00ff;
}
.post-content ul{
	margin-bottom: 2rem
}
.post-content ul li{
	list-style: initial;
	list-style-position: inside;
}
.post-content .flex{
margin-bottom: 2rem;
display: flex;
flex-wrap: wrap;
}
.post-content .flex .item{
	margin-top: 1rem
}
.post-content .flex .item:last-child{
	margin-right: 0;
}
.post-content .flex--auto .item{
	margin-right: 2%;
}
.post-content .flex--2 .item{
	max-width: 49%;
	margin-right: 2%
}
.post-content .flex--3 .item{
	 width: 32%;
	margin-right: calc(4% / 3);
}
.post-content .flex--4 .item{
	max-width: 24%;
	margin-right: calc(4% / 3);
}
.post-content .block-img{
	width: 300px;
	height: 206px;
	max-width: 100%;
}
.post-content .flex .block-img{
margin-right: 1rem;
}
.post-content .block-img.block-img--auto-height{
	height: auto;
}
.post-content .block-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* ---FAQ Tips 04/12--- */
.p-faqTips{
	padding: 0 100px;
}

.p-faqTips li a{
	padding: 1rem 0.5rem;
	border-bottom: 1px solid var(--Gray);
}

.p-faqTips li:last-child a{
	border-bottom: none;
}

.p-faqTips__content{
	display: flex;
	align-items: baseline;
	width: 100%;
	box-sizing: border-box;
	transition: 0.3s all;
	position: relative
}

.p-faqTips__content::after{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	top: 50%;
	right: 1rem;
	transform: translatey(-50%);
	opacity: 0.8;
	transition: 0.1s all
}

.p-faqTips__content:hover::after{
	opacity: 1;
}

.p-faqTips__content:hover{
	background-color: #c6001247;
	color: white;
}

.p-faqTips__content .el_tipsTag{
	margin: 0 1rem; 
}
/*MV設定*/
.page-id-1404 .ly_titleArea {
    background-image: url(../img/aboutMain.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-1391 .ly_titleArea {
    background-image: url(../img/aboutMain.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-1394 .ly_titleArea {
    background-image: url(../img/myaccountBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-596 .ly_titleArea {
    background-image: url(../img/recruitBg_page.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-1392 .ly_titleArea,
.page-id-1393 .ly_titleArea,
.single-product .ly_titleArea,
.post-type-archive-product .ly_titleArea {
    background-image: url(../img/cartBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-1395 .ly_titleArea {
    background-image: url(../img/privacyBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.woocommerce header img, .woocommerce-page header img{
    max-width: 250px!important;
}

.page-id-1395 .entry-content p {
    margin: 20px 0;
}

.page-id-1395 .entry-content h4.wp-block-heading {
    font-size: 1.5em;
    font-weight: bold;
}.product-summary {
    display: flex;
}
.product-summary > div{
    margin: 20px;
}.page-id-17 section.el_CreamBg,
.page-id-17 #voice .ly_container,
.page-id-17 section.el_CreamBg+section{
    display: none;
}

.slideshow.slick-initialized.slick-slider.slick-dotted {
    height: 850px;
    width: 100%;
    overflow: hidden;
}

.slick-slide {
    position: relative;
    height: 850px; /* 必要に応じて高さを調整 */
}
.slick-slide img
{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}.slick-list.draggable {
    height: 850px;
    width: 100%;
}

.slick-track {
    height: 850px;
}

/* .slick-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
} */
#Toppage{
    width: 100%;
}
#Toppage .ly_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
#Toppage .inner{
    width: 90%!important;
}
#TopPage h2 {
    font-size: 30px;
    padding-top: 37%;
    margin: 0 auto;
}
#TopPage h2 span{
    font-size: 40px!important;
    margin-right: 30%;
    height: 400px;
    margin-top: -100px;
}
#TopPage .bl_tri{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    height: 50%;
    width: 30%;
}