.conciergeTop { width: 100%; margin: 80px 0 0; padding: 80px 0 0; }
.conciergeTop p { padding: 0 80px 0 0; display: inline-block; border-bottom: solid 3px #DBE000; font-family: 'Assistant', sans-serif; font-size: 24px; font-weight: bold; }

.conciergeChat { width: 100%; padding: 100px 0 0; background: #F6F6F7; float: left; }

.conciergeChat .chat {
	width: 800px;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.conciergeChat .chat .step {
	width: 100%;
	float: left;
	padding-bottom: 100px;
}
.conciergeChat .chat .talk {
	background: url(/assets/img/concierge/icon.png) no-repeat top right;
	min-height: 180px;
	background-size: 160px;
	margin-top: 60px;
}
.conciergeChat .chat .talk .fukidashi {
	position: relative;
	margin: 0 205px 25px 0;
	background: #FBFCE6;
	padding: 20px;
	border-radius: 10px;
	font-size: 20px;
	line-height: 30px;
	top: 25px;
}
.conciergeChat .chat .fukidashi::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent  transparent #FBFCE6;
	right: -20px;
	top: 20px;
}
.conciergeChat .chat .talk .fukidashi b {
	color: #DBE000;
}
.conciergeChat .chat .talk .fukidashi span {
	font-size: 16px;
	color: #666;
}

.conciergeChat .chat .input_area {
	background: #FFF;
	border-radius: 10px;
	width: 100%;
	float: left;
	margin-top: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.conciergeChat .chat .input_area ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 20px;
}
.conciergeChat .chat .input_area li {
	width: 320px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	margin: 20px 20px 0;
	text-align: center;
	box-sizing: border-box;
}
.conciergeChat .chat .input_area li input[type=radio],
.conciergeChat .chat .input_area li input[type=checkbox] {
	display: none;
}
.conciergeChat .chat .input_area li label img {
	width: 100%;
	margin: 0 0 20px;
	border: solid 2px #FFF;
	box-sizing: border-box;
}
.conciergeChat .chat .input_area li input[type=radio]:checked+label img,
.conciergeChat .chat .input_area li input[type=checkbox]:checked+label img {
	background: #FBFCE6;
	border: solid 2px #DBE000;
}

.conciergeChat .chat .input_area li label {
	display: block;
	border: solid 2px #D6D6D6;
	border-radius: 30px;
	color: #333;
	background: #FFF;
	padding: 20px;
	cursor: pointer;
}
.conciergeChat .chat .input_area li input[type=radio]:checked+label ,
.conciergeChat .chat .input_area li input[type=checkbox]:checked+label {
	background: #FBFCE6;
	border: solid 2px #DBE000;
}
.conciergeChat .chat .input_area dl {
	background: #FFF;
	border-radius: 5px;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 20px;
	box-sizing: border-box;
}
.conciergeChat .chat .input_area dl dt {
	width: 200px;
	padding-top: 5px;
	line-height: 25px;
	font-weight: 700;
	box-sizing: border-box;
	float: left;
}
.conciergeChat .chat .input_area dl dd {
	width: 500px;
	line-height: 25px;
	font-weight: 700;
	box-sizing: border-box;
	float: left;
}
.conciergeChat .chat .input_area dl.full dt {
	width: 100%;
}
.conciergeChat .chat .input_area dl.full dd {
	width: 100%;
}

.conciergeChat .chat .input_area dd textarea {
	display: block;
	border: solid 1px #D6D6D6;
	border-radius: 5px;
	font-size: 16px;
	height: 200px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;

}
.conciergeChat .chat .input_area .button_wrap {
	clear: both;
	padding: 20px 0;
}
.conciergeChat .chat .input_area .button_wrap button {
	border: none;
	background: #E50112;
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	padding: 15px 0;
	margin: 0 auto;
	display: block;
	width: 320px;
	text-align: center;
	border-radius: 30px;
	cursor: pointer;

}
.conciergeChat .chat .input_area .button_wrap button:disabled {
	background: #D6D6D6;
}

.conciergeChat .thanks .talk .fukidashi {
	font-size: 16px;
	line-height: 2em;
}

.step .bar { width: 100%; float: left; line-height: 26px; font-size: 16px; border-radius: 15px; padding: 0; position: relative; background: #FFF; }
.step .bar:after { content: ""; background: #DBE000; width: 0; height: 26px; display: block; position: absolute; top: 0; border-radius: 15px; }
.step .bar b { position: relative; z-index: 10; padding: 0 15px; }

#step1.step .bar:after { width: calc((100% / 5) * 1); }
#step2.step .bar:after { width: calc((100% / 5) * 2); }
#step3.step .bar:after { width: calc((100% / 5) * 3); }
#step4.step .bar:after { width: calc((100% / 5) * 4); }
#step5.step .bar:after { width: calc((100% / 5) * 5); }
#step6.step .bar:after { width: calc((100% / 10) * 6); }
#step7.step .bar:after { width: calc((100% / 10) * 7); }
#step8.step .bar:after { width: calc((100% / 10) * 8); }
#step9.step .bar:after { width: calc((100% / 10) * 9); }
#step10.step .bar:after { width: calc((100% / 10) * 10); }

.conciergeCourse { width: 100%; padding: 120px 0 0; border-top: solid 2px #E6E6E6; }
.conciergeCourse h2 { font-size: 48px; font-weight: 900; line-height: 60px; text-align: center; }
.conciergeCourse h2:after { content: ""; width: 160px; margin: 20px auto 0; display: block; border-bottom: solid 3px #DBE000; }

.makerAbout { width: 100%; padding: 40px 0 0; }
.makerAbout .inner { width: 840px; display: flex; justify-content: center; }
.makerAbout figure { padding: 0; text-align: center; }
.makerAbout figure { width: 200px; height: 60px; display: flex; align-items: center; }
.makerAbout figure img { width: 100%; }
.makerAbout h2 { padding: 0 0 0 20px; font-size: 40px; font-weight: 900; line-height: 60px; }

.makerPhoto { width: 100%; padding: 20px 0 0; }
.makerPhoto .inner { width: 840px; }
.makerPhoto figure { width: 840px; height: 400px; display: flex; justify-content: center; align-items: center; background: #F6F6F7; }
.makerPhoto figure img { max-width: 840px; max-height: 400px; }


.makerContact { width: 100%; padding: 20px 0 80px; clear: both; }
.makerContact ul { display: flex; justify-content: center; align-items: center; }
.makerContact li.mail a { display: block; width: 480px; line-height: 80px; margin: 0 20px 0 0; font-size: 30px; text-align: center; background: #3E3A39; color: #FFF; border-radius: 4px; position: relative; }
.makerContact li.mail a b {margin: 0 0 0 5px; }
.makerContact li.mail a:before { font-family: "fontawesome"; content: '\f105'; position: absolute; right: 20px; }


.makerContact p.btn { margin: 40px 0 0; text-align: center; }
.makerContact p.btn a { background: #FFF; color: #323232; font-size: 13px; line-height: 36px; text-align: center; display: inline-block; width: 220px; height: 40px; padding: 0 0 0 15px; border: 2px solid #646464; border-radius: 4px; position: relative; box-sizing: border-box; }
.makerContact p.btn a:before { font-family: "fontawesome"; content: '\f0c9'; font-weight: 900; position: absolute; top: -1px; left: 20px; }
.makerContact p.btn a:hover { background: #646464; opacity: 1; color: #FFF; }

.makerTag { width: 100%; padding: 0; clear: both; }
.makerTag ul { display: flex; flex-wrap: wrap; justify-content: center; }
.makerTag li { line-height: 40px; margin: 0 5px 5px; padding: 0 20px; font-size: 15px; text-align: center; background: #DBE000; border-radius: 4px; }

.makerFeature { width: 100%; padding: 80px 0; }
.makerFeature h3 { padding: 0 0 40px; font-size: 24px; font-weight: 900; line-height: 40px; text-align: center; }
.makerFeature h3:after { content: ""; width: 160px; margin: 10px auto 0; display: block; border-bottom: solid 3px #DBE000; }

.makerFeature h4 { font-size: 20px; font-weight: 900; line-height: 40px; }
.makerFeature p { padding: 0 0 20px; font-size: 15px; font-weight: normal; line-height: 30px; }


.makerList { width: 100%; float: left; padding: 80px 0; background: #F6F6F7; border-bottom: solid 3px #D6D6D6; }
.makerList .inner {position: relative; }
.makerList figure { margin: 0 0 20px; text-align: center; }
.makerList h2 {  font-size: 40px; font-weight: 900; line-height: 40px; text-align: center; }
.makerList ul { display: flex; justify-content: center; flex-wrap: wrap; }
.makerList li { width: 265px; margin: 40px 20px 0; position: relative; background: #FFF; }
.makerList li a { color: #000; }
.makerList li h3 { font-size: 13px; line-height: 20px;  text-align: center; padding: 10px; }
.makerList li li { width: auto; margin: 0 5px 10px; padding: 0 10px; font-size: 12px; line-height: 25px; background: #EDEDED; border-radius: 2px; }
.makerList li figure { width: 265px; height: 174px; margin: 0; overflow: hidden; }
.makerList li figure img { transition: 0.3s; }
.makerList li figure img:hover { opacity: 0.8; transform: scale(1.05, 1.05); }

.makerList p.btn { margin: 40px 0 0; text-align: center; }
.makerList p.btn a { background: #FFF; color: #323232; font-size: 13px; line-height: 36px; text-align: center; display: inline-block; width: 220px; height: 40px; padding: 0 0 0 15px; border: 2px solid #646464; border-radius: 4px; position: relative; box-sizing: border-box; }
.makerList p.btn a:before { font-family: "fontawesome"; content: '\f0c9'; font-weight: 900; position: absolute; top: -1px; left: 20px; }
.makerList p.btn a:hover { background: #646464; opacity: 1; color: #FFF; }

@media only screen and (max-width: 1260px) {
	.conciergeTop { width: 100%; margin: 45px 0 0; padding: 45px 0 0; }
	.conciergeTop p { padding: 0 45px 0 0; display: inline-block; border-bottom: solid 3px #DBE000; font-family: 'Assistant', sans-serif; font-size: 24px; font-weight: bold; }

	.conciergeChat { padding: 60px 15px 0; box-sizing: border-box; }
	.conciergeChat .chat { width: 100%; }
	.conciergeChat .chat .step { padding-top: 80px; padding-bottom: 60px; }
	.conciergeChat .chat .step#step1 { padding-top: 0; }
	.conciergeChat .chat .talk { min-height: 95px; background-size: 90px; margin-top: 30px; }
	.conciergeChat .chat #step1 .talk ,
	.conciergeChat .chat #step2 .talk ,
	.conciergeChat .chat #step3 .talk ,
	.conciergeChat .chat #step4 .talk ,
	.conciergeChat .chat #step5 .talk ,
	.conciergeChat .chat #step6 .talk ,
	.conciergeChat .chat #step7 .talk ,
	.conciergeChat .chat #step8 .talk ,
	.conciergeChat .chat #step9 .talk ,
	.conciergeChat .chat #step10 .talk { min-height: 95px; background-size: 90px; }
	.conciergeChat .chat .talk .fukidashi { margin: 0 105px 15px 0; padding: 15px; font-size: 14px; line-height: 25px; top: 15px; }
	.conciergeChat .chat .fukidashi::before { border-width: 0 0 15px 15px; right: -15px; top: 15px; }
	.conciergeChat .chat .talk .fukidashi span { font-size: 12px; }

	.conciergeChat .chat .input_area { margin-top: 30px; padding: 0 15px 15px; }
	.conciergeChat .chat .input_area ul { justify-content: space-between; padding: 0 0 15px; flex-wrap: nowrap; }
	.conciergeChat .chat .input_area li { width: calc(50% - 7.5px); font-size: 14px; line-height: 20px; margin: 15px 0 0; }
	.conciergeChat .chat .input_area li input[type=radio],
	.conciergeChat .chat .input_area li input[type=checkbox] { }
	.conciergeChat .chat .input_area li label span { border-radius: 15px; padding: 15px; text-align: left; }
	.conciergeChat .chat .input_area li label span br { display: none; }
	.conciergeChat .chat .input_area li input[type=radio]:checked+label,
	.conciergeChat .chat .input_area li input[type=checkbox]:checked+label { }
	.conciergeChat .chat .input_area dl { margin: 15px 0; padding: 15px; }
	.conciergeChat .chat .input_area dl dt { }
	.conciergeChat .chat .input_area dl dd { }
	.conciergeChat .chat .input_area dl.full dt { }
	.conciergeChat .chat .input_area dl.full dd { }

	.conciergeChat .chat .input_area dd textarea { }
	.conciergeChat .chat .input_area .button_wrap { padding: 15px 0; }
	.conciergeChat .chat .input_area .button_wrap button { font-size: 20px; line-height: 30px; padding: 15px 0; width: 240px; border-radius: 15x; }
	.conciergeChat .chat .input_area .button_wrap button:disabled { }

	.conciergeChat .thanks .talk .fukidashi { font-size: 14px; line-height: 25px; }


	.conciergeCourse { padding: 100px 0 0; }
	.conciergeCourse h2 { font-size: 20px; line-height: 30px; }
	.conciergeCourse h2:after { margin-top: 10px; }

	.makerAbout { width: 100%; padding: 15px 0; }
	.makerAbout .inner { width: 100%; display: block; }
	.makerAbout figure { padding: 0; text-align: center; }
	.makerAbout figure { width: 100%; height: auto; float: none; justify-content: center; }
	.makerAbout figure img { width: auto; }
	.makerAbout h2 { padding: 0; float: none; font-size: 11px; font-weight: normal; line-height: 15px; text-align: center; color: #646464; }
	.makerAbout h3 { width: auto; margin: 5px 15px; float: none; font-size: 13px; line-height: 20px; }
	.makerAbout p { padding: 0 15px; float: none; font-size: 13px; line-height: 20px; }

	.makerPhoto { width: 100%; padding: 0; }
	.makerPhoto .inner { width: 100%; }
	.makerPhoto figure { width: 100%; height: 70vw; display: flex; justify-content: center; align-items: center; background: #F6F6F7; }
	.makerPhoto figure img { max-width: 100%; max-height: 70vw; }

	.makerContact { padding: 30px 0; }
	.makerContact ul { display: block; }
	.makerContact li.mail a { width: 300px; line-height: 60px; margin: 0 auto 10px; font-size: 20px; }
	.makerContact li.mail a b { }
	.makerContact li.mail a:before { }
	.makerContact li.tel a { width: 300px;  line-height: 38px; margin: 0 auto; padding: 0 20px; font-size: 24px; }
	.makerContact li.tel a span { line-height: 15px; font-size: 12px; padding: 3px 0 0; }
	.makerContact li.tel a b { }

	.makerTag { padding: 0; }
	.makerTag ul { }
	.makerTag li { width: auto; line-height: 30px; margin: 0 5px 10px; padding: 0 10px; font-size: 13px; }

	.makerFeature { padding: 45px 0; }
	.makerFeature h3 { padding: 0 0 30px; }
	.makerFeature h3:after { }

	.makerFeature h4 { padding: 0 15px; font-size: 18px;line-height: 30px; }
	.makerFeature p { padding: 0 15px 20px; font-size: 13px; line-height: 25px; }


	.makerList { width: 100%; float: left; padding: 45px 0; background: #F6F6F7; border-bottom: solid 3px #D6D6D6; }
	.makerList .inner { position: relative; }
	.makerList figure { margin: 0 0 20px; text-align: center; }
	.makerList h2 {  font-size: 25px; line-height: 30px; }
	.makerList p { font-size: 13px; line-height: 25px; text-align: left; position: static; padding: 15px; }
	.makerList ul { padding: 0; }
	.makerList li { width: 50%; margin: 0; padding: 5px; background: none; box-sizing: border-box; }
	.makerList li a { background: #FFF; display: block; }
	.makerList li h3 { font-size: 13px; line-height: 20px;  text-align: center; padding: 10px; }
	.makerList li li { width: auto; margin: 0 0 5px 5px; padding: 0 5px; font-size: 10px; line-height: 20px; }
	.makerList li h3 img { max-width: 100%; }
	.makerList li figure { width: 100%; height: auto; margin: 0; overflow: hidden; }
	.makerList li figure img { max-width: 100%; transition: 0.3s; }
	.makerList li figure img:hover { opacity: 0.8; transform: scale(1.05, 1.05); }


}


@media only screen and (max-width: 520px) {
}