@charset "utf-8";
/* CSS Document */

/*--------------------------------------
	基本設定
----------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	background: url(../img/common/bg.jpg);
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
a:link {
	text-decoration: none;
}
li {
	list-style: none;
}
p {
	text-align: justify;
	color: #484546;
	font-weight: 500;
	line-height: 1.5em;
}

/*--------------------------------------
	SP
----------------------------------------*/
@media only screen and (max-width:1099px) {
	/*--------------------
		BASE
	--------------------*/
	#nav-switcher,
	#controller,
	.check {
		display: none;
	}
	i {
		margin-right: 5px;
	}

	/*--------------------
		COMMON
	--------------------*/

	/*--------------------
		HEADER
	--------------------*/
	#global-header {
		width: 100%;
		height: 100px;
		padding: 10px 0;
	}
	h1 {
		width: 130px;
		margin: 0 auto;
	}
	#global-header .tel,
	#global-header .cnt {
		display: none;
	}

	/*--------------------
		NAVIGATION
	--------------------*/
	.menu-btn {
		top: 2%!important;
	}
	.drawer-menu {
		width: 250px!important;
		padding: 75px 0 0!important;
	}
	.drawer-menu li img {
		margin: 0 auto;
	}
	.close-menu {
		right: 250px!important;
	}

	/*--------------------
		CONTENTS
	--------------------*/
	.contents {
		width: 100%;
		overflow: hidden;
		margin: 60px auto;
	}
	.contents h2 {
		height: 50px;
		background: url(../img/top/contents.png) no-repeat left center;
		background-size: auto;
	}
	.contents h2 img {
		display: none;
	}
	.contents ul {
		max-width: 722px;
		margin: 0 auto;
	}
	.contents li {
		float: left;
		width: 48%;
		margin: 20px 1% 0;
	}

	/*--------------------
		GALLERY
	--------------------*/
	.gallery {
		margin: 60px auto;
	}
	.gallery h2 {
		height: 50px;
		background: url(../img/top/portfolio.png) no-repeat left center;
		background-size: auto;
	}
	.gallery h2 img {
		display: none;
	}
	.gallery dl {
		width: 252px;
		height: 280px;
		background: url(../img/top/frame.gif);
		padding: 5px;
		margin: 20px auto 0;
	}
	.gallery dl:nth-child(n+3) {
		display: none;
	}
	.gallery dt {
		margin-bottom: 20px;
	}
	.gallery dt img {
		object-fit: cover;
		width: 252px;
		height: 189px;
	}
	.gallery dd {
		max-height: 46px;
		overflow: hidden;
		text-align: justify;
		font-weight: 500;
		line-height: 1.6em;
		padding: 5px;
	}
	.gallery dd a {
		background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f3f334 0%) repeat scroll 0 0;
		text-decoration: underline;
		color: #484546;
	}

	/*--------------------
		NEWS
	--------------------*/
	.news {
		width: 96%;
		max-width: 530px;
		margin: 0 auto 60px;
	}
	.news h2:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-top: 20px;
	}
	.news dl {
		padding: 20px 0 0;
	}
	.news dl:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin: 20px 0 0 0;
	}
	.news dl:nth-child(n+5) {
		display: none;
	}
	.news dt {
		float: left;
		width: 110px;
		padding-left: 10px;
	}
	.news dd {
		height: 16px;
		overflow: hidden;
		color: #484546;
		font-weight: 500;
	}
	.news dd a {
		text-decoration: underline;
		color: #484546;
	}

	/*--------------------
		INSTA
	--------------------*/
	.insta {
		width: 96%;
		max-width: 520px;
		height: 563px;
		background: #f6f2ee;
		margin: 60px auto;
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		height: 226px;
		background: url(../img/common/f_bg.png) no-repeat center center;
		padding: 100px 0;
		margin: 0 auto;
	}
	.footer-navi ul {
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-navi li {
		display: inline-block;
		text-align: center;
		font-weight: 500;
		margin: 0 20px;
	}
	.footer-navi li:nth-child(-n+5) {
		display: none;
	}
	.footer-navi li a {
		text-decoration: underline;
		color: #484546;
	}
	.info {
	}
	.logo {
		display: block;
		width: 188px;
		height: 56px;
		margin: 0 auto;
	}
	.info .cnt {
		display: block;
		width: 276px;
		height: 40px;
		margin: 20px auto 10px;
	}
	.info .tel {
		display: block;
		width: 211px;
		height: 40px;
		margin: 0 auto;
	}
	.copy {
		text-align: center;
		font-size: 14px;
		margin-top: 20px;
	}
	.copy a {
		text-decoration: underline;
		color: #484546;
	}


/*
	LOWER
------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-main img {
		margin: 0 auto;
	}
	.lower {
		max-width: 700px;
		margin: 80px auto;
	}
	h3 {
		color: #484546;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0px 0px 0px 20px;
		border-left: 2px #ff3333 solid;
		margin: 0px 0px 30px;
	}
	.lower-box {
		margin-bottom: 60px;
	}

	/*--------------------
		COMMON
	--------------------*/
	.new-line {
		margin-top: 1em;
	}

	/*--------------------
		AKU
	--------------------*/
	#aku h3 {
		height: 50px;
		background: url(../img/aku/procces.png) no-repeat left center;
		background-size: auto;
		padding: 0;
		border: none;
	}
	#aku .about h3 {
		background: url(../img/aku/about.png) no-repeat left center;
		background-size: auto;
	}
	#aku h3 img {
		display: none;
	}
	#aku .lower-box h4 {
		padding: 0 5px;
	}
	#aku .lower-box h4 img {
		margin: 0 auto 18px;
	}
	#aku .lower-box p {
		padding: 0 5px;
	}
	#aku .lower-box ul {
		padding: 0 5px;
		margin-top: 1.5em;
	}
	#aku .lower-box li {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
		margin-bottom: 10px;
	}
	#aku .lower-box li:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-top: 10px;
	}
	#aku .pics img {
		margin: 40px auto 0;
	}
	.stp01 {
		padding: 0 5px;
		margin-bottom: 60px;
	}
	.stp01 h4 {
		margin-bottom: 30px;
	}
	.stp01 ul {
		margin-top: 30px;
	}
	.stp01 li {
		float: left;
		width: 48%;
		margin: 0 1%;
	}
	.stp02 {
		padding: 0 5px;
		margin-bottom: 60px;
	}
	.stp02 h4 {
		margin-bottom: 30px;
	}
	.stp02 ul {
		margin-top: 30px;
	}
	.stp02 li {
		float: left;
		width: 48%;
		margin: 0 1%;
	}
	.stp03 {
		padding: 0 5px;
		margin-bottom: 60px;
	}
	.stp03 h4 {
		margin-bottom: 30px;
	}

	/*--------------------
		COLOR
	--------------------*/
	#color h3 {
		height: 50px;
		background: url(../img/color/simulation.png) no-repeat left -175px center;
		background-size: auto;
		padding: 0;
		border: none;
	}
	#color h3 img {
		display: none;
	}
	#color h4 {
		padding: 0 5px;
	}
	#color h4 img {
		margin: 0 auto 40px;
	}
	.top-img img,
	.bottom-img img {
		margin: 0 auto;
	}
	.top-color {
		margin-bottom: 20px;
	}
	#color .top-color h4 img,
	#color .bottom-color h4 img {
		margin: 0 auto 10px;
	}
	#color ul {
		max-width: 450px;
		margin: 0 auto;
	}
	#color li {
		float: left;
		width: 30%;
		margin: 10px 1.5% 0;
	}
	#color li:nth-child(3n-1) {
		margin: 10px 2% 0;
	}

	/*--------------------
		GALLERY
	--------------------*/
	#gallery h3 {
		height: 50px;
		background: url(../img/common/portfolio.png) no-repeat left center;
		background-size: auto;
		padding: 0;
		border: none;
	}
	#gallery h3 img {
		display: none;
	}
	#gallery dl {
		width: 310px;
		height: 310px;
		background: url(../img/gallery/frame.png) no-repeat center center;
		background-size: cover;
		padding: 5px;
		margin: 0 auto;
	}
	#gallery dl:nth-child(n+2) {
		margin: 30px auto 0;
	}
	#gallery dt {
		margin-bottom: 15px;
	}
	#gallery dt img {
		object-fit: cover;
		width: 326px;
		height: 246px;
	}
	#gallery dd {
		max-height: 46px;
		overflow: hidden;
		text-align: justify;
		font-weight: 500;
		line-height: 1.6em;
		padding: 5px;
	}
	#gallery dd a {
		background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f3f334 0%) repeat scroll 0 0;
		text-decoration: underline;
		color: #484546;
	}

	/*--------------------
		GALLERY-SINGLE
	--------------------*/
	#gallery-single .inner {
		max-width: 400px;
		margin: 0 auto;
		position: relative;
	}
	#gallery-single .before {
		width: 300px;
		height: 225px;
		margin: 0 auto;
	}
	#gallery-single .before img {
		object-fit: cover;
		width: 300px;
		height: 225px;
	}
	#gallery-single .after {
		width: 300px;
		height: 225px;
		margin: 85px auto 30px;
	}
	#gallery-single .after img {
		object-fit: cover;
		width: 300px;
		height: 225px;
	}
	.arrow {
		display: block;
		width: 320px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		position: absolute;
		top: 265px;
		left: -140px;
		z-index: -1;
	}
	.exp {
		padding: 0 5px;
		max-width: 370px;
		margin: 0 auto;
	}
	.exp dl {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
		margin-top: 20px;
	}
	.exp dl:first-child:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-bottom: 20px;
	}
	.exp dl:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-top: 20px;
	}
	.exp dt {
		float: left;
		width: 80px;
		text-align: center;
		font-weight: bold;
	}
	.exp dd {
		min-width: 230px;
		padding-left: 80px;
	}
	#gallery-single ul {
		max-width: 335px;
		margin: 0 auto;
	}
	#gallery-single li {
		width: 160px;
		height: 120px;
	}
	#gallery-single li:nth-child(odd) {
		float: left;
	}
	#gallery-single li:nth-child(even) {
		float: right;
	}
	#gallery-single li:nth-child(n+3) {
		margin-top: 15px;
	}
	#gallery-single li img {
		object-fit: cover;
		width: 160px;
		height: 120px;
	}

	/*--------------------
		FLOW
	--------------------*/
	#flow .lower {
		max-width: 340px;
	}
	#flow .lower-box {
	}
	#flow h3 {
		padding-left: 10px;
		border: none;
	}
	#flow h3 img {
		margin: 0;
	}
	#flow p {
		font-size: 14px;
		padding: 0 5px;
	}
	#flow img {
		margin: 20px auto 0;
	}

	/*--------------------
		COMPANY
	--------------------*/
	.commit h3 {
		height: 50px;
		background: url(../img/company/commitment.png) no-repeat left center;
		background-size: auto;
		padding: 0;
		border: none;
	}
	.comp h3 {
		height: 50px;
		background: url(../img/company/company.png) no-repeat left center;
		background-size: auto;
		padding: 0;
		border: none;
	}
	.commit h3 img,
	.comp h3 img {
		display: none;
	}
	.commit dl {
		padding: 0 5px;
	}
	.commit dt {
		margin-bottom: 30px;
	}
	.commit dd {
		color: #484546;
		font-weight: 500;
		line-height: 1.4em;
	}
	.pic {
		margin: 30px auto 0;
	}
	.comp dl {
		max-width: 500px;
		color: #484546;
		font-size: 14px;
		line-height: 1.5em;
		padding: 10px 5px;
		margin: 0 auto;
	}
	.comp dl:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 10px 0;
	}
	.comp dt {
		float: left;
		width: 140px;
		text-align: center;
		font-weight: bold;
	}
	.comp dd {
		font-weight: 500;
		padding-left: 140px;
	}
	.comp a {
		text-decoration: underline;
		color: #484546;
	}

	/*--------------------
		NEWS
	--------------------*/
	#news .lower {
		padding: 0 5px;
	}
	#news .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#news .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#news .date time i {
		color: #484546;
	}
	.news-txt {
		max-height: 72px;
		overflow: hidden;
	}
	.news-txt img {
		display: none;
	}
	.more {
		float: right;
		width: 120px;
		margin-top: 20px;
	}
	.more p {
		text-align: center;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: 0.1em;
	}
	.more a {
		display: block;
		background: #fff;
		color: #484546;
		border: 2px solid #ff3333;
	}

	/*--------------------
		CONTACT
	--------------------*/
	#contact .lower {
		padding: 0 5px;
	}
	.atn {
		max-width: 600px;
		color: #f00;
		font-size: 14px;
		font-weight: bold;
		margin: 0 auto 0.5em;
	}
	#contact table {
		width: 100%;
		max-width: 600px;
		background: rgba(0, 0, 0, 0.2);
		font-size: 13px;
		line-height: 1.5em;
		margin: 0 auto;
	}
	#contact th {
		width: 35%;
		color: #484546;
		vertical-align: middle;
		padding: 10px 5px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact td {
		color: #484546;
		font-weight: 500;
		vertical-align: middle;
		padding: 10px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	.conf {
		color: #fff;
		font-weight: normal;
	}

	/*--------------------
		PRIVACY POLICY
	--------------------*/
	#privacy .lower {
		padding: 0 5px;
	}
	#privacy ul {
		margin-top: 15px;
	}
	#privacy li {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
		padding: 5px 0;
	}
	#privacy li:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 5px 0;
	}
	#privacy li i {
		color: #484546;
		padding: 0 5px;
	}

	/*--------------------
		SITE MAP
	--------------------*/
	#site .lower {
		padding: 0 5px;
	}
	#site li {
		font-weight: 500;
		line-height: 1.5em;
		padding: 5px 0;
		margin-top: 10px;
	}
	#site li:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 10px 0;
	}
	#site li i {
		color: #484546;
		margin-left: 5px;
	}
	#site li a {
		text-decoration: none;
		color: #484546;
	}

	/*--------------------
		404
	--------------------*/
	#error .lower {
		padding: 0 5px;
	}
	#error a {
		text-decoration: underline;
		color: #484546 ;
		font-weight: bold;
	}


	/*==================================================
		CMS COMMON
	================================================== */
	/*--------------------
		CONTACT
	--------------------*/
	/* INPUT BOX
	----------------------------------------*/
	.input-big,
	.input-mid,
	.input-min {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
		line-height: 1.5em;
	}
	.input-mid {
		width: 75%;
	}
	.input-min {
		width: 50px;
	}
	/* REQUIRED
	----------------------------------------*/
	.required-mark {
		color: #f00;
	}
	/* AUTHENTICATION
	----------------------------------------*/
	.captcha-wrap a {
		display: block;
		width: 32px;
		height: 32px;
		margin: 10px 0;
	}
	/* ERROR MESSAGE
	----------------------------------------*/
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
	}
	/* BUTTON
	----------------------------------------*/
	.contact-submits {
		padding: 40px 0 0;
		text-align: center;
	}
	
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}
	/* ERROR
	----------------------------------------*/
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}

	/*	PAGINATION
	-------------------------------------------------- */
	.pagination {
		text-align: center;
		font-size: 0;
		font-weight: bold;
		letter-spacing: 0;
	}
	.pagination li {
		display: inline-block;
		width: 26px;
		background: #ccc;
		font-size: 13px;
		line-height: 30px;
		margin: 0 2px;
	}
	.pagination li > * {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.pagination li.current {
		background: #484546;
	}

	/* ARCHIVE
	----------------------------------------*/
	.archive {
		max-width: 560px;
		margin: 40px auto 0;
	}
	.archive h3 {
		background: none;
		text-align: center;
		color: #666;
		letter-spacing: 0.1em;
		border: none;
		border-bottom: 3px solid #ccc;
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.archive h3:after {
		display: none;
	}
	.archive h3 i {
		color: #ff3333;
	}
	.archive ul {
		margin: 0 0.5%;
	}
	.archive li {
		float: left;
		width: 33%;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}
	.archive li a {
		text-decoration: underline;
		color: #666;
	}

	/*	PREV and NEXT
	-------------------------------------------------- */
	.prev-next-post {
		overflow: hidden;
	}
	.prev-next-post .prev-post,
	.prev-next-post .next-post {
		width: 100px;
		border: 2px solid #ff3333;
		box-sizing: border-box;
	}
	.prev-next-post .prev-post {
		float: left;
	}
	.prev-next-post .next-post {
		float: right;
	}
	.prev-next-post a {
		text-align: center;
		color: #484546;
		font-size: 14px;
		font-weight: 500;
		line-height: 30px;
		letter-spacing: 0.1em;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		overflow: hidden;
	}

}


/*--------------------------------------
	PC
----------------------------------------*/
@media only screen and (min-width:1100px) {
	/*--------------------
		BASE
	--------------------*/
	#nav-switcher,
	#controller {
		display: none;
	}
	.tel {
		pointer-events: none;
		cursor: text;
	}

	/*--------------------
		COMMON
	--------------------*/
	.inner {
		width: 1100px;
		margin: 0 auto;
	}
	i {
		margin-right: 5px;
	}

	/*--------------------
		HEADER
	--------------------*/
	#global-header {
		width: 1100px;
		height: 220px;
		padding-top: 90px;
		margin: 40px auto 0;
		position: relative;
	}
	h1 {
		width: 325px;
		height: 250px;
		position: absolute;
		top: 0;
		left: 387.5px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	h1:hover {
		opacity: 0.8;
	}
	#global-header .tel {
		position: absolute;
		top: 30px;
		left: 120px;
	}
	#global-header .cnt {
		display: block;
		width: 276px;
		height: 40px;
		position: absolute;
		top: 30px;;
		right: 53px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.cnt:hover {
		opacity: 0.8;
	}

	/*--------------------
		NAVIGATION
	--------------------*/
	.check,
	.menu-btn {
		display: none;
	}
	#global-navi {
		width: 1100px;
		height: 63px;
		background: url(../img/common/nav_bg.png) no-repeat center center;
		background-size: auto;
	}
	#global-navi ul {
		padding-top: 9px;
	}
	#global-navi li {
		float: left;
	}
	#global-navi li:nth-child(4) {
		margin-left: 325px;
	}
	#global-navi li:nth-child(1) img:hover {
		background: url(../img/common/nav01_on.png);
	}
	#global-navi li:nth-child(2) img:hover {
		background: url(../img/common/nav02_on.png);
	}
	#global-navi li:nth-child(3) img:hover {
		background: url(../img/common/nav03_on.png);
	}
	#global-navi li:nth-child(4) img:hover {
		background: url(../img/common/nav04_on.png);
	}
	#global-navi li:nth-child(5) img:hover {
		background: url(../img/common/nav05_on.png);
	}
	#global-navi li:nth-child(6) img:hover {
		background: url(../img/common/nav06_on.png);
	}

	/*--------------------
		CONTENTS
	--------------------*/
	.contents {
		width: 1100px;
		margin: 110px auto 0;
	}
	.contents ul {
		margin-top: 40px;
	}
	.contents li {
		float: left;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.contents li:nth-child(3n-1) {
		margin: 0 29.5px;
	}
	.contents li:nth-child(n+4) {
		margin-top: 30px;
	}
	.contents li:hover {
		opacity: 0.8;
	}

	/*--------------------
		GALLERY
	--------------------*/
	.gallery {
		width: 1100px;
		margin: 80px auto;
	}
	.gallery h2 {
		margin-bottom: 40px;
	}
	.gallery .inner {
		width: 1099px;
		margin: 0 auto;
	}
	.gallery dl {
		float: left;
		width: 252px;
		height: 280px;
		background: url(../img/top/frame.gif);
		padding: 5px;
		margin-right: 17px;
	}
	.gallery dl:last-child {
		margin: 0;
	}
	.gallery dt {
		margin-bottom: 20px;
	}
	.gallery dt img {
		object-fit: cover;
		width: 252px;
		height: 189px;
	}
	.gallery dd {
		max-height: 46px;
		overflow: hidden;
		text-align: justify;
		font-weight: 500;
		line-height: 1.6em;
		padding: 5px;
	}
	.gallery dd a {
		background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f3f334 0%) repeat scroll 0 0;
		text-decoration: underline;
		color: #484546;
	}
	.gallery dd a:hover {
		text-decoration: none;
	}

	/*--------------------
		NEWS
	--------------------*/
	.news {
		float: left;
		width: 530px;
		margin-bottom: 80px;
	}
	.news h2:after {
		content: '';
		display: block;
		width: 530px;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-top: 20px;
	}
	.news dl {
		padding: 20px 30px 0;
	}
	.news dl:after {
		content: '';
		display: block;
		width: 530px;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin: 20px 0 0 -30px;
	}
	.news dt {
		float: left;
		width: 150px;
	}
	.news dd {
		height: 16px;
		overflow: hidden;
		color: #484546;
		font-weight: 500;
	}
	.news dd a {
		text-decoration: underline;
		color: #484546;
	}
	.news dd a:hover {
		text-decoration: none;
	}

	/*--------------------
		INSTA
	--------------------*/
	.insta {
		float: right;
		width: 520px;
		height: 563px;
		background: #f6f2ee;
		margin-bottom: 80px;
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		width: 1100px;
		height: 206px;
		background: url(../img/common/f_bg.png) no-repeat center center;
		padding: 110px 0;
		margin: 0 auto;
	}
	.footer-navi ul {
		text-align: center;
		margin-bottom: 65px;
	}
	.footer-navi li {
		display: inline-block;
		text-align: center;
		font-weight: 500;
		margin: 0 25px;
	}
	.footer-navi li a {
		text-decoration: underline;
		color: #484546;
	}
	.footer-navi li a:hover {
		text-decoration: none;
	}
	.info {
		width: 560px;
		height: 90px;
		margin: 0 auto;
		position: relative;
	}
	.logo {
		display: block;
		width: 188px;
		height: 56px;
		position: absolute;
		top: 10px;
		left: 0;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.logo:hover {
		opacity: 0.8;
	}
	.info .cnt {
		position: absolute;
		top: 0;
		right: -65px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.info .cnt:hover {
		opacity: 0.8;
	}
	.info .tel {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.copy {
		text-align: center;
		font-size: 14px;
		margin-top: 35px;
	}
	.copy a {
		text-decoration: underline;
		color: #484546;
	}
	.copy a:hover {
		text-decoration: none;
	}


/*
	LOWER
------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-main img {
		margin: 0 auto;
	}
	.lower {
		width: 1100px;
		margin: 80px auto;
	}
	h3 {
		color: #484546;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0px 0px 0px 20px;
		border-left: 2px #ff3333 solid;
		margin: 0px 0px 30px;
	}
	.lower-box {
		margin-bottom: 60px;
	}

	/*--------------------
		COMMON
	--------------------*/
	.new-line {
		margin-top: 1em;
	}

	/*--------------------
		AKU
	--------------------*/
	#aku h3 {
		padding: 0;
		border: none;
	}
	#aku .lower-box h4 {
		float: left;
		margin: 0 30px 18px;
	}
	#aku .lower-box p {
		float: left;
		width: 660px;
		padding: 0 30px;
	}
	#aku .lower-box ul {
		float: left;
		width: 660px;
		padding: 0 30px;
		margin-top: 1.5em;
	}
	#aku .lower-box li {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
	}
	#aku .pics img:first-child {
		margin-bottom: 40px;
	}
	.stp01 {
		height: 670px;
		background: url(../img/aku/step01.png) no-repeat left top;
		background-size: auto;
		padding-left: 265px;
		margin-bottom: 15px;
	}
	.stp01 h4 {
		margin-bottom: 30px;
	}
	.stp01 ul {
		margin-top: 30px;
	}
	.stp01 li {
		float: left;
	}
	.stp01 li:first-child {
		margin-right: 70px;
	}
	.stp02 {
		height: 570px;
		background: url(../img/aku/step02.png) no-repeat left top;
		background-size: auto;
		padding-left: 265px;
		margin-bottom: 15px;
	}
	.stp02 h4 {
		margin-bottom: 30px;
	}
	.stp02 ul {
		margin-top: 30px;
	}
	.stp02 li {
		float: left;
	}
	.stp02 li:first-child {
		margin-right: 70px;
	}
	.stp03 {
		height: 170px;
		background: url(../img/aku/step03.png) no-repeat left top;
		background-size: auto;
		padding-left: 265px;
		margin-bottom: 15px;
	}
	.stp03 h4 {
		margin-bottom: 30px;
	}

	/*--------------------
		COLOR
	--------------------*/
	#color h3 {
		padding: 0;
		border: none;
	}
	#color h4 img {
		margin: 0 auto 40px;
	}
	.top-img img,
	.bottom-img img {
		margin: 0 auto;
	}
	.top-color {
		margin-bottom: 20px;
	}
	#color .top-color h4 img,
	#color .bottom-color h4 img {
		margin: 0 0 20px 110px;
	}
	#color ul {
		width: 880px;
		margin: 0 auto;
	}
	#color li {
		float: left;
		margin-right: 10px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	#color li:hover {
		opacity: 0.8;
	}

	/*--------------------
		GALLERY
	--------------------*/
	#gallery h3 {
		padding: 0;
		border: none;
	}
	#gallery dl {
		float: left;
		width: 326px;
		height: 326px;
		background: url(../img/gallery/frame.png);
		padding: 7px;
	}
	#gallery dl:nth-child(3n-1) {
		margin: 0 40px;
	}
	#gallery dl:nth-child(n+4) {
		margin-top: 40px;
	}
	#gallery dt {
		margin-bottom: 15px;
	}
	#gallery dt img {
		object-fit: cover;
		width: 326px;
		height: 246px;
	}
	#gallery dd {
		max-height: 46px;
		overflow: hidden;
		text-align: justify;
		font-weight: 500;
		line-height: 1.6em;
		padding: 5px;
	}
	#gallery dd a {
		background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f3f334 0%) repeat scroll 0 0;
		text-decoration: underline;
		color: #484546;
	}
	#gallery dd a:hover {
		text-decoration: none;
	}

	/*--------------------
		GALLERY-SINGLE
	--------------------*/
	#gallery-single .inner {
		float: left;
		width: 680px;
	}
	#gallery-single .before {
		float: left;
		width: 266px;
		height: 200px;
	}
	#gallery-single .before img {
		object-fit: cover;
		width: 266px;
		height: 200px;
	}
	#gallery-single .after {
		float: right;
		width: 340px;
		height: 257px;
		margin-bottom: 30px;
	}
	#gallery-single .after img {
		object-fit: cover;
		width: 340px;
		height: 257px;
	}
	.arrow {
		margin: 0 auto;
	}
	.exp {
		float: right;
		width: 370px;
	}
	.exp dl {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
		margin-bottom: 20px;
	}
	.exp dl:first-child:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-bottom: 20px;
	}
	.exp dl:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg);
		margin-top: 20px;
	}
	.exp dt {
		float: left;
		width: 95px;
		text-align: center;
	}
	.exp dd {
		width: 270px;
		padding-left: 95px;
	}
	#gallery-single li {
		float: left;
		width: 160px;
		height: 120px;
		margin-right: 13px;
	}
	#gallery-single li img {
		object-fit: cover;
		width: 160px;
		height: 120px;
	}
	#gallery-single a img {
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	#gallery-single a img:hover {
		opacity: 0.8;
	}

	/*--------------------
		FLOW
	--------------------*/
	#flow .lower-box {
		margin-bottom: 15px;
	}
	#flow h3 {
		float: right;
		width: 690px;
		padding: 0;
		border: none;
	}
	#flow p {
		float: right;
		width: 690px;
		font-size: 14px;
	}

	/*--------------------
		COMPANY
	--------------------*/
	.commit h3,
	.comp h3 {
		padding: 0;
		border: none;
	}
	.commit dl {
		float: left;
		width: 560px;
		margin: 0 140px 0 30px;
	}
	.commit dt {
		margin-bottom: 30px;
	}
	.commit dd {
		color: #484546;
		font-weight: 500;
		line-height: 1.4em;
	}
	.pic {
		float: right;
		margin-right: 30px;
	}
	.comp dl {
		color: #484546;
		padding: 10px 0;
	}
	.comp dl:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 10px 0;
	}
	.comp dt {
		float: left;
		width: 200px;
		text-align: center;
		font-weight: bold;
		padding: 0 40px;
	}
	.comp dd {
		font-weight: 500;
	}
	.comp a {
		text-decoration: underline;
		color: #484546;
	}
	.comp a:hover {
		text-decoration: none;
	}
	.comp .tel {
		text-decoration: none;
	}

	/*--------------------
		NEWS
	--------------------*/
	#news .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#news .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#news .date time i {
		color: #484546;
	}
	.news-txt {
		max-height: 72px;
		overflow: hidden;
	}
	.news-txt img {
		display: none;
	}
	.more {
		float: right;
		width: 150px;
		margin-top: 20px;
	}
	.more p {
		text-align: center;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: 0.1em;
	}
	.more a {
		display: block;
		background: #fff;
		color: #484546;
		border: 2px solid #ff3333;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.more a:hover {
		background: #ff3333;
		color: #fff;
	}

	/*--------------------
		CONTACT
	--------------------*/
	.atn {
		max-width: 800px;
		color: #f00;
		font-size: 14px;
		font-weight: bold;
		margin: 0 auto 0.5em;
	}
	#contact table {
		width: 100%;
		max-width: 800px;
		background: rgba(0, 0, 0, 0.2);
		line-height: 1.5em;
		margin: 0 auto;
	}
	#contact th {
		width: 35%;
		text-align: left;
		color: #484546;
		vertical-align: middle;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact td {
		color: #484546;
		font-weight: 500;
		vertical-align: middle;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact th br {
		display: none;
	}

	/*--------------------
		PRIVACY POLICY
	--------------------*/
	#privacy ul {
		margin-top: 15px;
	}
	#privacy li {
		color: #484546;
		font-weight: 500;
		line-height: 1.5em;
		padding: 5px 0;
	}
	#privacy li:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 5px 0;
	}
	#privacy li i {
		color: #484546;
		padding: 0 5px;
	}

	/*--------------------
		SITE MAP
	--------------------*/
	#site li {
		font-weight: 500;
		line-height: 1.5em;
		padding: 5px 0;
		margin-top: 10px;
	}
	#site li:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: url(../img/common/underline.jpg) repeat-x;
		margin: 10px 0;
	}
	#site li i {
		color: #484546;
		margin-left: 5px;
	}
	#site li a {
		text-decoration: none;
		color: #484546;
	}
	#site li a:hover {
		text-decoration: underline;
	}

	/*--------------------
		404
	--------------------*/
	#error a {
		text-decoration: underline;
		color: #484546 ;
		font-weight: bold;
	}
	#error a:hover {
		text-decoration: none;
	}


	/*==================================================
		CMS COMMON
	================================================== */
	/*--------------------
		CONTACT
	--------------------*/
	/* INPUT BOX
	----------------------------------------*/
	.input-big,
	.input-mid,
	.input-min {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
		max-width: 581px;
		line-height: 1.5em;
	}
	.input-mid {
		width: 70%;
	}
	.input-min {
		width: 50px;
	}
	/* REQUIRED
	----------------------------------------*/
	.required-mark {
		color: #f00;
	}
	/* AUTHENTICATION
	----------------------------------------*/
	.captcha-wrap a {
		display: block;
		width: 32px;
		height: 32px;
		margin: 10px 0;
	}
	/* ERROR MESSAGE
	----------------------------------------*/
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}
	/* BUTTON
	----------------------------------------*/
	.contact-submits {
		padding: 40px 0 0;
		text-align: center;
	}
	
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}
	/* ERROR
	----------------------------------------*/
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}

	/*	PAGINATION
	-------------------------------------------------- */
	.pagination {
		text-align: center;
		color: #fff;
		font-size: 0;
		font-weight: bold;
		letter-spacing: 0;
		
	}
	.pagination li {
		display: inline-block;
		width: 26px;
		background: #ccc;
		font-size: 13px;
		line-height: 30px;
		margin: 0 2px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.pagination li > * {
		color: #fff;
		display: block;
	}
	.pagination li:hover,
	.pagination li.current {
		background: #484546;
		
	}

	/* ARCHIVE
	----------------------------------------*/
	.archive {
		max-width: 560px;
		margin: 40px auto 0;
	}
	.archive h3 {
		background: none;
		text-align: center;
		color: #666;
		letter-spacing: 0.1em;
		border: none;
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.lower .archive h3:after {
		display: none;
	}
	.archive h3 i {
		color: #ff3333;
	}
	.archive ul {
		margin: 0 0.5%;
	}
	.archive li {
		float: left;
		width: 33%;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}
	.archive li a {
		color: #666;
	}
	.archive li a:hover {
		text-decoration: underline;
	}

	/*	PREV and NEXT
	-------------------------------------------------- */
	.prev-next-post {
		overflow: hidden;
	}
	.prev-next-post .prev-post,
	.prev-next-post .next-post {
		width: calc(50% - 400px);
		border: 2px solid #ff3333;
		box-sizing: border-box;
	}
	.prev-next-post .prev-post {
		float: left;
	}
	.prev-next-post .next-post {
		float: right;
	}
	.prev-next-post a {
		text-align: center;
		color: #484546;
		font-size: 14px;
		line-height: 30px;
		letter-spacing: 0.1em;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		overflow: hidden;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.prev-next-post a:hover {
		color: #fff;
		background-color: #ff3333;
	}

}