@charset "UTF-8";
/* ============================================================
#company 会社情報
============================================================ */
/* common
================================================ *
/* #contents
------------------------------------------------ */
@media all and (min-width: 600px) { #contents { width: 1100px; margin: 0 auto; } }
/* index
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.index #mainImg.mainChild { background: url(../img/company/index/bg_main02_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.index #mainImg.mainChild { background-image: url(../img/company/index/bg_main02_pc.png); background-position: center top; }  #company.index #mainImg.mainChild .mainTit { max-width: 236px; } }
/* #profile
------------------------------------------------ */
#company.index #profile { margin: 0 0 50px; }
#company.index #profile .mod_table01 .imgBox { overflow: hidden; margin: 15px 0 5px; }
#company.index #profile .mod_table01 .img { overflow: hidden; margin: 0 0 15px; border-radius: 6px; }
#company.index #profile .mod_table01 .img img { vertical-align: top; }
#company.index #profile .mod_table01 .map { position: relative; padding-bottom: 52.17%; }
#company.index #profile .mod_table01 .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
#company.index #profile .mod_table01 .systemList dt { position: relative; padding-left: 15px; font-weight: 700; }
#company.index #profile .mod_table01 .systemList dt ~ dt { margin-top: 5px; }
#company.index #profile .mod_table01 .systemList dt:before { position: absolute; top: 7px; left: 0; width: 10px; height: 10px; overflow: hidden; border-radius: 5px; background: #06a577; content: ""; }
@media all and (min-width: 600px) { .mod_ulList01 > li { padding-left: 20px; }  .mod_ulList01 > li:before { top: 8px; width: 12px; height: 12px; border-radius: 6px; } }
#company.index #profile .mod_table01 .systemList dd { mar }
@media all and (min-width: 600px) { #company.index #profile { margin: 0 auto; }  #company.index #profile .mod_table01 .imgBox { margin: 25px 0 10px; }  #company.index #profile .mod_table01 .img { position: relative; float: left; width: 340px; height: 225px; margin: 0 30px 0 0; border-radius: 12px; }  #company.index #profile .mod_table01 .img img { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }  #company.index #profile .mod_table01 .map { float: left; width: 340px; height: 225px; padding-bottom: 0; }  #company.index #profile .mod_table01 .map iframe { border-radius: 12px; }
#company.index #profile .mod_table01 .systemList dt { clear: left; float: left; width: calc(6em + 20px); padding-left: 20px; }
#company.index #profile .mod_table01 .systemList dt ~ dt { margin-top: 10px; }
#company.index #profile .mod_table01 .systemList dt:before { top: 8px; width: 12px; height: 12px; border-radius: 6px; background: #06a577; content: ""; }
#company.index #profile .mod_table01 .systemList dd { margin-left: calc(7em + 20px); }
#company.index #profile .mod_table01 .systemList dd ~ dd { margin-top: 10px; }
}
/* business
------------------------------------------------ */
#company.index .business .link { margin: 0 0 20px; }
#company.index .business .link dt { float: left; width: 7.35em; }
#company.index .business .link dt:after { content: "："; }
#company.index .business .link dd { margin-left: 7.35em; }
#company.index .businessList > li { padding: 0 0 15px; border-bottom: solid 1px #e2e2e2 }
#company.index .businessList > li + li { margin-top: 15px; }
#company.index .businessList > li .map { position: relative; margin: 0 0 10px; padding-bottom: 52.17%; }
#company.index .businessList > li .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
#company.index .businessListSet dt { line-height: 1.5; margin: 0 0 3px; font-weight: 700; font-size: 24px; font-size: 1.5rem; }
#company.index .businessListSet dd { line-height: 1.77; }
#business { margin: 0 0 50px; }
@media all and (min-width: 600px) { #company.index .business .link { margin: 0 0 25px; }  #company.index .business .link dt { width: 7.7em; }  #company.index .business .link dd { margin-left: 7.7em; }  #company.index .businessList { overflow: hidden; }  #company.index .businessList > li { width: 1100px; margin-top: 25px; padding: 0 0 25px; border-bottom: solid 1px #e2e2e2}  #company.index .businessList > li:nth-child(n+3) { margin-top: 25px; }  #company.index .businessListSet dt { line-height: 1.5; margin: 0 0 10px; font-weight: 700; font-size: 1.8rem; }  #company.index .businessListSet dd { line-height: 1.77; }  #business {margin: 0 0 100px;}}
/* greeting
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.greeting #mainImg.mainChild { background: url(../img/company/greeting/bg_main02_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.greeting #mainImg.mainChild { background-image: url(../img/company/greeting/bg_main02_pc.png); background-position: center top; }  #company.greeting #mainImg.mainChild .mainTit { max-width: 236px; } }
/* main
------------------------------------------------ */
#company.greeting .imgBox { margin: 0 0 12px; }
#company.greeting .txtBox .copy { line-height: 1.6875; margin: 15px 0; font-weight: 700; font-size: 25.6px; font-size: 1.6rem; text-align: center; letter-spacing: .1em; }
#company.greeting .signature { margin: 5px 0 25px; }
#company.greeting .signature dt { display: inline-block; }
#company.greeting .signature dd { display: inline-block; color: #06a577; }
@media all and (min-width: 600px) { #company.greeting .mod_inner01 { overflow: hidden; margin: 0 0 55px; }  #company.greeting .imgBox { float: right; width: 350px; margin: 0; } #company.greeting .txtBox .subTit{text-align: center;}   #company.greeting .txtBox .copy { line-height: 1.8; margin: 20px 0; font-size: 2.0rem; text-align: center; letter-spacing: .12em; }  #company.greeting .signature { float: right; width: 350px; margin: 6px 0 0; text-align: right; } }
/* history
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.history #mainImg.mainChild { background: url(../img/company/history/bg_main01_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.history #mainImg.mainChild { background-image: url(../img/company/history/bg_main01_pc.png); background-position: center top; }  #company.history #mainImg.mainChild .mainTit { max-width: 175px; } }
/* .history
------------------------------------------------ */
#company.history .history { margin: 0 0 50px; }
#company.history .historyBox + .historyBox { margin-top: 40px; }
#company.history .historyHd01 { width: 145px; line-height: 1.4; margin: 0 0 12px; padding: 48px 0 0; background: url(../img/company/history/bg_history01.png) left top no-repeat; background-size: 145px auto; font-weight: 500; font-size: 35.2px; font-size: 2.2rem; text-indent: -.1em; text-align: center; white-space: nowrap; letter-spacing: .1em; }
#company.history .historyHd01:first-letter { color: #06a577; }
#company.history .history .imgBox { margin-top: 18px; }
#company.history .history .imgBox .img + .img { margin-top: 15px; }
#company.history .history .imgBox .img img { vertical-align: top; border-radius: 6px; }
#company.history .history .imgBox .img .caption { margin: 5px 0 0; font-weight: 700px; }
@media all and (min-width: 600px) {
	#company.history .history {
		margin: 0 0 100px;
	}
	#company.history .history .mod_tit01 {
		margin: 0 0 60px;
	}
	#company.history .historyBox {
		overflow: hidden;
		padding-top: 7px;
	}
	#company.history .historyBox + .historyBox {
		margin-top: 55px;
	}
	#company.history .historyHd01 {
		float: left;
		width: 154px;
		margin: -7px 0 0;
		background-size: 154px auto !important;
		font-size: 2.4rem;
	}
	#company.history .history .historyBoxIn {
		float: right;
		width: 880px;
	}
	#company.history .history .txtBox {
	}
	#company.history .history .imgBox {
		display: flex;
		justify-content: space-between;
		margin: 25px 0 0;
	}
	#company.history .history .imgBox .img {
		width: 278px;
	}
	#company.history .history .imgBox .img img {
		border-radius: 12px;
	}
	#company.history .history .imgBox .img + .img {
		margin-top: 0;
	}
	#company.history .history .imgBox .img .caption {
		margin: 8px 0 0;
		font-size: 1.3rem;
	}
}
/* vision
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.vision #mainImg.mainChild { background: url(../img/company/vision/bg_main02_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.vision #mainImg.mainChild { background-image: url(../img/company/vision/bg_main02_pc.png); background-position: center top; }  #company.vision #mainImg.mainChild .mainTit { max-width: 242px; } }
/* philosophy
------------------------------------------------ */
#company.vision .philosophy { margin: 0 0 35px; }
#company.vision .philosophy .copy { margin: 0 -25px 15px; text-align: center; }
#company.vision .philosophy .mod_olList01 { padding: 17px 20px 18px; border: 1px solid #e2e2e2; background: url(../img/company/vision/bg_philosophy01_sp.png) center center no-repeat; background-size: cover; }
#company.vision .philosophy .mod_olList01 > li { line-height: 1.46; font-size: 24px; font-size: 1.5rem; text-shadow: 0 0 1px #fff,
 0 1px 1px #fff,
 0 2px 2px #fff,
 0 3px 3px #fff; }
#company.vision .philosophy .mod_olList01 > li + li { margin-top: 7px; }
#company.vision .areaTxt {
	margin-top: 15px;
}
#company.vision .areaTxt .txt + .txt {
	margin-top: 20px;
}
@media all and (min-width: 600px) {#company.vision .philosophy { margin: 0 0 80px; }  #company.vision .philosophy .copy { margin: 0 0 25px; }  #company.vision .philosophy .mod_olList01 { height: 114px; padding: 38px 40px 40px; background: url(../img/company/vision/bg_philosophy01_pc.png) right center no-repeat; background-size: contain; }  #company.vision .philosophy .mod_olList01 > li { line-height: 1.46; font-size: 2.0rem; text-shadow: 0 2px 2px #fff, 0 3px 3px #fff; }  #company.vision .philosophy .mod_olList01 > li + li { margin-top: 15px; }
	#company.vision .areaTxt {
		margin-top: 42px;
	}
	#company.vision .areaTxt .txt + .txt {
		margin-top: 28px;
	}
}
/* trial
------------------------------------------------ */
#company.vision .trial { padding: 40px 0 32px; }
#company.vision .trial .txt + .txt { margin-top: 20px; }
#company.vision .trial .txt dt {
	font-size: 2.4rem;
	line-height: 1.33;
	color: #06a577;
	font-weight: bold;
}
#company.vision .trial .txt dd {
	margin-top: 10px;
	margin-bottom: 30px;
}
#company.vision .trial .txt dd.img {
}
#company.vision .trial .txt dd.img img {
	display: block;
	width: 100%;
}
#company.vision .trial .txt dd.img img + img {
	margin-top: 15px;
}
#company.vision .trial .img { margin-top: 15px; }
#company.vision .trial .img img { vertical-align: top; }
@media all and (min-width: 600px) {
	#company.vision .trial { margin: 0 -100%; padding: 80px 100% 95px; }
	#company.vision .trial .txt{overflow: hidden;}
	#company.vision .trial .txt dt {
		font-size: 3.2rem;
		line-height: 1.5;
	}
	#company.vision .trial .txt dd {
		margin-top: 18px;
		margin-bottom: 0;
		width: 790px;
		float: left;
	}
	#company.vision .trial .txt dd.noimg {
		width: 100%;
		float: none;
	}
	#company.vision .trial .txt dd.img {
		float: right;
		width: 278px;
		margin-top: 23px;
	}
	#company.vision .trial .txt dd.img img + img {
		margin-top: 24px;
	}
	#company.vision .trial .txt + .txt { margin-top: 48px; }
	#company.vision .trial .img { width: 460px; margin: 40px auto 0; }  #company.vision .trial .img img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}
/* contribute
------------------------------------------------ */
#company.vision .contribute { padding: 0 15px 0; }
#company.vision .contribute .txt dt {
	font-size: 2.4rem;
	line-height: 1.33;
	color: #06a577;
	font-weight: bold;
}
#company.vision .contribute .txt dd {
	margin-top: 10px;
	margin-bottom: 30px;
}
#company.vision .contribute .mod_tit01 { margin: 0 0 10px; }
#company.vision .contribute .copy {
	margin: 0 0 20px;
}

#company.vision .contribute #staying .img {
	position: relative;
}

@media all and (min-width: 600px) {
	#company.vision .contribute {
		padding: 80px 0 0;
	}
	#company.vision .contribute .txt dt {
		font-size: 3.2rem;
		line-height: 1.5;
	}
	#company.vision .contribute .txt dd {
		margin-top: 18px;
		margin-bottom: 60px;
	}
	#company.vision .contribute .mod_tit01 {
		margin: 0 0 14px;
	}
	#company.vision .contribute .copy {
		margin: 40px 0 53px;
	}
	#company.vision .contribute .box + .box {
		margin-top: 40px;
	}
	#company.vision .contribute .box:nth-of-type(even) .img {
		float: right;
	}
	#company.vision .contribute .box:nth-of-type(even) .txtBox {
		float: left;
	}
}
/* morinaga-press
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.morinaga-press #mainImg.mainChild { background: url(../img/company/morinaga-press/bg_main01_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.morinaga-press #mainImg.mainChild { background-image: url(../img/company/morinaga-press/bg_main01_pc.png); background-position: center top; }  #company.morinaga-press #mainImg.mainChild .mainTit { max-width: 444px; } }
/* archive
------------------------------------------------ */
#company.morinaga-press .archiveHd { text-align: center; }
#company.morinaga-press .archiveHd .btn { width: 290px; max-width: 100%; margin: 15px auto 10px; }
#company.morinaga-press .archiveHd .btn img { vertical-align: top; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#company.morinaga-press .archiveHd .note { line-height: 1.75; color: #7c7c7c; font-size: 19.2px; font-size: 1.2rem; }
#company.morinaga-press .archiveList .tit { line-height: 1.0; padding: 24px 15px 23px; border-bottom: 1px solid #e5e5e5; color: #06a577; font-size: 35.2px; font-size: 2.2rem; letter-spacing: .1em; }
#company.morinaga-press .archiveList .list { border-bottom: 1px solid #e5e5e5; }
#company.morinaga-press .archiveList .list a { display: block; position: relative; line-height: 1.44; padding: 15px 30px 11px; font-weight: 700; font-size: 24px; font-size: 1.5rem; }
#company.morinaga-press .archiveList .list a:after { position: absolute; top: 0; right: 15px; bottom: 0; width: 10px; height: 13px; margin: auto; background: url(../img/common/ico_download01.png) center top no-repeat; background-size: cover; content: ""; }
#company.morinaga-press .archiveList .list a time { display: block; line-height: 1.0; margin: 0 0 3px; font-weight: 500; font-size: 19.2px; font-size: 1.2rem; }
@media all and (min-width: 600px) { #company.morinaga-press .archiveHd { margin: 0 0 30px; }  #company.morinaga-press .archiveHd .btn { width: 318px; max-width: none; margin: 24px auto 15px; }  #company.morinaga-press .archiveHd .note { line-height: 1.7; font-size: 1.3rem; }  #company.morinaga-press .archiveList .tit { padding: 38px 0 9px; border-bottom: none; font-weight: 700; font-size: 2.4rem; letter-spacing: .12em; }  #company.morinaga-press .archiveList .list { clear: both; border-bottom: 1px solid #e5e5e5; }  #company.morinaga-press .archiveList .list a { line-height: 1.6; padding: 23px 0; font-weight: 700; font-size: 1.5rem; }  #company.morinaga-press .archiveList .list a:hover p { color: #06a577; }  #company.morinaga-press .archiveList .list a:after { right: 7px; width: 15px; height: 19px; margin: auto; }  #company.morinaga-press .archiveList .list a time { display: inline-block; float: left; width: 90px; line-height: 1.9; margin: 0 0 3px; font-size: 1.3rem; }  #company.morinaga-press .archiveList .list a time + p { margin-left: 92px; } }
/* business
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.business #mainImg.mainChild { background: url(../img/company/business/bg_main01_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.business #mainImg.mainChild { background-image: url(../img/company/business/bg_main01_pc.png); background-position: center top; }
	#company.business #mainImg.mainChild .mainTit { max-width: 444px; } }
/* intro
------------------------------------------------ */
#company.business #intro .mod_tit01 { margin: 0 0 15px; }
#company.business #intro .copy {
	text-align: center;
}
@media all and (min-width: 600px) { #company.business #intro .mod_tit01 { margin: 0 0 40px; } }
/* strength
------------------------------------------------ */
#company.business .strength { position: relative; margin: 30px 0 0; padding: 40px 0 0; }
#company.business .strength:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 61px;
	height: 84px;
	content: '';
	background: url(../img/company/business/bg_strength01_sp01.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}
#company.business .strength:after {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 184px;
	height: 86px;
	content: '';
	background: url(../img/company/business/bg_strength01_sp02.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}
#company.business .strength .list {}
#company.business .strength .list .item{overflow: hidden; margin-bottom: 30px;}
#company.business .strength .list .item .tit{ display: table-cell; width: 155px; float: left; margin-right: 25px; background: url(../img/company/business/bg_circle_sp.png) center no-repeat; padding: 54px 0; text-align: center; color: #fff; font-size: 2rem; line-height: 1.25;}
#company.business .strength .list .item .txt{display: table-cell;}
@media all and (min-width: 600px) {
	#company.business .strength { margin: 5px -200% 0; padding: 80px 200%; background: url(../img/company/business/bg_strength01_pc.png) no-repeat 50% 0; }
	#company.business .strength:before, #company.business .strength:after { content: none; }
	#company.business .strength .mod_tit01 { margin-bottom: 50px; }
	#company.business .strength .list{overflow: hidden;}
	#company.business .strength .list .item{display: block; width: 350px; float: left; margin-right: 25px;}
	#company.business .strength .list .item:last-child{margin-right: 0;}
	#company.business .strength .list .item .tit{display: block; width: 256px; float: none; margin: 0 auto; background: url(../img/company/business/bg_circle_pc.png) center no-repeat; padding: 142px 31px; text-align: center; font-size: 2.7rem; line-height: 1.4; margin-bottom: 30px;}
	#company.business .strength .list .item .txt{display: block; width: 350px; float: none;}
}
/* outline
------------------------------------------------ */
#company.business .outline { padding: 40px 15px 0; }
#company.business .outlineBox + .outlineBox { margin-top: 16px; }
#company.business .outlineBox:not(:last-of-type) { position: relative; padding-bottom: 100px; }
#company.business .outlineBox:not(:last-of-type):after { position: absolute; right: 0; bottom: 0; left: 0; width: 60px; height: 80px; margin: auto; background: url(../img/company/business/ico_outline01_sp.png) center bottom no-repeat; background-size: cover; content: ""; }
#company.business .outlineBox .outlineHd { width: 145px; line-height: 1.4; margin: 0 0 12px; padding: 48px 0 0; font-weight: 500; font-size: 35.2px; font-size: 2.2rem; text-indent: -.1em; text-align: center; white-space: nowrap; letter-spacing: .1em; }
#company.business .outlineBox .outlineHd:first-letter { color: #06a577; }
#company.business .outlineBox:nth-of-type(1) .outlineHd { background: #fff url(../img/company/business/bg_outline01.png) left top no-repeat; background-size: 145px auto; }
#company.business .outlineBox:nth-of-type(2) .outlineHd { background: #fff url(../img/company/business/bg_outline02.png) left top no-repeat; background-size: 145px auto; }
#company.business .outlineBox:nth-of-type(3) .outlineHd { background: #fff url(../img/company/business/bg_outline03.png) left top no-repeat; background-size: 145px auto; }
#company.business .outlineBox:nth-of-type(4) .outlineHd { background: #fff url(../img/company/business/bg_outline04.png) left top no-repeat; background-size: 145px auto; }
#company.business .outlineBox .pointList { margin: 15px 0 0; padding: 20px; border: 1px solid #e2e2e2; }
#company.business .outlineBox .pointList dt { line-height: 1.5; margin: 0 0 13px; padding: 9px 15px; background: #f1fef5; color: #06a577; font-size: 24px; font-size: 1.5rem; text-align: center; letter-spacing: .1em; }
@media all and (min-width: 600px) { #company.business .outline { padding: 40px 0 0; }
	#company.business .outlineBox { overflow: hidden; padding: 7px 0 0; }
	#company.business .outlineBox + .outlineBox { margin-top: 35px; }
	#company.business .outlineBox:not(:last-of-type) { position: relative; padding-bottom: 40px; }
	#company.business .outlineBox:not(:last-of-type):after { right: auto; bottom: 0; left: 60px; width: 30px; height: calc(100% - 120px); background: url(../img/company/business/ico_outline01_pc.png) center bottom no-repeat; background-size: 30px 750px; }
	#company.business .outlineBox .outlineHd { float: left; box-sizing: border-box; width: 154px; height: 120px; margin: -7px 0 0; background-size: 154px auto !important; font-size: 2.4rem; }
	#company.business .outlineBox .mod_box01 { float: right; width: 900px; }
	#company.business .outlineBox .mod_box01 .img { width: 340px; margin: 0 0 45px; }
	#company.business .outlineBox .mod_box01 .txtBox { width: 510px; margin: 0 0 45px; }
	#company.business .outlineBox .pointList { clear: both; margin: 0; padding: 40px 40px 42px; }
	#company.business .outlineBox .pointList dt { width: 410px; margin: 0 0 17px; padding: 10px 20px; font-size: 2.0rem; } }
/* works
------------------------------------------------ */
#company.business .works { padding-top: 40px; }
#company.business .works .mod_btn01 { margin-top: 25px; }
@media all and (min-width: 600px) { #company.business .works { padding-top: 80px; }
	#company.business .works .mod_btn01 { margin-top: 60px; } }
/* environment
================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#company.environment #mainImg.mainChild { background: url(../img/company/environment/bg_main01_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #company.environment #mainImg.mainChild { background-image: url(../img/company/environment/bg_main01_pc.png); background-position: center top; }  #company.environment #mainImg.mainChild .mainTit { max-width: 512px; } }
/* intro
------------------------------------------------ */
#company.environment #intro { margin: 0 0 25px; }
#company.environment #intro .mod_tit01 { margin: 0 0 15px; }
#company.environment #intro .copy { text-align: center; }
@media all and (min-width: 600px) { #company.environment #intro { margin: 0 0 70px; }  #company.environment #intro .mod_tit01 { margin: 0 0 40px; } }
/* policy
------------------------------------------------ */
#company.environment #policy .mod_tit03 + .txt { margin-bottom: 6px; }
#company.environment #policy .mod_olList01 { margin: 25px 0; }
#company.environment #policy .signature { margin: 6px 0 15px; text-align: right; }
@media all and (min-width: 600px) { #company.environment #policy .mod_tit03 + .txt { margin-bottom: 13px; }  #company.environment #policy .mod_olList01 { margin: 30px; }  #company.environment #policy .signature { margin: 15px 0 20px; } }


/* #message
------------------------------------------------ */
#message {
	padding: 35px 15px 45px;
}
#message .messageIn {
	padding: 16px 20px 12px;
	border: 1px solid #e2e2e2;
}
#message .tit {
	line-height: 1.67;
	margin: 0 -10px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
#message .img {
	padding-top: 13px;
	text-align: center;
}
#message .img img {
	width: 175px;
	backface-visibility: hidden;
}
#message .areaTxt {
	margin-top: 20px;
}
#message .areaTxt .txt + .txt {
	margin-top: 20px;
}
@media all and (min-width: 600px) {
	#message {
		padding: 70px 0 100px;
	}
	#message .messageIn {
		padding: 30px 50px;
	}
	#message .tit {
		font-size: 2.2rem;
	}
	#message .img {
		float: left;
		width: 324px;
		padding: 20px 54px 0 0;
		text-align: left;
	}
	#message .img img {
		width: auto;
	}
	#message .content {
		margin-top: 25px;
	}
	#message .content::after {
		display: block;
		clear: both;
		content: "";
	}
	#message .areaTxt {
		float: left;
		width: 620px;
		margin-top: 0;
	}
	#message .areaTxt .txt {
		margin-right: -10px;
	}
	#message .areaTxt .txt + .txt {
		margin-top: 28px;
	}
}


/* #google-map
------------------------------------------------ */
#map {
	padding: 0 15px;
}

#map_container {
	position: relative;
	padding-top: 41.8%;
}
#google-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }

@media all and (min-width: 600px) {
#map {
	padding: 0px;
}

#google-map {
	width: 100%;
	height: 460px;
	border-radius: 12px;
}
