@charset "utf-8";

@font-face {
	font-family: 'UtsukushiFONT';
	src: url('fonts/UtsukushiFONT.woff') format('woff')
	,url('fonts/UtsukushiFONT.otf') format('opentype');
}

body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #261d1a;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	box-sizing: border-box;
}
a{ text-decoration: none;}

/**
* ---------------------------------------------------
* reset.css
* ---------------------------------------------------
*/
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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
* ---------------------------------------------------
* clearfix
* ---------------------------------------------------
*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}

img{
	width: 100%;
	height: auto;
}
.numbers.one{
	width: 69px;
	height: 37.5px;
}
.numbers.two{
	width: 73px;
	height: 37.5px;
}
.numbers.three{
	width: 72px;
	height: 37.5px;
}
.numbers.four{
	width: 53px;
	height: 26px;
}
.numbers.five{
	width: 53px;
	height: 26px;
}
.numbers.six{
	width: 53px;
	height: 26px;
}
.numbers.seven{
	width: 50px;
	height: 26px;
}
.numbers.eight{
	width: 53px;
	height: 26px;
}
.numbers.nine{
	width: 53px;
	height: 26px;
}
.numbers{
	background-color: #fff;
	padding: 0 10px;
}

.car{
	width:114px ;
	height: 110px;
	margin: 0 auto;
}
.daller{
	width: 149px;
	height: 98px;
	margin: 0 auto;
}
.pens{
	width: 140px;
	height: 100px;
	margin: 0 auto;
}
.ids{
	width: 123px;
	height: 92px;
	margin: 0 auto;
}
/**
* ---------------------------------------------------
* header
* ---------------------------------------------------
*/
#header{}
	.request.err,.request.confirm{
		margin: 80px auto 0;
	}
	.request.err h3{
		margin-bottom: 0;
	}
	.request.err ul.err_box{
		background: none;
		margin: 0 auto 35px;
		width: 100%;
		max-width: 750px;
	}
	.request.err ul.err_box li{
		color:#e50012;
		font-size: 1.2rem;
	}
	.request.confirm dd{
		margin: 10px 0;
		font-size: 18px;
		width: 50%;
	}
	.request.confirm dt{
		font-size: 22px;
		width: 40%;
	}
	.request.confirm dt span{
		font-size: 18px;
		color: #fff;
		background-color: #e50012;
		padding: 5px 10px;
		border-radius: 5px;
		vertical-align: top;
		margin-left: 5px;
	}
	.request.confirm dl{
		border-top: 1px solid #c8c9ca;
	}
	.request.confirm dd,.request.confirm dt{
		display: inline-block;
		margin: 10px 0;
		padding: 10px;

	}
	.request.confirm dd.checks,.request.confirm dt.checks{
		display:block;
		width: 100%;
	}
	.request.confirm dd.checks{
		display:block;
		width: 100%;
	}
	.request.confirm .form{
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
	.btn_area{
		width: 100%;
		max-width: 750px;
		margin: 50px auto 100px;
		display: flex;
		justify-content: space-between;
	}
	.btn_area form{
		width: 50%;
	}
	.btn_area form input{
		width: 100%;
		background-size: contain;
		margin: 0 auto;
		max-width: 445px;
		height: 100px;
		color: transparent;
		border: none;
	}
	.btn_area form .submit input{
		background: url(./images/btn_submits.png)center no-repeat;
		background-size: contain;
	}
	.btn_area form .back input{
		background: url(./images/btn_back.png)center no-repeat;
		background-size: contain;

	}
	.request .inner.thanks{
		padding: 3.2% 15px 17%;
	}
	.link_thanks{
		margin: 30px 0 0;
		text-decoration: underline;
	}
	/**
	* ---------------------------------------------------
	* container
	* ---------------------------------------------------
	*/
	/*mainvisual*/
	.mainVisual{
		width: 100%;
		height: 0;
		background: url(images/bg-top.png) no-repeat, url(images/bg-cv.png) repeat;
		background-size: 100%, auto;
		padding: 68% 0 150px 0;
	}
	.mainVisual .inner{
		max-width: 940px;
		width: 100%;
		margin: -68% auto 0;
		position: relative;
		text-align: center;
	}
	.mainVisual .inner .box{
		max-width: 940px;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		position: absolute;
	}
	.mainVisual h1{
		width: 215px;
		float: left;
		margin: 30px 0;
	}
	.mainVisual ul{
		width: 565px;
		height: 173px;
		float: left;
		margin: 30px 0 30px 25px;
	}
	.mainVisual ul li{
		float: left;
		margin: 0 8px 0;
		width: 30%;
	}
	.mainVisual p{
		width: 104px;
		float: right;
	}
	.mainVisual .top-text{
		width: 702px;
		height: 353px;
		margin: 0 auto;
	}
	header.btn{
		width: 100%;
		text-align: center;
	}
	header .btn a{
		width: 445px;
		display: block;
		margin: -120px auto 0;
	}

	/*about*/
	.about{
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		text-align: center;
	}
	.about .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.about .movie{
		margin: 120px 0;
	}

	.about .aboutTxt h2{
		color: #1b9c2f;
		font-size: 30px;
		font-weight: bold;
		margin: 90px 0 20px;
		line-height: 53px;
		letter-spacing: 1px;
	}
	.about .aboutTxt p{
		font-size: 18px;
		margin: 0 0 20px;
		line-height:36px;
		letter-spacing: 1px;
	}
	.about .aboutList{
		max-width: 1010px;
		width: 100%;
		padding: 100px 0;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.about .point img{
		width: 100%;
	}
	.about .aboutList li{
		width: 21.9%;
		flex:0 0 21.9%;
		display: block;
		/* float: left; */
		/* margin: 0 30px 0 0; */
		padding: 30px 0 0 0;
		border-radius: 20px;
	}
	.about .aboutList li figcaption{
		margin: 15px 0 0;
	}
	.about .aboutList .green{
		background: #f6faec;
	}
	.about .aboutList .green figcaption{
		font-size: 1.0rem;
		line-height: 1.3rem;
		letter-spacing: 1px;
		color: #1b9c2f;
	}
	.about .aboutList .orange{
		background: #fffeee;
	}
	.about .aboutList .orange figcaption{
		font-size: 1.0rem;
		line-height: 1.3rem;
		letter-spacing: 1px;
		color: #f5a200;
	}
	.ttlContents{
		color: #fff;
		width: 100%;
		height: 53px;
		font-size: 30px;
		padding: 22px 0 0;
		font-weight: bold;
		letter-spacing: 8px;
		background: url(images/bg-content.png);
	}
	.about .aboutContents{
		max-width: 950px;
		width: 100%;
		margin: 70px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.about .aboutContents .Box{
		width: 33%;
		max-width: 300px;
		float: left;
		margin: 0 0px 45px;
		border: 1px solid #1c9c2d;
	}
	.about .aboutContents .Box h4{
		color: #231815;
		font-size: 1.3rem;
		font-weight: normal;
		margin: -10px 0 0 0;
	}
	.about .aboutContents .Box h4 span{
		top: -14px;
		left: 35px;
		display: block;
		position: relative;
		margin: 0 0 5px 0;
	}
	.about .aboutContents .Box p{
		color: #e50012;
		font-size: 14px;
		text-align: right;
		margin: 10px 20px 10px 0;
	}
	.about .abouttable{
		max-width: 933px;
		width: 100%;
		height: 140px;
		text-align: left;
		margin: 70px auto;
		border: 2px solid #c8c9ca;
	}
	.about .abouttable td{
		position: relative;
		vertical-align: middle;
		padding: 10px 0 0 10px;
		border-bottom: 1px dashed #c8c9ca;
		border-right: 1px dashed #c8c9ca;
	}
	.about .abouttable td .no{
		top: 20px;
		left: 0px;
		display: block;
		position: absolute;
	}
	.about .abouttable td .ttl_s{
		top: 25px;
		left: 80px;
		display: block;
		position: absolute;
	}
	.about .abouttable td .ttl_l{
		top: 18px;
		left: 80px;
		display: block;
		position: absolute;
	}

	.about .abouttable .uplast{
		border-bottom: 1px dashed #c8c9ca;
		border-right: none;
	}
	.about .abouttable .down{
		border-bottom: none;
		border-right: 1px dashed #c8c9ca;
	}
	.about .abouttable .downlast{
		border-bottom: none;
		border-right: none;
	}
	.about .why{
		text-align: left;
		margin: -6px 0 0 0;
	}
	.about .why .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.about .why .odd{
		background: #fdfef9;
		padding: 80px 0 74px 0;
	}
	.about .why .odd .inner h2{
		color: #1b9c2f;
		font-size: 30px;
		margin: 0 0 26px;
		font-weight: bold;
		padding: 0 0 0 20px;
		border-left: 5px solid #1b9c2f;
	}
	.about .why .odd .inner .txt{
		float: left;
		width: 580px;
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.about .why .odd .inner .txt p{
		margin: 0 0 26px;
	}
	.about .why .odd .inner figure{
		float: right;
		width: 341px;
	}
	.about .why .even{
		padding: 80px 0 74px 0;
	}
	.about .why .even .inner h2{
		color: #f5a200;
		font-size: 30px;
		margin: 0 0 26px;
		font-weight: bold;
		padding: 0 0 0 20px;
		border-left: 5px solid #f5a200;
	}
	.about .why .even .inner .txt{
		float: right;
		width: 580px;
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.about .why .even .inner .txt p{
		margin: 0 0 26px;
	}
	.about .why .even .inner figure{
		float: left;
		width: 341px;
	}

	/*msg*/
	.msg {
		width: 100%;
		background: url(images/bg-msg.jpg) no-repeat;
		background-position:0 90px;
		background-size: contain;
		margin: 90px 0;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.msg .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.msg .ttl{
		height: 80px;
		padding: 20px 0 0;
		color: #946134;
		letter-spacing: 8px;
		background: url(images/bg-footer.png);
	}
	.msg .ttl .sp{
		display: none;
	}
	.msg .ttl img{
		top: 30px;
		left: 0;
		position: relative;
	}
	.msg i{
		top: -230px;
		left: 0;
		position: relative;
		max-width: 315px;
		height: 193px;
		display: inline-block;
	}
	.msg .inner h3{
		color: #f39800;
		font-size: 28px;
		line-height:36px;
		font-weight: bold;
		margin: 0 0 20px;
	}
	.msg .inner h3 .en{
		height: 16px;
		font-size: 16px;
		font-family: 'UtsukushiFONT';
		padding: 0 0 1px 0;
		border-bottom: 1px solid #f39800;
	}
	.msg .inner h3 .no{
		font-size: 25px;
		font-family: 'UtsukushiFONT';
		border-bottom: 1px solid #f39800;
	}
	.msg .inner .msgbox1{
		margin: -160px 0 0;
	}
	.msg .inner .msgbox1 .txt{
		width: 510px;
		float: left;
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.msg .inner .msgbox1 .txt p{
		margin: 0 0 30px;
	}
	.msg .inner .msgbox1 figure{
		width: 448px;
		float: right;
		margin: 40px 0 0;
	}



	.msg .inner .mission_area{
		width: 100%;
		max-width: 888px;
		margin: 0 auto 35px;
		padding: 17px 0 20px;
		border-top: 1px solid #f39800;
		border-bottom: 1px solid #f39800;
		text-align: center;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
	}
	.msg .inner .mission_area h3{
		font-size: 28px;
		letter-spacing: .2rem;
		margin: 0 0 10px;
	}
	.msg .inner .mission_area h3 span{
		font-size: 41px;
		background-color: #f39800;
		color: #fff;
		border-radius: 50px;
		padding: 13px 15px;
		margin: 0px 7px 0 -5px;
		text-indent: 0.2rem;
		display: inline-block;
	}
	@supports (-ms-ime-align: auto) {
		/* Edge のみ適用される */
		.msg .inner .mission_area h3 span{
			font-size: 41px;
			background-color: #f39800;
			color: #fff;
			border-radius: 50px;
			padding: 10px 14px;
			margin: 0px 5px;
			text-indent: 0.2rem;
			display: inline-block;
		}
	}
	.msg .inner .mission_area p{
		letter-spacing: .2rem;
		font-size: 18px;
		color: #f39800;
	}



	.msg .inner h4{
		width: 145px;
		clear: both;
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 32px 8px;
		padding: 0 0 0 14px;
		letter-spacing: 2px;
		border-left: 2px solid #231815;
		border-right: 2px solid #231815;
	}
	.msg .inner .shop{
		margin: 0 0 50px;
		font-size: 16px;
	}
	.msg .inner .shop .left{
		letter-spacing: 2px;
	}
	.msg .inner .shop ul li{
		margin: 0 0 14px;
		display: inline-block;
	}
	.msg .inner .shop ul span{
		color: #9e9e9f;
		font-size: 10px;
		margin: 0 4px 0;
	}
	.msg .inner .msgbox2{
		margin: 20px 0 0;
	}
	.msg .inner .msgbox2 .txt{
		width: 510px;
		float: right;
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
		margin: 0px 0 0 0;
	}
	.msg .inner .msgbox2 .txt p{
		margin: 0 0 30px;
	}
	.msg .inner .msgbox2 figure{
		width: 448px;
		float: left;
		margin: 0 0 10px;
	}
	.msg h2{
		color: #804f21;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 1px;
		line-height: 53px;
		margin: 30px 0 60px;
	}
	.msg .idea{
		width: 900px;
		margin: 0 auto;
	}
	.msg .idea li{
		border-bottom: 1px dotted #231815;
	}
	.msg .idea li:last-child{
		border-bottom: none;
	}
	.msg .idea dl dt{
		float: left;
		width: 230px;
		color: #f39800;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 20px 0;
	}
	.msg .idea dl dt span{
		color: #fff;
		width: 1.1em;
		height: 1.3em;
		font-size: 28px;
		text-align: center;
		border-radius: 50%;
		background: #f39800;
		padding: 8px 5px 0 7px;
		display: inline-block;
		margin: 0 10px 0;
	}
	.msg .idea dl dd{
		float: left;
		width: 630px;
		margin: 12px 0 18px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.msg .partner{
		width: 540px;
		margin: 80px auto 140px auto;
		padding: 0 40px 0 40px;
		border-left: 1px solid #231815;
		border-right: 1px solid #231815;
	}
	.msg .partner figure{
		width: 108px;
		float: left;
	}
	.msg .partner p{
		width: 410px;
		float: right;
		text-align: center;
		font-size: 22px;
		line-height:32px;
		font-weight: bold;
		letter-spacing: 2px;
	}

	/*environment*/
	.environment{
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.environment h2{
		width: 100%;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: center;
		padding: 6.5% 0;
		margin: 0 0 90px;
		background: url(images/bg-environment.jpg) no-repeat;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.environment h2 i{
		position: relative;
		width: 122px;
		height: 122px;
	}
	.environment h2 span{
		background: #e50012;
		margin: 0 0 0 -15px;
		display: inline-block;
		padding: 12px 20px 12px 26px;
	}
	.environment h2 br{
		display: none;
	}
	.environment .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.environment .inner p{
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
		margin: 0 0 20px 0;
	}
	.environment .inner figure{
		margin: 80px 0;
		text-align: center;
	}

	/*project*/
	.project{
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.project h2{
		width: 100%;
		/* height: 290px; */
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: center;
		padding: 6.5% 0;
		margin: 120px 0 90px 0;
		background: url(images/bg-project.jpg) no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.project h2 i{
		/* top: 50px;
		left: 8px; */
		position: relative;
		width: 122px;
		height: 122px;
	}
	.project h2 span{
		background: #e50012;
		margin: 0 0 0 -15px;
		padding: 12px 100px 12px 100px;
	}
	.project h2 br{
		display: none;
	}
	.project .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.project .inner p{
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.project .inner .feature{
		margin: 70px 0 -10px 0;
	}
	.project .inner ul{
		font-size: 16px;
		margin: 40px 0 40px;
		padding: 26px 18px 20px 18px;
		background: #fffced;
	}
	.project .inner ul li{
		font-weight: bold;
		line-height: 28px;
		letter-spacing: 2px;
	}
	.project .inner ul li dl{
		margin: 0 0 20px 10px;

	}
	.project .inner ul li dt{
		color: #c30d23;
		margin: 0 0 0 -8px;
	}

	/*ceo_area*/
	.ceo_area{
		width: 100%;
		max-width: 980px;
		margin: 190px auto 200px;
		padding-bottom: 75px;
		border-bottom: 5px solid #eee7d6;
	}
	.ceo_area h4{
		font-size: 28px;
		margin: 30px 0 35px;
		color: #804f21;
		letter-spacing: .16rem;
		line-height: 35.5px;
	}
	.ceo_area h4 +p{
		font-size: 16px;
		line-height: 30px;
	}
	.band_ceo{
		position: relative;
	}
	.band_ceo::after{
		position: absolute;
		content: "";
		display: inline-block;
		width: 100%;
		height: 1px;
		background-color: #000;
		left: 0;
		top: 0 ;
		bottom: 0;
		z-index: 0;
		margin: auto;
	}
	.band_ceo span{
		font-size: 14px;
		letter-spacing: .1rem;
		background-color:#fff;
		position: relative;
		padding: 5px 15px 0 0;
		font-family: serif;
		z-index: 1;
	}
	.ceo_title{
		display: flex;
		justify-content: space-between;
		padding: 10px 0 15px;
		border-bottom: 5px solid #eee7d6;
	}
	.ceo_title h3{
		align-self: center;
		color: #804f21;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: .2rem;
	}
	.right_box p span{
	}
	.right_box .ceo{
		font-size: 16px;
		padding-right: 10px;
	}
	.right_box .ceo span{
		font-size: 28px;
		vertical-align: sub;
	}
	.right_box .ceo img{
		width: 113px;
		height: 42px;
		vertical-align: middle;
		margin-right: 10px;
	}
	.right_box .en{
		text-align: right;
		font-size: 16px;
		letter-spacing: .2rem;
		color: #804f21;
	}




	/*request*/
	.request{
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.request h2{
		width: 100%;
		/* height: 290px; */
		color: #1b9c2f;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: center;
		padding:6.5% 0;
		margin: 0 0 50px 0;
		background: url(images/bg-request.jpg) no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.request h2 i{
		position: relative;
		width: 122px;
		height: 122px;
	}
	.request h2 span{
		margin: 0 0 0 -15px;
		padding: 12px 40px 12px 40px;
		border-top: 1px solid #1b9c2f;
		border-bottom: 1px solid #1b9c2f;
	}
	.request h2 br{
		display: none;
	}
	.request .inner{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}
	.request .inner p{
		font-size: 16px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.request .inner ul{
		font-size: 16px;
		margin: 40px 0 80px;
		padding: 40px 18px 36px 18px;
		background: #fffced;
	}
	.request .inner ul li{
		margin: 0 0 5px;
		font-weight: bold;
		line-height:28px;
		letter-spacing: 1px;
	}
	.request h3{
		color: #e50012;
		font-size: 20px;
		line-height:37px;
		margin: 0 0 80px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 1px;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #e50012;
		border-top: 1px solid #e50012;
	}

	/*form*/
	.form form{
		width:750px;
		margin: 0 auto;
	}
	label{
		cursor: pointer;
	}
	form .form1{
		padding: 8px 0 8px 0;
		border-bottom: 1px solid #c8c9ca;
	}
	form .form1:first-child{
		border-top: 1px solid #c8c9ca;
	}
	form .form1 dt{
		float: left;
		width: 250px;
		font-size: 20px;
		position: relative;
		margin: 12px 0 0 0;
		letter-spacing: 1px;
	}
	form .form1 dd{
		float: left;
	}
	form .form2{
		margin: 70px 0 0;
		padding: 0 0 10px 0;
	}
	form .form2 dt{
		font-size: 20px;
		margin: 7px 0 30px;
		padding: 0 0 0 18px;
		letter-spacing: 1px;
		border-left: 8px solid #1b9c2f;
	}
	form .form2 dd{
		font-size: 20px;
		line-height: 57px;
	}
	::-webkit-input-placeholder {
		color: #a7aaa9;
	}
	form .required{
		top: -5px;
		left: 155px;
		color: #fff;
		border-radius:8px;
		position: absolute;
		letter-spacing: 3px;
		padding: 5px 10px 5px 14px;
		background: #e50012;
		font-size: 18px;
	}
	form .txt{
		width: 475px;
		height: 50px;
		color: #261d1a;
		background: #f4f4f4;
		border: none;
		font-size: 20px;
		padding: 0 0 0 20px;
	}
	form .checkbox{
		font-size: 20px;
		margin: 0 0 15px;
	}
	textarea{
		width: 100%;
		height: 350px;
		color: #261d1a;
		background: #f4f4f4;
		border: none;
		font-size: 20px;
		padding: 10px 0 0 20px;
	}
	.button {
		width: 100%;
		text-align: center;
	}
	.button input{
		margin: 0 auto;
		width: 100%;
		max-width: 445px;
		height: 100px;
		background: url(./images/btn-form.png)center no-repeat;
		color: transparent;
		border: none;
		background-size: contain;
	}
	.bottom_footer{
		position: absolute;
		bottom: 0;
	}
	/**
	* ---------------------------------------------------
	* pagetop
	* ---------------------------------------------------
	*/
	.pagetop{
		max-width:980px;
		width: 100%;
		margin: 0 auto;
	}
	.pagetop a{
		display: block;
		float: right;
		margin: 40px 0 50px;
	}

	/**
	* ---------------------------------------------------
	* footer
	* ---------------------------------------------------
	*/
	footer{
		width: 100%;
		height: 90px;
		margin: 0 auto;
		background: url(images/bg-footer.png);
		border-bottom: 6px solid #1c9c2d !important;
	}
	footer .inner{
		width: 750px;
		margin: 0 auto;
	}
	footer h1{
		width: 120px;
		float: left;
		margin: 25px 40px 0 0;
	}
	_:-ms-fullscreen, :root footer h1{ /*ie11*/
		width: 120px;
		float: left;
		margin: -30px 40px 0 0;
	}

	footer .copy{
		float: left;
		margin: 34px 0;
	}

	/**
	* ---------------------------------------------------
	* タブレット
	* ---------------------------------------------------
	*/
	@media screen and (max-width: 922px) {
		/*mainVisual*/
		.mainVisual{
			width: 100%;
			height: 0;
			background: url(images/bg-top.png) no-repeat, url(images/bg-cv.png) repeat;
			background-size: 100%, auto;
			padding: 68% 0 150px 0;
		}
		.mainVisual .inner{
			width: 96%;
			margin: -68% auto 0;
			position: relative;
			text-align: center;
		}
		.mainVisual .inner .box{
			width: 100%;
			height: auto;
			top: 0;
			left: 0;
			position: absolute;
		}
		.mainVisual h1{
			width: 30%;
			float: left;
			margin: 30px 0;
		}
		.mainVisual ul{
			width: 51%;
			height: 173px;
			height: auto;
			float: left;
			margin: 15px 0 20px 10px;
		}
		.mainVisual ul li{
			width: 31%;
			float: left;
			margin: 0 3px 0;
		}
		.mainVisual ul li img{
			width: 100%;
		}
		.mainVisual .top-text{
			width: 80%;
			height: 353px;
			margin: 0 auto;
		}
		.mainVisual .top-text img{
			width: 100%;
		}
		header.btn{
			width: 100%;
			text-align: center;
		}
		header .btn a{
			width: 445px;
			display: block;
			margin: -120px auto 0;
		}

		/*about*/
		.about{
			width: 100%;
		}
		.about .inner{
			width: 90%;
		}
		.about .aboutTxt p .sp{
			display: none;
		}
		.about .aboutList{
			width: 100%;
			flex-wrap: wrap;
		}
		.about .aboutList li{
			margin: 0 0 23px;
			padding: 20px;
			flex: 0 0 42%;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
		}
		.about .aboutList li figure{
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: inline-block;
		}
		.about .aboutList li figure img{
			width: 100%;
		}
		.about .aboutList li figcaption{
			margin: 30px 0 0;
			text-align: center;
		}
		.about .aboutList .green figcaption {
			font-size: 0.8rem;
			line-height: 1.0rem;
		}
		.about .aboutList .orange figcaption {
			font-size: 0.8rem;
			line-height: 1.0rem;
		}
		.about .aboutContents{
			width: 100%;
		}
		.about .aboutContents .Box{
			display: inline-table;
			width: 32%;
		}
		.about .aboutContents .Box h4{
			font-size: 1.0rem;
		}
		.about .aboutContents .Box h4 span{
			top: -10px;
			left: 10px;
			display: block;
			position: relative;
			margin: 0 0 5px 0;
		}
		.about .aboutContents .Box p{
			font-size: 14px;
			margin: 10px 15px 10px 0;
		}
		.about .abouttable{
			width: 100%;
			margin: -20px auto 30px;
		}
		.about .abouttable td{
			width: 33.3%;
			font-size: 0.8rem;
		}
		.about .why{
			width: 100%;
		}
		.about .why .inner{
			width: 90%;
			margin: 0 auto;
		}
		.about .why .odd .inner .txt{
			width: 60%;
		}
		.about .why .odd .inner figure{
			width: 35%;
		}
		.about .why .odd .inner figure img{
			width: 100%;
		}
		.about .why .even .inner .txt{
			width: 60%;
		}
		.about .why .even .inner figure{
			width: 35%;
		}
		.about .why .even .inner figure img{
			width: 100%;
		}

		/*msg*/
		.msg {
			width: 100%;
		}
		.msg .inner{
			width: 94%;
			margin: 0 auto;
		}
		.msg .ttl{
			height: 70px;
			padding: 20px 0 0;
		}
		.msg i{
			top: -230px;
			left: 0;
			position: relative;
		}
		.msg i img{
			width: 35%;
		}
		.msg .inner .msgbox1{
			width: 100%;
		}
		.msg .inner .msgbox1 .txt{
			width: 55%;
		}
		.msg .inner .msgbox1 figure{
			width: 45%;
			margin: 40px 0 0;
		}
		.msg .inner .msgbox1 figure img{
			width: 100%;
		}
		.msg .inner .shop .left{
			float: none;
		}
		.msg .inner .shop .right{
			float: none;
			margin: 0 0 0 0;
		}
		.msg .inner .msgbox2{
			width: 100%;
		}
		.msg .inner .msgbox2 .txt{
			width: 53%;
		}
		.msg .inner .msgbox2 figure{
			width: 45%;
			margin: 40px 0 0;
		}
		.msg .inner .msgbox2 figure img{
			width: 100%;
		}
		.msg h2{
			font-size: 1.7rem;
			line-height: 2.7rem;
		}
		.msg .idea{
			width: 100%;
		}
		.msg .idea dl dt{
			width: 100%;
			font-size: 1.4rem;
			padding: 20px 0 0;
		}
		.msg .idea dl dt span{
			margin: 0 10px 0 0;
		}
		.msg .idea dl dd{
			width: 100%;
			font-size: 1.0rem;
			line-height: 1.8rem;
		}

		/*environment*/
		.environment{
			width: 100%;
		}
		.environment .inner{
			width: 90%;
		}
		.environment .inner figure{
			width: 100%;
		}
		.environment .inner figure img{
			width: 100%;
		}

		/*project*/
		.project{
			width: 100%;
		}
		.project .inner{
			width: 90%;
		}
		.project .inner figure{
			width: 100%;
		}
		.project .inner figure img{
			width: 100%;
		}






		/*request*/
		.request{
			width: 100%;
		}
		.request .inner{
			width: 90%;
		}
		.request .inner figure{
			width: 100%;
		}
		.request .inner figure img{
			width: 100%;
		}

		/*form*/
		.form form{
			width: 100%;
		}
		form .form1 dt{
			width: 35%;
			letter-spacing: normal;
		}
		form .form1 dd{
			width: 65%;
		}
		form .txt{
			width: 95%;
		}
		form .required{
			top: -5px;
			left: 147px;
			color: #fff;
			border-radius:8px;
			position: absolute;
			letter-spacing: 2px;
			padding: 7px 4px 7px 4px;
			background: #e50012;
			font-size: 16px;
		}
		/*pagetop*/
		.pagetop{
			width:94%;
			margin: 0 auto;
		}
		.pagetop img{
			width:80%;
		}
		.pagetop a{
			display: block;
			float: right;
			margin: 34px 0 30px;
		}
		/*footer*/
		footer{
			width: 100%;
			height: 60px;
		}
		footer .inner{
			width: 90%;
		}
		footer h1{
			width: 25%;
			float: left;
			margin:18px 0 0 0;
			text-align: center;
		}
		footer .copy{
			width: 70%;
			float: right;
			font-size: 10px;
			margin: 18px 0 0 0;
		}
	}

	/**
	* ---------------------------------------------------
	* スマートフォン
	* ---------------------------------------------------
	*/
	@media screen and (max-width: 640px) {
		body {
			width : 100%;
			font-size: 1.3rem;
		}

		/*mainvisual*/
		.mainVisual{
			background-position: top center;
			background-size: 200% 80%, auto;
			padding: 70% 0 90% 0;
		}
		.mainVisual .inner{
			width: 94%;
			margin: -70% auto 0;
		}
		.mainVisual .inner .box{
			width: 99%;
			height: auto;
		}
		.mainVisual h1{
			width: 60%;
			margin: 20px 0 15%;
		}
		.mainVisual h1 img{
			width: 100%;
		}
		.mainVisual ul{
			width: 100%;
			height: auto;
			float: none;
			margin: 13% 0 0;
			display: flex;
			justify-content: space-between;
		}
		.mainVisual ul li{
			width: 30%;
			margin: 0 3px 0;
		}
		.mainVisual ul li img{
			width: 100%;
		}
		.mainVisual p{
			float: none;
			/* width: 32%; */
			width: 28%;
			margin: 0;
			top: 0;
			right: 20px;
			max-height: 80px;
			position: absolute;
		}
		.mainVisual p img{
			width: 100%;
		}
		.mainVisual .top-text{
			width: 100%;
			height: auto;
			margin: 15px auto 0;
			/* top: 140px; */
			/* right: 0; */
			position: relative;
		}
		.mainVisual .top-text img{
			width: 100%;
		}
		header .btn{
			text-align: center;
			width: 100%;
		}
		header .btn a{
			width: 90%;
			margin: -94px auto 0;
		}
		header .btn a img{
			width: 100%;
		}

		/*about*/
		.about{
			width: 100%;
		}
		.about .inner{
			width: 94%;
		}
		.about .movie{
			margin: 60px 0;
		}
		.about .movie iframe{
			width: 100%;
		}
		.about h2{
			font-weight: bold;
			margin: 40px 0 20px;
		}
		.about .aboutTxt h2{
			font-size: 1.4rem;
			/* font-size: 1.7rem; */
			line-height: 2.7rem;
			margin: 60px 0 20px;
		}
		.about .aboutTxt p{
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.about .aboutTxt .sp{
			display: none;
		}
		.about .aboutList{
			width: 100%;
			margin: 50px auto 80px;
			padding: 0;
		}
		.about .aboutList li{
			width: 100%;
			flex:0 0 100%;
			margin: 0 10px 10px 0;
			padding: 20px 0 0 0;
		}
		.about .aboutList li img{
			width: 75%;
		}
		.about .aboutList li figcaption{
			margin: 8px 0 0;
		}
		.about .aboutList .green figcaption{
			font-size: 0.8rem;
		}
		.about .aboutList .orange figcaption{
			font-size: 0.8rem;
		}
		.ttlContents{
			font-size: 1.7rem;
		}

		.about h3 img{
			width: 200%;
			margin: 0 0 0 -170px;
		}
		.about .aboutContents{
			width: 100%;
			margin: 50px auto;

		}
		.about .aboutContents .Box{
			width: 100%;
			max-width: 100%;
			float: none;
			margin: 0 0 40px 0;
			flex-wrap: wrap;
		}
		.about .aboutContents .Box h4 span{
			top: -10px;
			left: 10px;
		}
		.about .aboutContents .Box h4{
			font-size: 1.3rem;
		}
		.about .abouttable{
			width: 100%;
			height: auto;
			margin: 50px auto;
		}
		.about .abouttable td{
			width: 97%;
			height: 60px;
			display: block;
			font-size: 1.0rem;
			border-right: none;
		}
		.about .abouttable td .no{
			top: 20px;
		}
		.about .abouttable .down{
			border-bottom: 1px dashed #c8c9ca;
			border-right: none;
		}
		.about .why{
			width: 100%;
		}
		.about .why .inner{
			width: 90%;
		}
		.about .why .inner img{
			width: 100%;
		}
		.about .why .odd{
			padding: 60px 0 54px 0;
		}
		.about .why .odd .inner h2{
			font-size: 1.4rem;
			line-height: 2.7rem;
		}
		.about .why .odd .inner .txt{
			float: none;
			width: 100%;
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.about .why .odd .inner figure{
			float: none;
			width: 100%;
		}
		.about .why .even{
			padding: 60px 0 54px 0;
		}
		.about .why .even .inner h2{
			font-size: 1.4rem;
			line-height: 2.7rem;
		}
		.about .why .even .inner .txt{
			float: none;
			width: 100%;
		}
		.about .why .even .inner figure{
			float: none;
			width: 100%;
		}

		/*msg*/
		.msg {
			width: 100%;
			background-position:0 70px;
		}
		.msg .inner{
			width: 90%;
		}
		.msg .ttl{
			width: 100%;
			height: 70px;
			padding: 15px 0 20px 0;
			font-size: 1.5rem;
			line-height: 2.5rem;
		}
		.msg .ttl .sp{
			display:inline;
		}
		.msg h2{
			font-size: 1.4rem;
		}
		.msg i{
			top: -245px;
			left: 0;
			position: relative;
		}
		.msg i img{
			width: 50%;
		}
		.msg .inner h3{
			font-size: 1.4rem;
			line-height: 2.4rem;
		}

		.msg .inner .msgbox1{
			margin: -130px 0 0;
		}
		.msg .inner .msgbox1 .txt{
			width: 100%;
			float: none;
			font-size: 1.0rem;
			line-height: 1.8rem;
			letter-spacing: 1px;
		}
		.msg .inner .msgbox1 figure{
			width: 100%;
			float: none;
			margin: 20px 0 0;
		}
		.msg .inner .msgbox1 figure img{
			width: 100%;
		}
		.msg .inner .shop{
			font-size: 1.0rem;
			margin: 0 0 20px;
		}
		.msg .inner .shop .left{
			float: none;
		}
		.msg .inner .shop .right{
			float: none;
			margin: 0 auto;
		}
		.msg .inner .msgbox2 .txt{
			width: 100%;
			float: none;
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.msg .inner .msgbox2 figure{
			width: 100%;
			float: none;
		}
		.msg .inner .msgbox2 figure img{
			width: 100%;
		}
		.msg .idea{
			width: 100%;
			margin: -40px auto 0;
		}
		.msg .idea dl{
			width: 100%;
		}
		.msg .idea dl dt{
			float: none;
			width: 100%;
			font-size: 1.2rem;
		}
		.msg .idea dl dd{
			float: none;
			width: 100%;
		}
		.msg .partner{
			width: 94%;
			margin: 50px 0 0 0;
			padding: 0 10px 0 10px;
		}
		.msg .partner figure{
			width: 100%;
			float: none;
			text-align: center;
			max-width: 108px;
			margin: 0 auto;
		}
		.msg .partner p{
			width: 100%;
			float: none;
			margin: 0.8em 0 0;
			font-size: 1.1rem;
			line-height: 1.8rem;
		}
		.msg .inner .mission_area h3{
			font-size: 20px;
			margin: 0 0 10px;
			letter-spacing: .05rem;
		}
		.msg .inner .mission_area h3 span{
			font-size: 41px;
			background-color: #f39800;
			color: #fff;
			border-radius: 50px;
			padding: 7px 15px;
			margin: 0px 7px 0 -5px;
			text-indent: 0.05rem;
			display: inline-block;
		}
		@supports (-ms-ime-align: auto) {
			/* Edge のみ適用される */
			.msg .inner .mission_area h3 span{
				font-size: 41px;
				background-color: #f39800;
				color: #fff;
				border-radius: 50px;
				padding: 7px 15px;
				margin: 0px 5px;
				text-indent: 0.05rem;
				display: inline-block;
			}
		}
		.msg .inner .mission_area p{
			letter-spacing: .1rem;
			font-size: 18px;
			color: #f39800;
		}
		/*environment*/
		.environment{
			width: 100%;
		}
		.environment h2{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.environment h2 i{
			max-width: 30%;
			height: auto;
			width: 100%;
			position: relative;
			text-align: left;
		}
		.environment h2 i img{
			width: 100%;
		}
		.environment h2 span{
			position: relative;
			display: inline-block;
			background: #e50012;
			font-size: 1.3rem;
			line-height: 1.8rem;
			padding: 5px 0px 5px 20px;
			text-align: left;
			margin: 0 0 0 -15px;
		}
		.environment h2 br{
			display: inline;
		}
		.environment .inner{
			width: 90%;
			margin: 0 auto;
		}
		.environment .inner p{
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.environment .inner figure{
			margin: 50px 0;
		}
		.environment .inner figure img{
			width: 100%;
		}

		/*project*/
		.project{
			width: 100%;
		}
		.project h2{
			width: 100%;
			padding: 6.5% 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.project h2 i{
			/* top: 0;
			left: -100px; */
			position: relative;
			text-align: left;
			max-width: 30%;
			height: auto;
			width: 100%;
		}
		.project h2 i img{
			/* width: 25%; */
			width: 100%;
			z-index: 1;
		}
		.project h2 span{
			/* top: -86px;
			left: 130px; */
			position: relative;
			display: block;
			width: 190px;
			background: #e50012;
			font-size: 1.3rem;
			line-height: 1.8rem;
			/* padding: 5px 0px 5px 50px; */
			padding: 10px 0px 10px 25px;
			text-align: left;
			z-index: 0;
			margin: 0 0 0 -15px;
		}
		.project h2 br{
			display: inline;
		}
		.project .inner{
			width: 90%;
			margin: 0 auto;
		}
		.project .inner p{
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.project .inner .feature{
			margin: 40px 0 -10px 0;
		}
		.project .inner ul{
			font-size: 1.0rem;
			margin: 20px 0 20px;
			padding: 26px 18px 18px 18px;
			background: #fffced;
		}

		/*request*/
		.request{
			width: 100%;
		}
		.request h2{
			width: 100%;
			/* height: 80px; */
			padding: 18px 0 30px 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.request h2 i{
			position: relative;
			text-align: left;
			max-width: 30%;
			height: auto;
			width: 100%;
		}
		.request h2 i img{
			width: 100%;
		}
		.request h2 span{

			position: relative;
			display: block;
			width: 180px;
			flex: 0 0 180px;
			font-size: 1.3rem;
			line-height: 1.8rem;
			padding: 10px 0px 10px 5px;
			text-align: center;
			margin: 0 0 0 -25px;
		}
		.request h2 br{
			display: inline;
		}
		.request .inner{
			width: 90%;
			margin: 0 auto;
		}
		.request .inner p{
			font-size: 1.0rem;
			line-height: 1.8rem;
		}
		.request .inner ul{
			font-size: 1.0rem;
			margin: 20px 0 20px;
			padding: 26px 18px 18px 18px;
			background: #fffced;
		}
		.request h3{
			font-size: 1.2rem;
			line-height: 2.4rem;
		}

		/*form*/
		.form form{
			width: 100%;
			margin: 0 auto;
		}
		form{
			width: 100%;
		}
		form .form1{
			width: 100%;
		}
		form .form1 dt{
			float: none;
			width: 100%;
			margin: 8px 0 8px 0;
			font-size: 1.2rem;
		}
		form .form1 dd{
			float: none;
			width: 90%;
			font-size: 0.8rem;
		}
		form .form1 dd{
			float: left;
		}
		form .form2{
			width: 100%;
			margin: 50px 0 0;
		}
		form .form2 dt{
			font-size: 1.2rem;
		}
		form .form2 dd{
			width: 90%;
			font-size: 1.2rem;
			line-height: 1.2rem;
		}
		form .txt{
			width: 100%;
		}
		form .required{
			top: -5px;
			left: 160px;
			font-size: 0.9rem;
			padding: 5px 10px 5px 14px;
		}
		.button input{
			width: 100%;
			margin: 0 auto;
		}

		/*pagetop*/
		.pagetop{
			width:94%;
			margin: 0 auto;
		}
		.pagetop img{
			width:80%;
		}
		.pagetop a{
			display: block;
			float: right;
			margin: 34px 0 30px;
		}

		/*footer*/
		footer{
			width: 100%;
			height: 60px;
		}
		footer .inner{
			width: 90%;
		}
		footer h1{
			width: 25%;
			float: left;
			margin:18px 0 0 0;
			text-align: center;
		}
		footer .copy{
			width: 70%;
			float: right;
			font-size: 10px;
			margin: 18px 0 0 0;
		}




		.request.err,.request.confirm{
			margin: 80px auto 0;
		}
		.request.err h3{
			margin-bottom: 0;
		}
		.request.err ul.err_box{
			background: none;
			margin: 0 auto 35px;
			width: 100%;
			max-width: 750px;
		}
		.request.err ul.err_box li{
			color:#e50012;
			font-size: 1.2rem;
		}
		.request.confirm h3{
			letter-spacing: normal;
		}
		.request.confirm h3.thanks{
			margin: 0 0 40px;
		}
		.request.confirm dd{
			margin: 10px 0;
			font-size: 18px;
			width: 90%;
		}
		.request.confirm dt{
			font-size: 22px;
			width: 90%;
		}
		.request.confirm dt span{
			font-size: 18px;
			color: #fff;
			background-color: #e50012;
			padding: 5px 10px;
			border-radius: 5px;
			vertical-align: top;
			margin-left: 5px;
		}
		.request.confirm dl{
			border-top: 1px solid #c8c9ca;
		}
		.request.confirm .inner{
			/* width: 100%;
			padding: 0 15px;
			margin: 0; */
		}
		.request.confirm dd,.request.confirm dt{
			display: inline-block;
			margin: 10px 0;
			padding: 10px;
			line-height: 26px;
		}
		.request.confirm dd.checks,.request.confirm dt.checks{
			display:block;
			width: 90%;
		}
		.request.confirm dd.checks{
			display:block;
			width: 90%;
		}
		.request.confirm .form{
			width: 100%;
			max-width: 750px;
			margin: 0 auto;
		}
		.btn_area{
			width: 100%;
			max-width: 750px;
			margin: 50px auto 100px;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
		.btn_area form{
			width: 100%;
			flex: 0 0 100%;
		}
		.btn_area form input{
			width: 100%;
			background-size: contain;
			margin: 0 auto;
			/* max-width: 445px; */
			height: 80px;
			color: transparent;
			border: none;
		}
		.btn_area form .submit input{
			background: url(./images/btn_submits.png)center no-repeat;
			background-size: contain;
		}
		.btn_area form .back input{
			background: url(./images/btn_back.png)center no-repeat;
			background-size: contain;
		}
		.btn_area form .submit,.btn_area form .back{
			text-align: center;
		}
		.request .inner.thanks{
			padding: 3.2% 15px 17%;
		}
		.link_thanks{
			margin: 30px 0 0;
			text-decoration: underline;
		}
		br.pc{
			display: none;
		}
		/*ceo_area*/
		.ceo_area{
			width: 90%;
			margin: 190px auto 200px;
			padding-bottom: 75px;
			border-bottom: 5px solid #eee7d6;
		}
		.ceo_area h4{
			font-size: 28px;
			margin: 30px 0 35px;
			color: #804f21;
			letter-spacing: .16rem;
			line-height: 35.5px;
		}
		.ceo_area h4 +p{
			font-size: 16px;
			line-height: 30px;
		}
		.band_ceo{
			position: relative;
		}
		.band_ceo::after{
			position: absolute;
			content: "";
			display: inline-block;
			width: 100%;
			height: 1px;
			background-color: #000;
			left: 0;
			top: 0 ;
			bottom: 0;
			z-index: 0;
			margin: auto;
		}
		.band_ceo span{
			font-size: 14px;
			letter-spacing: .1rem;
			background-color:#fff;
			position: relative;
			padding: 5px 15px 0 0;
			font-family: serif;
			z-index: 1;
		}
		.ceo_title{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			padding: 10px 0 15px;
			border-bottom: 5px solid #eee7d6;
		}
		.ceo_title h3{
			align-self: center;
			color: #804f21;
			font-size: 28px;
			font-weight: bold;
			letter-spacing: .2rem;
			width: 100%;
			flex: 0 0 100%;
			margin: 15px 0 0;
		}
		.right_box {
			margin-left: auto;
		}
		.right_box .ceo{
			font-size: 16px;
			padding: 0;
			margin-bottom: 10px;
			letter-spacing: .1rem;
		}
		.right_box .ceo span{
			font-size: 28px;
			vertical-align: sub;
			letter-spacing: 0;
		}
		.right_box .ceo img{
			width: 113px;
			height: 42px;
			vertical-align: middle;
			display: block;
			margin: 0 0 10px auto;
		}
		.right_box .en{
			text-align: right;
			font-size: 16px;
			letter-spacing: .2rem;
			color: #804f21;
		}
	}