@charset "utf-8";
@media screen and (min-width:1920px) {}
@media screen and (max-width:1680px) {
  /*-------------------- TOP -------------------*/
  /*-------------------- facility-introduction -------------------*/
  .facility::before {
    right: -46%;
  }
}
@media screen and (max-width:1560px) {
  /*-------------------- TOP -------------------*/
  .information .flex::after {
    right: -26%;
  }
  .information .flex::before {
    left: -33%;
  }
  section#top_office article.flex {
    /*align-items: center;*/
    background-color: #dee9d9;
  }
  /*-------------------- facility-introduction -------------------*/
  .facility::before {
    right: -26%;
  }
  /*-------------------- company -------------------*/
  .single-company .txtarea01 {
    margin-bottom: 200px;
  }
}
@media screen and (max-width:1440px) {
  /*-------------------- TOP -------------------*/
  .information .flex::after {
    right: -21%;
  }
  /*-------------------- facility-introduction -------------------*/
  .facility::before {
    right: -21%;
  }
  .under_img {
    bottom: -180px;
  }
  /*-------------------- company -------------------*/
  .single-company .txtarea01 .flexR .greenarea {
    top: 180px;
  }
  .single-company .under-mv::after, .post-type-archive-company .under-mv::after {
    height: 100px;
    top: 250px;
  }
}
@media screen and (max-width:1366px) {
  /*-------------------- TOP -------------------*/
  .information .flex::after {
    right: -17%;
  }
  .information .flex::before {
    left: -18%;
  } /*--------------------cotoyado  -------------------*/
  .aout-cotoyado {
    background-size: 95%;
  }
  /*-------------------- facility-introduction -------------------*/
  .facility::before {
    right: -17%;
  }
}
@media screen and (max-width:1280px) {
  .under-mv::after {
    height: 50px;
  }
  /*-------------------- TOP -------------------*/
  .information .flex::after {
    right: -13%;
  }
  .information .flex::before {
    left: -14%;
  } /*-------------------- cotoyado -------------------*/
  .aout-cotoyado {
    background-size: 100%;
  }
  /*-------------------- facility-introduction -------------------*/
  .facility::before {
    right: -13%;
  }
  /*-------------------- company -------------------*/
  .single-company .number, .single-company h2, .single-company .txtarea02 h3 {
    font-size: 2.8rem;
  }
  .single-company h2 + h3 {
    font-size: 2.5rem;
  }
  .single-company p {
    font-size: 1.6rem;
  }
  .single-company .txtarea03 h3 {
    font-size: 2.5rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width:1024px) {
  .mv_ttl img {
    width: 40%;
  }
  .single-company .txtarea01 .flexR .greenarea {
    width: 60%;
    padding: 50px 2%;
  }
  .single-company .txtarea01 .flexL {
    width: 45%;
  }
  .single-company .txtarea01 {
    margin-bottom: 250px;
  }
}
/*---------------------------------------------------------------------------------スマホ表示----------------------------------------------------------------------------------------*/
@media screen and (max-width:559px) {
  .container {
    width: 92%;
  }
  .single-information .hdr-sub-Menu {
    display: none;
  }
  /*-------------------- TOP -------------------*/
  .mv {
    padding-top: 50px;
  }
  .mv_ttl {
    width: 80%;
  }
  .mv_ttl img {
    width: 30%;
  }
  .information::before {
    height: 150px;
  }
  .home h1 {
    font-size: 3rem;
    font-weight: 700;
    width: 100%;
    line-height: 1;
  }
  .home h2 {
    margin-bottom: 25px;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
  }
  .information ul li:last-child a:last-child {
    display: block;
  }
  .information ul li:last-child a:nth-last-child(2) {
    display: none;
  }
  .information .flex::after, .information .flex::before {
    display: none;
  }
  .information .flex {
    overflow: hidden;
  }
  .information article {
    width: calc((100% - 15px) / 2);
  }
  .bx-wrapper .bx-pager {
    display: none;
  }
  .information::before {
    height: 50px;
    top: -3%;
  }
  .information {
    padding-top: 90px;
  }
  .information {
    padding-top: 90px;
    background-size: 100% 80px;
    padding-bottom: 120px;
  }
  .information h2::before {
    left: 16%;
    width: 53px;
    top: -2px;
  }
  .informationInner::before, .informationInner::after {
    display: none;
  }
  /*仮のスタイル*/
  .information article:not(:last-child) {
    margin-right: inherit;
  }
  .information article:first-child {
    margin-right: 15px;
  }
  .information article:last-child {
    margin-right: 0;
  }
  .information article:nth-child(3n) {
    display: none;
  }
  /*仮のスタイルここまで*/
  .home .info_img img {
    height: 7em;
  }
  .informationInner .bx-wrapper {
    margin-bottom: 0;
  }
  .information .bx-viewport {
    height: 350px !important;
  }
  .information article:first-child {
    margin-right: 15px;
  }
  .information article .cat {
    font-size: 1.2rem;
    padding: 0px 10%;
  }
  .information article .date {
    margin-top: 5px;
    font-size: 1.4rem;
  }
  .x_tsuyama .box .flexR .more span {
    margin-left: 5px;
  }
  .x_tsuyama h2 + h3, .x_tsuyama h2 + h3 + p {
    font-weight: normal;
    line-height: 1.2;
  }
  .x_tsuyama h2 + h3 + p {
    font-size: 1.6rem;
  }
  .information article h3 {
    letter-spacing: -0.1rem;
  }
  .excerpt p {
    text-align: left;
  }
  .x_tsuyama .box .flex {
    flex-direction: column;
  }
  .x_tsuyama .flexL, .x_tsuyama .flexR {
    width: 100%;
  }
  .x_tsuyama h2 img {
    width: 80%;
  }
  .x_tsuyama .box .flexR {
    padding: 25px 15px;
  }
  .x_tsuyama .box .merit_number {
    width: 80px;
    height: 80px;
    font-size: 1.4rem;
  }
  .x_tsuyama .box .merit_number span {
    font-size: 2.6rem;
  }
  .x_tsuyama .box .flexR h4 {
    margin-bottom: 18px;
    letter-spacing: 0.05em;
  }
  .x_tsuyama .box .flexR .more {
    text-align: right;
  }
  .x_tsuyama .box .flexR h4 + p {
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  video {
    height: 215px;
    object-fit: cover;
    /*    margin-top: 96px;*/
    margin-top: 140px;
  }
  section#top_office article.flex {
    flex-direction: column;
  }
  .office .flexL, .office .flexR {
    width: 100%;
  }
  .office .flexR, .office .flex:nth-child(odd) .flexR {
    padding: 50px 4% 40px;
  }
  .office_img img {
    height: auto;
  }
  .office article.flex:last-child::after {
    top: 45%;
  }
  .office article.flex:nth-child(5)::after {
    top: 31%;
  }
  .office article.flex:nth-child(3)::after {
    top: 30%;
  }
  .office .flex::after {
    top: 33%;
    width: 60px;
  }
  .office .bx-wrapper img {
    height: 250px !important;
  }
  .home .office p.more.kiwi {
    text-align: right;
  }
  .office h2 {
    height: auto;
    padding: 50px 0 30px;
    margin-bottom: 0;
    letter-spacing: 0.05em;
  }
  .support {
    padding-top: 50px;
  }
  .support .flex.supprt_contents {
    flex-direction: column;
  }
  .support .supprt_contents .flexL, .support .supprt_contents .flexR {
    width: 100%;
    padding: 15px;
  }
  .support .supprt_contents .flexL, .support .supprt_contents .flexR {
    background-size: cover;
    width: 100%;
    height: auto;
  }
  .support .contact .flex {
    flex-direction: column;
  }
  .support .flexL h3, .support .flexR h3 {
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1;
  }
  .support .btn {
    margin-bottom: 20px;
  }
  .support .flexL h3 span, .support .flexR h3 span {
    font-size: 1.2rem;
  }
  .support .flex .more {
    width: 50%;
  }
  .support .flex .more a {
    padding: 10px;
  }
  .support .contact .flex .sp p.wh {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .banner .flex {
    flex-direction: column;
  }
  .banner .flex div:first-child, .banner .flex div:first-child {
    margin: 0;
  }
  .banner .flex div {
    width: 100%;
  }
  .banner .flex div img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 15px;
  }
  .banner::before {
    height: 20px;
    top: -1%;
  }
  .banner {
    padding: 50px 0;
  }
  /*header*/
  header .logo {
    padding: 25px 20px;
    background: #fff;
  }
  header .logo img {
    width: 140px;
  }
  .hdr-sub-Menu {
    z-index: 80;
  }
  .hdr-sub-Menu ul li {
    width: calc(100% / 3);
  }
  .hdr-sub-Menu {
    z-index: 80;
    width: 100%;
  }
  .access #map {
    height: 500px;
  }
  .access {
    padding-top: 50px;
  }
  /*	.sp.site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    top: 0;
}*/
  /*footer*/
  footer::before {
    height: 20px;
    top: -1%;
  }
  footer .sns .flex {
    flex-direction: row;
    width: 50%;
    margin: 0 auto;
    justify-content: space-between;
  }
  .col.sp {
    width: 100%;
    margin-bottom: 85px;
  }
  footer p.linkBT-round {
    width: 100%;
    margin-bottom: 30px;
    height: 60px;
    line-height: 60px;
  }
  footer .sns {
    width: 100%;
    margin-top: 40px;
  }
  footer .sns p:nth-child(1) {
    text-align: center;
    margin-bottom: 15px;
  }
  footer .col h3 {
    font-size: 1.4rem;
  }
  footer .col ul {
    font-size: 1.4rem;
  }
  footer .sns img {
    width: 30px;
  }
  footer .sns p:nth-child(2) {
    margin-left: 0;
  }
  footer .sns p:nth-child(2), footer .sns p:nth-child(3), footer .sns p:nth-child(4) {
    margin-right: 0;
  }
  footer .col .company-name {
    font-size: 2rem;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  /*cotoyado-footer*/
  .bottom-cotoyado-Area p.free-price + .flex {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .bottom-cotoyado-Area .col:last-child {
    width: 100%;
    margin-top: 30px;
  }
  .bottom-cotoyado-Area p.tel img {
    width: 30px;
    top: -10px;
  }
  .bottom-cotoyado-Area p.tel {
    margin: 0;
    font-size: 2.8rem;
  }
  .bottom-cotoyado-Area p.free-price {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
  }
  .bottom-cotoyado-Area .col h2 {
    margin-bottom: 20px;
  }
  .bottom-cotoyado-Area p.time {
    font-weight: normal;
  }
  .bottom-cotoyado-Area p.time + p {
    margin-top: 10px;
    text-align: center;
  }
  .bottom-cotoyado-Area {
    padding-bottom: 10px;
  }
  .bottom-cotoyado-Area p.operation {
    margin-bottom: 40px;
  }
  /*cotoyado*/
  .under-mv {
    margin-top: 140px;
  }
  .page-id-152 .mv video {
    margin-top: 140px;
  }
  .page-id-152 .cotoyado-contact .flex {
    flex-direction: column;
  }
  .page-id-152 .cotoyado-contact .flexL, .page-id-152 .cotoyado-contact .flexR {
    width: 100%;
  }
  .page-id-152 .cotoyado-contact .flex::after {
    display: none;
  }
  .aout-cotoyado .inner h3 {
    font-size: 2rem;
  }
  .page-id-152 section h2 {
    font-size: 3rem;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }
  .aout-cotoyado .inner p {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
  .page-id-152 .under-information::before {
    height: 30px;
    top: -22%;
  }
  .page-id-152 .exploitation-methods p.new-member {
    letter-spacing: 0;
    margin-bottom: 15px;
  }
  .page-id-152 .under-information {
    padding: 0 0 60px;
    margin-top: 60px;
  }
  .page-id-152 section {
    padding: 25px 0;
  }
  .page-id-152 .workSpace p, .page-id-152 .work p, .page-id-152 .exploitation-methods p {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
  .page-id-152 .flex.contentsList {
    flex-direction: column;
    margin-bottom: 0;
  }
  .page-id-152 .flex.contentsList li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px;
  }
  .page-id-152 p.linkBT {
    width: 100%;
  }
  .aout-cotoyado .inner {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
    padding-bottom: 0;
  }
  .aout-cotoyado .linkG {
    flex-wrap: wrap;
  }
  .page-id-152 .aout-cotoyado p.linkBT {
    width: 49%;
    margin-bottom: 20px;
  }
  .page-id-152 .aout-cotoyado p.linkBT:last-child {
    margin: 0 0 20px;
  }
  .bottom-cotoyado-Area .sns img {
    width: 50px;
  }
  .page-id-152 .mv h2 {
    line-height: 1.5;
    font-size: 2.2rem;
    margin-top: 10px;
  }
  .page-id-152 .cotoyado-contact .flex .flexL img {
    width: 60%;
  }
  .page-id-152 .cotoyado-contact .flexL figure {
    text-align: center;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .page-id-152 .cotoyado-contact .flexR {
    padding-left: 0;
  }
  .page-id-152 .cotoyado-contact p.tel img {
    width: 30px;
    top: -15px;
  }
  .page-id-152 .cotoyado-contact p.tel {
    text-align: center;
    font-size: 3rem;
  }
  .page-id-152 .cotoyado-contact p.time {
    text-align: center;
  }
  .page-id-152 .cotoyado-contact .contact-link {
    text-align: center;
  }
  .page-id-152 section.mv h2 span {
    letter-spacing: 0.5em;
    font-size: 2.5rem;
  }
  .page-id-152 .cotoyado-contact p.contact-link a {
    font-size: 2rem;
  }
  .information dl {
    flex-direction: column;
  }
  .page-id-152 .under-information dt {
    width: 100%;
  }
  .page-id-152 .cotoyado-contact .contact-link img {
    width: 30px;
    left: -8px;
    top: -5px;
  }
  span.cat.wh {
    display: flex;
    flex-wrap: wrap;
  }
  .page-id-152 .under-information dt span span:not(:last-child) {
    margin-bottom: 0;
  }
  .page-id-152 .under-information dd {
    width: 100%;
    padding-left: 0;
  }
  .page-id-152 .workSpace p.linkBT {
    width: 100%;
  }
  .page-id-152 .under-information dl {
    flex-direction: column;
  }
  .page-id-152 .exploitation-methods .contentsList li h3::after {
    height: 30px;
  }
  .page-id-152 .aout-cotoyado p.linkBT a {
    margin: 0;
  }
  /*cotoyado-facility*/
  .facility ul li {
    width: calc((100% - 30px) / 4);
  }
  .facility ul li:not(:nth-child(6n)) {
    margin-right: 0;
  }
  .facility ul li:not(:nth-child(4n)) {
    margin-right: 10px;
  }
  .facility ul {
    justify-content: flex-start;
  }
  .facility::before {
    height: 1100px;
    width: calc(100% + 8%);
    right: -4%;
    top: -15%;
  }
  .page-id-9 .under_img {
    bottom: -240px;
    width: 80%;
    height: auto;
  }
  .page-id-9 section h2 {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .workspace article {
    padding: 25px 0;
  }
  .workspace article .flexL.flexL ul li:first-child {
    height: 200px;
  }
  .facility h2 + p {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
  .facility ul {
    padding: 0 4% 60px;
  }
  .office-map {
    padding: 280px 0 60px;
  }
  .workspace article {
    flex-direction: column;
  }
  .workspace article .flexL, .workspace article .flexR {
    width: 100%;
  }
  .workspace article .taglist + .flex {
    flex-direction: column;
  }
  .workspace article .taglist + .flex dl {
    width: 100%;
  }
  .workspace article .introduction {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
  .workspace article h3 {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
  }
  .workspace article:last-child {
    margin-bottom: 30px;
  }
  /*contact*/
  .cotoyado-contact .telephone h2, .cotoyado-contact .mailform h2, .cotoyado-rate-plan h2, .new-memb h2, .company-introduction h2, .new-member-flow h2, .no-page .no-page-message h2 {
    line-height: 1.2;
    font-size: 2.8rem;
    margin-bottom: 10px;
  }
  .cotoyado-contact .telephone, .cotoyado-contact .mailform, .cotoyado-rate-plan .menu, .new-member-flow {
    padding-top: 0;
  }
  .cotoyado-contact {
    padding-bottom: 0;
  }
  .cotoyado-contact .mailform h2 {
    padding-bottom: 20px;
    font-size: 2.8rem;
    line-height: 1;
    padding-top: 30px;
  }
  .mailform tr {
    display: flex;
    flex-direction: column;
  }
  .cotoyado-contact table tr th, .cotoyado-contact table tr td {
    width: 100%;
    padding: 20px 10px;
  }
  .cotoyado-contact p.btWrap {
    width: 100%;
    margin-bottom: 50px;
  }
  .cotoyado-contact table tr td .flex .day select, .cotoyado-contact table tr td .flex .time select {
    width: 18%;
  }
  .page-id-174 .telephone .box .flex {
    flex-direction: column;
    align-items: center;
  }
  .cotoyado-contact .telephone .box h3 + p {
    font-size: 3rem;
  }
  .cotoyado-contact .telephone .box h3, .cotoyado-contact .telephone .box h3 + p + p {
    font-size: 2.5rem;
    text-align: center;
  }
  .cotoyado-contact .telephone .box h3 + p img {
    width: 35px;
    margin-right: 10px;
  }
  .page-id-174 .cotoyado-contact .telephone .box h3 {
    margin-bottom: 20px;
    font-size: 2.5rem;
  }
  .page-id-174 .cotoyado-contact {
    padding: 50px 0;
  }
  .page-id-174 .cotoyado-contact .telephone {
    padding-top: 30px;
  }
  .page-id-174 .cotoyado-contact .under-mv::after {
    bottom: -20px;
  }
  .cotoyado-contact input[type="submit"] {
    font-size: 2rem;
  }
  .cotoyado-contact .telephone .box {
    padding: 30px 0;
  }
  .page-id-174 .telephone .box .flex, .cotoyado-contact .telephone .box h3 + p + p {
    font-size: 1.6rem;
  }
  .page-id-174 .under-mv::after {
    height: 40px;
    bottom: -30px;
  }
  .cotoyado-contact table tr td .flex p:first-child {
    width: 100%;
    margin-right: 0;
  }
  .cotoyado-contact table tr td .flex {
    flex-direction: column;
  }
  .cotoyado-contact table tr td .flex .flex {
    flex-direction: row;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
  .cotoyado-contact table tr td .flex p:first-child {
    margin-bottom: 15px;
  }
  .cotoyado-contact table tr td .flex .flexR {
    width: 100%;
  }
  .cotoyado-contact p.btWrap::after {
    width: 40px;
    background-size: contain;
  }
  .cotoyado-contact .telephone .box .contact-link {
    font-size: 1.8rem;
  }
  .cotoyado-contact .telephone .box .contact-link img {
    width: 30px;
  }
  /*retail-commerce*/
  .page-id-157 tr {
    display: flex;
    flex-direction: column;
  }
  .page-id-157 tr td {
    padding-top: 10px;
  }
  .page-id-157 tr th,.page-id-157 tr td:first-child {
    width: 100%;
  }
  .page-id-157 tr th ,.page-id-157 tr td:first-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .page-id-157 .container {
    margin: 50px auto;
  }
  /*campaign*/
  .under-mv::after {
    bottom: -13px;
    height: 20px;
    transform: rotate(180deg);
  }
  .under-mv h1 {
    font-size: 3rem;
    letter-spacing: 0.1em;
    line-height: 1.3;
    top: 35%;
    width: 100%;
    text-align: center;
  }
  .page-id-154 .under-mv h1 {
    letter-spacing: 0.5em;
    top: 7%;
  }
  .cotoyado-campaign .campaign h2 {
    font-size: 3rem;
  }
  .page-id-162 .under-mv h1 {
    top: 5%;
  }
  .cotoyado-campaign .campaign {
    padding-top: 50px;
  }
  .cotoyado-campaign .campaign h2 {
    font-size: 2.3rem;
    margin-bottom: 20px;
  }
  .cotoyado-campaign .campaign figure {
    margin-bottom: 60px;
  }
  .campaign_day h3 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
  .campaign_day h4 {
    font-size: 1.6rem;
  }
  .campaign_day .box:not(:last-child) {
    margin-bottom: 30px;
  }
  .campaign_day .box ul li span {
    padding: 0;
    margin-top: 10px;
  }
  .cotoyado-campaign h2 {
    font-size: 2.3rem;
  }
  .campaign_price h2 + p + p {
    font-weight: normal;
    font-size: 1.4rem;
    margin-bottom: 40px;
  }
  .page-id-162 table {
    width: 998px;
    margin-bottom: 5px;
  }
  .campaign_price h3 {
    font-size: 2rem;
  }
  .campaign_price h3:not(:nth-of-type(1)) {
    margin-top: 50px;
  }
  .campaign_dl h2 + .flex {
    width: 100%;
    flex-direction: column;
  }
  .campaign_dl h2 + .flex .flex {
    padding: 0;
    justify-content: center;
  }
  .campaign_dl h2 + .flex .flexL {
    margin-right: 0;
  }
  .campaign_dl h2 + .flex .flex img {
    width: 20%;
  }
  .cotoyado-campaign h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    padding-bottom: 0px;
  }
  .campaign_dl figure img {
    width: 30%;
  }
  .campaign_price {
    padding: 30px 0;
  }
  td.qrimg img {
    width: 48%;
  }
  .campaign_dl h2 + .flex .more {
    margin: 10px auto 30px;
    width: 80%;
  }
  .flex .more a {
    font-size: 1.2rem;
    padding: 10px;
    letter-spacing: 0;
  }
  .campaign_dl {
    margin-bottom: 50px;
  }
  .campaign_day {
    padding-bottom: 50px;
  }
  .page-id-162 table th {
    padding: 10px;
  }
  /*rate-plan*/
  .cotoyado-contact .under-mv::after, .cotoyado-rate-plan .under-mv::after, .new-member .under-mv::after, .page-id-152 .under-information::before {
    bottom: -15px;
  }
  .page-id-11 table {
    width: 998px;
    margin-bottom: 5px;
  }
  .cotoyado-rate-plan .service table {
    width: 100%;
  }
  .page-id-11 .table_container {
    margin-bottom: 30px;
  }
  .cotoyado-rate-plan h3 + ul {
    padding-left: 0;
  }
  .cotoyado-rate-plan h3 {
    font-size: 2rem;
    text-align: left;
  }
  .cotoyado-rate-plan .menu {
    padding-top: 0;
  }
  .cotoyado-rate-plan section:last-child {
    margin-bottom: 60px;
  }
  .campaign_banner img {
    width: 90%;
  }
  .cotoyado-rate-plan ul, .cotoyado-rate-plan h3 + p {
    padding-left: 0;
  }
  .cotoyado-rate-plan table td, .cotoyado-rate-plan table th {
    padding: 10px
  }
  /*contact-thanks*/
  .cotoyado-contact .mailform h3 + p.thanks {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .cotoyado-contact .mailform h3 {
    font-size: 2rem;
    margin-bottom: 15px;
  }
  .new-member .flow::after {
    border-width: 70px 60px 0 60px;
    bottom: -38px;
  }
  /*member-registration-thanks*/
  .new-member-flow h2 {
    margin-top: 60px;
  }
  .new-member-flow h2 + p {
    margin: 30px 0;
    font-size: 1.4rem;
  }
  .new-member .flow .flex.contentsList {
    flex-direction: column;
  }
  .new-member .flow .flex.contentsList li {
    width: 100%;
    margin: 0 0 45px;
  }
  .new-member .flow {
    padding-bottom: 0;
  }
  .new-member .flow .contentsList li h3::after {
    height: 30px;
  }
  .new-member .mailform.cotoyado-contact h2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 100px;
  }
  .new-member .mailform.cotoyado-contact h3 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .page-id-182 .new-member .mailform.cotoyado-contact h3 + p {
    margin-bottom: 0;
  }
  .page-id-178 .cotoyado-contact table tr td .flex {
    flex-direction: row;
  }
  .new-member .mailform.cotoyado-contact table:nth-of-type(1), .new-member .mailform.cotoyado-contact table:nth-of-type(2) {
    margin-bottom: 30px;
  }
  .new-member .mailform.cotoyado-contact table:nth-of-type(3) tr th {
    width: 100%;
  }
  .new-member .mailform.cotoyado-contact table:nth-of-type(4) + .flex {
    flex-direction: column;
    margin-bottom: 30px;
  }
  /*single-information*/
  .single_information .postCat {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .single_information .article_img img {
    margin-bottom: 20px;
  }
  .single_information h1 {
    font-size: 2.5rem;
  }
  .single_information article {
    padding: 60px 0;
  }
  .single_information article h1 {
    line-height: 1.4;
  }
  .single_information figure {
    max-width: 80%;
  }
  /*comingsoon*/
  .page-id-122 .under-mv {
    padding-top: 50px;
  }
  .page-id-122 .under-mv h1 {
    top: 50%;
  }
  /*404*/
  .no-page .no-page-message {
    padding-top: 50px;
  }
  .no-page .no-page-message p {
    margin: 30px 0;
    font-size: 1.4rem;
  }
  /*access*/
  .cotoyado-access .cotoyado {
    margin-top: 60px;
    padding: 60px 0;
  }
  .cotoyado-access .cotoyado figure:first-child {
    width: 60%;
    margin: 0 auto;
  }
  .cotoyado-access .cotoyado .flex {
    flex-direction: column;
    margin-top: 30px;
  }
  .cotoyado-access .cotoyado .flex .flexL, .cotoyado-access .cotoyado .flex .flexR {
    width: 100%;
  }
  .cotoyado-access .cotoyado .flex .flexR figure {
    width: 100%;
    margin: 20px auto 0;
  }
  .cotoyado-access .cotoyado .flex .flexR figure img {
    height: 200px;
    object-fit: cover;
  }
  .cotoyado-access .cotoyado .flex + p {
    margin-bottom: 30px;
  }
  .cotoyado-access .cotoyado iframe {
    height: 300px;
  }
  .cotoyado-access .directions:first-of-type table {
    width: 650px;
  }
  .cotoyado-access .scroll-hint-icon {
    z-index: 20;
  }
  .scroll-hint-icon {
    top: calc(50% - 37.5px) !important;
    left: calc(50% - 75px) !important;
    width: 150px !important;
  }
  .cotoyado-access table td, .cotoyado-access table th {
    padding: 10px;
    letter-spacing: 0.1rem;
  }
  .cotoyado-access .train {
    padding-bottom: 60px;
  }
  .cotoyado-access .directions {
    padding-top: 40px;
  }
  .cotoyado-access .directions h2 + p {
    margin-bottom: 15px;
  }
  .cotoyado-access .directions h2 {
    margin-bottom: 10px;
  }
  .cotoyado-access .cotoyado h2 {
    margin-bottom: 20px;
  }
  /*cotoyado-drawer*/
  .cotoyado-logo {
    height: 55px;
    background-color: #4c4948;
    padding: 10px;
  }
  #drawer-checkbox {
    display: none;
  }
  #drawer-icon {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    width: 60px;
    z-index: 300;
    position: fixed;
    top: 83px;
    right: 3px;
  }
  #drawer-icon span {
    background: #fff;
    display: block;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -40%;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease-in-out;
    width: 30px;
  }
  #drawer-icon span::before, #drawer-icon span::after {
    -webkit-transform: rotate(0);
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin: -8% 0 0 -50%;
    position: absolute;
    top: 50%;
    transform: rotate(0);
    transition: all 0.3s ease-in-out;
    width: 100%;
  }
  #drawer-icon span::before {
    margin-top: -38%;
  }
  #drawer-icon span::after {
    margin-top: 30%;
  }
  #drawer-checkbox:checked ~ #drawer-icon span {
    background: rgba(51, 51, 51, 0);
  }
  #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: 87px;
    padding: 50px 3%;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
    transform: translateX(200%);
    background-color: #4c4948;
    text-align: center;
    color: #fff;
  }
  #drawer-content ul li.cotoyado-logo {
    border: none;
    margin-bottom: 50px;
    padding: 0;
    margin-top: -38px;
  }
  #drawer-checkbox:checked ~ #drawer-content {
    transform: translateX(0%);
  }
  #drawer-close {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0s;
  }
  #drawer-checkbox:checked ~ #drawer-close {
    display: block;
    opacity: 0.3;
    overflow: scroll;
  }
  .submenu__item {
    color: #fff;
  }
  #drawer-content ul li {
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid;
  }
  .cotoyado-logo img {
    width: 33%;
  }
  .cotoyado-logo a {
    color: #fff;
    letter-spacing: 0.2em;
  }
  /*cotoyado-faq*/
  .cotoyado-faq h2 {
    padding: 10px;
  }
  .cotoyado-faq dd {
    padding: 10px 50px 10px 20px;
  }
  .cotoyado-faq dt {
    padding: 0 35px 20px 20px;
  }
  .cotoyado-faq section:not(first-cihld) {
    margin-bottom: 20px;
  }
  .cotoyado-faq dd::after {
    right: 10px;
  }
  .cotoyado-faq .under-mv {
    margin-bottom: 60px;
  }
  /*company*/
  .post-type-archive-company .companylist .flex ,.top_company ul.flex{
    flex-direction: column;
  }
  .post-type-archive-company .companylist .flex .flex,.top_company ul.flex li {
    width: 100%;
  }
  .post-type-archive-company .companylist .flex:not(:nth-child(3n)) ,.top_company ul li:not(:nth-child(3n)){
    margin-right: 0;
  }
  .post-type-archive-company .companylist .flex .flex.flex img ,.top_company ul li img{
    height: 230px;
  }
  .single-company .under-mv::after, .post-type-archive-company .under-mv::after {
    height: 35px;
    top: 80px;
  }
  .single-company .under-mv, .post-type-archive-company .under-mv {
    margin-top: 128px;
  }
  .post-type-archive-company .companylist {
    margin-top: 0;
  }
  .post-type-archive-company h2,.top_company h2 {
    margin-bottom: 30px;
    font-size: 2.5rem;
  }
  .post-type-archive-company .companylist .flex .flex p,.top_company ul li p {
    font-size: 1.4rem;
  }
  .post-type-archive-company .companylist .flex .flex h3,.top_company ul li h3 {
    font-size: 1.8rem;
    padding-bottom: 15px;
  }
	.single-company .txtarea01 {
    flex-direction: column;
    margin-bottom: 30px;
		margin-top: 0;
}
.single-company .txtarea01 .flexL {
    width: 100%;
    margin-bottom: 20px;
}
.single-company .txtarea01 .flexR .greenarea {
    position: initial;
    width: 92%;
    margin: 30px auto 0;
	padding: 30px 2%;
}
.single-company .txtarea01 .flexR {
    width: 100%;
}
.single-company .txtarea02 {
    margin-bottom: 30px;
}
.single-company .number, .single-company h2, .single-company .txtarea02 h3 {
    font-size: 2.2rem;
	margin-bottom: 20px;
}
	.single-company .txtarea03 {
    padding: 30px 2%;
    margin-bottom: 50px;
}
.single-company .pager p {
    width: 100%;
    font-size: 1.8rem;
    height: 50px;
}
.single-company .pager p a{
    line-height: 50px;
}
.single-company .pager .next,.single-company .pager .prev {
    position: initial;
}
.single-company .pager {
    flex-direction: column;
	margin-bottom: 100px;
}
	.single-company .pager p:not(:last-child){
		margin-bottom: 20px;
	}
	.single-company h2 + h3 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
	.single-company .txtarea03 h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}
	/*top_company*/
	.top_company ul.flex li:not(:first-child):not(:nth-child(2)){
		display: none;
	}
	.top_company {
    padding: 100px 0 25px;
}
}
@media screen and (max-width:414px) {
  .office .flex::after {
    top: 31%;
  }
  .office article.flex:nth-child(3)::after {
    top: 27%;
  }
  .office article.flex:nth-child(5)::after {
    top: 29%;
  }
  .office article.flex:last-child::after {
    top: 27%;
  }
}
@media screen and (max-width:375px) {
  /*TOP*/
  .mv {
    padding-top: 125px;
  }
  .mv_ttl {
    top: 58%;
  }
  .information article .date {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .information article h3 {
    line-height: 1.4;
  }
  .office .flexR p {
    letter-spacing: 0;
  }
  .office .flexR h3 {
    font-size: 2rem;
  }
  .office .flexR .tell {
    letter-spacing: 0.15rem;
  }
  .office .flexR .address {
    letter-spacing: 0.15rem;
  }
  .office .flex::after {
    top: 31%;
  }
  .office article.flex:nth-child(3)::after {
    top: 28%;
  }
  .office article.flex:nth-child(5)::after {
    top: 28%;
  }
  .office article.flex:last-child::after {
    top: 28%;
  }
  .cotoyado-campaign .campaign h2 {
    font-size: 2rem;
  }
  .campaign_day h4 {
    letter-spacing: -0.04em;
  }
  /*access*/
  .cotoyado-access .directions table {
    font-size: 1.3rem;
  }
}
@media screen and (max-width:361px) {
  footer .col .company-name, .office .flexR h3 {
    font-size: 1.8rem;
  }
  /*TOP*/
  .office article.flex:nth-child(5)::after {
    top: 28%;
  }
  .office .flexR .address {
    letter-spacing: 0.1em;
  }
  .x_tsuyama h2 + h3 {
    font-size: 2.2rem;
  }
  .excerpt {
    font-size: 1.2rem;
  }
  .bottom-cotoyado-Area p.free-price {
    letter-spacing: 0.05em;
  }
  .workspace article h3 {
    font-size: 2rem;
  }
  .office article.flex:nth-child(3)::after {
    top: 27%;
  }
}