@charset "UTF-8";

[data-scrolled="false"] .l-header--sticky-lg {
	box-shadow: none;
}

.firstview {
	position: relative;
}

.pc-mv {
  position: relative;
	overflow: hidden;
	border-radius: 40px;
}

.pc-mv-cont {
	width: 640px;
	position: absolute !important;
	margin: 0 auto !important;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 101;
	-webkit-animation: pc-mv-cont 1.2s both 1s;
	          animation: pc-mv-cont 1.2s both 1s;
}

.pc-mv::after{
	content: ""!important;
	background: url(./img/fv-wrap_bottm.svg)no-repeat;
	width: 100%!important;
	height: 20%;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	-webkit-animation: pc-mv-cont-after 1.2s both 1.6s;
	          animation: pc-mv-cont-after 1.2s both 1.6s;
}

.fv_catch {
	margin: 0!important;
	font-weight: bold;
	font-size: 3.4rem;
	line-height: 1;
	position: absolute !important;
	bottom: -0.5em;
	right: 30px;
	z-index: 101;
	color: #ddd;
	mix-blend-mode: multiply;
	-webkit-animation: pc-mv-cont-after 1.2s both 2s;
						animation: pc-mv-cont-after 1.2s both 2s;
}

@keyframes pc-mv-cont {
  0% {
    transform:translate(-50%,-45%);
    opacity:0;
  }
  100% {
    transform:translate(-50%,-50%);
    opacity:1;
  }
}

@keyframes pc-mv-cont-after{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


.home_concept {

}

.home_concept_txt {
	font-size: 1.25rem;
	line-height: 1.7;
}

.home_concept img {
	border-radius: 32px 0 0 32px;
}

.home_concept .smb-section-break-the-grid__content {
	border-radius: 24px;
}

.pc-mv-cont figure.wp-block-image.size-large.is-resized {
    width: 75%;
}

.eng {
    /* font-family: 'Inconsolata', monospace!important; */
    font-family: 'Rubik', sans-serif !important;
}

.has-sm-xlarge-font-size {

}

h2.has-sm-xlarge-font-size {
	font-size: 4rem !important;
}

.gra {
	background: -webkit-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	background: -o-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	background: linear-gradient(to right, #32819f 0%, #00b8ee 30%, #003893 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fea-pane .smb-panels__item {
	box-shadow: none;
	border: 2px solid #00b8ee;
	/* -webkit-border-image: -webkit-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	-o-border-image: -o-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	border-image: linear-gradient(to right, #32819f 0%, #00b8ee 30%, #003893 100%); */
	border-image-slice: 1;
	border-radius: 18px;
}

.contept-media{
    position: relative;
}

.contept-media .c-row__col.c-row__col--1-1.c-row__col--lg-1-3 {
    background: #fff;
    padding: 30px;
}

.contept-media {
    position: relative;
}

.contept-text {
    background: #fff;
    max-width: 600px;
    position: absolute;
    padding: 32px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.l-footer{
    border-top: none!important;
}
.ft_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.tel-box{
   /* background-color: #00B8EE; */
   height: 152px;
   display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    width: 35%;
    background: #06beb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #48b1bf, #06beb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mail-box{
    /* background-color: #F0F0C0; */
    width: 35%;
    height: 152px;
   display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background: #36D1DC;
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
    background: linear-gradient(to right, #5B86E5, #36D1DC);
    font-weight: bold;
}
.mail-box a {
    display: block;
    text-decoration: none;
}
img.mail-icon {
    width: 44px;
}
p.mail-text {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
p.tel-text {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}
p.tel-num {
    /* font-family: 'Inconsolata', monospace!important; */
    font-family: 'Josefin Sans', sans-serif!important;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}
.tel-box a {
    text-decoration: none;
}
p.tel-num span{
    position: relative;
}
p.tel-num span::before{
    content: "";
    background: url(./img/tel.svg)no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
    position: absolute;
    left: -33px;
    top: 0px;
}

.c-header-content {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
}

.c-header-content .h_phone::before {
	content: "";
	display: block;
	background: url(./img/tel_blue/index.html)no-repeat;
	width: 20px;
	height: 20px;
	background-size: contain;
}

@media (min-width: 640px){
footer .c-fluid-container {
padding-left: 0!important;
padding-right: 0!important;
}
}
div#block-14 {
    background: url(./img/bottm.svg)no-repeat;
    width: 100%!important;
    height: 100%;
    background-size: cover;
    padding: 195px 0px 37px;
    color: #727171;
    font-size: 16px;
    font-weight: bold;
}
div#block-9 {
    margin-top: 80px!important;
    margin-bottom: -3.6em;
}
div#block-8 {
    margin-top: 80px;
}
.has-text-align-center.f_tel {
    margin-top: 0;
}
p.has-text-align-center.f_fax {
    margin-top: 0;
}
.l-footer--default .l-footer-widget-area{
    padding-bottom: 0!important;
}
.l-footer--default .c-copyright{
    background: none!important;
    color: #727171!important;
}
.conc-sec{
    position: relative;
}
.conc-sec::after{
    content: "";
    background: url(./img/mark.svg)no-repeat;
    width: 162px;
    height: 162px;
    background-size: 100%;
    position: absolute;
    right: 3%;
    top: 20px;
}
p.tel_time {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

/* ニュースの部分後で変更 */
.new-sect h3.c-entry-summary__title {
    color: #fff;
    font-weight: bold;
}
.new-sect .c-entry-summary__meta {
    color: #fff;
    font-weight: bold;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-473.c-navbar__item{
    color: #fff;
    background: #36D1DC;
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
    background: linear-gradient(to right, #5B86E5, #36D1DC);
    font-weight: bold;
}

.vertical_btn {
    width: 74px;
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 200;
}
.vertical_btn a {
    display: block;
}
.wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--more-wider.online-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: -62px;
}
.online-btn a.smb-btn {
    background: #fc4a1a;
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
    background: linear-gradient(to right, #f7b733, #fc4a1a);
    height: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    padding-left: 9.2rem!important;
    position: relative;
}
.online-btn a span:first-child{
    font-family: 'Rubik', sans-serif !important;
}
.online-btn a.smb-btn::before{
    content: "";
    background: url(./img/bord.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    position: absolute;
    top: 25px;
    left: 180px;
}
.c-entry__meta {
    display: none;
}
nav.p-global-nav.p-global-nav--hover-text-color.p-global-nav--current-same-hover-effect small {
    font-family: 'Rubik', sans-serif !important;
    font-weight: bold;
}
p.has-text-align-center.feat-p {
    font-family: 'Rubik', sans-serif !important;
    font-weight: bold;
    padding-top: 0;
    margin-top: 0!important;
    background: -webkit-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
    background: -o-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
    background: linear-gradient(to right, #32819f 0%, #00b8ee 30%, #003893 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width:872px){
    .vertical_btn{
        display: none;
    }
}
@media (max-width:639px){
    li#menu-item-270 a:after {
        content: "HOME";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-271 a:after {
        content: "OFFICE";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-285 a:after{
        content: "SERVICE";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-397 a:after{
        content: "SERVICE RATE";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-679 a:after{
        content: "EVALUATION SYSTEM";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-462 a:after{
        content: "FAQ";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-529 a:after{
        content: "WEB CONSULTING PAGE";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    li#menu-item-473 a:after{
        content: "INQUIRIES";
        display: block;
        font-family: 'Rubik', sans-serif !important;
        font-size: 10px;
    }
    figure.wp-block-table.contract-tabel {
        overflow: auto;
        white-space: nowrap;
    }
    .contract-tabel table {
        width: 100%;
    }
    .contract-tabel::-webkit-scrollbar{/*tableにスクロールバーを追加*/
        height: 5px;
    }
    .contract-tabel::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
        background: #F1F1F1;
    }
    .contract-tabel::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
        background: #BCBCBC;
       }
    .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider.sme-hidden-md.sme-hidden-lg-up.sp-fv {
        margin-top: 0;
    }
    /* header.l-header.l-header--1row.l-header--sticky-sm.l-header--sticky-lg{
        background: url(./img/nav-back01.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgb(255,255,255,.8);
    } */
    .l-header__content {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .c-hamburger-btn__bars{
        width: 29px!important;
    }
    .c-row__col.c-row__col--fit.u-invisible-lg-up {
        border: 1px solid #333;
        padding: 5px;
        border-radius: 5px;
    }
    span.c-hamburger-btn__label {
        margin-top: 3px;
        font-weight: bold;
        font-size: 10px!important;
        letter-spacing: .1em;
    }
    .pc-mv-cont {
        width: 93%!important;
        top: 57%;
    }
    
    .pc-mv::after{
        background: url(./img/sp-fv-back.svg);
        background-repeat:no-repeat;
        height: 70px;
        background-size: cover;
    }
    .pc-mv{
        border-radius: 0!important;
    }
    .fv_catch {
        margin: 0!important;
        font-weight: bold;
        font-size:34px;
        line-height: 1;
        position: absolute !important;
        bottom: -2.1rem;
        right: 6px;
        z-index: 101;
        color: #ddd;
        mix-blend-mode: multiply;
        -webkit-animation: pc-mv-cont-after 1.2s both 2s;
        animation: pc-mv-cont-after 1.2s both 2s;
    }
    .online-btn-sp a.smb-btn{
        background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
        background: linear-gradient(to right, #f7b733, #fc4a1a);
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--little-wider.online-btn-sp.sme-hidden-lg-up {
        margin-left: auto;
        margin-right: auto;
    }
    .online-btn-sp a.smb-btn::before{
        content: "";
        background: url(./img/bord.svg);
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        background-size: 100%;
        position: absolute;
        top: 15px;
        left: 44px;
    }
    .eng.gra {
        font-size: 40px!important;
    }
    .eng.sp-f{
        font-size: 40px!important;
    }
    .wp-block-image.fea-img img {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .wp-block-image.fea-imgs img {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .ft_flex{
        flex-direction: column;
    }
    p.tel-text {
        font-size: 17px;
    }
    .tel-box a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        
    }
    .tel-box{
        width: 89%;
        height: 120px;
    }
    p.tel-num{
        font-size: 24px;
    }
    .mail-box{
        width: 89%;
        height: auto;
        margin-top: 20px;
    }
    p.mail-text{
        font-size: 17px;
        padding-top: 10px
    }
    img.mail-icon {
        width: 37px;
        
    }
    .mail-box a {
    padding: 7px;
    }
    .sp-cept-madia .smb-media-text__figure {
        width: 71%;
        margin-left: auto;
    }
    .sp-cept-madia h2.smb-media-text__title {
        display: inline-block;
        background: rgb(255,255,255,.7);
        padding: 5px;
        border-radius: 5px;
    }
    .sp-cept-madia .c-row__col.c-row__col--1-1.c-row__col--lg-1-3 {
        /* background: #fff; */
        margin-top: -81px;
    }
    .sp-cept-madia .smb-media-text__body {
        margin-top: 30px;
    }
    .l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-1 {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    div#block-14 {
        margin-top: 41px;
        padding: 94px 0px 30px;
    }
    #block-14 figure.size-full.is-resized {
        width: 83%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .c-drawer{
        background: url(./img/nav-back.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #fff;
        color: #727171;
        font-size: 14px;
        font-weight: bold;
    }
    .c-drawer__item{
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .f_tel a{
        text-decoration: none;
        color: #727171;
    }
    .f_fax a{
        text-decoration: none;
        color: #727171;
    }
    .c-drawer__menu li {
        border-bottom: 1px solid #727171;
    }
    p.tel-num span::before{
        top: -4px;
    }
    .drawer_nav_bottom_block {
        margin-top: 26px;
    }
    img.drawer_logo {
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    svg.svg-inline--fa.fa-phone-alt.fa-w-16 {
        margin-right: 5px;
    }
    .drawer_nav_tel_button a {
        font-size: 20px;
        display: block;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        
    }
    p.tel_info {
        text-align: center;
    }
    div#block-15 {
        margin-top: -64px;
    }
    #xo-slider-657 .swiper-slide.mime-type-image{
        border: 1px solid #acacac;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.sp-qa-online a {
        background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
        background: linear-gradient(to right, #f7b733, #fc4a1a);
        padding: 0.63rem 1.25rem;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--little-wider.sp-qa-online.jinji-btn.sme-hidden-lg-up {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /* mykomon */
    span.news-date {
        margin-right: 0px;
        /* text-align: left; */
        /* display: block; */
        font-size: 13px;
    }
    dl.news-top dt{
    flex-direction: column!important;
    align-items: flex-start!important;
    }
    .article{
        width: 100%!important;
    }
    
}
@media (max-width:375px){
    .online-btn-sp a.smb-btn::before{
        left: 27px;
    }
}
@media (max-width:1023px){
    .l-header{
        background-color: rgb(255,255,255,.8)!important;
    }
}
@media (min-width:640px) and (max-width:1023px){
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--little-wider.online-btn-sp.sme-hidden-lg-up {
        display: block;
        margin-left: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .online-btn-sp a.smb-btn{
        background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
        background: linear-gradient(to right, #f7b733, #fc4a1a);
    }
    .wp-block-image.fea-img img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .sp-cept-madia .c-row__col.c-row__col--1-1.c-row__col--lg-1-3 {
        padding: 32px;
        margin-top: -193px;
        background: rgb(255,255,255,.8);
        width: 561px;
        position: absolute;
        bottom: 0;
        border-radius: 20px;
    }
    .sp-cept-madia .smb-media-text__figure {
        width: 80%;
        margin-inline-start: auto;
    }
    .sp-cept-madia h2{
        font-size: 25px!important;
    }
    .tel-box{
        width: 45%;
    }
    .mail-box{
        width: 45%;
    }
    .mail-box a{
        padding: 20px;
    }
    .c-drawer{
        background: url(./img/nav-back.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #fff;
        color: #727171;
        font-size: 16px;
        font-weight: bold;
    }
    .c-drawer__item{
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .f_tel a{
        text-decoration: none;
        color: #727171;
    }
    .f_fax a{
        text-decoration: none;
        color: #727171;
    }
    .c-drawer__menu li {
        border-bottom: 1px solid #727171;
    }
    p.tel-num span::before{
        top: -4px;
    }
    .drawer_nav_bottom_block {
        margin-top: 26px;
    }
    img.drawer_logo {
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    svg.svg-inline--fa.fa-phone-alt.fa-w-16 {
        margin-right: 5px;
    }
    .drawer_nav_tel_button a {
        font-size: 20px;
        display: block;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        
    }
    p.tel_info {
        text-align: center;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--little-wider.sp-qa-online.jinji-btn.sme-hidden-lg-up a {
        width: 600px;
        display: block;
        /* margin-left: auto; */
        /* margin-right: auto; */
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--little-wider.sp-qa-online.jinji-btn.sme-hidden-lg-up {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:1024px) and (max-width:1288px){
    .c-fluid-container{
        padding-right: 0!important;
    }
    .p-global-nav .c-navbar__item>a{
        letter-spacing: 0em;
        font-size: 9px!important;
        padding: 0.5rem!important;
    }
    .vertical_btn{
        top: 159px;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--more-wider.online-btn{
        margin-top: 0!important;
    }
    .smb-section-break-the-grid--match-height.smb-section-break-the-grid--right>.smb-section__inner>.c-container>.smb-section__contents-wrapper>.c-row>.c-row__col>.smb-section-break-the-grid__figure.smb-section-break-the-grid__figure--w-40 {
        left: 6%;
    }
    .tel-box{
        width: 45%;
    }
    .mail-box{
        width: 45%;
    }
}
@media (max-width:320px){
    .c-fluid-container {
        font-size: 10px!important;
        text-align: left;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.sp-qa-online a{
        padding: 0.63rem 0.25rem;
    }
    .online-btn-sp a.smb-btn {
        background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
        background: linear-gradient(to right, #f7b733, #fc4a1a);
        display: block;
        margin-left: auto;
        width: 291px;
        margin-right: auto;
    }
    .online-btn-sp a.smb-btn::before {
        left: 22px;
    }
}
/* mykomon */
.article {
    display: inherit!important;
    color: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
div#mkcontents > div > div {
    display: none;
}
dl.news-top dt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #fff;
}
dl.news-top dt:last-child{
    border-bottom: 1px solid #fff;
}
span.news-title a{
    color: #fff;
    text-decoration: none;
}
span.news-title{
    order: 2;
}
span.news-date{
    order: 1;
    margin-right: 30px;
}
.article-content > p {
    display: none!important;
}