@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: 20px auto;
}

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

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;}

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

.fwB{font-weight:bold;}
.fwN{font-weight:normal}

.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;}

.vaM{vertical-align:middle;}
.vaT{vertical-align:top;}

.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:14px;font-size: 1.4rem;line-height:160%;}

.mplusTxt{
    font-family: "M PLUS 1", serif;
    font-weight: 900;
}
.hugeTxt{font-size:180%;}
.bigTxt{font-size:130%;}
.smallTxt{font-size:80%;}
.miniTxt{font-size:50%;}

.noticeTxt{color:#f00;}

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

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

#container{overflow:hidden;}
.home #main{
	margin-top:-150px;
}
#main{
	padding-top:50px;
	border-top-left-radius: 1000px 200px;
	border-top-right-radius: 1000px 200px;
	background:#fff;
	width:100%;
	z-index:2;
	margin-left: -100px;
	margin-right: -100px;
	padding-left: 100px;
	padding-right: 100px;
	overflow:hidden;
}
.sectionBox{
	padding:100px 0;
}
.sectionBox--color{
	color:#fff;
	background:#F0B706;
}
.siteFrame{
	width:1100px;
}
.sectionTitle{
	font-size:38px;
	color:#705E00;
}
.sectionTitle span{
	line-height:1em;
}
.sectionTitle__jp{
	color:#000;
}
.sectionBox--color .sectionTitle__jp{
	color:#fff;
}
#pageLabel{
	padding:100px 0 80px;
	overflow:hidden;
	font-size:50px;
}
#pageLabel:before{
	content:"";
	display:block;
	position:fixed;
	background: #F0B706;
	width:100%;
	height:100%;
	left:0;
	bottom:100px;
}
.pageLabel--title__en{
	color:#705E00;
	text-transform: uppercase;
	line-height:1em;
}
.pageLabel--title__jp{
	color:#fff;
	line-height:1em;
}

.organicBtn{
	text-decoration:none;
	color:#000;
	border:2px solid #000;
    width: 220px;
	padding:10px 0;
	transition: .2s;
	position: relative;
	overflow:hidden;
}
.organicBtn:hover{
	color:#fff;
}
.organicBtn span{
	z-index:0;
}
.organicBtn:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
.organicBtn:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

/*パン屑*/
.breadcrumbArea a{
	color:#000;
	text-decoration:none;
}
.breadcrumbArea a:hover{
	text-decoration:underline;
}
.breadcrumbArea i{
	padding-left:0.5em;
	padding-right:0.5em;
}

/*ヘッダー*/
#site-header{
	z-index:1001;
	width:100%;
	height:50px;
	padding:20px;
	box-sizing:border-box;
}
#site-logo a{
	background:url(/wp-content/uploads/header_logo.png) no-repeat center top;
	background-size:100% auto;
	width:224px;
	height:50px;
}
.menu__item{
	height:50px;
	margin-right:25px;
}
.menu__item:last-child{
	margin-right:0;
}
.menu__item a{
	text-decoration:none;
}
.menu__item__en{
	color:#705E00;
}
.menu__item__jp{
	color:#000;
}
/*フッター*/
#site-footer{
	background:#000;
	color:#fff;
}

/*トップページ*/
.indexFace{
	height:100vh;
	background:#fff;
}
.indexFace:before{
	content:"";
	display:block;
	position:fixed;
	background: #F0B706;
	height:100vh;
	width:100%;
}
.indexFace__title{
	left:15%;
	top:65%;
	color:#fff;
	font-size:40px;
	line-height:1.4em;
	z-index:3;
}
.indexFace__title span{
	background:#000;
}

.indexFace_achiev{
	width:40%;
	right:15%;
	top:2%;
}
.slick-list{
	position:relative;
}
.slider-img{
	position:absolute !important;
	left:0 !important;
}

/*制作実績*/
.achievementList{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.achievementList__item{
	width:calc(100%/3);
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	border-bottom:1px solid #efefef;
}
.achievementList__item__box__icon{
	right:0;
	top:0;
	padding:3px 5px;
	border-radius:3px;
	background:#999;
	color:#fff;
}
.achievementList__item__box__option__icon{
	color:#666;
}
.achievementList__item__box__option__icon i{
	color:#705E00;
}
.achievementList__item__box__link{
	bottom:0;
	right:0;
}
.achievementList__item__box__link a{
	color:#000;
	padding:5px 7px;
	border:1px solid #000;
	line-height:1em;
	text-decoration:none;
}
.achievementList__item__box__link a:hover{
	background:#000;
	color:#fff;
}
.achievementList__item__box__link a:before{
	content:">>";
}


/*制作実績詳細*/
.acivementDetail{
	width:55%;
}
.achievementList__item__box__data{
	border-top:1px solid #efefef;
}
.achievementList__item__box__data__item{
	padding:20px 0;
	border-bottom:1px solid #efefef;
}
.achievementList__item__box__data__item__ttl{
	width:20%;
}
.achievementList__item__box__data__item a{
	text-decoration:none;
	color:#000;
}
.achievementList__item__box__data__item a:hover{
	text-decoration:underline;
}
.achievementList__item__child{
	border-bottom:none;
}
/*サービス*/
.suitSelect{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:-50px;
}
.serviceList__item {
	border-bottom:1px solid #efefef;
}
.serviceList__item--option{
	width:calc(100%/3);
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}
.serviceList__item__price__title{
	font-size:20px;
}
.serviceList__item__price__title i{
	display:table-cell;
	vertical-align:middle;
	font-size:200%;
	 padding-right:0.3em;
	color:#705E00;
	opacity:0.4;
}
.serviceList__item__price__price__num{
	color:#F0B706;
	font-size:50px;
}
.sectionBox--color .serviceList__item__price__price__num{
	color:#fff;
}

/*よくある質問*/
.faqBox{
	background:#F0B706;
	padding:20px 30px;
	border-radius:10px;
}
.faqList{
	background:#fff;
	padding:20px 30px;
	border-radius:15px;
}
.faqList:last-child{
	margin-bottom:0 !important;
}
.faqList__title{
	line-height:30px;
	font-size:18px;
}
.faqList__title span{
	width:100%;
}
.faqList__title:before{
	content:"Q";
	color:#00f;
    font-family: "M PLUS 1", serif;
    font-weight: 900;
	font-size:36px;
	line-height:36px;
	margin-right:0.5em;
}
.faqList__title.checked{
	color:#ddd;
}
.faqList__content{
	display:none;
	padding-top:30px;
}
.faqList__content__txt__inner:before{
	content:"A";
	color:#f00;
    font-family: "M PLUS 1", serif;
    font-weight: 900;
	font-size:36px;
	line-height:36px;
	margin-right:0.5em;
}
.faqList__content__txt{
	font-size:16px;
	line-height:1.5em;
	width:100%;
}
.faqList__content__txt__inner div{width:100%;}

/*お問合せ*/
.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:#000;
	width:250px;
	padding:15px 0;
	border:1px solid #000;
	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:#000}
.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;
}