@charset "utf-8";
/*
 Theme Name:   アスター
*/
/* Reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	vertical-align: top;
}
p, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	outline: none;
}
ul li {
	list-style: none;
	outline: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}
tr{
	border-bottom: dashed 1px #666;
}
tr:last-child{
	border-bottom: none;
}
th,td {
	padding: 0;
	text-align: left;
	padding: 15px 5px; 
}
th{
	position: relative;
	font-weight: bold;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	vertical-align: middle;
	border: none;
}
a {
	line-height: 100%;
	text-decoration: none;
	outline: none;
	color: inherit;
	font: inherit;
}
main {
	display: block;
}
button, input, select, textarea {
	font-size: inherit;
	font-family : inherit;
	outline: none;
}
sup {
	font-size: x-small;
}
/* iOS */
input[type="text"], input[type="tel"], input[type="email"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
input[type="reset"], input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="reset"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
/* sp
---------------------------------------- */
.forSP {
	display: none;
}
/* common
---------------------------------------- */
@font-face {
	font-family: "genjyuu";
	src: url(/cms/wp-content/themes/asuta/assets/font/GenJyuuGothic-Regular.ttf);
}

html {
	width: 100%;
}
body {
	min-width: 980px;
	font-variant: normal;
	font: 15px/1.86em "genjyuu", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #1a1a1a;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/common/bg_main.jpg);
}
p, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6 , a, li, th, td{
	transform: rotate(0.001deg);
}
main {
	width: 100%;
}
.inner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.top > .inner1180 {
	width: 980px;
}
.inner1180 {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
img {
	max-width: 100%;
	height: auto;
}
main a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
section{
	position: relative;
	margin-bottom: 80px;
}
main.page h1{
	position: relative;
	min-width: 980px;
	font-size: 1.73em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	padding: 20px 0;
	background: linear-gradient(#ede4ce, #e6dabb);
}

h2{
	font-size: 1.73em;
	line-height: 1.5em;
	font-weight: bold;
}
h2 > span{
	color: #da9d00;
}

main.page h3{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.7em;
}
main.page h3:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_reader.png);
	margin-left: 10px;
}

main.page h4{
	width: 667px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.125em;
	text-align: center;
}
main.page h4:before,
main.page h4:after{
	display: block;
	content: "";
	background: url(/cms/wp-content/themes/asuta/assets/images/common/h3_line.png);
	height: 7px;
	width: 667px;
}

#breadcrumb{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
}
#breadcrumb li{
	display: inline-block;
	margin-right: 3px;
	font-size: 0.86em;
	line-height: 2.92em;
}
#breadcrumb li:after{
	content: "";
	position: relative;
	left: 3px;
	top: -2.5px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #da9d00;
	border-right: 1px solid #da9d00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
}
#breadcrumb li:last-child:after{
	content: "";
	border: none;
}
.tC{
	text-align: center;
}

.btn{
	display: block;
	position: relative;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	color: #7d4627;
	background: #ffe16e;
	border-radius: 10px;
	border-bottom: solid 4px #da9d00;
}
.btn:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}
.btn:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_btn_arrow.png);
	position: absolute;
	right: 14px;
}
.btn.blank:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_btn_blank.png);
	position: absolute;
	top: 15px;
	right: 14px;
}
.btn.pdf:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_btn_pdf.png);
	position: absolute;
	top: 17px;
	right: 14px;
}
.floatL{
	float: left;
}
.clearfix{
	clear: both;
}

/* header
---------------------------------------- */
header{
	margin-bottom: 30px;
}
header .logo_area{
	position: relative;
	width: 100%;
	height: 80px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
header .logo_area .reception{
	height: 100%;
	padding-top: 25px;
	box-sizing: border-box;
	float: right;
	font-size: 0.86em;
}
header .logo_area .reception img,
header .logo_area .reception p{
	position: relative;
	bottom: 0;
	display: inline-block;
	vertical-align: baseline;
}
header .logo_area .reception img{
	margin-right: 10px;
}
header .logo_area .reception p{
	position: relative;
	bottom: 5px;
	line-height: 1.38em;
	vertical-align: sub;
}
header.top .header_mainvisual{
	position: relative;
	margin-bottom: 15px;
}
header.top .header_mainvisual #mainvisual_txt{
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
	margin: 0 auto;

}
header.top .header_mainvisual #mainvisual_txt {
  -webkit-animation-name: slideimage;
  animation-name: slideimage;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes slideimage {
  0% {
    position: absolute;
    left: -10%;
	opacity: 0;
  }
  100% {
    position: absolute;
    left: 0;
	  opacity: 1;
  }
}
@keyframes slideimage {
  from {
    position: absolute;
    left: -10%;
	opacity: 0;
  }
  to {
    position: absolute;
    left: 0;
	opacity: 1;
  }
}
header.top nav ul{
	display: table;
	table-layout: fixed;
	width: 800px; 
	height: 125px;
	margin: 0 auto;
}
header.top nav ul li{
	display: table-cell;
	position: relative;
	width: 160px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: bottom;
}
header.top nav ul li a{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 95px;
	box-sizing: border-box;
	font-size: 1.13em;
	font-weight: bold;
}
header.top nav ul li:nth-child(1){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu01a.png) no-repeat center top;
}
header.top nav ul li:nth-child(2){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu02a.png) no-repeat center top;
}
header.top nav ul li:nth-child(3){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu03a.png) no-repeat center top;
}
header.top nav ul li:nth-child(4){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu04a.png) no-repeat center top;
}
header.top nav ul li:nth-child(5){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu06a.png) no-repeat center top;
}
header.top nav ul li:nth-child(6){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu05a.png) no-repeat center top;
}
header.top nav ul li:hover{
	color: #da9d00;
}
header.top nav ul li:nth-child(1):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu01b.png) no-repeat center top;
}
header.top nav ul li:nth-child(2):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu02b.png) no-repeat center top;
}
header.top nav ul li:nth-child(3):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu03b.png) no-repeat center top;
}
header.top nav ul li:nth-child(4):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu04b.png) no-repeat center top;
}
header.top nav ul li:nth-child(5):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu06b.png) no-repeat center top;
}
header.top nav ul li:nth-child(6):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu05b.png) no-repeat center top;
}


header.page nav ul{
	width: 1180px; 
	height: 50px;
	margin: 0 auto;
	text-align: center;
}
header.page nav ul li{
	display: inline-block;
	position: relative;
	padding: 0 1px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: bottom;
	border-right: dashed 1px #cccccc; 
	background-size: contain;
	background-position: 10px 0;
} 
header.page nav ul li:last-child{
	border-right: none;
}
header.page nav ul li a{
	display: block;
	width: 100%;
	height: 50px;
	padding: 11px;
	padding-left: 55px;
	box-sizing: border-box;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}
header.page nav ul li:nth-child(1){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu01a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(2){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu02a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(3){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu03a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(4){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu04a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(5){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu06a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(6){
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu05a.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:hover{
	color: #da9d00;
}
header.page nav ul li:nth-child(1):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu01b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(2):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu02b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(3):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu03b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(4):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu04b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(5):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu06b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}
header.page nav ul li:nth-child(6):hover{
	background: url(/cms/wp-content/themes/asuta/assets/images/common/img_hedermenu05b.png) no-repeat;
	background-size: contain;
	background-position: 10px 0;
}

header.page .inner{
	position: relative;
}
header.page .inner:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_h1.png);
	position: absolute;
	bottom: -38px;
	left: 0px;
}
header.page .inner:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_h1.png);
	position: absolute;
	bottom: -38px;
	right: 0px;
}


header #toContact{
	display: block;
	position: fixed;
	top: 80px;
	right: 0;
	box-sizing: border-box;
	width: 51px;
	height: 170px;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/common/bnr_side_contact_a.png);
	z-index: 40;
	transform: translate3d(0, 0, 0);
}
header #toContact:hover{
	background-image: url(/cms/wp-content/themes/asuta/assets/images/common/bnr_side_contact_b.png);
}



/* footer
---------------------------------------- */
footer{
	position: relative;
	box-sizing: border-box;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/common/bg_footer.jpg);
	color: #fff;
}
footer > section{
	margin-bottom: 0;
}
footer #toTOP{
	display: flex;
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 81px;
	height: 66px;
	box-sizing: border-box;
	font-size: 1.13em;
	font-weight: 900;
	align-items: center;
	justify-content: center;
	border: solid 2px #fff;
	border-radius: 100%;
	color: #7d4627;
	background: #ede4ce;
	z-index: 50;
}
footer #toTOP:hover{
	background: #ffe16e;
}
footer .inner {
	width: auto;
}
footer .footer_menu{
	background-image: url(/cms/wp-content/themes/asuta/assets/images/common/bg_footer_menu.jpg);
	color: #1a1a1a;
}
footer .footer_menu ul{
	display: table;
	width: 980px;
	padding: 15px 0;
	margin: 0 auto;
}
footer .footer_menu ul li{
	display: table-cell;
	font-weight: bold;
}
footer .footer_menu ul li a:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_link.png);
	display: inline-block;
	height: 23px;
	margin-right: 5px;
	vertical-align: bottom;
}
footer .footer_menu ul li a:hover{
	text-decoration: underline;
}
footer .footer_logo {
	width: 270px;
	font-size: 0.93em;
}
footer .footer_profile {
	display: table;
	padding: 45px 0 30px;
}
footer .footer_profile p {
	display: table-cell;
	font-size: 0.93em;
}
footer .footer_profile .address {
	line-height: 1.46em;
}
footer .footer_profile .address strong{
	line-height: 1.86em;
}
footer .footer_profile .address img{
	vertical-align: text-bottom;
	height: 18.5px;
}
footer .copyright {
	padding-bottom: 10px;
	font-size: 0.86em;
	text-align: center;
	color: #bdd5cb;
}

/* TOP
---------------------------------------- */

main#top #news{
	margin-bottom: 80px;
}
main#top #news .inner {
/*	height: 100px; */
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

main#top #news .news_add {
    padding: 0 0 0 120px;
    font-weight: bold;
    color: red;
}

main#top #news .inner:before {
	content: url(/cms/wp-content/themes/asuta/assets/images/top/ico_news.png);
	margin-right: 5px;
}
main#top #news p,
main#top #news a,
main#top #news ul,
main#top #news ul li{
	display: inline-block;
	margin-right: 15px;
}
main#top #news p.news_header{
	font-size: 1.13em;
	font-weight: bold;
}
main#top #news ul li span.date{
	margin-right: 15px;
	font-size: 0.93em;
	color: #da9d00;
}
main#top #news ul li a:hover{
	text-decoration: underline;
	text-decoration-color: #1a1a1a;
}
main#top #news .toArchive{
	float: right;
	font-size: 0.93em;
	font-weight: bold;
	vertical-align: top;
}
main#top #news .toArchive:hover{
	text-decoration: underline;
	text-decoration-color: #1a1a1a;
}

main#top #news .toArchive:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_link.png);
	display: inline-block;
	height: 24px;
	margin-left: 5px;
	vertical-align: bottom;
}
main#top #commitment{
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 70px;
}
main#top #commitment .inner:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/top/bg_top01.png);
	position: absolute;
	left: -220px;
}
main#top #commitment .inner:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/top/bg_top02.png);
	position: absolute;
	top: 0;
	right: -180px;
}
main#top #commitment .inner{
	position: relative;
}
main#top #commitment h2:after{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_reader.png);
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	line-height: 0;
	text-align: center;
}
main#top #commitment h2 + .txt{
	font-size: 1.2em;
}
main#top #commitment .txt{
	line-height: 1.86em;
	margin-bottom: 10px;
}
main#top #commitment .inner{
	margin-bottom: 30px;
}
main#top #commitment .btn_area{
	text-align: center;
}
main#top #commitment .btn{
	display: inline-block;
	width: 320px;
	height: 56px;
	padding: 15px 0;
	margin-right: 10px;
}
/*
main#top #commitment .btn:first-child{
	margin-right: 20px;
}
*/
main#top #toWorks{
	display: table;
	margin-bottom: 30px;
}
main#top #toWorks h2,
main#top #toWorks p{
	display: table-cell;
}
main#top #toWorks h2{
	width: 355px;
	font-size: 1.46em;
	line-height: 1.54em;
	vertical-align: middle;
}
main#top #toProduct{
	margin-bottom: 25px;
}
main#top #toProduct ul{
	display: table;
	margin: 0 auto;
}
main#top #toProduct ul li{
	position: relative;
	display: inline-block;
	width: 222px;
	height: 220px;
	margin: 0 12px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	color: #ffffff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
main#top #toProduct ul li:hover{
	color: #fff;
	text-shadow: 0 0 3px #fff,0 0 3px #fff;
}
main#top #toProduct ul li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}

main#top #toProduct ul li img{
	display: block;
	margin: 0 auto 10px;
}
main#top #toProduct ul li:nth-child(1){
	background: linear-gradient(#d76769, #d3595b);
	margin-left: 0;
}
main#top #toProduct ul li:nth-child(2){
	background: linear-gradient(#8a6797, #7e578c);
}
main#top #toProduct ul li:nth-child(3){
	background: linear-gradient(#ecbc56, #e9b037);
}
main#top #toProduct ul li:nth-child(4){
	background: linear-gradient(#5eae99, #4da58e );
	margin-right: 0;
}
main#top #toSelse{
	margin-bottom: 100px;
}
main#top #toSelse .forStore{
	display: inline-block;
	width: 475px;
	padding: 25px 0;
	box-sizing: border-box;
	text-align: center;
	background: #e6ded3;
}
main#top #toSelse .forStore:first-child{
	margin-right: 25px;
}
main#top #toSelse .ttl{
	margin-bottom: 15px;
}
main#top #toSelse .ttl span{
	font-size: 1.33em;
	font-weight: bold;
	color: #603813;
}
main#top #toSelse .btn{
	width: 318px; 
	height: 56px;
	padding: 15px 0;
	margin: 0 auto;
	box-sizing: border-box;
}


/* bug
---------------------------------------- */
main#bug {
	margin-bottom: 40px;
}
main#bug #read h2{
	margin-bottom: 18px;
}
main#bug #read img.floatL{
	margin-right: 35px;
}
main#bug #read .txt{
	margin-bottom: 25px;
}
main#bug #read ul{
	display: inline-block;
	width: 980px;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #ede4ce;
}
main#bug #read ul li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
main#bug #read ul li:before{
	content: "\025cf";
	margin-right: 5px;
	color: #ef9d00;
}
main#bug #photomorphogenesis{
	margin-bottom: 40px;
}
main#bug #photomorphogenesis h3{
	margin-bottom: 10px;
}
main#bug #photomorphogenesis .floatL{
	width: 502px;
	margin-right: 27px;
}
main#bug #photomorphogenesis .txt{
	margin-bottom: 25px;
}
main#bug #experiment{
	margin-bottom: 55px;
}
main#bug #experiment h3{
	margin-bottom: 15px;
}
main#bug #experiment .txt{
	margin-bottom: 30px;
}

main#bug #price{
	margin-bottom: 30px;
}
main#bug #price h4{
	margin-top: 40px;
	margin-bottom: 30px;
}
main#bug #price .table_contents{
	padding: 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background-color: #fff;
}
main#bug #price .table_contents table td{
	text-align: right;

}
main#bug #price ul.summary{
	margin-right: 20px;
}
main#bug #price ul.summary li:before,{
	content: "●";
	margin-right: 5px; 
	color: #ef9d00;
}
main#bug #price .txt span{
	font-weight: bold;
	color: #d4145a;
}
main#bug #price{
	margin-bottom: 100px;
}


main#bug #experiment .f-container { 
    display:flex;
    flex-flow: row nowrap; 
    justify-content: center;
}
main#bug #experiment .w30 { 
    width: 30%;
}
main#bug #experiment .w30 img { 
    width: 85%;
    margin-bottom: 15px;
}
main#bug #experiment .w75 { 
    width: 75%;
}


/* works
---------------------------------------- */
main#works  {
	margin-bottom: 40px;
}
main#works #merit h2{
	margin-bottom: 18px;
}
main#works #merit img.floatL{
	margin-right: 35px;
}
main#works #merit .txt{
	margin-bottom: 25px;
}
main#works #merit ul{
	display: inline-block;
	width: 605px;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #ede4ce;
}
main#works #merit ul li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
main#works #merit ul li:before{
	content: "\025cf";
	margin-right: 5px;
	color: #ef9d00;
}
main#works #photomorphogenesis{
	margin-bottom: 40px;
}
main#works #photomorphogenesis h3{
	margin-bottom: 10px;
}
main#works #photomorphogenesis .floatL{
	width: 502px;
	margin-right: 27px;
}
main#works #photomorphogenesis .txt{
	margin-bottom: 25px;
}
main#works #experiment{
	margin-bottom: 55px;
}
main#works #experiment h3{
	margin-bottom: 15px;
}
main#works #experiment .txt{
	margin-bottom: 30px;
}
main#works #experiment ul{
	text-align: center;
}
main#works #experiment ul li{
	position: relative;
	display: inline-block;
	width: 312px;
	height: 102px;
	text-align: left;
}
main#works #experiment ul li a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 15px 10px 95px;
	font-size: 1.26em;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
}
main#works #experiment ul li span{
	font-size: 0.7em;
	line-height: 1em;
}
main#works #experiment ul li:hover{
	text-shadow: 0 0 3px #fff,0 0 3px #fff;
}
main#works #experiment ul li:nth-child(1) a{
	padding-top: 20px;
	background: url(/cms/wp-content/themes/asuta/assets/images/works/img_experiment01.png) no-repeat;
}
main#works #experiment ul li:nth-child(2){
	margin: 0 16px;
}
main#works #experiment ul li:nth-child(2) a{
	padding-top: 12px;
	background: url(/wp-content/themes/asuta/assets/images/works/img_experiment02.png) no-repeat;
}
main#works #experiment ul li:nth-child(2) a span{
	vertical-align: top;
}
main#works #experiment ul li:nth-child(3) a{
	padding-top: 20px;
	background: url(/cms/wp-content/themes/asuta/assets/images/works/img_experiment03.png) no-repeat;
}
main#works #ichigo_experiment,
main#works #kikyou_experiment,
main#works #kiku_experiment{
	margin-bottom: 30px;
}
main#works #ichigo_experiment .mbottom30,
main#works #kikyou_experiment .mbottom30,
main#works #kiku_experiment .mbottom30{
	margin-bottom: 30px;
}
main#works #ichigo_experiment h3,
main#works #kikyou_experiment h3,
main#works #kiku_experiment h3{
	position: relative;
	height: 50px;
	padding: 11px;
	margin-bottom: 30px;
	box-sizing: border-box;
	font-size: 1.2em;
	border-radius: 10px;
	color: #fff;
}
main#works #ichigo_experiment h3{
	background: linear-gradient(#d76769, #d3595b);
}
main#works #kikyou_experiment h3{
	background: linear-gradient(#8a6797, #7e578c);
}
main#works #kiku_experiment h3{
	background: linear-gradient(#ecbc56, #e9b037);
}
main#works #ichigo_experiment h3:after,
main#works #kikyou_experiment h3:after,
main#works #kiku_experiment h3:after{
	content: "";
	position: absolute;
	top: 35%;
	right: 20px;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 8px 0 8px 10px;
	transform: rotate(-90deg);
}
main#works #ichigo_experiment h3.close:after,
main#works #kikyou_experiment h3.close:after,
main#works #kiku_experiment h3.close:after{
	content: "";
	position: absolute;
	top: 35%;
	right: 20px;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 8px 0 8px 10px;
	transform: rotate(90deg);
}
main#works #ichigo_experiment img.floatL,
main#works #kikyou_experiment img.floatL,
main#works #kiku_experiment img.floatL{
	margin-right: 35px;
}
main#works #ichigo_experiment .ttl,
main#works #kikyou_experiment .ttl,
main#works #kiku_experiment .ttl{
	margin-bottom: 15px;
	font-size: 1.33em;
	font-weight: bold;
}
main#works #ichigo_experiment .ttl span,
main#works #kikyou_experiment .ttl span,
main#works #kiku_experiment .ttl span{
	color: #da9d00;
}
main#works #ichigo_experiment .note,
main#works #kikyou_experiment .note,
main#works #kiku_experiment .note{
	font-size: 0.93em;
	line-height: 2em;
	color: #666;
}
main#works #ichigo_experiment ul.container,
main#works #kikyou_experiment ul.container,
main#works #kiku_experiment ul.container{
	display: table;
	padding: 25px 30px;
	margin-top: 25px;
	border-radius: 10px;
	background-color: #fff;
}
main#works #ichigo_experiment ul.container li,
main#works #kikyou_experiment ul.container li,
main#works #kiku_experiment ul.container li{
	padding-left: 1.2em;
	text-indent: -1.2em;
}
main#works #ichigo_experiment ul.container li:before,
main#works #kikyou_experiment ul.container li:before,
main#works #kiku_experiment ul.container li:before{
	content: "●";
	margin-right: 5px; 
	color: #ef9d00;
}
main#works #ichigo_experiment ul.container li span,
main#works #kikyou_experiment ul.container li span,
main#works #kiku_experiment ul.container li span{
	font-weight: bold;
	color: #d4145a;
}
main#works #ichigo_experiment h4,
main#works #kikyou_experiment h4,
main#works #kiku_experiment h4{
	margin-top: 40px;
	margin-bottom: 30px;
}
main#works #ichigo_experiment .appeal,
main#works #kikyou_experiment .appeal,
main#works #kiku_experiment .appeal{
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 1.73em;
	font-weight: bold;
	line-height: 1.5em;
}
main#works #ichigo_experiment .appeal span,
main#works #kikyou_experiment .appeal span,
main#works #kiku_experiment .appeal span{
	color: #da9d00;
}
main#works #ichigo_experiment ul.line_list,
main#works #kikyou_experiment ul.line_list,
main#works #kiku_experiment ul.line_list{
	margin-bottom: 20px;
}
main#works #ichigo_experiment ul.line_list li,
main#works #kikyou_experiment ul.line_list li,
main#works #kiku_experiment ul.line_list li{
	display: inline-block;
	margin-right: 15px;
}
main#works #ichigo_experiment ul.line_list li:before,
main#works #kikyou_experiment ul.line_list li:before,
main#works #kiku_experiment ul.line_list li:before{
	content: "●";
	margin-right: 5px; 
	color: #ef9d00;
}
main#works #ichigo_experiment .table_contents,
main#works #kikyou_experiment .table_contents,
main#works #kiku_experiment .table_contents{
	padding: 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background-color: #fff;
}
main#works #ichigo_experiment .table_contents table td,
main#works #kikyou_experiment .table_contents table td,
main#works #kiku_experiment .table_contents table td{
	text-align: right;

}
main#works #kikyou_experiment ul.summary,
main#works #kiku_experiment ul.summary{
	margin-right: 20px;
}
main#works #kikyou_experiment ul.summary li:before,
main#works #kiku_experiment ul.summary li:before{
	content: "●";
	margin-right: 5px; 
	color: #ef9d00;
}
main#works #kikyou_experiment .txt span{
	font-weight: bold;
	color: #d4145a;
}
main#works #kiku_experiment{
	margin-bottom: 100px;
}


/* reassurance
---------------------------------------- */
main#reassurance #point{
	margin-bottom: 50px;
}
main#reassurance #point h3{
	margin-bottom: 18px;
}
main#reassurance #point .floatL{
	margin-right: 28px;
}
main#reassurance #point .ttl{
	margin-bottom: 10px;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.6em;
}
main#reassurance #point .ttl span{
	color: #da9d00;
}
main#reassurance #point ul{
	display: inline-block;
	position: relative;
	width: 50%;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #ede4ce;
}
main#reassurance #point ul:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/works/img_works05.png);
	position: absolute;
	top: -25px;
	right: 45px;
}
main#reassurance #point ul li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
main#reassurance #point ul li:before{
	content: "\025cf";
	margin-right: 5px;
	color: #ef9d00;
}
main#reassurance #resistant{
	margin-bottom: 40px;
}
main#reassurance #resistant h4{
	margin-bottom: 30px;
}
main#reassurance #resistant > p.tC {
	margin-bottom: 35px;
}
main#reassurance #resistant .column2{
	display: inline-block;
	width: 460px;
}
main#reassurance #resistant .column2.left{
	margin-right: 55px;
}
main#reassurance #resistant .column2 .ttl{
	position: relative;
	padding: 5px 0;
	margin-bottom: 28px;
	font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.16em;
	text-align: center;
	background: #d9e021;
	border-radius: 10px;
}
main#reassurance #resistant .column2 .ttl:after{
	content: "";
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #d9e021;
	border-width: 10px 0 10px 17.32px;
	transform: rotate(-32deg);
}
main#reassurance #resistant .column2 .floatL{
	margin-right: 18px;
}
main#reassurance #resistant .column2 .tips{
	padding-top: 14px;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.6em;
}
main#reassurance #resistant .column2 .tips span{
	color: #da9d00;

}
main#reassurance #resistant .column2 .txt{
	clear: both;
	padding-top: 15px;
	line-height: 1.73em;
}
main#reassurance #resistant .column2 .txt span{
	color: #d4145a;
	font-weight: bold;

}
main#reassurance #toProduct{
	margin-bottom: 100px;
}
main#reassurance #toProduct h2{
	margin-bottom: 35px;
}



/* company
---------------------------------------- */

main#company #vision{
	margin-bottom: 70px;
}
main#company #vision .floatL{
	width: 530px;
	margin-right: 20px; 
}
main#company #vision h2{
	margin-bottom: 25px;
}
main#company #vision .txt{
	margin-bottom: 15px;
	line-height: 1.73em;
}
main#company #mission_value {
	margin-bottom: 60px;
}
main#company #mission_value .callout{
	position: relative;
	width: 500px;
	padding: 5px 0;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.16em;
	text-align: center;
	background: #d9e021;
	border-radius: 10px;
}
main#company #mission_value p.callout:after{
	content: "";
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #d9e021;
	border-width: 10px 0 10px 17.32px;
	transform: rotate(-32deg);
}
main#company #mission_value p.callout img{
	margin: 0 3px 8px;
}
main#company #mission_value h2{
	margin-bottom: 30px;
}
main#company #mission_value h4{
	margin-bottom: 35px;
}
main#company #mission_value h4 span{
	color: #d4145a;
}
main#company #mission_value .wrapper{
	text-align: center;
}
main#company #mission_value .container{
	display: inline-block;
	width: 300px;
	padding: 30px 2px;
	margin: 0 10px;
	background: #fff;
	border-radius: 10px;
}
main#company #mission_value .container .ttl{
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}
main#company #mission_value .container .ttl span{
	color: #d4145a;
}
main#company #mission_value .container .txt span{
	color: #d4145a;
}

main#company #message{
	padding: 30px 40px;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
main#company #message h3{
	margin-bottom: 10px;
}
main#company #message .floatL{
	margin-right: 35px;
}
main#company #message .ttl{
	margin-bottom: 20px;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.6em;
}
main#company #message .ttl span{
	color: #da9d00;
}
main#company #message .txt{
	margin-bottom: 30px;
	line-height: 1.73em;
	text-align: justify;
}
main#company #message .sign{
	text-align: right;
	font-size: 1.13em;
}
main#company #message .sign img{
	margin-left: 20px;
	vertical-align: text-bottom;
}
main#company #profile {
	margin-bottom: 45px;
}
main#company #profile .floatL{
	width: 535px;
	margin-right: 25px;
}
main#company #profile .floatL th{
	width: 100px;
}
main#company #profile .wrapper{
	display: inline-block;
	width: 420px;
}
main#company #profile .address{
	padding: 20px;
	margin-bottom: 8px;
	background: #ede4ce;
	border-radius: 10px;
}
main#company #profile .address img{
	vertical-align: text-bottom;
	height: 20px;
}
main#company #history{
	margin-bottom: 40px;
}
main#company #history table th,
main#company #history table td{
	line-height: 1.6em;
	vertical-align: middle;
}
main#company #history table th{
	width: 100px;
}
main#company #achievement_main{
	margin-bottom: 45px;
}
main#company #achievement_main h3{
	margin-bottom: 20px; 
}
main#company #achievement_main .achieve_container{
	padding: 30px;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 10px;
}
main#company #achievement_main .achieve_container:last-child{
	margin-bottom: 0;
}
main#company #achievement_main .achieve_container .ttl{
	margin-bottom: 10px;
	font-size: 1.13em;
	font-weight: bold;
}
main#company #achievement_main .achieve_container .ttl.ichigo{
	color: #d4145a;
}
main#company #achievement_main .achieve_container .ttl.kikyou{
	color: #a660a3;
}
main#company #achievement_main .achieve_container .ttl.ooba{
	color: #da9d00;
}
main#company #achievement_main .achieve_container .ttl.kiku{
	color: #da9d00;
}
main#company #achievement_main .achieve_container .ttl.ichigo{
	color: #d4145a;
}

main#company #achievement_main .achieve_container .txt{
	display: inline-block;
	width: 420px;
	margin-right: 20px;
	box-sizing: border-box;
	line-height: 1.73em;
}
main#company #achievement_main .achieve_container .txt + .txt{
	display: inline-block;
	width: 470px;
	padding-left: 25px;
	box-sizing: border-box;
	margin-right: 0;
	border-left: dashed 1px #666;
}

main#company #achievement_sub{
	margin-bottom: 100px;
}
main#company #achievement_sub h3{
	margin-bottom: 20px;  
}
main#company #achievement_sub .achieve_container{
	display: inline-block;
	width: 470px;
	padding: 25px 30px;
	margin: 30px 0 0;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
}
main#company #achievement_sub .achieve_container:nth-child(2n){
	margin-right: 30px;
}
main#company #achievement_sub .achieve_container .ttl{
	font-size: 1.13em;
	font-weight: bold;
	line-height: 1.64em;
	letter-spacing: -0.01em;
}
main#company #achievement_sub .achieve_container .ttl.green{
	color: #16a138;
}
main#company #achievement_sub .achieve_container .ttl.purple{
	color: #a660a3;
}
main#company #achievement_sub .achieve_container .ttl.red{
	color: #d4145a;
}







/* product
---------------------------------------- */

main#product h2{
	margin-bottom: 30px;
}
main#product section#ichigo,
main#product section#kikyou,
main#product section#kiku{
	margin-bottom: 45px;
}
main#product section#ichigo h3,
main#product section#kikyou h3,
main#product section#kiku h3{
	margin-bottom: 20px;
}
main#product section#ichigo .floatL,
main#product section#kikyou .floatL,
main#product section#kiku .floatL{
	margin-right: 25px;
}
main#product section#ichigo .txtarea,
main#product section#kikyou .txtarea,
main#product section#kiku .txtarea{
	display: inline-block;
	width: 440px;
}
main#product section#ichigo .txtarea .ttl,
main#product section#kikyou .txtarea .ttl,
main#product section#kiku .txtarea .ttl{
	margin-bottom: 25px;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.6em;
}
main#product section#ichigo .txtarea .ttl span,
main#product section#kikyou .txtarea .ttl span,
main#product section#kiku .txtarea .ttl span{
	color: #da9d00;
}
main#product section#ichigo .txtarea ul,
main#product section#kikyou .txtarea ul,
main#product section#kiku .txtarea ul{
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #ede4ce;
}
main#product section#ichigo .txtarea ul li,
main#product section#kikyou .txtarea ul li,
main#product section#kiku .txtarea ul li{
	padding-left: 1.2em;
	line-height: 1.73em;
	text-indent: -1.2em;
}
main#product section#ichigo .txtarea ul li:before,
main#product section#kikyou .txtarea ul li:before,
main#product section#kiku .txtarea ul li:before{
	content: "●";
	color: #ef9d00;
	margin-right: 4px;
}
main#product section#ichigo .clearfix,
main#product section#kikyou .clearfix,
main#product section#kiku .clearfix{
	margin-bottom: 30px;
}
main#product section#ichigo .bnr,
main#product section#kikyou .bnr,
main#product section#kiku .bnr{
	margin-bottom: 30px;
}
main#product section#ichigo .bnr_product,
main#product section#kikyou .bnr_product,
main#product section#kiku .bnr_product,
main#product section#hokou .bnr_product{
	width: 980px;
	padding: 15px 30px 15px 542px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border: 5px solid #e9546b;
	border-radius: 10px;
	background-color: #fff;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/product/bnr_product01_textN.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
main#product section#kikyou .bnr_product{
	border-color: #a660a3;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/product/bnr_product02_textN.png);
}
main#product section#kiku .bnr_product{
	border-color: #f39800;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/product/bnr_product03_textN.png);
}
main#product section#hokou .bnr_product{
	padding-top: 15px;
	padding-left: 560px;
	padding-bottom: 15px;
	border-color: #41b25d;
	background-image: url(/cms/wp-content/themes/asuta/assets/images/product/bnr_product04_textN.png);
	background-position: 5px 5px;
}
main#product section#ichigo .bnr_product p.price,
main#product section#kikyou .bnr_product p.price,
main#product section#kiku .bnr_product p.price,
main#product section#hokou .bnr_product p.price{
	display: inline-block;
	padding: 5px 12px 5px 5px;
	margin-bottom: 10px;
	font-size: 1.53em;
	font-weight: bold;
	line-height: 1.1em;
	background:linear-gradient(0deg,#fff394 0%,#fff394 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
}
main#product section#hokou .bnr_product p.price.forSP{
	display: none;
}
main#product section#ichigo .bnr_product p.price span,
main#product section#kikyou .bnr_product p.price span,
main#product section#kiku .bnr_product p.price span,
main#product section#hokou .bnr_product p.price span{
	font-size: 1.25em;
	color: #e9546b;
}
main#product section#kikyou .bnr_product p.price span{
	color: #a660a3;
}
main#product section#kiku .bnr_product p.price span{
	color: #f39800;
}
main#product section#hokou .bnr_product p.price span{
	color: #41b25d;
}
main#product section#ichigo .bnr_product p,
main#product section#kikyou .bnr_product p,
main#product section#kiku .bnr_product p,
main#product section#hokou .bnr_product p{
	line-height: 1.73em;
	vertical-align: middle;
}
main#product section#ichigo .btn,
main#product section#kikyou .btn,
main#product section#kiku .btn{
	width: 322px;
	height: 56px;
	padding: 13px;
	margin: 0 auto;
}
main#product #hokou{
	margin-bottom: 45px;
}
main#product #hokou h3{
	margin-bottom: 35px;
}
main#product #hokou .floatL{
	margin-right: 25px;
}
main#product #hokou .txtarea{
	display: inline-block;
	width: 645px;
	padding: 25px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
}
main#product #hokou .txtarea p.txt{
	line-height: 1.73em;
}
main#product #hokou .txtarea img{
	float: right;
	margin-left: 30px;
}
main#product #hokou .clearfix{
	margin-bottom: 40px;
}
main#product #hokou .case{
	display: inline-block;
	width: 460px;
	margin-right: 50px;
	margin-bottom: 30px;
}
main#product #hokou .case + .case{
	margin-right: 0;
}
main#product #hokou .case .ttl{
	position: relative;
	padding: 5px 0;
	margin-bottom: 28px;
	font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.16em;
	text-align: center;
	background: #d9e021;
	border-radius: 10px;
}
main#product #hokou .case .ttl:after{
	content: "";
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #d9e021;
	border-width: 10px 0 10px 17.32px;
	transform: rotate(-32deg);
}
main#product #hokou .case img{
	margin-bottom: 15px;
}
main#product #hokou .case .txt{
	text-align: justify;
}
main#product #tansyoku{
	margin-bottom: 100px;
}
main#product #tansyoku h4{
	margin-bottom: 35px;
}
main#product #tansyoku ul{
	text-align: center;
}
main#product #tansyoku ul li{
	display: inline-block;
	width: 270px;
	padding: 35px 0;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	border-radius: 10px;
}
main#product #tansyoku ul li:nth-child(2){
	margin: 0 40px;
}
main#product #tansyoku ul li img{
	margin-bottom: 10px;
}
main#product #tansyoku ul li strong{
	font-size:1.2em;
}

/* faq
---------------------------------------- */

main#faq h2{
	margin-bottom: 35px;
}
main#faq #contact h4{
	margin-bottom: 35px;
}
main#faq #contact .case{
	display: inline-block;
	width: 460px;
	margin-right: 55px;
}
main#faq #contact .case + .case{
	margin-right: 0;
}
main#faq #contact .case .ttl{
	position: relative;
	padding: 5px 0;
	margin-bottom: 31px;
	font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.16em;
	text-align: center;
	background: #d9e021;
	border-radius: 10px;
}
main#faq #contact .case .ttl:after{
	content: "";
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -15px;
	border-style: solid;
	border-color: transparent transparent transparent #d9e021;
	border-width: 10px 0 10px 17.32px;
	transform: rotate(-32deg);
}
main#faq #contact .case .office{
/*	display: inline-block;*/
	width: 225px;
	line-height: 1.46em;
	margin: 0 auto;
}
main#faq #contact .case .office strong{
	font-size: 1.89em;
	font-weight: bold;
	line-height: 1.5em;
}
main#faq #contact .case .btn{
	width: 322px;
	height: 56px;
	padding: 13px;
	margin: 0 auto;
}
main#faq #contact .note{
	color: #666;
	font-size: 0.93em;
	line-height: 1.71;
	text-indent: -20px;
	padding-left: 20px;
}
main#faq #contact .note li:before{
	content: "※";
	margin-right: 5px;
}
main#faq #QandA{
	margin-bottom: 170px;
}
main#faq #QandA h4{
	margin-bottom: 70px;
}
main#faq #QandA ul{
	text-align: center;
}
main#faq #QandA li{
	display: inline-block;
	width: 470px;
	padding: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	text-align: justify;
	background: #fff;
	border-radius: 10px;
}
main#faq #QandA li:nth-child(2n){
	margin-left: 35px;
}
main#faq #QandA li:last-child,
main#faq #QandA li:nth-last-child(2){
	margin-bottom: 0;
}
main#faq #QandA li .question{
	margin-bottom: 15px;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 1.64;
}
main#faq #QandA li .question:before{
	content: "Q.";
	color: #da9d00;
}
main#faq #QandA li .answer:before{
	content: "A.";
	font-weight: bold;
	color: #d4145a
}


/* news
---------------------------------------- */

main#news article{
	width: 747px;
	padding: 35px 30px 30px;
	margin: 0 auto 50px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
}
main#news article h2{
	padding-left: 40px;
	padding-right: 120px;
	margin-bottom: 5px;
	font-size: 1.28em;
	font-weight: bold;
	line-height: 1.88em;
	text-indent: -40px;
}
main#news article h2:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/top/ico_news.png);
	position: relative;
	top: 5px;
	margin-right: 10px;
}
main#news article .date{
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 0.93em;
	text-align: right;
	line-height: 1.71;
	color: #666;
	border-bottom: dashed 1px #666;
}
main#news article .txt{
	font-size: 0.93em;
	line-height: 1.71;
}
main#news .pagination{
	display: block;
	width: 747px;
	margin: 0 auto 100px;
	text-align: center;
}
main#news .pagination span,
main#news .pagination a{
	display: inline-block;
	width: 39px;
	height: 39px;
	padding: 6px 0;
	margin: 0 6px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	background-color: #fff;
}
main#news .pagination img.separator{
	margin: 0 6px;
}
main#news .pagination span.current{
	color: #fff;
	background-color: #ef7400;
}
main#news .pagination a{
	position: relative;
}
main#news .pagination a.first:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_page_first.svg);
}
main#news .pagination a.prev:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_page_prev.svg);
}
main#news .pagination a.next:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_page_next.svg);
}
main#news .pagination a.last:before{
	content: url(/cms/wp-content/themes/asuta/assets/images/common/ico_page_last.svg);
}

/* contact
---------------------------------------- */
main#contact #contact_info{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: dashed 1px #666;
}
main#contact #contact_info .txt{
	margin-bottom: 25px;
}
main#contact #contact_info .tel{
	width: 550px;
	height: 90px;
	padding: 20px 0;
	margin: 0 auto;
	margin-bottom: 40px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
}
main#contact #contact_info .tel img{
	display: inline-block;
	margin-right: 20px;
}
main#contact #contact_info .tel p{
	display: inline-block;
	text-align: left;
	line-height: 1.2;
	vertical-align: middle;
}
main#contact #contact_info p.attention{
	margin-bottom: 15px;
}
main#contact #contact_info p.attention span{
	font-weight: bold;
	color: #d4145a;
}
main#contact #contact_form{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 100px;
}
main#contact #contact_form table tr{
	height: 60px;
	border-bottom: none;
}
main#contact #contact_form table tr.message{
	padding-top: 18px;
}
main#contact #contact_form table th,
main#contact #contact_form table td{
	height: 60px;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
main#contact #contact_form table th{
	width: 180px;
	font-weight: normal;
	vertical-align: middle;
}
main#contact #contact_form table th span.required{
	color: #d4145a;
}
main#contact #contact_form table #product_order th{
	vertical-align: top;
	padding-top: 18px;
}
main#contact #contact_form table .message th,
main#contact #contact_form table .message td{
	vertical-align: top;
	padding-top: 18px;
	padding-bottom: 20px;
}
main#contact #contact_form table td.product_name{
	width: 340px;
}
main#contact #contact_form table td input{
	padding: 10px;
	box-sizing: border-box;
}
main#contact #contact_form table td input[type="text"],
main#contact #contact_form table td input[type="tel"]{
	width: 420px;
	height: 40px;
	border: 1px solid #e6e6e6;
}
main#contact #contact_form table td input[type="text"]#your_address,
main#contact #contact_form table td input[type="email"]{
	width: 620px;
	height: 40px;
	border: 1px solid #e6e6e6;
}
main#contact #contact_form table td input[type="radio"]{
	vertical-align: middle;
}
main#contact #contact_form table td input[type="number"]{
	width: 62px;
	height: 40px;
	margin-right: 9px;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}
main#contact #contact_form table td input[type="number"]:disabled{
	background-color: rgb(235, 235, 228)!important;
}
main#contact #contact_form table td textarea{
	width: 620px;
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
main#contact #contact_form .remark{
	font-size: 0.80em;
	color: #666;
	margin-left: 1em;
}
main#contact #contact_form .note{
	margin-bottom: 25px;
	font-size: 0.93em;
	color: #666;
}
main#contact #contact_form hr{
	margin-bottom: 35px;
	border-bottom: dashed 1px #666;
}
main#contact #contact_form .privacypolicy_ttl{
	font-weight: bold;
	line-height: 2.26em;
}
main#contact #contact_form .privacypolicy{
	height: 190px;
	padding: 25px;
	margin-bottom: 25px;
	box-sizing: border-box;
	overflow-y: scroll;
	background-color: #fff;
}
main#contact #contact_form .agreement{
	margin-bottom: 40px;
	text-align: center;
}
main#contact #contact_form .agreement input[type="checkbox"]{
	margin-right: 5px;
	vertical-align: middle;
}
main#contact #contact_form .btn_area{
	text-align: center;
}
main#contact #contact_form .btn_area input[type="button"]:disabled,
main#contact #contact_form .btn_area input[type="submit"]:disabled{
	opacity: 0.6;
}
main#contact #contact_form .btn_area input[type="button"],
main#contact #contact_form .btn_area input[type="submit"]{
	display: inline-block;
	width: 318px;
	height: 56px;
	margin: 0 15px;
	border-radius: 10px;
    border-bottom: solid 4px #da9d00;
}
main#contact #contact_form .btn_area input[type="button"]:hover,
main#contact #contact_form .btn_area input[type="submit"]:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}

main#contact #contact_form .wpcf7c-conf{
	background-color: #666 !important;
    color: black !important;
    border: 1px solid #333 !important;
}
main#contact #contact_form span.wpcf7-not-valid-tip{
	font-size: 0.8em;
}



/* 404
---------------------------------------- */
main#not-found{
	min-height: 71vh;
}
main#not-found h2{
	margin-bottom: 25px;
	text-align: center;
}
main#not-found .txt{
	margin-bottom: 30px;
}
main#not-found .btn{
	width: 318px;
	height: 56px;
	padding: 13px 0;
	margin: 0 auto 100px;
}



/* contact-2　テスト用に作成したお問い合わせ
---------------------------------------- */
main#contact-2 #contact_info{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: dashed 1px #666;
}
main#contact-2 #contact_info .txt{
	margin-bottom: 25px;
}
main#contact-2 #contact_info .tel{
	width: 550px;
	height: 75px;
	padding: 20px 0;
	margin: 0 auto;
	margin-bottom: 40px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
}
main#contact-2 #contact_info .tel img{
	display: inline-block;
	margin-right: 20px;
}
main#contact-2 #contact_info .tel p{
	display: inline-block;
	text-align: left;
	line-height: 1.2;
	vertical-align: middle;
}
main#contact-2 #contact_info p.attention{
	margin-bottom: 15px;
}
main#contact-2 #contact_info p.attention span{
	font-weight: bold;
	color: #d4145a;
}
main#contact-2 #contact_form{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 100px;
}
main#contact-2 #contact_form table tr{
	height: 60px;
	border-bottom: none;
}
main#contact-2 #contact_form table tr.message{
	padding-top: 18px;
}
main#contact-2 #contact_form table th,
main#contact-2 #contact_form table td{
	height: 60px;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
main#contact-2 #contact_form table th{
	width: 180px;
	font-weight: normal;
	vertical-align: middle;
}
main#contact-2 #contact_form table th span.required,
main#contact-2 #contact_form table td span.required{/*-----修正*/
	color: #d4145a;
}
main#contact-2 #contact_form table #product_order th{
	vertical-align: top;
	padding-top: 18px;
}
main#contact-2 #contact_form table .message th,
main#contact-2 #contact_form table .message td{
	vertical-align: top;
	padding-top: 18px;
	padding-bottom: 20px;
}
main#contact-2 #contact_form table td.product_name{
	   width: 380px;/*-----修正*/
        line-height: 1.2;/*-----修正*/
        display: block;/*-----修正*/
}
main#contact-2 #contact_form table td input{
	padding: 10px;
	box-sizing: border-box;
}
main#contact-2 #contact_form table td input[type="text"],
main#contact-2 #contact_form table td input[type="tel"]{
	width: 420px;
	height: 40px;
	border: 1px solid #e6e6e6;
}
main#contact-2 #contact_form table td input[type="text"]#your_address,
main#contact-2 #contact_form table td input[type="email"]{
	width: 620px;
	height: 40px;
	border: 1px solid #e6e6e6;
}
main#contact-2 #contact_form table td input[type="radio"]{
	vertical-align: middle;
}
main#contact-2 #contact_form table td input[type="number"]{
	width: 62px;
	height: 40px;
	margin-right: 9px;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}
main#contact-2 #contact_form table td input[type="number"]:disabled{
	background-color: rgb(235, 235, 228)!important;
}
main#contact-2 #contact_form table td textarea{
	width: 620px;
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
main#contact-2 #contact_form .remark{
	font-size: 0.80em;
	color: #666;
	margin-left: 1em;
}
main#contact-2 #contact_form .note{
	margin-bottom: 25px;
	font-size: 0.93em;
	color: #666;
}
main#contact-2 #contact_form hr{
	margin-bottom: 35px;
	border-bottom: dashed 1px #666;
}
main#contact-2 #contact_form .privacypolicy_ttl{
	font-weight: bold;
	line-height: 2.26em;
}
main#contact-2 #contact_form .privacypolicy{
	height: 190px;
	padding: 25px;
	margin-bottom: 25px;
	box-sizing: border-box;
	overflow-y: scroll;
	background-color: #fff;
}
main#contact-2 #contact_form .agreement{
	margin-bottom: 40px;
	text-align: center;
}
main#contact-2 #contact_form .agreement input[type="checkbox"]{
	margin-right: 5px;
	vertical-align: middle;
}
main#contact-2 #contact_form .btn_area{
	text-align: center;
}
main#contact-2 #contact_form .btn_area input[type="button"]:disabled,
main#contact-2 #contact_form .btn_area input[type="submit"]:disabled{
	opacity: 0.6;
}
main#contact-2 #contact_form .btn_area input[type="button"],
main#contact-2 #contact_form .btn_area input[type="submit"]{
	display: inline-block;
	width: 318px;
	height: 56px;
	margin: 0 15px;
	border-radius: 10px;
    border-bottom: solid 4px #da9d00;
}
main#contact-2 #contact_form .btn_area input[type="button"]:hover,
main#contact-2 #contact_form .btn_area input[type="submit"]:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}

main#contact-2 #contact_form .wpcf7c-conf{
	background-color: #666 !important;
    color: black !important;
    border: 1px solid #333 !important;
}
main#contact-2 #contact_form span.wpcf7-not-valid-tip{
	font-size: 0.8em;
}

/* 長体 */

.text-narrow {
    transform: scale(0.8, 1);
}