@charset "UTF-8";

/***********************************************
* Override - Menu Only
************************************************/
@media screen and (min-width:769px) {
/* header */
/*
#header {
	background: none;
}
*/
.menu-item-pc span, .menu-item-pc span a {
	/*color: #000000!important;*/
}

/* Drawer Menu */
nav.drawer-nav, ul.drawer-menu {
	background: none;
}
ul.drawer-menu li.drawer-menu-item,
ul.drawer-menu li.drawer-menu-item a {
/*	color: #000000;*/
	background: none;
}
}

h2.alpha {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
/* sns */
.sns-sec {
	background: url(../img/pattern_bg_menu.png) repeat 0 0;
}

/************************************************/

/* Main Image SP*/
h2.top_main {
	display: none;
}
@media screen and (max-width:768px) {
h2.top_main {
	display: inherit;
	width: 100%;
}
h2.top_main img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
}

/* Float */
h2.heading span {
	font-size: 15px;
	font-size: 1.5rem;
	display: inline-block;
}
@media screen and (max-width:768px) {
h2.heading span {
	font-size: 13px;
	font-size: 1.3rem;
	display: block;
	margin-top: 0.5em;
}
}

#contents {
	position: relative;
	padding: 50px 0 120px;
}
@media screen and (max-width:768px) {
#contents {
	padding: 4.33333335% 0 8.6666667%;
}
}

/* Container */
.quality {
	width: 1096px;
	margin: 50px auto 0;
}
@media screen and (max-width:1199px) {
.quality {
	width: 91.33333333%;
}
}
@media screen and (max-width:768px) {
.quality {
	width: 100%;
	margin-top: 25px;
}	
}

/* Heading */
.quality h2.heading {
	margin-bottom: 25px;
}

/* Section */
.section {
	position: relative;
	width: 100%;
	margin-top: 80px;
}
.section dl {
	width: 46%;
	border-bottom: dashed 1px #8b8b8b;
}
.section:first-child div {
	float: left;
	width: 46%;
}
.section:first-child div dl {
	width: 100%;
}
.section:nth-child(3) dl {
	float: left;
}
.section:nth-child(even) dl {
	float: right;
}
.section dl dt h3 {
	font-size: 30px;
	font-size: 3.0rem;
	color: #C51813;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
}
.section dl dd {
	background: url(../img/dashed_line03.png) repeat-y 0 0;
}
.section dl dd span {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 1.25em;
	display: inline-block;
	line-height: 45px;
	text-align: justify;
}

@media screen and (max-width:768px) {
.section {
	margin-top: 60px;
}
.section:first-child div {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.section:nth-child(3) dl {
	float: none;
	width: 100%;
	margin-bottom: 24px;
}
.section:nth-child(even) dl {
	float: none;
	width: 100%;
	margin-top: -2.5em;
}
.section dl dt h3 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 1em;
}
.section:nth-child(even) dl dt h3 {
	visibility: hidden;
}
}

p.founder {
	text-align: right;
	margin-top: 15px;
}

/* Image Unit */
.section .img-unit {
	position: relative;
	width: 50%;
}
.section:nth-child(odd) .img-unit {
	float: right;
}
.section:nth-child(even) .img-unit {
	float: left;
}
.section:nth-child(even) .img-unit h3 {
	display: none;
}
.section .img-unit img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:768px) {
.section:nth-child(odd) .img-unit,
.section:nth-child(even) .img-unit {
	float: none;
	width: 100%;
}
.section:nth-child(even) .img-unit h3 {
	display: inherit;
	font-size: 24px;
	font-size: 2.4rem;
	color: #C51813;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
}