/*
Theme Name: Cloudweb
Version: 2.0.0
Template: xwrite
*/

/* base */
html{font-size: 62.5% !important;}
*:focus {outline:none !important;box-shadow:none !important;}
body * {box-sizing : border-box;}
body{font-family:'Hiragino Kaku Gothic ProN', HiraginoSans-W3, sans-serif !important;font-size:clamp(1.35rem, 1.32rem + 0.15vw, 1.5rem)!important;line-height:1.6 !important;-webkit-text-size-adjust: 100%;}
p{font-size:clamp(1.35rem, 1.32rem + 0.15vw, 1.5rem)!important;font-weight:normal !important;}
@media (min-width: 768px) {
    .contents {padding-top: 0 !important;}
}

/* header-top */
.menu-header-top-container{position:fixed;top:0;right:50px;}
ul#top-menu {display:flex;flex-wrap:wrap;}
ul#top-menu li{margin-left:1rem;}
ul#top-menu li a{background-color:#0f3159;color:#ffffc6 !important}
ul#top-menu li a span{font-weight:normal;font-size:1.3rem;}
.header-fix.-for-pc .menu-header-top-container{display:none}
@media (max-width: 991px) {
	.menu-header-top-container{display:none}
}

/* header */
.gnav-fix .drawer__close{background-color:#555 !important}
.gnav-fix .drawer__close span{width:2px}
.gnav-fix .drawer__close span::before {height:2px}
@media (min-width: 769px) {
.header .sub-menu a{font-size:1.4rem !important;font-weight:normal !important}
}

/* home */
body.home .articleHeader{display:none !important;}
.articleBody{margin-top:0 !important}

/* grid */
.grid-wrapper.md-3-center {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
@media (max-width: 991px) {
  .grid-wrapper.md-3-center {grid-template-columns: repeat(2, 1fr);}
  .grid-wrapper.md-3-center > div:nth-child(3) {grid-column: 1 / 3; max-width: 50%;margin: 0 auto;}
}
@media (max-width: 768px) {
  .grid-wrapper.md-3-center {grid-template-columns: 1fr;  }
  .grid-wrapper.md-3-center > div:nth-child(3) {grid-column: unset; max-width: none;margin: 0;}
}

/*column */
@media (max-width: 991px) {
  /* breakpoint-change1 */
  .md-2-column {flex-direction: column !important; flex-wrap: nowrap !important; }
  .md-2-column > .wp-block-column {flex-basis: auto !important;  width: 100% !important;  max-width: 100% !important;margin-top: 0 !important;
    margin-bottom: 20px !important;margin-left: 0 !important;margin-right: 0 !important; }
  .md-2-column > .wp-block-column:last-child {margin-bottom: 0 !important;}
   /* 3-2 */
   .md-3-2-column {display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important;  }
  .md-3-2-column > .wp-block-column {flex-basis: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important;margin-left: 0 !important;margin-right: 0 !important;}
  .md-3-2-column > .wp-block-column:nth-child(3) {flex-basis: 50% !important;max-width:50% !important; text-align: center;}
	/* 3-2-1 */
   .md-3-2-1-column {display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important;  }
   .md-3-2-1-column > .wp-block-column {flex-basis: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important;margin-left: 0 !important;margin-right: 0 !important;}
  .md-3-2-1-column > .wp-block-column:nth-child(3) {flex-basis: 50% !important;max-width:50% !important; text-align: center;}
}
@media (max-width: 430px) {
	.md-3-2-1-column{flex-direction: column;}
    .md-3-2-1-column > .wp-block-column , .md-3-2-1-column > .wp-block-column:nth-child(3){flex-basis: 100% !important; max-width:100% !important;margin-left: 0 !important; margin-right: 0 !important;}
}
@media (max-width: 768px) { 
	/* reverse */
  .reverse-mobile {display: flex;flex-direction: column-reverse; }
}
/* breakpoint-change2  left200px*/
@media (max-width: 575.98px) {
  .wp-block-columns.sm-2-column {flex-direction: column !important;flex-wrap: nowrap !important;gap: 16px; }
  .wp-block-columns.sm-2-column .wp-block-column {flex-basename: 100% !important;max-width: 100% !important;margin-left: 0 !important;margin-right: 0 !important;}
}
@media (min-width: 576px) {
  .wp-block-columns.sm-2-column {display: grid !important;grid-template-columns: 200px 1fr;column-gap: 24px; }
  .wp-block-columns.sm-2-column .wp-block-column { flex-basis: auto !important; max-width: 100% !important;margin: 0 !important; }
}


/* font-size */
.xsmall-font{font-size:1.25rem !important}
.small-font{font-size:1.4rem !important}
.base-font{font-size:clamp(1.35rem, 1.32rem + 0.15vw, 1.5rem)!important;}
.has-small-font-size{font-size:clamp(1.65rem, 1.62rem + 0.15vw, 1.8rem) !important }
.has-medium-font-size{font-size:clamp(1.8rem, 1.739rem + 0.3vw, 2.1rem) !important }
.has-large-font-size{font-size:clamp(2.5rem, 2.358rem + 0.71vw, 3.2rem) !important}
.has-x-large-font-size{font-size:clamp(3rem, 2.797rem + 1.01vw, 4rem) !important}
.xwb-fs-20{font-size:clamp(1.8rem, 1.759rem + 0.2vw, 2rem) !important}
.xwb-fs-26{font-size:clamp(2rem, 1.878rem + 0.61vw, 2.6rem) !important }
.xwb-fs-30{font-size:clamp(2.4rem, 2.278rem + 0.61vw, 3rem) !important}
.xwb-fs-32{font-size:clamp(2.5rem, 2.358rem + 0.71vw, 3.2rem) !important}
.xwb-fs-38{font-size:clamp(2.9rem, 2.718rem + 0.91vw, 3.8rem) !important}
.xwb-fs-45{font-size:clamp(3.2rem, 2.937rem + 1.32vw, 4.5rem) !important}
.xwb-fs-52{font-size:clamp(3.5rem, 3.156rem + 1.72vw, 5.2rem) !important}
.xwb-fs-56{font-size:clamp(4.3rem, 4.037rem + 1.32vw, 5.6rem) !important}

/* h */
h3.is-style-normal.no-margin{margin: 1.2em 0 -1em}
h4.is-style-normal.no-margin{margin: 1em 0 -1em}


/* pageheader */
.mainVisual.title-layout-contents-top .item .item__info { min-height:14rem !important;}
body.page-id-91 h1.item__info--caption, body.page-id-42 h1.item__info--caption, body.page-id-48 h1.item__info--caption, body.page-id-39 h1.item__info--caption, body.page-id-52 h1.item__info--caption, body.page-id-198 h1.item__info--caption{text-align:center}
body.page-id-91 h1.item__info--caption:after{content: "Company information";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-1322 h1.item__info--caption:after{content: "Business";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-42 h1.item__info--caption:after{content: "Flow";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-48 h1.item__info--caption:after{content: "Reason";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-39 h1.item__info--caption:after{content: "Service";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-52 h1.item__info--caption:after{content: "Contact";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}
body.page-id-198 h1.item__info--caption:after{content: "Request for materials";display:block;margin-top:12px;font-size:1.5rem;color:#fff;padding-right:7px;}


/* cta */
@media (max-width: 991px) {
  .cta .wp-block-columns:not(.is-not-stacked-on-mobile) {flex-direction: column;}
  .cta .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
}

/* post-list */
.xw-block-post-list.type-slider .xw-post-article-media__body--title{font-size:clamp(1.35rem, 1.32rem + 0.15vw, 1.5rem)}
.xw-block-post-list .xw-post-article-media__body--extra{font-weight:normal;}
.xw-block-post-list.type-list .xw-post-article-list__item--fig {min-width:150px !important;}

/* wp-block-media-text */
.wp-block-media-text__content .xw-block-section__inner{padding:0 0 0 20% !important;}
@media (max-width: 1300px) {
 .wp-block-media-text__content .xw-block-section__inner{padding:0 50px !important;}
}
@media (max-width: 430px) {
 .wp-block-media-text__content .xw-block-section__inner{padding:0 30px !important;}
}
@media (width <= 768px) {
    .articleBody .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {/*padding: 0 !important;*/}
}
@media (max-width: 768px) {
  .wp-block-media-text.is-stacked-on-mobile {grid-template-columns: 100% !important;}
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {grid-column: 1 !important;grid-row: 1 !important;}
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-column: 1 !important;grid-row: 2 !important;padding:0 1.5rem !important}
}
@media (min-width: 769px) {
.wp-block-media-text.is-stacked-on-mobile {grid-template-columns: var(--wp--block-media-text--media-width, 50% !important) 1fr !important; }
  .wp-block-media-text.is-stacked-on-mobile.is-image-at-right { grid-template-columns: 1fr var(--wp--block-media-text--media-width, 50% !important) !important;}
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-column: auto !important;grid-row: auto !important;}
}
@media (max-width: 768px) {
    .broken-left {margin-left:inherit !important;z-index: inherit !important;position:relative;top:-80px !important; }
	.broken-right {margin-right:inherit !important;z-index: inherit !important;position:relative;top:-80px !important;}
}

/* wp-block-xwrite*/
.wp-block-xwrite.title-light .xw-post-article-media__body--title{color:#fff !important}

/* ul */
ul.normal-type{list-style:none;}
ul.normal-type li a{text-decoration:none;color:#000;font-weight:normal;}

/* table */
.wp-block-table table td{font-weight:normal !important}

/* contact */
.wpcf7 {width:100% !important;max-width:1300px !important;}
table.inquiry{width:100% !important;margin-bottom:5rem !important;}
.inquiry th{text-align:left;padding:0 15px 15px 15px;width:30%;font-weight:normal !important;background:#fff !important;border:1px solid #d7d7d7 !important;}
.inquiry td{padding:0 15px 15px 15px;background:#fff !important;border:1px solid #d7d7d7 !important;}
.verticallist .wpcf7-list-item{display:block;}
.haveto{font-size:7px;color:#ff0000; position:relative;}
.any{font-size:7px;padding:5px;background:#93c9ff;color:#fff;border-radius:2px;margin-right:5px; position:relative; bottom:1px;}
.wpcf7 input[type=text]{/*padding:1rem !important;*//*min-height:35px;*/}
.wpcf7 input.wpcf7-submit {background-color:#0f3159 !important;border:0;color:#fff !important;font-size:clamp(1.6rem, 1.58rem + 0.1vw, 1.7rem) !important;width:80%;max-width:600px;margin:0 auto  6rem !important;height:70px !important;letter-spacing:1px !important;border-radius:0;}
.wpcf7-form .wpcf7-form-control.wpcf7-submit:focus-visible {outline: none !important;box-shadow: none !important;border: none !important;}
#formbtn{display: block; margin:0 auto;}
@media screen and (max-width: 575px) {
	.inquiry th{display:block !important;width:100% !important;box-sizing:border-box !important;font-size:14px !important;}
	.inquiry td{display:block !important;width:100% !important;box-sizing:border-box !important;border-top-color:#fff !important;border-bottom-color:#fff !important;}
	.inquiry tr:last-child td{border-bottom-color:#d7d7d7 !important;}
	.inquiry .haveto,.inquiry .any {font-size:10px;}
}

 /*bootstrap */
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }

/* footer */
.container-copyright .copyright{font-size:1.2rem !important;font-weight:normal !important;}