@charset "UTF-8";
/* line 5, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
Theme Name:		SMART-MINIMUM
Theme URI:		http://rfs.jp/
Description:	デザインありきで制作する際の、最小限必要と思われる構成のテンプレートです。
Author:			rhythmfactory
Author URI:		http://rfs.jp/
Version:		1.0
License:
License URI:
*/
/*#########################################################

要素関連

#########################################################*/
/* line 32, style.scss */
p {
  margin: 0 auto 20px;
}

/*#########################################################

WordPress必須クラス

#########################################################*/
/* line 42, style.scss */
.wp-caption {
  /**/
}

/* line 43, style.scss */
.wp-caption-text {
  /**/
}

/* line 44, style.scss */
.sticky {
  /**/
}

/* line 45, style.scss */
.gallery-caption {
  /**/
}

/* line 46, style.scss */
.bypostauthor {
  /**/
}

/* line 47, style.scss */
.alignright {
  /**/
}

/* line 48, style.scss */
.alignleft {
  /**/
}

/* line 49, style.scss */
.aligncenter {
  /**/
}

/* line 50, style.scss */
.screen-reader-text {
  /**/
}

/*#########################################################

レイアウト

#########################################################*/

.nt{
    text-indent: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
    margin:0;
    padding:0;
    text-align:left !important;
    }
.nt *{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
        text-align:left !important;
    }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.cf {
  min-height: 1px;
}
 
* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* tips*/
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

.flR{float:right;}
.flL{float:left;}
.flC{margin:0 auto;}

.vaM{vertical-align:middle;}

.fwB{font-weight:bold;}
.fwN{font-weight:normal}
.fsI{font-style:italic;}
.bigTxt{font-size:120%;line-height:1em;}
.hugeTxt{font-size:150%;line-height:1em;}
.smallTxt{font-size:80%;line-height:1em;}
.miniTxt{font-size:50%;line-height:1em;}
.oswaldTxt{font-family: 'Oswald', sans-serif;}
.mplusTxt {
    font-family: "M PLUS 1", serif;
    font-weight: 900;
}
.oswaldTxt.mplusTxt{
	font-family: 'Oswald', "M PLUS 1",sans-serif;
}
.noticeTxt{color:#0062b0;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.dspB{display:block;}
.dspI{display:inline;}
.dspIb{display:inline-block;}
.dspT{display:table;}
.dspTc{display:table-cell;}
.itemIndent{text-indent:-1.2rem;margin-left:1.2rem;}

.poR{position:relative;}
.poA{position:absolute;}
.poF{position:fixed;}

html {font-size:62.5%; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
body {font-size:12px;font-size: 1.2rem;line-height:140%;}

.sectionBox{padding:120px 0;font-size:16px;line-height:1.6em;}
.sectionBox--gray{background:#efefef;}
.siteFrame{width:1024px;}

.organicBtn{
   width:220px;
	font-size:14px;
	line-height:1em;
	padding:10px 0;
	border:1px solid #0062b0;
	color:#467bc8;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;}
.organicBtn i{
	font-size:110%;
	position:relative
}
.organicBtn:hover{
	color:#fff;
	background:#0062b0;}
.organicBtn.organicBtn--reverse{
	background:none;
	color:#fff;
	border-color:#fff;
}
.organicBtn.organicBtn--reverse:hover{
	background:#fff;
	color:#0062b0;
}

/*ヘッダー*/
#site-header{
	top:0;
	left:0;
	width:100%;
	border-top: 10px solid #000;/*右：薄ピンク*/
	z-index:2;
}
#site-header:before{
	content: '';
	position: absolute;
	top: -10px;
	right:0;
	width: 50%;
	height: 10px;
	background: #0062b0;/*左：ピンク*/}
#site-logo{
	top:10px;
	left:30px;
}
#site-logo a{
	width:233px;
	height:50px;
	background:url(/wp-content/uploads/bg_header-png.webp) no-repeat;
	background-size:auto 100%;
}

/*フッター*/
.footerBox__nav{
	width:fit-content;
	font-size:14px;
}
.footerBox__nav__item{
	margin-right:1em;
	padding-right:1em;
	border-right:1px solid #333;
}
.footerBox__nav__item:last-child{
	margin-right:0;
	padding-right:0;
	border-right:none;}
.footerBox__nav__item a{
	text-decoration:none;
	color:#fff;
}
.footerBox__nav__item a:hover{
	text-decoration:underline;
}

/*メニュー*/
.menu__item a{
	color:#fff;
	text-decoration:none;
	padding:20px 40px;
	font-size:16px;
	line-height:1em;
	text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.menu__item--contact a{
	background:#0062b0;
}
.menu__item__jap{line-height:1em;}
.menu__item__en{line-height:1em;color:#aaa;}

/*ページラベル*/
#pageLabel{
	padding:180px 0;
	border-bottom:3px solid #0062b0;
	background-size:cover !important;
	background-position:center !important;
}
#pageLabel:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	background:url(/wp-content/uploads/bg_blue.png);
	left:0;
	top:0;
	z-index:0;
}
.page-id-2 #pageLabel{background:url(/wp-content/uploads/bg_pagelabel_company-png.webp);}
.page-id-42 #pageLabel,.page-id-141 #pageLabel{background:url(/wp-content/uploads/bg_pagelabel_contact-png.webp);}
.page-id-102 #pageLabel{background:url(/wp-content/uploads/bg_pagelabel_service-png.webp);}
.post-type-archive-staff #pageLabel,.single-staff #pageLabel{background:url(/wp-content/uploads/bg_pagelabel_staff-png.webp);}
.post-type-archive-achievement #pageLabel,.single-achievement #pageLabel{background:url(/wp-content/uploads/bg_pagelabel_achivement-png.webp);}

.pageLabel--title{
	z-index:1;
}
.pageLabel--title__spel{
	font-size:50px;
	line-height:1em;
	text-transform:uppercase;
}
.pageLabel--title__spel:first-letter{
	color:#0062b0;
}
.pageLabel--title__jap{
	color:#fff;
	font-size:15px;
}
/*パンくず*/
.breadcrumbArea{
	padding:10px 0;
	color:#231815;
	font-size:14px;
}
.breadcrumbArea a{
	color:#231815;
	text-decoration:none;
	font-size:15px;
}
.breadcrumbArea .siteFrame{
	border-spacing:10px 0;
}
/*フッター*/
.bottomArea:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:url(/wp-content/uploads/bg_blue.png);
	left:50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.bottomArea__half{
	color:#fff;
	padding:70px;
	background-size:cover !important;
	width:50%;
	box-sizing:border-box;
}
.bottomArea__half--left{background:url(/wp-content/uploads/bg_bottom_left-png.webp);}
.bottomArea__half--right{background:url(/wp-content/uploads/bg_bottom_right-png.webp);}
#site-footer{
	background:#000;
	color:#fff;
}
.bottomArea__half__inner{z-index:1;}

.bottomArea__half__inner__title{
	font-size:24px;
}
.bottomArea__half__inner__content{
	font-size:16px;
	line-height:1.6em;
}

/*トップページ*/
.indexSlide{
	background-size:cover;
	height:600px;
	animation: bgscroll 60s linear infinite;
}
.indexSlide__title{
	z-index:1;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color:#fff;
	font-size:40px;
	line-height:1.5em;
	white-space:nowrap;
}
.indexSlide__box{
  position: relative;
  width: 100vw;
  height: 600px;
  overflow: hidden;
}
.indexSlide__box__item{
	width: 100%;
	height: 600px;
	background-size: cover !important;
	background-position: center;
	transition: opacity 1s ease-in-out;}
.indexSlide__box__item:nth-child(1) {
	animation: slide 28s infinite;
}

.indexSlide__box__item:nth-child(2) {
	animation: slide 28s 7s infinite;
	opacity: 0;
}

.indexSlide__box__item:nth-child(3) {
	animation: slide 28s 14s infinite;
	opacity: 0;
}
.indexSlide__box__item:nth-child(4) {
	animation: slide 28s 21s infinite;
	opacity: 0;
}
@keyframes slide {
  0% { opacity: 0; }
  20% { opacity: 1; }
  60% { opacity: 1; }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
.indexSlide__box__item01{background:url(/wp-content/uploads/index_slide_01-png.webp);}
.indexSlide__box__item02{background:url(/wp-content/uploads/index_slide_02-png.webp);}
.indexSlide__box__item03{background:url(/wp-content/uploads/index_slide_03-png.webp);}
.indexSlide__box__item04{background:url(/wp-content/uploads/index_slide_04-png.webp);}


@-webkit-keyframes bgscroll {
	0% {background-position: 0 0;}
	20%{background:url(/wp-content/uploads/index_slide_02-png.webp);}
	100% {background-position: 0 100px;}
 }

 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 0 100px;}
 }

.introLogo{
	background:#fff;
	width:100%;
	height:100%;
	top:0;
	left:0;
	animation-name: sample00; /*←@keyframesにも同じ名前を記述*/
	animation-duration: 6s; 
	animation-iteration-count:1;
	animation-fill-mode: forwards; 
	opacity:1; /*公開後に1に*/
	display:block;
	z-index:2;
}

@keyframes sample00 {  /*←animation-nameにも同じ名前を記述*/
0% {
  opacity: 1;
display:block;
}
50% {
 opacity: 1;
	display:block;
}
60% {
 opacity: 0;
display:none;
}
99% {
	left:0px;
 opacity: 0;
 display:none;
}
100% {
	left:-999999px;
 opacity: 0;
 display:none;
}
}

.introLogo__img{
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	opacity:0;
	animation-name: sample01; /*←@keyframesにも同じ名前を記述*/
	animation-duration: 3s; 
	animation-fill-mode: forwards; 
	animation-iteration-count:1;
}
@keyframes sample01 {  /*←animation-nameにも同じ名前を記述*/
0% {
  opacity: 0;
}
90% {
 opacity: 1;
}
 100% {
  opacity: 1;
}

}

.indexService__list{
	width:32%;
	margin-right:2%;
}
.indexService__list:nth-child(3n){
	margin-right:0;
}

/*固定ページ*/
.sectionTitle{
	height:100px;
}
.sectionTitle__title{
	font-size:40px;
	left:0;
	bottom:0;
	line-height:1em;
}
.sectionTitle__en{
	left:0;
	top:0;
	opacity:0.15;
	color:#0062b0;
	font-size:100px;
	white-space:nowrap;
	line-height:1em;
}


/*会社概要*/
.companyTable{
	font-size:17px;
	line-height:1em;
	width:100%;
}
.companyTable__title,
.companyTable__content{
	padding:30px 20px;
	box-sizing:border-box;
}
.companyTable__title{
	width:20%;
	border-bottom:2px solid #0062b0;
}
.companyTable:first-child .companyTable__title{
	border-top:2px solid #0062b0;
}
.companyTable__content{
	width:80%;
	border-bottom:2px solid #ddd;
}
.companyTable:first-child .companyTable__content{
	border-top:2px solid #ddd;
}
.messageContent{
	font-size:16px;
	line-height:1.6em;
}
.messageSign{
	font-size:22px;
	line-height:1em;
}

/*社員紹介*/
.staffList__item{
	width:20%;
	margin-bottom:25px;
}
.staffList__item a{
	text-decoration:none;
	color:#000;
	overflow: hidden;
	line-height:0;
}
.staffList__item img{
	height: auto;
	transition: transform .6s ease;/* ゆっくり変化させる */
	width: 100%;
}
.staffList__item:hover img{
	transform: scale(1.1);/* 拡大 */
}
.staffList__item__box{
	left:50%;
	bottom:0;
	width:90%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}
.staffList__item__box:after{
	position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #0062b0 transparent transparent #0062b0;
    border-style: solid;
    border-width: 10px;
	opacity:0.6;
}
.staffList__item__box__en{
	line-height:1em;
	color:#999;
}
.staffList__item__box__position{
	line-height:1em;
	left:10px;
	top:10px;
	color:#fff;
	padding:5px 8px;
	background:#0062b0;
}

/*プロフィール*/
.profileBox__img{
	width:400px;
}
.profileBox__content{
	width:550px;
}
.profileBox__content .staffList__item__box__position{
	right:0;
	top:0;
	left:auto;
}
.profileBox__content__title{
	line-height:1em;
	font-size:30px;
}
.profileBox__content__subtitle{
	color:#999;
}
.staffList__item__box__data{
	font-size:16px;
	line-height:1em;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
.staffList__item__box__data__content{
	padding-left:2em;
	color:#666;
}
.staffList__item__box__data__content--zero{
	padding-left:0;
}

/*制作実績*/
.schievementList__item{
	width:32%;
	margin-right:2%;
}
.schievementList__item:nth-child(3n){
	margin-right:0;
}
.schievementList__item a{
	background-size:auto 100% !important;
	background-position:center top;
	background-repeat:no-repeat;
	height:0;
	padding-top:75%;
	object-fit: cover;
	text-decoration:none;
	color:#000;
	font-size:15px;
}

/*実績詳細*/
.achievementIndex__img{
	width:600px;
}
.achievementIndex__img__sub__item{
	width:24%;
}

.achievementIndex__content{
	width:400px;
}
.achievementIndex__content__title{
	font-size:30px;
}
.achievementIndex__content__data{
	font-size:16px;
}
.flowList{
	font-size:16px;
	line-height:1.6em;
	width:80%;
}
.flowList__content i{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity:0.6;
	font-size:60px;
	border:3px solid #0062b0;
	color:#0062b0;
	width:100px;
	height:100px;
	border-radius:100%;
	flex-flow: column wrap; 
	vertical-align: top;
}
.flowList__content__txt{
	padding-left:20px;
}
.flowList i.fa-circle-arrow-down{
	color:#0062b0;
	font-size:40px;
	bottom:0 !important;
	left:50% !important;
    transform: translate(-50%, 120%);
    -webkit-transform: translate(-50%, 120%);
    -ms-transform: translate(-50%, 120%);
}

.serviceArea__item{
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}
.serviceArea__item:last-child{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;}
.serviceArea__item__img{
	width:40%;
}
.service__item__content{
	padding-left:3%;
	width:57%;
}

/*お問合せ*/
.contactForm{
	clear:both;
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #ddd;
}
.contactForm:first-child{
	border-top:2px solid #ddd;
}
.contactForm:last-child{
	border-bottom:2px solid #ddd;
}
.contactForm__title{
	line-height:45px;
	color:#000;
	width:180px;
	font-size:14px;
	padding-left:20px;
	background:#efefef;
	width:30%;
	box-sizing:border-box;
}
.contactForm__content{
	line-height:0px;
	padding:7px 20px;
	width:70%;
	box-sizing:border-box;
}

.mw_wp_form .contactForm .error{
	margin-top:2px;
	padding:2px;
	background:#f00;
	line-height:1em;
	color:#fff;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #999;
    color: #151515;
    border-radius: 0;
    padding: 0.625em 0.4375em;
    width: 70%;
	box-sizing:border-box;
}
textarea{width:100%;}
.contactForm dd select{
    margin: 0.62em 0;}

.contactBtn__item{
	display:inline-block;
	margin-right:20px;}
.contactBtn__item:last-child{
	margin-right:0;}

.contactArea input[type="submit"],
.send input[type="submit"]{
	-webkit-appearance: none;
	border: 0;
	color:#0062b0;
	width:250px;
	padding:15px 0;
	border:1px solid #0062b0;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 0px;        /* CSS3草案 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */
	background:#fff;
	cursor:pointer;}
.contactArea input[name="submitBack"],
.send input[name="previous"],
.send input[name="backCart"],
.send input[name="backCustomer"],
.send input[name="backDelivery"]{
	-webkit-appearance: none;
	border: 0;
	color:#666;
        width:230px;
	margin-top:10px;
	padding:10px 0;
	border:1px solid #666;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 0px;        /* CSS3草案 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */
	background:#fff;
	cursor:pointer;}
.contactArea input[type="submit"]:hover,
.send input[type="submit"]:hover{
	color:#fff;
	background:#467bc8;}
.contactArea input[name="submitBack"]:hover,
.send input[name="previous"]:hover,
.send input[name="backCart"]:hover,
.send input[name="backCustomer"]:hover
.send input[name="backDelivery"]:hover{
	background:#666;
	color:#fff;
}

#customer-info .send{
	margin-bottom:20px;
}
.contact_msg_hidden{
	display:none;
}


@media screen and ( min-width:769px ){
	.pcNone{display:none;}
}
@media screen and ( max-width:768px ){
	.spNone{display:none;}
	/*100%*/
	.profileBox__img,
	.profileBox__content,
	.achievementIndex__img,
	.achievementIndex__content,
	.flowList{
		width:100%;
	}
	
	/*90%*/
	.siteFrame{
		width:95%;
	}
	/*ヘッダー*/
	#site-header:before{
		height:5px;
		top:-5px;
	}
	#site-header{
		border-top-width:5px;
		width:100%;
		height:60px;
		background:#fff;
	}
	#site-logo{
		left:2.5%;
	}
	#site-logo a{
		height:40px;
		width:187px;
	}
	.mobileNav{
		right:0px;
		top:0;
	}
	.mobileNav__item a{
		top:0;
		text-decoration:none;
		color:#fff;
		background:#0062b0;
		width:60px;
		height:60px;
		padding:0 7px;

	}
	.mobileNav__item__contact{
		top:50%;
		left:50%;
    	transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
	}
	.toggleBtn{
		height:60px;
		top:0;
		padding:0 7px;
		background:#0062b0;
		width:60px;
		color:#fff;
		border-right:1px solid #369def;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;}
	.menu-trigger {
		display: inline-block;
		float: left;
		width: 30px;
		height: 24px;
		 position: relative;}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;}
	.menu-trigger span:nth-of-type(1) {
		top: 0;}
	.menu-trigger span:nth-of-type(2) {
		top: 50%;
		margin-top:-1px;}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;}
	.checked .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);}
	.checked .menu-trigger span:nth-of-type(2) {
		opacity: 0;}
	.checked .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);}
	.menu-trigger__Txt{
		bottom:0;
		margin:0 auto;
		line-height:0.8em;
	}
	.menu-trigger__Txt--close,
	.checked .menu-trigger__Txt{
		display:none;
	}
	.checked .menu-trigger__Txt--close{
		display:block;
	}
	.menu-trigger{
		margin:0;
	}
	.mobileNav__item a i{
		font-size:32px;
	}
	
	.mobileNav__menu{
		top:65px;
		left:0;
		width:100%;
	}
	.mobileNav__menu:before{
		content:"";
		position:fixed;
		width:100%;
		height:100%;
		display:block;
		background:url(/wp-content/uploads/bg_nav-png.webp);
	}
	.menu{
		padding-top:10%;
		position:relative;
	}
	.menu__item{
		width:100%;
		float:none;
	}
	.menu .menu__item a{
		background:none;
		width:100%;
		line-height:1em;
	}
	.menu__item__jap{
		color:#0062b0;
	}
	
	/*ページラベル*/
	#pageLabel{
		padding:120px 0 50px;
	}
	
	/*フッター*/
	.bottomArea__half{
		float:none;
		width:100%;
		padding:70px 20px;
		background-position:center !important;
	}
	
	/*共通*/
	#main{
		overflow:hidden;
	}
	.sectionBox{
		padding:60px 0;
		font-size:14px;
	}
	.sectionTitle{height:60px;}
	.sectionTitle__title{
		font-size:30px;
	}
	.sectionTitle__en{
		font-size:60px;
	}
	
	.mb5{margin-bottom:5px !important;}
	.mb10{margin-bottom:10px !important;}
	.mb20{margin-bottom:15px !important;}
	.mb30{margin-bottom:20px !important;}
	.mb40{margin-bottom:30px !important;}
	.mb50{margin-bottom:40px !important;}
	.mb60{margin-bottom:45px !important;}
	.mb70{margin-bottom:55px !important;}
	.mb80{margin-bottom:60px !important;}
	.mb90{margin-bottom:75px !important;}
	.mb100{margin-bottom:80px !important;}

	.mt10{margin-top:10px !important;}
	.mt20{margin-top:15px !important;}
	.mt30{margin-top:20px !important;}
	
	.spCover{
		height:200px;
		object-fit:cover;
	}
	
	/*トップページ*/
	.introLogo__img{
		width:80%;
		height:auto;
	}
	.indexSlide__title{
		white-space:nowrap;
		font-size:30px;
	}
	.indexSlide,
	.indexSlide__box{
		height: 100svh;
	}
	.indexSlide:after{
		font-family: 'Oswald', sans-serif;
		position:absolute;
		font-size:18px;
		content:"SCROLL";
		color:#fff;
		font-weight:bold;
		bottom:30px;
		left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		animation: fluffy 3s infinite;
	}
	@keyframes fluffy {
	  0%, 100% {
		transform: translate(-50%,0);
	  }
	  50% {
		transform: translate(-50%,-10px);
	  }
	}
	.indexSlide__box__item{
		height:100svh;
		background-size:auto 100% !important;
		background-position:center bottom !important;
	}
	
	.indexService__list{
		width:100%;
		margin-right:0;
		margin-bottom:30px;
	}
	
	.staffList__item{
		width:50%;
	}
	.schievementList__item{
		width:49%;
	}
	.schievementList__item:nth-child(even){
		margin-right:0;
	}
	
	/*施工実績*/
	.achievementIndex__img{
		margin-bottom:20px;
	}
	
	/*会社概要*/
	.companyTable,
	.contactForm__title{
		font-size:13px;
		line-height:1em;
	}
	.companyTable__title,
	.companyTable__content{
		padding:20px 10px;
	}
	.contactForm__title{
		padding-left:10px;
	}
	.contactForm__content{
		padding:7px 10px;
	}

}