@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

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


/*==================================================================
	1. Layout setting
===================================================================*/
/*sectionBenefit*/
.sectionBenefit .headline1 {
	margin-bottom:109px;
}
.section01 {
	margin-bottom:80px;
	text-align:center;
}
.section01.style01 {
	margin-bottom:87px;
}
.section01.last {
	margin-bottom:0;
	padding-bottom:110px;
}
.section01 .sectionInner {
	position:relative;
	text-align:center;
}
.section01 .txt {
	font-size:20px;
	letter-spacing:2px;
	line-height:2;
}
.section01 .avatar {
	position:absolute;
	right:41px;
	top:-92px;
}
.section01 .avatar img {
	width:212px;
}
.section01 .avatar.left {
	left:66px;
	right:auto;
	top:-113px;
}
.section01 .last {
	margin-bottom:0;
}
@media only screen and (max-width:1190px) {
	.section01 .avatar img {
		width:175px;
	}
	.section01 .txt {
		font-size:18px;
	}
}
@media only screen and (max-width:1024px) {
	.section01,
	.section01.style01 {
		margin-bottom:15px;
	}
	.section01 .sectionInner {
		overflow:auto;
		text-align:justify;
	}
	.section01 .sectionInner::after {
		content:"";
		clear:both;
		display:table;
	}
	.section01 .txt {
		font-size:12px;
	}
	.section01 .txt .highLight {
		font-size:18px;
	}
	.section01 .avatar {
		float:right;
		margin:0 0 15px 15px;
		position:relative;
		right:inherit;
		top:inherit;
	}
	.section01 .avatar.left {
		left:inherit;
		float:left;
		margin:0 15px 0 0;
		right:inherit;
		top:inherit;
	}
	.section01 .avatar img {
		width:108px;
	}
}
@media only screen and (max-width:736px) {
	.sectionBenefit {
		background:#FFF url(/img/common/bg_gradient.png) repeat;
		background-size:39px 39px;
	}
	.sectionBenefit .headline1 {
		margin-bottom:30px;
	}
	.section01 {
		margin-bottom:30px;
	}
	.section01.style01 {
		margin-bottom:0;
	}
	.section01 .txt {
		font-size:10px;
		line-height:1.6;
	}
	.section01 .txt .highLight {
		line-height:1.4;
	}
	.section01.last {
		margin-bottom:0;
		padding-bottom:40px;
	}
}

/*Section Contact*/
.sectionContact .groupButton {
	margin-bottom:70px;
}

@media screen and (max-width:736px) {
	.sectionContact .groupButton {
		margin-bottom:35px;
		margin-top:40px;
	}
	.sectionContact .headline1:before {
		transform:rotate(0);
		height:100%;
	}
	.sectionContact .headline1:first-child:before {
		height:95%;
	}
	.sectionContact .headline1:first-child .innerHeadline1 {
		transform:skew(0deg) rotate(0deg);
		padding:30px 0 10px;
		font-size:15px;
	}
}
/*@media screen and (max-width:480px) {
	.sectionContact .headline1:first-child .innerHeadline1 {
		text-align:right;
	}
}*/
@media screen and (max-width:350px) {
	.sectionContact .headline1:first-child .innerHeadline1 {
		font-size:12px;
	}
	.sectionContact .headline1:first-child .innerHeadline1 .text {
		display:inline-block;
		width:auto;
	}
}
.sectionPromotion {
	padding-bottom:128px;
}
.sectionInquiry .inquiryBottom {
	text-align:center;
}

.sectionInquiry .inquiryBottom .title {
	margin-bottom:25px;
}
.sectionInquiry .inquiryBottom .inquiryQuestionImg {
	margin-bottom:60px;
}
.sectionInquiry .inquiryBottom .inquiryHead {
	margin-bottom:75px;
	font-size:30px;
	font-weight:bold;
	color:#000;
}
.inquiryListBox {
	position:relative;
}
.bgShape {
	position:absolute;
	width:100%;
	left:0;
	top:100%;
}
.bgShape img {
	width:100%;
}
@media screen and (max-width:736px) {
	.sectionPromotion {
		padding-bottom:0;
	}
	.sectionPromotion .typePromotion {
		padding:0;
		margin-bottom:20px;
	}
	.typePromotion .item a {
		padding:10px;
	}
	.tabPromotion {
		padding:0;
		background:none;
	}
	.sectionInquiry .inquiryBottom .inquiryHead {
		margin-bottom:15px;
		font-size:15px;
	}
	.sectionInquiry .inquiryBottom .title {
		margin-bottom:3px;
	}
	.sectionInquiry .inquiryBottom .inquiryQuestionImg {
		margin:0 -20px 15px;
	}
	.inquiryListBox {
		padding:25px 0 0;
	}
}
.titleSection {
	transition:all 0.3s;
	/*margin:0 0 45px;*/
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.titleSection img {
	transition:all 0.3s;
	margin:0 auto;
	display:block;
}
.section02 {
	transition:all 0.3s;
	text-align:center;
	margin-bottom:47px;
}
.section02.last {
	margin-bottom:100px;
}
.section02 .title {
	position:relative;
	transition:all 0.3s;
	max-width:550px;
	margin:0 auto 17px;
	padding-bottom:7px; 
	font-size:30px;
	font-weight:bold;
	border-bottom:4px solid #000;
}
.section02 .img01:after {
	position:absolute;
	transition:all 0.3s;
	width:72px;
	height:119px;
	right:25px;
	bottom:0;
	background:url(/img/home/img_process01.png) no-repeat 0 0;
	content:"";
}
.section02 .img02:after {
	position:absolute;
	transition:all 0.3s;
	width:142px;
	height:99px;
	left:25px;
	bottom:0;
	background:url(/img/home/img_process02.png) no-repeat 0 0;
	content:"";
}
.section02 .img03:after {
	position:absolute;
	transition:all 0.3s;
	width:63px;
	height:113px;
	right:80px;
	bottom:0;
	background:url(/img/home/img_process03.png) no-repeat 0 0;
	content:"";
}
.section02 .img04:after {
	position:absolute;
	transition:all 0.3s;
	width:96px;
	height:90px;
	left:50px;
	bottom:0;
	background:url(/img/home/img_process04.png) no-repeat 0 0;
	content:"";
}
.section02 .img05:after {
	position:absolute;
	transition:all 0.3s;
	width:102px;
	height:85px;
	right:50px;
	bottom:0;
	background:url(/img/home/img_process05.png) no-repeat 0 0;
	content:"";
}
.section02 .step {
	display:block;
	transition:all 0.3s;
	margin:0 auto 5px;
}
.section02 .detail {
	transition:all 0.3s;
	font-size:20px;
	line-height:1.5;
}

.listCheck {
	transition:0.3s all;
	max-width:630px;
	margin:0 auto;
}
.listCheck li {
	transition:0.3s all;
	margin-bottom:30px;
	padding-left:30px;
	background:url(/img/home/icon_check.png) no-repeat 0 8px;
	font-size:20px;
	/*line-height:1.5;*/
}
.listCheck .highLight {
	transition:0.3s all;
	font-size:30px;
}
.sectionEatDrink .section .titleSection {
	transition:0.3s all;
	margin:70px 0 35px;
	font-size:60px;
}
.imageSolve {
	text-align:center;
}
.listCheck .relative {
	z-index:1;
}
.sectionProcess .blockTitle,
.sectionEatDrink .blockTitle {
	margin-bottom:50px;
}
@media only screen and (max-width:736px) {
	.titleSection {
		margin:-50px 0 0;
		padding-bottom:75px;
		font-size:20px;
	}
	.titleSection img {
		max-width:35px;
	}
	.titleSection.checkList img {
		max-width:168px;
	}
	.section02 {
		text-align:center;
		margin-bottom:17px;
	}
	.section02.last {
		margin-bottom:42px;
	}
	.section02 .title {
		margin:0 auto 15px;
		padding-bottom:3.5px; 
		font-size:15px;
		border-bottom:2px solid #000;
	}
	.section02 .img01:after {
		position:absolute;
		width:36px;
		height:59.5px;
		right:12px;
		bottom:0;
		background:url(/img/home/img_process01.png) no-repeat 0 0;
		background-size:36px 60px;
		content:"";
	}
	.section02 .img02:after {
		position:absolute;
		width:71px;
		height:50px;
		left:12px;
		bottom:0;
		background:url(/img/home/img_process02.png) no-repeat 0 0;
		background-size:71px 50px;
		content:"";
	}
	.section02 .img03:after {
		position:absolute;
		width:31.5px;
		height:57px;
		right:40px;
		bottom:0;
		background:url(/img/home/img_process03.png) no-repeat 0 0;
		background-size:31.5px 57px;
		content:"";
	}
	.section02 .img04:after {
		position:absolute;
		width: 48px;
		height: 50px;
		left:30px;
		bottom:0;
		/* background:url(/img/home/img_process04.png) no-repeat 0 0; */
		background-size:48px 45px;
		content:"";
	}
	.section02 .img05:after {
		position:absolute;
		width: 51px;
		height: 42px;
		right: 30px;
		bottom:0;
		background:url(/img/home/img_process05.png) no-repeat 0 0;
		background-size: 51px 42.5px;
		content:"";
	}
	.section02 .step {
		display:block;
		margin:0 auto 5.5px;
	}
	.section02 .detail {
		font-size:13px;
		text-align:left;
		line-height:1.5;
	}
	.listCheck {
		max-width:315px;
	}
	.listCheck li {
		margin-bottom:20px;
		padding-left:17px;
		background-position:0 2px;
		background-size:12px 14px;
		font-size:10px;
	}
	.listCheck .highLight {
		font-size:15px;
	}
	.sectionEatDrink .section .titleSection {
		margin:30px 0 20px;
		padding:0;
		font-size:30px;
	}
	.sectionProcess .blockTitle,
	.sectionEatDrink .blockTitle {
		margin-bottom:35px;
	}
	.sectionEatDrink {
		background:none;
	}
}
/*sectionStrengths*/
.headSection {
	position:relative;
	padding:40px 0;
	text-align:center;
	background:#FDB428;
}
.headSection .groupButton {
	margin-bottom:6px;
}
.blockTitle {
	margin:0 0 13px 0;
	padding:35px 0 0 0;
	text-align:center;
}
.blockTitle .title {
	font-size:30px;
	font-weight:bold;
}
.blockTitle icon img {
	display:block;
	margin:0 auto;
	}
.groupStrengths {
	padding:15px 0 80px 0;
}
.blockStrengths {
	margin-bottom:30px;
}
.blockStrengths:last-child {
	margin-bottom:0px;
}
.blockStrengths picture {
	display:block;
	margin-bottom:10px;
}
.blockStrengths picture img {
	display:block;
	margin:0 auto;
}
.blockStrengths .content {
	font-size:16px;
	text-align:center;
	line-height:2;
}
.sectionStrengths .slider {
	padding:0;
}
@media only screen and (max-width:736px) {
	.headSection {
		padding:20px 0;
	}
	.blockTitle {
		padding-top:20px;
	}
	.blockTitle .title {
		padding:10px 20px 0 20px;
		font-size:20px;
	}
	.blockTitle .icon img {
		width:100%;
		max-width:40px;
	}
	.groupStrengths {
		padding:15px 0 40px 0;
	}
	.blockStrengths {
		margin-bottom:20px;
		padding-top:0px;
	}
	.blockStrengths .content {
		font-size:13px;
		text-align:left;
	}
	.sectionStrengths .slider .innerSlider {
		margin-bottom:60px;
	}
}

/*section ShopAbout*/
.headShopAbout picture img {
	display:block;
	width:100%;
}
.sectionShopAbout .inner {
	padding-bottom:80px;
}
.blockShopAbout {
	position:relative;
	margin-bottom:23px;
	padding:20px 0 0 0;
}
.blockShopAbout:last-child {
	margin-bottom:0;
}
.blockShopAbout .icon {
	position:absolute;
}
.blockShopAbout01 .icon {
	top:-10px;
	left:11%;
}
.blockShopAbout02 .icon {
	top:-34px;
	right:9%;
}
.blockShopAbout03 .icon {
	top:46%;
	left:8%;
}
.blockShopAbout04 .icon {
	top:183px;
	right:12.3%;
}
.blockShopAbout03 .content {
	margin-bottom:39px;
}
.blockShopAbout03 .content:last-child {
	margin-bottom:0px;
}
.blockShopAbout .content {
	text-align:center;
	font-size:20px;
	line-height:1.4;
}
.blockShopAbout .content span.highLight {
	font-size:30px;
}
.blockShopAbout .contentInfo {
	font-size:20px;
	text-align:center;
	line-height:2;
}
.blockShopAbout .contentInfo span.highLight {
	font-size:30px;
	line-height:1.4;
}
.blockShopAbout span.highLight.pink span::before {
	width:109%;
}
@media only screen and (min-width:737px) and (max-width:1200px) {
	.blockShopAbout .content {
		font-size:15px;
	}
	.blockShopAbout .content span {
		font-size:18px;
	}
	.blockShopAbout .contentInfo {
		font-size:15px;
	}
	.blockShopAbout .contentInfo span {
		font-size:18px;
	}
	.blockShopAbout .icon img {
		width:100%;
		max-width:60px;
	}
	.blockShopAbout01 .icon img {
		max-width:40px;
	}
	.blockShopAbout04 .icon {
		top:103px;
	}
}
@media only screen and (max-width:736px) {
	.sectionShopAbout .inner {
		margin-top:-10px;
		padding-bottom:40px;
	}
	.blockShopAbout {
		margin-bottom:5px;
	}
	.blockShopAbout .content {
		text-align:left;
		font-size:13px;
	}
	.blockShopAbout .content span {
		font-size:20px;
	}
	.blockShopAbout .icon {
		position:static;
	}
	.blockShopAbout .icon img {
		width:100%;
		max-width:60px;
	}
	.blockShopAbout01 .icon img {
		width:45%;
	}
	.blockShopAbout03 .icon img {
		max-width:75px;
		margin-left:-10px;
	}
	.blockShopAbout01 .icon, 
	.blockShopAbout03 .icon {
		float:left;
		width:30%;
		text-align:left;
	}
	.blockShopAbout02 .icon, 
	.blockShopAbout04 .icon {
		float:right;
		width:30%;
		text-align:right;
	}
	.blockShopAbout03 .content {
		margin-bottom:0px;
	}
	.blockShopAbout04 .content {
		margin-top:20px;
	}
	.blockShopAbout04 .icon img {
		margin-top:-20px;
	}
	.blockShopAbout05 .contentInfo {
		font-size:13px;
		text-align:left;
	}
	.blockShopAbout05 .contentInfo span {
		font-size:20px;
	}
	.blockShopAbout06 .contentInfo {
		line-height:1.2;
	}
	.blockShopAbout06 .contentInfo span {
		font-size:15px;
		font-weight:bold;
		
	}
}