@charset "utf-8";

/****** 共通 ******/
* {
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
}
body,html { color: #333333; }
body,html,p,ul,dl,dt,dd,figure { margin: 0; }
span,em { text-indent: 0; }
table { border-collapse: collapse; }
main { display: block; }
ul { padding: 0; }
em {
	font-style: normal;
	font-weight: bold;
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction { font-size: 14px; }
}

/****** header ******/
#exp-attraction header {
	background-color: #f6f6f6;
	border-bottom: 1px solid #dddddd;
	padding: 10px 0 10px 20px;
}
#exp-attraction header img {
	width: 111px;
	height: auto;
}
/****** main ******/
#exp-attraction h2 {
	font-size: 36px;
	text-align: center;
}
#exp-attraction h2:not(.fukidashi):after {
	content: '';
	display: block;
	width: 38px;
	height: 5px;
	margin: 17px auto 34px;
	background: linear-gradient(90deg,#bbe2ff 0%,#bbe2ff 50%,#fad4c1 50%,#fad4c1 100%);
}
#exp-attraction h2.glc:not(.fukidashi):after{
	display:none;
}
h2.glc {
    overflow: hidden;
    text-align: center;
}

h2.glc  span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

h2.glc span:before,
h2.glc span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 1.2em;
}

h2.glc  span:before {
    right: 100%;
}

h2.glc  span:after {
    left: 100%;
}
.main-visual > div{
	padding-bottom:20px;
	padding-bottom:3vw;
}
/* タイトルした文言 */
#exp-attraction .ttl-txt {
	width: 94%;
	max-width: 680px;
	margin: 0 auto;
	line-height: 1.8;
}
#exp-attraction .ttl-txt {
    width: 70%;
    max-width: 960px;
    margin: 0 auto;
    line-height: 1.8;
}
#exp-attraction #posting.wide {
    margin-top: 6vw;
    border: none;
    max-width: 100vw;
    width: 100%;
    padding:6vw 0 6vw;;
}
#exp-attraction #posting .plan-cost-box {
    width: 70%;
}
.plan_wrapper{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    width:70%;
    max-width:960px;
    margin:auto;
    padding-bottom:1vw;
    margin-bottom:1vw;
}
.plan_wrapper .plan_box_wrapper{
	width:30%;
}
.plan_wrapper .plan_box{
	border:solid 1px #d3f3fb;
	border-radius:8px;
}
.plan_wrapper .plan_box_wrapper svg{
	color: #a9a9a9;
    text-align: center;
    font-size: 2.5vw;
    /* margin: auto; */
    /* display: inline-block; */
    width: 100%;
    margin-top: 0.5em;
}
.plus_service{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    width:70%;
    max-width:960px;
    margin:auto;
    padding-bottom:0;
    margin-bottom:0;
}
.plus_service{
	border:solid 1px #f54a1b;
	margin-bottom:2vw;
}
.plus_service .plus{
	width:30%;
	margin:3vw 0;
}
.plus_service .plus p.pr{
	font-weight:bold;
	font-size:1.2em;
}
.plus_service .plus p{
	text-align:center;
	color:#f54a1b;
	font-size:0.75em;
}
.plus_service .plus:nth-of-type(3){
	padding-top:0.5em;
}
#exp-attraction .plan_wrapper .plan_box_wrapper header{
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:1.8vw;
	padding:0.35vw;
	border-top-left-radius: 8px;
  	border-top-right-radius: 8px;
}
#exp-attraction .plan_wrapper .plan_box_wrapper .body{
	background:#d3f3fb;
	color:#086788;
}
#exp-attraction .plan_wrapper .plan_box_wrapper .body p{
	text-align:center;
	font-size: 11px;
}
#exp-attraction .plan_wrapper .plan_box_wrapper .body .pr{
	font-size: 1.55vw;
	font-weight:bold;
	padding: 0.3em;
}
#exp-attraction .plan_wrapper .plan_box_wrapper footer{
	border-bottom-left-radius: 8px;
  	border-bottom-right-radius: 8px;
  	font-size: 1.15vw;
    padding: 0.65em;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(1) header{
	background:#06aed5;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(1) .body{
	background:#d3f3fb;
	color:#086788;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(1) footer{
	background:#f9fdfe;
	color:#086788;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(2) .plan_box{
	border-color:#ffe1d9;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(2) header{
	background:#f54a1b;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(2) .body{
	background:#ffe1d9;
	color:#591300;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(2) footer{
	background:#fffaf9;
	color:#591300;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(3) .plan_box{
	border-color:#fff7cf;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(3) header{
	background:#e5be00;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(3) .body{
	background:#fff7cf;
	color:#564700;
}
#exp-attraction .plan_wrapper .plan_box_wrapper:nth-of-type(3) footer{
	background:#fffcf0;
	color:#564700;
}


#exp-attraction .merit .about dl{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:20px;
   	justify-content: center;
  	align-items: center;
  	font-size: 1.45vw;
}
#exp-attraction .merit .about dd{
	width:60%;
	font-weight:bold;
}
#exp-attraction .merit .about dt{
	width:40%;
}
.merit .about{
	display:flex;
	justify-content: center;
  	align-items: center;
  	width: 70%;
    margin: auto;
}
.merit .about .left img{
	display:block;
	width:100%;
}
.merit .about .right{
	width:55%;
	margin-left:10%
}
.merit .about .left{
	width:35%;
	max-width:360px;
}
#exp-attraction #live  .plan-cost-box{
	padding:0;
	max-width:960px;
}
#exp-attraction .plan-cost-box.merit-under{
	width: 70%;
    margin: 5vw auto;
}
#exp-attraction .plan-cost-box.merit-under p{
	line-height:2em;
}
#exp-attraction .merit .about h3:after,
#exp-attraction .merit .about h3:before{
	display:none;
}
#exp-attraction .merit .about h3{
	color:#086788;
	font-size:30px;
	line-height:48px;
	background-color:transparent;
    padding: 0;
    width: auto;
    text-align: left;
    font-size: 2.8vw;
    line-height: 4vw;
    margin-bottom: 3vw;
}
/* 横幅設定 */
#exp-attraction .merit .retailer-case,
#exp-attraction .plan-cost-box, #exp-attraction .apply-flow,
#exp-attraction .faq, #exp-attraction .apply-info,
#exp-attraction .contact, #selling .cant-handling,
#exp-attraction .request .color-box, #exp-attraction .request .color-box + p {
	width: 94%;
	max-width: 960px;
	margin: 0 auto;
}
#selling .plan-cost-box, #selling .apply-info,
#selling .contact, #selling .cant-handling,
#exp-attraction .request .color-box, #exp-attraction .request .color-box + p { max-width: 860px; }
/*** ボタン ***/
#exp-attraction .btn {
	display: block;
	background-color: #f54a1b;
	font-size: 18px;
	text-align: center;
	border: 0;
	border-radius: 33px;
	color: #ffffff;
	font-weight: bold;
	padding: 20px 15px 18px;
	margin: 0 auto;
	width: 310px;
	cursor: pointer;
	transition: opacity 0.2s;
	text-decoration:none;
}
.btn:hover,
#exp-attraction .button-bottom .button:hover {
	opacity: 0.7;
	text-decoration: none;
}
#exp-attraction .notice-txt { font-size: 14px; }

#live .about_live{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:20px;
   	justify-content: center;
  	align-items: center;
  	font-size: 1.45vw;
  	width:70%;
  	max-width:960px;
  	margin:auto;
}
#live .live_column{
	text-align:center;
	font-size:.65em;
	font-weight:bold;
}
#live .live_column >div{
    width: 15vw;
    height: 15vw;
    margin: 2vw;
    border-radius: 20vw;
    border: solid 0.4vw #fff;
    overflow: hidden;
    box-shadow: 0 0 1vw rgba(0,0,0,0.95);
}
#live .live_column img{
	max-width:100%;
	width:15vw;
	height:15vw;
	object-fit:cover;
}
#live .cant-handling ul {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px #cccccc solid;
    width: 100%;
    list-style-type: none;
}
#live .cant-handling ul li {
    margin: 10px 40px 0 0;
}
#live .cant-handling h5 {
    font-size: 22px;
    margin: 0 0 5px;
}
#live .cant-handling ul li:before {
	display: inline-block;
    content: '';
    width: 24px;
    height: 21px;
    background: url(img/check_00.png) center center no-repeat;
    background-size: contain;
    margin-right: 5px;
    flex-shrink: 0;
}
#live .cant-handling {
    background-color: #eeeeee;
    padding: 30px;
    font-size: 14px;
    width: 100%;
    margin-top: 0px;
    text-align: left;
}
#live .ttl-txt{
	margin-top:5vw;
	margin-bottom:5vw;
	text-align:center;
}
#exp-attraction .apply-flow li:last-child {
    list-style: none;
}
aside.footer p img{
	max-width:30%;
}
#exp-attraction aside.footer a,
aside.footer a{
	text-decoration:none;
	background-color:#e5be00;
	color:#333;
	font-weight:bold;
}
#exp-attraction aside.footer a svg{
	margin-left:0.5em;
	font-size:1.2em;
	color:#fff;
}
html #exp-attraction aside.footer a:hover{
	background-color:#c5ae00;
}
html #exp-attraction #faq{
	margin:4vw 0;
	padding:4vw 0;
}
html #exp-attraction #faq .faq dd:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: -10px;
        background-size: 50%;
    background-size: 13px auto;

}
body{
	position:relative;
}
a.to_top{
    position: absolute;
    bottom: 5vw;
    right: 5vw;
}
a.to_top svg {
    color: rgba(0,0,0,0.64);
    font-size: 3vw;

}
#exp-attraction .apply-flow li:not(:last-child) {
    border-radius: 8px;
}
html .plus_service.sp{
	display:none;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction h2:not(.fukidashi):after { margin-bottom: 25px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction h2 { font-size: 30px; }
	#exp-attraction .plan-cost-box, #exp-attraction .apply-flow,
	#exp-attraction .faq, #exp-attraction .apply-info,
	#exp-attraction .contact, #selling .cant-handling,
	#exp-attraction .request .color-box, #exp-attraction .request .color-box + p {
		width: 100%;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .merit .retailer-case,
	#exp-attraction .plan-cost-box, #exp-attraction .apply-flow,
	#exp-attraction .faq, #exp-attraction .apply-info,
	#exp-attraction .contact, #selling .cant-handling,
	#exp-attraction .request .color-box, #exp-attraction .request .color-box + p { width: 100%; }
	#exp-attraction h2 { font-size: 24px; }
	#exp-attraction h2:not(.fukidashi):after {
		width: 30px;
		height: 4px;
	}
	#exp-attraction .notice-txt { font-size: 12px; }
	#exp-attraction .btn {
		max-width: 275px;
		padding: 13px 0;
		font-size: 12px;
	}
	#exp-attraction .btn,
	#exp-attraction .btn.selling { width: 100%; }
}

/*** メインビジュアル ***/
#exp-attraction .main-visual {
	text-align: center;
	padding: 25px 0 0px;
	background-repeat: no-repeat;
	background-image: url('img/main_bg_pc_00.png'),url('img/main_bg_pc_00.png');
	background-size:cover;
	/*background-position: right calc(48% + 775px) top 15px, left calc(48% + 775px) top 15px;*/
}
#exp-attraction .main-visual .sub-catch {
	display: inline-block;
	padding: 7px 12px 4px;
	background-color: #ffd900;
	line-height: 1;
}
#exp-attraction .main-visual .sub-catch img {
	width: 100%;
	max-width: 675px;
}
#exp-attraction .main-visual h1 { margin: 30px auto 0; }
#exp-attraction .main-visual h1 span {
	text-indent: -300%;
	display: inline-block;
	overflow: hidden;
	background: url('img/main_ctach_02.png') center no-repeat;
	background-size: contain;
	height: 99px;
	max-width: 418px;
	width: 100%;
}
#exp-attraction .main-visual .text {
	font-size: 15px;
	line-height: 1.8;
}
#exp-attraction .main-visual .btn { margin: 25px auto 0px; }

#exp-attraction .flow .apply-flow li:not(:last-child):after{
	display:none;
}
#exp-attraction .flow .apply-flow li{
	position:relative;
}
#exp-attraction .flow .apply-flow li .number{
	position:absolute;
	display:block;
	font-size:1.9vw;
	font-weight:bold;
	top:0.5em;
	left:0.5em;
	width:3.2vw;
	height:3.2vw;
	text-align:center;
	border-radius:3.2vw;
	background-color:#ebf8ff;
	box-shadow:0 0 3px #555;
	border:solid 2px white;
}
html #exp-attraction .faq dd:before {
    background: url(img/a_00.png) 9px 7px no-repeat #3aba79;
    margin-right: 3px;
}
html #exp-attraction .ribbon-wrap {
	box-sizing: border-box;
	height: 2.8em;
	margin: 0px auto 100px ;
	position: relative;
	text-align: center;
	vertical-align: middle;
	max-width: 350px;
}
html #exp-attraction .ribbon-wrap::before,
html #exp-attraction .ribbon-wrap::after {
    border-color: #aed581;
    border-style: solid;
    bottom: -2.5em;
    content: '';
    position: absolute;
    width: 0;
    z-index: 0;
}
html #exp-attraction .ribbon-wrap::after{
	/*z-index:-1;*/
}
html #exp-attraction .ribbon-wrap::before {
    border-left-color: transparent;
    border-width: 2em 15px 2em 15px;
    left: -1.3em;
}
html #exp-attraction .ribbon-wrap::after {
	border-right-color: transparent;
	border-width: 2em 15px 2em 15px;
	right: -1.3em;
}
html #exp-attraction h3.ribbon {
	/*font-size: 14px;*/
}
html #exp-attraction .ribbon {
	background: #8bc34a;
	color: #fff;
	padding: 12px 20px;
	position: relative;
	width:100%;
	z-index: 1;
}
html #exp-attraction .ribbon::before,
html #exp-attraction .ribbon::after {
	border: none;
	border-bottom: solid 10px transparent;
	content: '';
	position: absolute;
	top: 100%;
}
html #exp-attraction .ribbon::before {
	left: 0;
	border-right: solid 10px #558b2f;
}
html #exp-attraction .ribbon::after {
	right: 0;
	border-left: solid 10px #558b2f;
}
html #exp-attraction #posting .plan-cost-box{
	margin-top:40px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .main-visual {
		background: url('img/main_bg_ts_00.png') center center repeat;
	}
	#exp-attraction .main-visual > div {
		margin: 0 auto;
		background-color: #ffffff;
		border: 1px #222222 solid;
		border-radius: 8px;
	}
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .main-visual { padding: 40px 0; }
	#exp-attraction .main-visual > div {
		width: calc(100% - 100px);
		padding: 35px 35px 0;
		max-width: 600px;
	}
	#exp-attraction .main-visual h1 { margin: 20px auto 4px; }
	#exp-attraction .main-visual .btn { margin: 25px auto 40px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .main-visual { padding: 20px 0; }
	#exp-attraction .main-visual > div {
		width: calc(100% - 40px);
		padding: 30px 7vw 0;
		font-size: 13px;
	}
	#exp-attraction .main-visual .sub-catch { padding: 5px 9px 3px; }
	#exp-attraction .main-visual h1 {
		line-height: 1;
		margin: 20px auto 10px;
	}
	#exp-attraction .main-visual h1 span {
		height: 16vw;
		margin: 0 auto;
		background-size: contain;
	}
	#exp-attraction .main-visual .text {
		text-align: justify;
		font-size: 13px;
	}
	#exp-attraction .main-visual .btn {
		margin-top: 20px;
		margin-bottom: 35px;
		font-size: 16px;
	}
	#exp-attraction .main-visual .notice-txt { margin: 0 20px; }
}

/*** SD export規模 ***/
#exp-attraction .market,
#exp-attraction .market dl {
	display: flex;
	justify-content: center;
	align-items: center;
}
#exp-attraction .market {
	background-color: #f0f9ff;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	padding: 4px 0;
	line-height: 1.4;
}
#exp-attraction .market:before {
	content: '';
	display: block;
	width: 70px;
	height: 61px;
	background: url('img/market_guide_00.png') center bottom no-repeat;
	background-size: contain;
	margin: -2px 0 -4px;
}
/* 吹き出し */
#exp-attraction .market .fukidashi {
	border: 1px #cccccc solid;
	padding: 6px 10px;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	width: 15em;
	position: relative;
	margin: 0 23px 0 12px;
	text-align: left;
}
#exp-attraction .market .fukidashi:before,
#exp-attraction .market .fukidashi:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 11px 6px 0;
	margin-top: -6px;
}
#exp-attraction .market .fukidashi:before {
	margin-right: 1px;
	border-color: transparent #cccccc transparent transparent;
}
#exp-attraction .market .fukidashi:after {
	margin-right: -1px;
	border-color: transparent #ffffff transparent transparent;
	background-color: transparent;
}
/* 数値 */
#exp-attraction .market dl,
#exp-attraction .market dl dd { margin: 0; }
#exp-attraction .market dl dt {
	font-size: 13px;
	width: 3.5em;
	text-align: right;
	margin-right: 7px;
	line-height: 1.2;
}
#exp-attraction .market dl dd {
	font-size: 22px;
	font-weight: bold;
}
#exp-attraction .market dl dd span { font-size: 32px; }
#exp-attraction .market dl:not(:last-child) {
	padding-right: 23px;
	margin-right: 18px;
	border-right: 1px #cccccc solid;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .market {
		flex-wrap: wrap;
	}
	#exp-attraction .market:before,
	#exp-attraction .market .fukidashi { order: 1; }
	#exp-attraction .market .fukidashi {
		font-weight: normal;
		margin: -3px 0 0 12px;
	}
	#exp-attraction .market:before { margin-bottom: 0; }
	#exp-attraction .market dl br { display: none; }
	#exp-attraction .market dl { display: block; }
	#exp-attraction .market dl dt,
	#exp-attraction .market dl dd { text-align: center; }
	#exp-attraction .market dl dt { width: auto; }
	#exp-attraction .market dl dd { font-weight: normal; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .market { padding: 22px calc((100% - 610px) / 2) 0; }
	#exp-attraction .market h2 {
		width: auto;
		padding: 13px 12px;
	}
	#exp-attraction .market dl {
		margin: 0 0 20px!important;
		width: auto;
		min-width: 180px;
	}
	#exp-attraction .market dl:nth-child(2) { padding: 0 50px 0 0!important; }
	#exp-attraction .market dl:nth-child(3) { padding: 0 50px!important; }
	#exp-attraction .market dl:nth-child(4) { padding: 0 0 0 50px!important; }
	#exp-attraction .market dl dt { margin: -3px 0 0; }
	#exp-attraction .market dl dd { margin-bottom: -13px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .market { padding: 18px 0 0; }
	#exp-attraction .market h2 { width: 14em; }
	#exp-attraction .market dl dd { font-size: 15px; }
	#exp-attraction .market dl dd span { font-size: 20px; }
	#exp-attraction .market dl { margin: 0 0 10px; }
	#exp-attraction .market dl:not(:last-child) { border: 0; }
	#exp-attraction .market dl:nth-child(2) { width: 39% }
	#exp-attraction .market dl:nth-child(3) { width: 27% }
	#exp-attraction .market dl:nth-child(4) { width: 34% }
	#exp-attraction .market dl:not(:last-child) {
		margin-right: 0;
		padding-right: 0;
	}
	#exp-attraction .market dl dt {
		margin: 0;
		font-size: 14px;
		margin-bottom: 2px;
	}
}

/*** SD exportについて ***/
#exp-attraction .merit {
	background-color: #f5f5f5;
	padding: 55px 0 5px;
	margin-bottom: 53px;
}
#exp-attraction .merit .merit-txt {
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
}
/* 小売店事例 */
#exp-attraction .merit .retailer-case {
	display: flex;
	justify-content: space-between;
	margin: 35px auto 80px;
	text-align: center;
	max-width: 900px;
}
#exp-attraction .merit .retailer-case li {
	max-width: 290px;
	width: 33.333%;
}
#exp-attraction .merit .retailer-case figure {
	display: block;
	margin: 8px auto 15px;
	line-height: 0;
}
#exp-attraction .merit .retailer-case figure img {
	width: 100%;
	max-width: 232px;
}
#exp-attraction .merit .retailer-name {
	font-size: 13px;
	display: inline-block;
	text-align: left;
	padding-left: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50px auto;
}
#exp-attraction .merit .retailer-name span {
	color: #666666;
	display: block;
}
#exp-attraction .merit li:nth-child(1) .retailer-name { background-image: url('img/flag_ca_00.png'); }
#exp-attraction .merit li:nth-child(2) .retailer-name { background-image: url('img/flag_ho_00.png'); }
#exp-attraction .merit li:nth-child(3) .retailer-name { background-image: url('img/flag_ro_00.png'); }

/* 分布図 */
#exp-attraction .map {
	position: relative;
	width: 90%;
	max-width: 776px;
	height: 45.56vw;
	max-height: 410px;
	background: url('img/map_00.png') center top no-repeat;
	background-size: contain;
	margin: 55px auto 0;
}
#exp-attraction .map li {
	position: absolute;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0 2px;
	line-height: 1.2;
}
#exp-attraction .map li span {
	white-space: nowrap;
	font-size: 16px;
}
#exp-attraction .map li span:first-child {
	font-weight: normal;
	display: block;
}
#exp-attraction .map li:before,
#exp-attraction .map li:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #666666;
}
#exp-attraction .map li:before {/* 棒 */
	height: 1px;
	transform-origin: right center;
}
#exp-attraction .map li:after {/* 丸 */
	width: 9px;
	height: 9px;
	border-radius: 50%;
}
/* アジア */
#exp-attraction .map .asia {
	left: 390px;
	top: 152px;
}
#exp-attraction .map .asia:before {
	width: 126px;
	transform: rotate(-4deg);
}
#exp-attraction .map .asia:after {
	right: calc(100% + 128px);
	top: 35px;
}
#exp-attraction .map .asia:before,
#exp-attraction .map .america:before,
#exp-attraction .map .oceania:before {
	right: calc(100% + 10px);
	top: calc(50% + 3px);
}
/* 北米・中南米 */
#exp-attraction .map .america {
	left: 705px;
	top: 167px;
}
#exp-attraction .map .america:before {
	width: 124px;
	transform: rotate(15deg);
}
#exp-attraction .map .america:after {
	right: calc(100% + 126px);
	top: -6px;
}
/* オセアニア */
#exp-attraction .map .oceania {
	left: 390px;
	top: 255px;
}
#exp-attraction .map .oceania:before {
	width: 73px;
	transform: rotate(-32deg);
}
#exp-attraction .map .oceania:after {
	right: calc(100% + 67px);
	top: 65px;
}
/* ヨーロッパ */
#exp-attraction .map .europe {
	left: -20px;
	top: 15px;
}
#exp-attraction .map .europe:before {
	width: 105px;
	transform: rotate(-146deg);
	right: 50%;
	top: 100%;
}
#exp-attraction .map .europe:after {
	left: calc(100% + 43px);
	top: 110px;
}
/* アフリカ・中近東 */
#exp-attraction .map .af-mid {
	left: -20px;
	bottom: -6px;
}
#exp-attraction .map .af-mid:before {
	width: 128px;
	transform: rotate(104deg);
	right: 50%;
	bottom: 100%;
}
#exp-attraction .map .af-mid:after {
	left: calc(50% - -26px);
	top: -129px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .merit .retailer-case { font-size: 14px; }
	#exp-attraction .merit .retailer-case br { display: none; }
	#exp-attraction .merit .retailer-name {
		font-size: 12px;
		background-size: 45px auto;
		padding-left: 55px;
	}
	#exp-attraction .merit .retailer-case figure img { max-width: 163px; }
	#exp-attraction .merit .retailer-case p:not(.retailer-name) { text-align: left; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .merit {
		padding: 45px 0 50px;
		margin-bottom: 50px;
	}
	#exp-attraction .merit .merit-txt { font-size: 20px; }
	#exp-attraction .merit .retailer-case {
		margin: 30px auto 70px;
		max-width: 700px;
	}
	#exp-attraction .merit .retailer-case p:not(.retailer-name) {
		width: 12em;
		margin: 0 auto;
	}
	#exp-attraction .map {
		max-width: 660px;
		margin-top: 45px;
		max-height: 349px;
	}
	/* アジア */
	#exp-attraction .map .asia {
		left: 50.4%;
		top: 48.5%;
	}
	#exp-attraction .map .asia:before {
		width: 225%;
		transform: rotate(20deg);
	}
	#exp-attraction .map .asia:after {
		right: calc(325% - 4px);
		top: calc(-12% - 4px);
	}
	/* 北米・中南米 */
	#exp-attraction .map .america {
		left: 54.6%;
		top: -2.8%;
	}
	#exp-attraction .map .america:before {
		width: 108%;
		transform: rotate(-133deg);
		right: 50%;
		top: 100%;
	}
	#exp-attraction .map .america:after {
		right: -26%;
		top: calc(208% + 9px);
	}
	/* オセアニア */
	#exp-attraction .map .oceania {
		left: 62%;
		top: calc(84% - 56px);
	}
	#exp-attraction .map .oceania:before {
		width: 160%;
		transform: rotate(-3deg);
	}
	#exp-attraction .map .oceania:after {
		right: calc(260% + 4px);
		top: 34px;
	}
	/* ヨーロッパ */
	#exp-attraction .map .europe {
		left: 4%;
		top: -3%;
	}
	#exp-attraction .map .europe:before {
		width: 100%;
		transform: rotate(-120deg);
	}
	#exp-attraction .map .europe:after {
		left: 93%;
		top: calc(200% + 9px);
	}
	/* アフリカ・中近東 */
	#exp-attraction .map .af-mid {
		bottom: auto;
		top: calc(98% - 35px);
	}
	#exp-attraction .map .af-mid:before {
		width: 95%;
		transform: rotate(100deg);
	}
	#exp-attraction .map .af-mid:after {
		top: calc(-205% - 9px);
		left: calc(56% + 9px);
	}
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .merit {
		padding: 35px 10px 50px;
		margin-bottom: 35px;
	}
	#exp-attraction .merit .merit-txt { font-size: 18px; }
	#exp-attraction .merit .retailer-case {
		display: block;
		margin: 25px auto 55px;
		max-width: 510px;
	}
	#exp-attraction .merit .retailer-case li {
		width: 100%;
		max-width: 100%;
		display: grid;
		grid-template-columns: minmax(95px, 113px) minmax(205px, 1fr);
	}
	#exp-attraction .merit .retailer-case li:not(:first-child) { margin-top: 14px; }
	#exp-attraction .merit .retailer-case li p { margin-left: 10px; }
	#exp-attraction .merit .retailer-case figure {
		margin: 0;
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}
	#exp-attraction .merit .retailer-name {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		background-position: left bottom 5px;
	}
	#exp-attraction .merit .retailer-case .retailer-txt {
		margin-top: 5px;
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}
	#exp-attraction .map {
		margin-top: 40px;
	}
	#exp-attraction .map li { font-size: 16px; }
	#exp-attraction .map li span { font-size: 13px; }
	#exp-attraction .map li:after {
		width: 6px;
		height: 6px;
	}
	/* アジア */
	#exp-attraction .map .asia {
		left: calc(49% + 8vw - 30px);
		top: calc(48% + 5vw - 45px);
	}
	#exp-attraction .map .asia:before {
		transform: rotate(7deg);
		width: calc(21.5vw - 40px);
	}
	#exp-attraction .map .asia:after {
		right: calc(100% + 21.5vw - 34px);
		top: calc(60% - 3vw + 2px);
	}
	/* 北米・中南米 */
	#exp-attraction .map .america {
		left: calc(57% + 10vw - 60px);
		top: calc(5vw - 43px);
	}
	#exp-attraction .map .america:before {
		width: 16.7vw;
		transform: rotate(-133deg);
		right: 50%;
		top: 100%;
	}
	#exp-attraction .map .america:after {
		right: auto;
		left: calc(50% + 10.7vw);
		top: calc(88% + 12.7vw);
	}
	/* オセアニア */
	#exp-attraction .map .oceania {
		left: calc(54% + 16vw - 50px);
		top: calc(14% + 37vw - 45px);
	}
	#exp-attraction .map .oceania:before {
		width: calc(28vw - 65px);
		transform: rotate(11deg);
	}
	#exp-attraction .map .oceania:after {
		right: calc(100% + 28vw - 58px);
		top: calc(67% - 4.7vw + 2px);
	}
	/* ヨーロッパ */
	#exp-attraction .map .europe {
		left: calc(3% + 12vw - 60px);
		top: calc(5vw - 43px);
	}
	#exp-attraction .map .europe:before {
		width: 9.4vw;
		transform: rotate(-110deg);
	}
	#exp-attraction .map .europe:after {
		left: calc(44% + 3.3vw);
		top: calc(84% + 7.7vw + 9px);
	}
	/* アフリカ・中近東 */
	#exp-attraction .map .af-mid {
		left: calc(3% + 12vw - 60px);
		bottom: auto;
		top: calc(98% - 27px);
	}
	#exp-attraction .map .af-mid:before {
		width: calc(20.8vw - 36px);
		transform: rotate(76deg);
	}
	#exp-attraction .map .af-mid:after {
		top: calc(-20.6vw + 33px);
		left: calc(61% - 6.1vw - 2px);
	}
}

/*** 選べる2つのプラン ***/
#exp-attraction p .catalog { color: #1954a5 }
#exp-attraction p .selling { color: #f25d3a }
#exp-attraction .plan-compare {
	width: 94%;
	max-width: 960px;
	margin: 51px auto 85px;
}
#exp-attraction .plan-compare * { box-sizing: border-box; }
#exp-attraction .plan-compare > *,
#exp-attraction .plan-compare tr > * { display: block; }
#exp-attraction .plan-compare th { font-weight: normal; }
/* 見出し部分 */
#exp-attraction .plan-compare thead tr { justify-content: flex-end; }
#exp-attraction .plan-compare thead th {
	padding: 0 7px 15px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
}
#exp-attraction .plan-compare thead th:first-child { width: 26%; }
#exp-attraction .plan-compare thead th:not(:first-child) {
	width: calc(37% - 5px);
	margin-left: 5px;
}
#exp-attraction .plan-compare thead .plan-name {
	padding: 9px 10px 5px;
	margin: -1px -8px 11px;
	color: #ffffff;
}
#exp-attraction .plan-compare thead .plan-cost {
	flex-grow: 1;
	margin-bottom: -5px;
}
#exp-attraction .plan-compare thead .plan-cost,
#exp-attraction .plan-compare thead .selling-plan .plan-cost span { font-size: 36px; }
/* チェックマーク */
#exp-attraction .plan-compare tbody .checked { position: relative; }
#exp-attraction .plan-compare tbody .checked:before,
#exp-attraction .plan-compare tbody .checked:after {
	content: '';
	position: absolute;
	height: 4px;
	background-color: #52ce7f;
	border-radius: 2px;
}
#exp-attraction .plan-compare tbody .checked:before {
	width: 13px;
	transform: rotate(46deg);
	top: calc( 50% + 4px );
	left: calc( 50% - 13px );
}
#exp-attraction .plan-compare tbody .checked:after {
	width: 28px;
	transform: rotate(-46deg);
	top: 50%;
	left: calc( 50% - 8px );
}
#exp-attraction .plan-compare tbody .none:after {
	content: '';
	display: block;
	width: 20px;
	height: 3px;
	background-color: #bbbbbb;
}
/* カタログ */
#exp-attraction .plan-compare thead .postiong-plan { background-color: #bbe2ff; }
#exp-attraction .plan-compare thead .postiong-plan .recommend {
	position: absolute;
	background-color: #ffd900;
	padding: 60px 30px 5px;
	font-size: 11px;
	transform: rotate(-45deg);
	left: -46px;
	top: -35px;
	letter-spacing: 1px;
}
#exp-attraction .plan-compare thead .postiong-plan .plan-name { background-color: #1954a5; }
#exp-attraction .plan-compare thead .postiong-plan .plan-cost,
#exp-attraction .plan-compare thead .postiong-plan .notice-txt { color: #00325a; }
/* 販売 */
#exp-attraction .plan-compare thead .selling-plan {
	background-color: #fad4c1;
	box-shadow: 0 1px 0 2px #fad4c1 inset;
}
#exp-attraction .plan-compare thead .selling-plan .plan-name { background-color: #f25d3a; }
#exp-attraction .plan-compare thead .selling-plan .plan-cost {
	font-size: calc(36px * 0.7);
	margin-bottom: -4px;
}
#exp-attraction .plan-compare thead .selling-plan .plan-cost,
#exp-attraction .plan-compare thead .selling-plan .notice-txt { color: #602c1e; }

/* 各機能部分 */
#exp-attraction .plan-compare tr,
#exp-attraction .plan-compare tbody th,
#exp-attraction .plan-compare tbody td {
	display: flex;
	justify-content: center;
}
#exp-attraction .plan-compare tbody th,
#exp-attraction .plan-compare tbody td { align-items: center; }
#exp-attraction .plan-compare tbody th {
	border: 1px #cccccc solid;
	padding: 15px 20px;
	margin-top: -1px;
	width: 26%;
}
#exp-attraction .plan-compare tbody td {
	margin: -1px 0 0 5px;
	font-size: 26px;
	width: calc(37% - 5px);
	padding: 10px 20px;
}
#exp-attraction .plan-compare tbody td:first-of-type {
	border: 2px #bbe2ff solid;
	background-color: #f5fafe;
}
#exp-attraction .plan-compare tbody td:last-of-type {
	border: 2px #fad4c1 solid;
	background-color: #fef7f6;
}
#exp-attraction .plan-compare tbody tr td { border-top-width: 1px!important; }
#exp-attraction .plan-compare tbody tr:not(:last-child) td { border-bottom-width: 1px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .plan-compare thead th:not(:first-child),
	#exp-attraction .plan-compare tbody td {
		margin-left: 3px;
		width: calc(37% - 3px);
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .plan-compare { width: calc(100% - 100px); }
	#exp-attraction .plan-compare {
		margin: 40px auto 50px;
		width: 94%;
	}
	#exp-attraction .plan-compare thead .plan-cost,
	#exp-attraction .plan-compare thead .selling-plan .plan-cost span { font-size: 28px; }
	#exp-attraction .plan-compare thead .postiong-plan .recommend {
		left: -51px;
		top: -39px;
		padding-bottom: 1px;
		letter-spacing: 0;
	}
	#exp-attraction .plan-compare thead th:first-child,
	#exp-attraction .plan-compare tbody th { width: 22%; }
	#exp-attraction .plan-compare thead th:not(:first-child),
	#exp-attraction .plan-compare tbody td {
		margin-left: 3px;
		width: calc(37% - 3px);
	}
	#exp-attraction .plan-compare thead th:not(:first-child),
	#exp-attraction .plan-compare tbody td { width: calc(39% - 3px); }
	#exp-attraction .plan-compare tbody th { padding: 15px 10px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .plan-compare-area { padding: 0 10px; }
	#exp-attraction .plan-compare { width: calc(100% - 20px); }
	#exp-attraction .plan-compare { margin: 30px auto 50px; }
	#exp-attraction .plan-compare thead th { padding: 0 6px 15px; }
	#exp-attraction .plan-compare thead .plan-name {
		font-size: 13px;
		border-radius: 7px 7px 0 0;
		padding: 7px 4px;
		margin: -1px -7px 15px;
	}
	#exp-attraction .plan-compare thead .plan-name:after {
		margin: 0 auto -12px;
		width: 11px;
		height: 11px;
	}
	#exp-attraction .plan-compare thead .plan-cost { line-height: 1.2; }
	#exp-attraction .plan-compare tbody .checked:before,
	#exp-attraction .plan-compare tbody .checked:after { height: 3px; }
	#exp-attraction .plan-compare tbody .checked:before {
		width: 12px;
		top: calc( 50% + 2px );
		left: calc( 50% - 11px );
	}
	#exp-attraction .plan-compare tbody .checked:after {
		width: 20px;
		left: calc( 50% - 5px );
	}
	#exp-attraction .plan-compare tbody .none:after { width: 15px; }
	#exp-attraction .plan-compare thead .notice-txt {
		font-size: 12px;
		margin: 6px -7px -3px;
	}
	#exp-attraction .plan-compare thead .postiong-plan .plan-name {
		margin: -1px -7px 10px;
		padding-right: 5px;
	}
	#exp-attraction .plan-compare thead .postiong-plan .recommend {
		left: calc(50% - 2.5em);
		top: -9px;
		padding-bottom: 1px;
		letter-spacing: 0;
		transform: none;
		padding: 0;
		width: 5em;
		border-radius: 10px;
		font-size: 10px;
	}
	#exp-attraction .plan-compare thead .postiong-plan .plan-cost { margin-top: 10px; }
	#exp-attraction .plan-compare thead .postiong-plan .plan-cost,
	#exp-attraction .plan-compare thead .selling-plan .plan-cost span { font-size: 24px; }
	#exp-attraction .plan-compare thead .selling-plan .plan-cost { font-size: 13px; }
	#exp-attraction .plan-compare tbody th {
		padding: 11px 0;
		font-size: 12px;
	}
	#exp-attraction .plan-compare tbody td {
		font-size: 22px;
		padding: 11px;
		min-height: 60px;
	}
}

/****** カタログプランについて ******/
#exp-attraction #posting {
	background-color: #f5fafe;
	padding: 60px 70px;
	margin: 0 auto 60px;
	max-width: 960px;
	width: 94%;
	border: 1px solid #b2dcfc;
}
#exp-attraction h3 {
	font-size: 34px;
	width: 12.4em;
	margin: 0 auto 55px;
	padding: 13px 0 5px;
	text-align: center;
	position: relative;
	background-color: #1954a5;
	color: #ffffff;
}
#exp-attraction h3:before,
#exp-attraction h3:after {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	top: calc(100% + 2px);
	border-width: 5px 8px;
}
#exp-attraction h3:before {
	border-color: #1954a5 #1954a5 transparent transparent;
	left: 0;
}
#exp-attraction h3:after {
	border-color: #1954a5 transparent transparent #1954a5;
	right: 0;
}
#exp-attraction h4 {
	font-size: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 10px;
}
#exp-attraction h4:before,
#exp-attraction h4:after {
	content: '';
	display: block;
	height: 2px;
	width: 30px;
	border-top: 2px #333333 solid;
	border-bottom: 1px #333333 solid;
	margin: -3px 10px 0;
}
/* 料金体系 */
#exp-attraction .plan-cost-box {
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	padding: 45px 70px 50px;
	margin: 55px auto 60px;
	text-align: center;
	width: 100%;
}
#exp-attraction .plan-cost-box .plan-cost {
	font-size: 56px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	margin: -10px auto 15px;
	color: #1954a5;
}
#exp-attraction .plan-cost-box .plan-cost span {
	font-size: 130%;
	margin-left: 12px;
	vertical-align: 2px;
}
#exp-attraction .plan-cost-box .plan-cost:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 46px;
	background: url('img/line_00.png') center center no-repeat;
	background-size: contain;
	transform: rotate(-45deg);
	right: -23px;
	top: -18px;
}
#exp-attraction .plan-cost-box ul {
	display: inline-block;
	text-align: left;
	width: 100%;
}
#exp-attraction .plan-cost-box ul li { display: flex;
	font-size: 17px;
	line-height:2em;

 }
#exp-attraction .plan-cost-box ul li:not(:first-child) { margin-top: 8px; }
#exp-attraction .plan-cost-box ul li:before { content: '・'; }
#exp-attraction .plan-cost-box .plan-cost-notice {
	display: inline-block;
	background-color: #eeeeee;
	padding: 15px;
	max-width: 600px;
	width: 100%;
	margin-top: 25px;
	font-size: 14px;
}
#exp-attraction .plan-cost-box .plan-cost-notice a { margin: 0 5px; }

/* よくある質問 */
#exp-attraction .faq {
	margin: 28px auto 0;
	line-height: 1.4;
	width: 100%;
}
#exp-attraction .faq dt,
#exp-attraction .faq dd {
	text-indent: -41px;
	padding-left: 41px;
}
#exp-attraction .faq dt { font-weight: bold; }
#exp-attraction .faq dt:not(:first-child) {
	border-top: 1px #888888 solid;
	padding-top: 20px;
}
#exp-attraction .faq dt:before {
	border: 1px #333333 solid;
	background: url('img/q_00.png') center center no-repeat #ffffff;
	margin-right: 8px;
}
#exp-attraction .faq dd:before {
	background: url('img/a_00.png') left 8px center no-repeat #1954a5;
	margin-right: 3px;
}
#exp-attraction #posting .faq dd:before {
	border: 1px #1954a5 solid;
	background-color: #1954a5;
}
#exp-attraction #selling .faq dd:before {
	border: 1px #f25d3a solid;
	background-color: #f25d3a;
}
#exp-attraction .faq dt:before,
#exp-attraction #posting .faq dd:before,
#exp-attraction #selling .faq dd:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: -10px;
	background-size: 13px auto;
}
#exp-attraction .faq dd { margin: 10px 0 25px; }
/* ボタン枠 */
#exp-attraction .apply-info {
	background-color: #ffffff;
	padding: 13px 20px 35px;
	text-align: center;
	border: 1px #eeeeee solid;
}
#exp-attraction .apply-info p { margin: 15px 0 13px; }
#exp-attraction .contact {
	background-color: #eeeeee;
	padding: 12px;
	text-align: center;
}
#exp-attraction .contact a {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin: 0 3px 0 25px;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	cursor: default;
	outline: none;
}
#exp-attraction .contact a:hover { text-decoration: none; }
#exp-attraction .contact a:before {
	content: '';
	display: block;
	width: 24px;
	height: 28px;
	background: url('img/tel_00.png') center center no-repeat;
	background-size: contain;
	margin: -5px 3px 0 0;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction h4:before,
	#exp-attraction h4:after { width: 20px; }
	#exp-attraction h4:before{ margin: -3px 10px 0 0; }
	#exp-attraction h4:after { margin: -3px 0px 0 10px; }
	#exp-attraction .apply-flow li:not(:last-child) {
		-ms-grid-columns: 170px 1fr;
		grid-template-columns: 170px 1fr;
	}
	#exp-attraction .apply-flow li:not(:last-child) figure { width: 170px; }
	#exp-attraction .faq { padding: 0; }
	#exp-attraction .contact a { margin-left: 0; }
	#exp-attraction .contact a:before { margin-top: -2px; }
	#exp-attraction .apply-info .notice-txt { margin: 10px auto 13px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction #posting { padding: 50px 40px 0; }
	#exp-attraction h3 {
		font-size: 30px;
		width: 13.4em;
	}
	#exp-attraction h4 { font-size: 24px; }
	#exp-attraction .plan-cost-box { width: 100%; }
	#exp-attraction .plan-cost-box .plan-cost { margin-top: 0; }
	#exp-attraction .plan-cost-box { margin: 45px auto 65px; }
	#exp-attraction .plan-cost-box .plan-cost { font-size: 42px; }
	#exp-attraction .apply-flow {
		margin: 28px auto 55px;
		width: auto;
	}
	#exp-attraction .apply-flow li:not(:last-child) {
		min-height: 154px;
		margin-bottom: 50px;
	}
	#exp-attraction .apply-flow p:before,
	#exp-attraction .apply-flow p:after { margin-top: 1px; }
	#exp-attraction .faq {
		margin: 15px auto 65px;
		width: auto;
	}
	#exp-attraction .contact { line-height: 1.8; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction h3 {
		font-size: 20px;
		padding: 8px 0;
		margin-bottom: 35px;
		width: 100%;
		max-width: 14em;
	}
	#exp-attraction h3:before,
	#exp-attraction h3:after { border-width: 4px 6px; }
	#exp-attraction h4 { font-size: 18px; }
	#exp-attraction #posting,
	#exp-attraction #selling {
		width: calc( 100% + 20px );
		margin: 0 auto 0 -10px;
		border-width: 1px 0;
	}
	#exp-attraction #posting {
		padding: 30px 20px 5px;
		border-width: 1px 0 0 0;
	}
	#exp-attraction #posting .ttl-txt,
	#exp-attraction #selling .ttl-txt { width: 100%; }
	#exp-attraction .plan-cost-box {
		padding: 25px 7.5%;
		margin: 30px auto 50px;
	}
	#exp-attraction .plan-cost-box .plan-cost {
		font-size: 32px;
		margin: 5px auto 8px;
	}
	#exp-attraction .plan-cost-box .plan-cost:after {
		width: 11px;
		height: 32px;
		right: -9px;
		top: -13px;
	}
	#exp-attraction .plan-cost-box .plan-cost span { margin-left: 8px; }
	#exp-attraction .plan-cost-box ul { font-size: 13px; }
	#exp-attraction .plan-cost-box .plan-cost-notice {
		padding: 15px 0;
		font-size: 13px;
		margin-top: 20px;
	}
	#exp-attraction .plan-cost-box .plan-cost-notice a { margin: 0; }
	#exp-attraction .faq {
		margin-bottom: 35px;
		margin-top: 20px;
	}
	#exp-attraction .faq dt,
	#exp-attraction .faq dd {
		text-indent: -34px;
		padding-left: 34px;
	}
	#exp-attraction .faq dt:before,
	#exp-attraction #posting .faq dd:before,
	#exp-attraction #selling .faq dd:before {
		width: 24px;
		height: 24px;
		background-size: 10px auto;
		vertical-align: -5px;
		margin-bottom: -5px;
	}
	#exp-attraction .faq dd:before { background-position: left 6px center; }
	#exp-attraction .apply-info p:not(.notice-txt) { font-size: 16px; }
	#exp-attraction .apply-info .notice-txt {
		text-align: left;
		max-width: 245px;
	}
	#exp-attraction .contact a { font-size: 18px; }
	#exp-attraction .contact a:before {
		width: 15px;
		height: 18px;
	}
	#exp-attraction .contact span { font-size: 13px; }
	#exp-attraction .apply-info {padding: 13px 10px 35px;}
}

/****** 販売プランについて ******/
#selling {
	padding: 60px 70px;
	margin: 0 auto 90px;
	max-width: 960px;
	width: 94%;
	background-color: #fef7f6;
	border: 1px solid #fad4c1;
}
#selling h3 {
	background-color: #f25d3a;
	color: #ffffff;
}
#selling h3:before { border-color: #f25d3a #f25d3a transparent transparent; }
#selling h3:after { border-color: #f25d3a transparent transparent #f25d3a; }
/*** フロー図 ***/
#selling .selling-flow {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-end;
	margin: 50px auto 80px;
	padding: 0;
}
#selling .selling-flow li { position: relative; }
#selling .selling-flow .vendor,
#selling .selling-flow .retailer {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 1px #eeeeee solid;
	background-color: #ffffff;
	font-size: 14px;
}
#selling .selling-flow .vendor,
#selling .selling-flow .retailer,
#selling .selling-flow .depot {
	color: #602c1e;
}
#selling .selling-flow .vendor:before,
#selling .selling-flow .retailer:before,
#selling .selling-flow .depot:before {
	content: '';
	display: block;
	width: 70px;
	height: 70px;
	background: center center no-repeat;
	background-size: contain;
	margin: 20px auto 2px;
}
#selling .selling-flow .vendor:before { background-image: url('img/flow_vendor_01.png'); }
#selling .selling-flow .retailer:before { background-image: url('img/flow_retailer_01.png'); }
#selling .selling-flow .depot:before {
	background-image: url('img/flow_depot_01.png');
	width: 94px;
	height: 64px;
	margin-top: 0;
}
#selling .selling-flow .action {
	border: 1px #f25d3a solid;
	background-color: #f25d3a;
	font-weight: bold;
	padding: 3px 2px 0 8px;
	color: #ffffff;
	position: relative;
	height: 26px;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 1px;
}
#selling .selling-flow .action:after,
#selling .selling-flow .step1 .action:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 12px;
	border-color: transparent #f25d3a;
	position: absolute;
	top: -1px;
}
#selling .selling-flow .action:after,
#selling .selling-flow .step1 .action:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 12px;
	border-color: transparent #f25d3a;
	position: absolute;
	top: -1px;
}
#selling .selling-flow .action img {
	display: block;
	margin: -46px auto 11px;
	width: 42px;
}
/* step1 */
#selling .selling-flow .step1,
#selling .selling-flow .step3 { margin-bottom: 20px; }
#selling .selling-flow .step1 {
	display: flex;
	align-items: center;
}
#selling .selling-flow .step1 .action {
	background-color: #602c1e;
	border-color: #602c1e;
	margin: 0 18px 40px 15px;
}
#selling .selling-flow .step1 .action:before {
	left: 100%;
	border-color: transparent #602c1e;
	z-index: 2;
}
#selling .selling-flow .step1 .action:after { border-color: transparent #602c1e; }
#selling .selling-flow .step1 .action:after,
#selling .selling-flow .step2 .action:after { left: calc(100% + 1px); }
/* step2 */
#selling .selling-flow .step2 {
	border: 1px #e7e7e7 solid;
	background-color: #ffffff;
	border-radius: 8px 8px 0 0;
	padding-bottom: 70px;
	width: 223px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#selling .selling-flow .step2 .head {
	background-color: #f25d3a;
	border-radius: 8px 8px 0 0;
	padding: 7px 0 1px;
	margin: -1px -1px 40px;
	line-height: 1;
	width: 100%;
}
#selling .selling-flow .step2 .head img { width: 88px; }
#selling .selling-flow .step2 .depot {
	font-size: 14px;
	margin: 0 0 0 -10px;
}
#selling .selling-flow .step2 .action {
	width: 103px;
	margin: 40px -50px 0 20px;
	padding-right: 15px;
}
#selling .selling-flow .step2 .action img { margin-right: 17px; }
/* step3 */
#selling .selling-flow .step3 { margin-left: 40px; }
/* step4 */
#selling .selling-flow .step4 .action {
	position: absolute;
	bottom: 32px;
	right: 140px;
	padding: 3px 8px 0 70px;
	width: 335px;
}
#selling .selling-flow .step4 .action:after {
	transform: rotate(-180deg);
	right: calc(100% + 1px);
}
#selling .selling-flow .step4 .action span {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;
}
/* 販売プランの活用事例 */
#selling .exp-instance article {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	display: flex;
	min-height: 158px;
	margin-bottom: 20px;
	position: relative;
	transition: opacity 0.2s;
}
#selling .exp-instance article:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px #f25d3a solid;
	border-radius: 50%;
	position: absolute;
	right: 30px;
	top: calc( 50% - 13px);
}
#selling .exp-instance article:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	border-top: 2px #f25d3a solid;
	border-right: 2px #f25d3a solid;
	transform: rotate(45deg);
	border-radius: 2px;
	position: absolute;
	right: 45px;
	top: 82px;
}
#selling .exp-instance a:hover { text-decoration: none; }
#selling .exp-instance a:hover article { opacity: 0.7; }
#selling .exp-instance a:hover .text h5 { text-decoration: underline; }
#selling .exp-instance article .image {
	width: 325px;
	overflow: hidden;
	line-height: 0;
	position: relative;
}
#selling .exp-instance a:first-of-type article { margin-top: 20px; }
#selling .exp-instance article .image img {
	position: absolute;
	top: 0;
	width: 100%;
}
#selling .exp-instance .instance-1 .image img,
#selling .exp-instance .instance-5 .image img {
	left: 0;
}
#selling .exp-instance .instance-2 .image img,
#selling .exp-instance .instance-3 .image img,
#selling .exp-instance .instance-4 .image img {
	right: 0;
}
#selling .exp-instance article .text {
	padding: 30px 60px;
	position: relative;
}
#selling .exp-instance article .text h5 {
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px;
	color: #333333;
}
#selling .exp-instance article .text .genre {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background-color: #f25d3a;
	padding: 4px 11px;
}
#selling .exp-instance article .text .name {
	display: inline-block;
	font-size: 16px;
	color: #666666;
	margin-left: 4px;
}
/* 料金体系 */
#selling .plan-cost-box h4 { margin-bottom: 30px; }
#selling .plan-cost-box table {
	width: 100%;
	margin: 15px auto 18px;
	border-collapse: collapse;
}
#selling .plan-cost-box table td {
	padding: 15px 30px;
	border: 1px #cccccc solid;
}
#selling .plan-cost-box table th {
	padding: 15px 10px;
	background-color: #f25d3a;
	color: #ffffff;
	font-weight: normal;
	width: 28%;
	border: 1px solid #ffffff;
	border-width: 0 0 1px 0;
}
#selling .plan-cost-box table tr:last-child th {
	border-color: #f25d3a;
	border-width: 0 0 1px 0;
}
#selling .plan-cost-box table td {
	text-align: left;
	border-left: 0;
}
#selling .plan-cost-box .cost-free {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
#selling .plan-cost-box .system-cost { font-size: 18px; }
#selling .plan-cost-box .system-cost span { font-size: 14px; }
/* 取り扱い不可商品 */
#selling .cant-handling {
	background-color: #eeeeee;
	padding: 30px;
	font-size: 14px;
	width: 100%;
	margin-top: 40px;
	text-align: left;
}
#selling .cant-handling h5 {
	font-size: 16px;
	margin: 0 0 5px;
}
#selling .cant-handling ul {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px #cccccc solid;
	width: 100%;
}
#selling .cant-handling ul li { margin: 10px 40px 0 0; }
#selling .cant-handling ul li:before {
	content: '';
	width: 24px;
	height: 21px;
	background: url('img/check_00.png') center center no-repeat;
	background-size: contain;
	margin-right: 5px;
	flex-shrink: 0;
}
/* ボタン枠 */
#selling .apply-info {
	padding: 13px 20px 30px;
	border-color: #d2d2d2;
	margin-bottom: -1px;
}
#selling .contact {
	border-style: solid;
	border-color: #d2d2d2;
	border-width: 0 1px 1px;
	background-color: #e5e5e5;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#selling .selling-flow .vendor,
	#selling .selling-flow .retailer {
		width: 125px;
		height: 125px;
		font-size: 13px;
	}
	#selling .plan-cost-box > p {
		text-align: left;
		max-width: 620px;
		margin: 0 auto;
	}
	#selling .cant-handling {
		padding: 25px;
		margin-bottom: 20px;
	}
	#selling .cant-handling ul { display: block; }
	#selling .cant-handling ul li { margin-right: 0; }
	#selling .exp-instance article .text .genre { padding: 2px 4px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#selling { padding: 50px 40px 0; }
	#selling .selling-flow { margin-top: 45px; }
	#selling .selling-flow .action { font-size: 14px; }
	#selling .selling-flow .step1 .action { margin: 0 16px 25px 12px; }
	#selling .selling-flow .step2 { width: 215px; }
	#selling .selling-flow .step2 .head { margin-bottom: 40px; }
	#selling .selling-flow .step2 .action {
		margin: 38px -50px 0 25px;
		width: 90px;
	}
	#selling .selling-flow .step4 .action {
		right: 135px;
		width: 295px;
		padding: 3px 8px 0 50px;
	}
	#selling .selling-flow .depot:before {
		width: 80px;
		height: 54px;
	}
	#selling .plan-cost-box {
		margin-top: 50px;
		padding: 35px 30px;
	}
	/* 販売プランの活用事例 */
	#selling .exp-instance article {
	}
	#selling .exp-instance article:before {
		width: 24px;
		height: 24px;
		right: 15px;
		top: calc( 50% - 12px);
	}
	#selling .exp-instance article:after {
		width: 9px;
		height: 9px;
		right: 25px;
		top: 74px;
	}
	#selling .exp-instance article .image { width: 410px; }
	#selling .exp-instance article .image img {
		height: 156px;
		width: auto;
	}
	#selling .exp-instance article .text {
		padding: 25px 0 25px 6%;
		width: 100%;
	}
	#selling .exp-instance article .text h5 {
		font-size: 16px;
		width: 14em;
	}
	#selling .exp-instance article .text .genre,
	#selling .exp-instance article .text .name { font-size: 14px;}
}
/* SP */
@media screen and (max-width: 670px){
	#selling {
		padding: 40px 20px 0;
		margin-bottom: 40px;
	}
	#selling .selling-flow {
		align-items: center;
		margin: 25px auto 50px;
	}
	#selling .selling-flow .vendor:before,
	#selling .selling-flow .retailer:before {
		width: 7.5vw;
		height: 7.5vw;
		max-width: 30px;
		max-height: 24px;
	}
	#selling .selling-flow .depot:before {
		width: 35px;
		height: 27px;
	}
	#selling .selling-flow .vendor:before,
	#selling .selling-flow .retailer:before { margin: 3.6vw auto 4vw; }
	#selling .selling-flow .vendor,
	#selling .selling-flow .retailer,
	#selling .selling-flow .step2 .depot,
	#selling .selling-flow .action,
	#selling .selling-flow .step4 .action span {
		font-size: 10px;
		white-space: nowrap;
	}
	#selling .selling-flow .vendor,
	#selling .selling-flow .retailer {
		width: 13vw;
		height: 13vw;
		max-width: 80px;
		max-height: 80px;
	}
	#selling .selling-flow .action,
	#selling .selling-flow .step4 .action {
		padding: 2px 2px 0 3px;
		height: 1.8em;
		font-weight: normal;
	}
	#selling .selling-flow .action img {
		width: 24px;
		margin: -27px auto 8px;
	}
	#selling .selling-flow .action:after,
	#selling .selling-flow .step1 .action:before { border-width: 0.9em 0 0.9em 8px; }
	#selling .selling-flow .step1,
	#selling .selling-flow .step3 { margin-bottom: -13px; }
	#selling .selling-flow .step1 .action { margin: 2px calc(6.5vw - 10px) 0 calc(6.5vw - 17px); }
	#selling .selling-flow .step2 {
		width: 34vw;
		max-width: 135px;
		height: auto;
		padding-bottom: 40px;
		margin-right: 5vw;
	}
	#selling .selling-flow .step2 .head { margin-bottom: 0; }
	#selling .selling-flow .step2 .depot { margin: 14px auto 0; }
	#selling .selling-flow .step2 .action {
		width: 39%;
		padding: 5px 15px 0 6%;
		margin: 38px -6px 0 0;
		text-align: left;
	}
	#selling .selling-flow .step2 .action img { margin: -31px 0 8px -3px; }
	#selling .selling-flow .step2 .head img {
		width: 70%;
		max-width: 70px;
	}
	#selling .selling-flow .step3 { margin-left: 0; }
	#selling .selling-flow .step4 { align-self: flex-end; }
	#selling .selling-flow .step4 .action {
		width: 52vw;
		right: calc(21vw - 20px);
		max-width: 205px;
		padding-right: 0;
		bottom: 12px;
	}
	#selling .exp-instance article { min-height: 128px; }
	#selling .exp-instance article:before,
	#selling .exp-instance article:after { display: none; }
	#selling .exp-instance article .image {
		flex-basis: 35%;
		min-width: 90px;
		max-width: 190px;
	}
	#selling .exp-instance article .image img {
		height: 100%;
		width: auto;
	}
	#selling .exp-instance .instance-1 .image img { left: -57px; }
	#selling .exp-instance .instance-2 .image img { right: -28px; }
	#selling .exp-instance .instance-3 .image img { right: -4px; }
	#selling .exp-instance .instance-4 .image img { right: -15px; }
	#selling .exp-instance .instance-5 .image img { left: -30px; }
	#selling .exp-instance article .text {
		padding: 4.5vw;
		flex-basis: 65%;
	}
	#selling .exp-instance article .text h5 {
		font-size: 13px;
		margin: 0 0 15px;
	}
	#selling .plan-cost-box {
		padding: 25px 23px;
		margin: 30px auto 40px;
	}
	#selling .exp-instance article .text .genre,
	#selling .exp-instance article .text .name { font-size: 13px; }
	#selling .exp-instance article .text .name {
		display: inline-block;
		margin: 8px 0 0 0;
		position: relative;
	}
	#selling .exp-instance article .text .name:after {
		content: '';
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: 2px #666666 solid;
		border-right: 2px #666666 solid;
		transform: rotate(45deg);
		border-radius: 2px;
		position: absolute;
		right: -12px;
		top: 4px;
	}
	#selling .plan-cost-box h4 { margin-bottom: 15px; }
	#selling .plan-cost-box table { margin: 25px auto 30px; }
	#selling .plan-cost-box table th,
	#selling .plan-cost-box table td { padding: 11px 13px; }
	#selling .plan-cost-box table th { width: 6.3em; }
	#selling .plan-cost-box .cost-free { font-size: 18px; }
	#selling .plan-cost-box .system-cost { font-size: 16px; }
	#selling .plan-cost-box .system-cost span { font-size: 12px; }
	#selling .plan-cost-box .notice-txt { font-size: 14px; }
	#selling .cant-handling {
		padding: 20px;
		margin-bottom: 10px;
		font-size: 13px;
	}
	#selling .cant-handling h5 { font-size: 14px; }
	#selling .cant-handling ul {
		margin-top: 12px;
		padding-top: 7px;
	}
	#selling .cant-handling ul li:before {
		width: 19px;
		height: 17px;
	}
	#exp-attraction .flow { padding: 0 10px; }
}
/****** ご利用までの流れ ******/
#exp-attraction .flow {
	max-width: 960px;
	width: 94%;
	margin: 50px auto 0 ;
}
#exp-attraction .apply-flow {
	padding: 0;
	width: 100%;
	margin: 30px auto 75px;
}
#exp-attraction .apply-flow li {
	text-align: center;
	position: relative;
}
#exp-attraction .apply-flow li:not(:last-child) {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 245px 1fr;
	grid-template-columns: 245px 1fr;
	margin-bottom: 50px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	padding: 15px 50px 15px 40px;
	min-height: 130px;
}
#exp-attraction .apply-flow li:last-child {
	padding: 1px;
	margin: 0 auto;
	width: 410px;
}
#exp-attraction .apply-flow li:not(:last-child):after {
	content: '';
	display: block;
	width: 22px;
	height: 4px;
	margin: 17px auto 34px;
	background: linear-gradient(90deg,#bbe2ff 0%,#bbe2ff 50%,#fad4c1 50%,#fad4c1 100%);
	position: absolute;
	left: 15px;
	top: 28px;
}
#exp-attraction .apply-flow li > img {
	position: absolute;
	left: 18px;
	top: 15px;
	z-index: 2;
	height: 24px;
}
#exp-attraction .apply-flow li:not(:last-child) figure {
	display: flex;
	width: 250px;
	align-items: center;
	justify-content: center;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-row: 1 / 3;
	grid-column: 1 / 2;
}
#exp-attraction .apply-flow li:not(:last-child) figure img { width: 108px; }
#exp-attraction .apply-flow li:last-child figure img { width: 282px; }
#exp-attraction .apply-flow h5 {
	font-size: 18px;
	margin: 0;
	display: flex;
	align-items: flex-end;
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 3;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
#exp-attraction .apply-flow li:last-child h5 {
	margin: 0 auto 13px;
	font-size: 32px;
	justify-content: center;
	color: #f54a1b;
}
#exp-attraction .apply-flow li:last-child h5:before,
#exp-attraction .apply-flow li:last-child h5:after {
	content: '';
	width: 20px;
	height: 46px;
	background: url('img/line_red_00.png') center top no-repeat;
	background-size: 20px auto;
	position: absolute;
	top: 0;
}
#exp-attraction .apply-flow li:last-child h5:before {
	transform: scale(-1, 1);
	left: 22px;
}
#exp-attraction .apply-flow li:last-child h5:after { right: 32px; }
#exp-attraction .apply-flow p {
	text-align: left;
	margin-top: 5px;
	line-height: 1.6;
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-column-span: 3;
	grid-row: 2 / 3;
	grid-column: 2 / 3;
}
/* やじるし */
#exp-attraction .apply-flow p:before,
#exp-attraction .apply-flow p:after {
	content: '';
	display: block;
	height: 3px;
	width: 19px;
	position: absolute;
	top: calc(100% + 25px);
	border-radius: 3px;
	background-color: #cccccc;
}
#exp-attraction .apply-flow p:before {
	transform: rotate(42deg);
	right: calc(50% - 4px);
}
#exp-attraction .apply-flow p:after {
	transform: rotate(-42deg);
	right: calc(50% - 16px);
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .apply-flow li:not(:last-child) {
		-ms-grid-columns: 170px 1fr;
		grid-template-columns: 170px 1fr;
	}
	#exp-attraction .apply-flow li:not(:last-child) figure { width: 170px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .apply-flow {
		margin: 28px auto 55px;
		width: auto;
	}
	#exp-attraction .apply-flow li:not(:last-child) {
		min-height: 154px;
		margin-bottom: 50px;
		padding-right: 30px;
	}
	#exp-attraction .apply-flow h5 { font-size: 16px; }
	#exp-attraction .apply-flow p { font-size: 14px; }
	#exp-attraction .apply-flow p:before,
	#exp-attraction .apply-flow p:after { margin-top: 1px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#exp-attraction .apply-flow { margin: 25px auto 45px; }
	#exp-attraction .apply-flow li:not(:last-child),
	#exp-attraction .apply-flow h5 { display: block; }
	#exp-attraction .apply-flow li:not(:last-child) figure { width: 100%; }
	#exp-attraction .apply-flow li:not(:last-child) figure img { width: 90px; }
	#exp-attraction .apply-flow li:not(:last-child) {
		padding: 25px;
		margin-bottom: 36px;
	}
	#exp-attraction .apply-flow li > img {
		height: 19px;
		left: 20px;
		top: 20px;
	}
	#exp-attraction .apply-flow li:not(:last-child):after {
		width: 20px;
		margin: 13px auto 0;
		left: 16px;
		top: 32px;
	}
	#exp-attraction .apply-flow h5 {
		text-align: center;
		font-size: 16px;
		margin: 20px 0 8px;
	}
	#exp-attraction .apply-flow p:before,
	#exp-attraction .apply-flow p:after {
		height: 3px;
		width: 14px;
		top: calc(100% + 18px);
	}
	#exp-attraction .apply-flow p:before { right: calc(50% - 1px); }
	#exp-attraction .apply-flow p:after { right: calc(50% - 10px); }
	#exp-attraction .apply-flow li:last-child:after { left: 18px; }
	#exp-attraction .apply-flow li:last-child {
		background-position: right 18px top 72px;
		width: 280px;
	}
	#exp-attraction .apply-flow li:last-child figure img { width: 184px; }
	#exp-attraction .apply-flow li:last-child h5 {
		font-size: 20px;
		margin: 3px auto 8px
	}
	#exp-attraction .apply-flow li:last-child h5:before,
	#exp-attraction .apply-flow li:last-child h5:after {
		width: 16px;
		height: 36px;
		background-size: 15px auto;
	}
	#exp-attraction .apply-flow li:last-child h5:before { left: 20px; }
	#exp-attraction .apply-flow li:last-child h5:after { right: 25px; }
}
/****** 下部固定申し込み ******/
#exp-attraction .button-bottom {
	position: fixed;
	bottom: 0;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	padding: 15px;
	z-index: 10;
}
#exp-attraction .button-bottom .button {
	display: block;
	background-color: #f54a1b;
	font-size: 18px;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
	padding: 16px 15px;
	margin: 0 auto;
	width: 310px;
	cursor: pointer;
	transition: opacity 0.2s;
	color: #ffffff;
	text-decoration:none;
}
/* SP */
@media screen and (max-width: 670px) {
	#exp-attraction .button-bottom .button {
		font-size: 16px;
		padding: 12px 15px;
		width: 280px;
	}
}
/****** フッター付近申し込み******/
#exp-attraction .request {
	padding: 60px 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url("img/footer_bg_pc_00.png"),url("img/footer_bg_pc_00.png");
	/*background-position: left calc(57% - 775px) top -5px, right calc(57% - 775px) top -5px;*/
	background-color: #eeeeee;
    background-size: cover;
}
#exp-attraction .request .btn-area{
	padding: 40px 20px;
	background-color: #ffffff;
	max-width: 960px;
	width: 96%;
	margin: 0 auto;
}
#exp-attraction .request h2 {
	font-size: 32px;
	margin: 0 auto 20px;
}
#exp-attraction .request .btn {
	width: 340px;
	padding: 25px 15px;
	border-radius: 40px;
}
#exp-attraction .request .sd-link {
	font-size: 14px;
	margin-top: 20px;
	display: inline-block;
}
#exp-attraction .request h2:after,
#exp-attraction .request h3:before,
#exp-attraction .request h3:after { display: none; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-attraction .request .color-box { display: block; }
	#exp-attraction .request .color-box h3 {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	#exp-attraction .request .color-box .btn-wrap {
		justify-content: center;
		margin-top: 23px;
	}
	#exp-attraction .request .color-box p:not(.btn-wrap) {text-align: left;}
	#exp-attraction .request .color-box p:not(.btn-wrap) br {display: none;}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction .request {
		padding: 55px 50px 40px;
		background-image: none;
	}
	#exp-attraction .request h2 {
		font-size: 24px;
		margin-bottom: 22px;
	}
	#exp-attraction .request .color-box { padding: 13px 30px 28px; }
	#exp-attraction .request .color-box h3 { font-size: 18px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction .request { padding: 35px 10px; }
	#exp-attraction .request .btn-area {
		width: 94%;
		padding: 30px 20px;
	}
	#exp-attraction .request h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#exp-attraction .request .btn {
		width: 100%;
		max-width: 340px;
		padding: 14px 15px;
		border-radius: 40px;
		font-size: 18px;
	}
	#exp-attraction .request .sd-link { font-size: 13px; }
}
/****** セミナー ******/
#exp-attraction aside {
	background-color: #668091;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px 16px;
}
#exp-attraction aside p {
	color: #ffffff;
	font-size: 22px;
	margin: 6px 15px;
}
#exp-attraction aside a {
	display: flex;
	align-items: center;
	background-color: #273d4b;
	border-radius: 5px;
	color: #ffffff;
	padding: 7px 20px 7px 10px;
	transition: background-color 0.2s;
	margin: 6px 0;
}
#exp-attraction aside a:hover {
	background-color: #182833;
	text-decoration: none;
}
#exp-attraction aside a span { margin-top: 2px; }
#exp-attraction aside a img {
	width: 35px;
	margin-left: 13px;
}
#exp-attraction aside a:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	transform: rotate(45deg);
	margin-right: 13px;
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#exp-attraction aside { margin-top: 0; }
	#exp-attraction aside p { font-size: 20px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-attraction aside {
		padding: 13px 28px 5px;
		margin-top: 0;
	}
	#exp-attraction aside p {
		font-size: 18px;
		margin: 6px 14px 0px;
	}
	#exp-attraction aside a { font-size: 16px; }
}

/****** footer ******/
#exp-attraction footer {
	background-color: #668091;
	color: #ffffff;
	font-size: 11px;
	padding: 9px 0 7px;
	text-align: center;
}
/****** 活用事例ページ ******/
#exp-instanc { font-size: 16px; }
#exp-instanc p { margin-bottom: 0; }
/* メイン */
#exp-instanc .exp-instance-main {
	background-color: #fad4c1;
	padding: 30px 0;
	margin-bottom: 60px;
}
#exp-instanc .exp-instance-main > div {
	display: flex;
	align-items: center;
	height: 288px;
	background-color: #ffffff;
	max-width: 1000px;
	width: 94%;
	margin: 0 auto;
	position: relative;
}
#exp-instanc .exp-instance-main .text {
	width: 50%;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#exp-instanc .exp-instance-main h1 {
	font-size: 28px;
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: left;
	display: inline-block;
}
#exp-instanc .exp-instance-main .dealer-genre {
	background-color: #f25d3a;
	padding: 2px 8px;
	margin-left: 50px;
	color: #ffffff;
}
#exp-instanc .exp-instance-main .dealer-name {
	margin: 15px 50px 15px 8px;
	color: #666666;
}
#exp-instanc .exp-instance-main .dealer-work { font-size: 14px; }
#exp-instanc .exp-instance-main .image {
	width: 50%;
	height: 288px;
	overflow: hidden;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#exp-instanc .exp-instance-main .image img {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
}
#exp-instanc .exp-instance-main.instanc-204447 .image img { right: 0; }
#exp-instanc .exp-instance-main.instanc-204352 .image img { right: 0; }
#exp-instanc .exp-instance-main.instanc-112146 .image img { left: 0; }
#exp-instanc .exp-instance-main.instanc-204633 .image img { right: 0; }
/* インタビュー */
#exp-instanc .exp-instance-interview {
	width: 800px;
	margin: 0 auto;
}
#exp-instanc .exp-instance-interview h2 {
	color: #e65d3d;
	border-bottom: 1px #e65d3d solid;
	font-weight: normal;
	margin-top: 50px;
	padding-bottom: 8px;
	font-size: 22px;
	text-align: left;
}
#exp-instanc .exp-instance-interview h2:after {
	display: none;
}
#exp-instanc .exp-instance-interview .margin { margin-top: 30px; }
#exp-instanc .exp-instance-interview .interview-q {
	font-weight: bold;
	margin: 25px 0 20px;
}
#exp-instanc .exp-instance-interview .interview-q:before {
	content: 'ー';
	margin-right: 2px;
}
#exp-instanc .exp-instance-interview .interview-a { line-height: 1.8; }
#exp-instanc .exp-instance-interview img {
	display: block;
	margin: 20px 0 25px;
}
#exp-instanc .exp-instance-interview img:last-child { margin-bottom: 0; }
#exp-instanc .exp-instance-interview ul { list-style: none; }
#exp-instanc .exp-instance-interview ul li:before {
	content: '';
	display: inline-block;
	vertical-align: 5px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333333;
	margin: 0 4px;
}
#exp-instanc .back-link {
	font-size: 14px;
	text-align: center;
	width: 80%;
	min-width: 700px;
	margin: 80px auto 100px;
	border-top: 1px solid #cccccc;
	padding-top: 30px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-instanc .exp-instance-interview { width: 92%; }
	#exp-instanc .exp-instance-interview img { width: 100%; }
	#exp-instanc .back-link {
		width: 90%;
		min-width: auto;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* メイン */
	#exp-instanc .exp-instance-main > div {
		height: 207px;
	}
	#exp-instanc .exp-instance-main .text {
		padding: 20px;
	}
	#exp-instanc .exp-instance-main h1 {
		font-size: 19px;
		margin: 0 auto 25px;
		width: 100%;
		text-align: center;
	}
	#exp-instanc .exp-instance-main .dealer-genre,
	#exp-instanc .exp-instance-main .dealer-name { font-size: 14px ;}
	#exp-instanc .exp-instance-main .dealer-genre { margin: 0 0 10px; }
	#exp-instanc .exp-instance-main .dealer-name {
		width:100%;
		margin:0 auto;
		text-align: center;
	}
	#exp-instanc .exp-instance-main .image { height: 207px; }
	#exp-instanc .exp-instance-main .image img {
		width: 115%;
		height: auto;
	}
	#exp-instanc .exp-instance-main.instanc-204447 .image img { right: -30px; }
	#exp-instanc .exp-instance-main.instanc-204352 .image img { right: 0; }
	#exp-instanc .exp-instance-main.instanc-112146 .image img { left: 0; }
	#exp-instanc .exp-instance-main.instanc-204633 .image img { right: -20px; }
	/* インタビュー */
	#exp-instanc .back-link { margin: 60px auto 80px; }
}
/* SP */
@media screen and (max-width: 670px){
	#exp-instanc { font-size: 14px; }
	/* メイン */
	#exp-instanc .exp-instance-main {
		padding: 30px 4%;
		margin-bottom: 30px;
	}
	#exp-instanc .exp-instance-main > div {
		width: 100%;
		max-width: 500px;
		height: auto;
		flex-direction: column;
	}
	#exp-instanc .exp-instance-main .text {
		width: 100%;
		padding: 25px;
	}
	#exp-instanc .exp-instance-main h1 {
		font-size: 17px;
		text-align: center;
		width: 100%;
		margin: 0 auto 10px;
	}
	#exp-instanc .exp-instance-main .dealer-genre,
	#exp-instanc .exp-instance-main .dealer-name { font-size: 12px ;}
	#exp-instanc .exp-instance-main .dealer-genre { margin-left: 0 }
	#exp-instanc .exp-instance-main .dealer-name { margin: 0 0 0 8px;}
	#exp-instanc .exp-instance-main .image {
		width: 100%;
		height: auto;
		position: relative;
		max-height: 240px;
	}
	#exp-instanc .exp-instance-main .image img {
		width: 100%;
		height: auto;
		position: relative;
	}
	/* インタビュー */
	#exp-instanc .exp-instance-interview { width: 92%; }
	#exp-instanc .exp-instance-interview h2 {
		font-size: 16px;
		margin-top: 30px;
	}
	#exp-instanc .exp-instance-interview .margin { margin-top: 15px; }
	#exp-instanc .exp-instance-interview .interview-q { margin: 20px 0 15px; }
	#exp-instanc .back-link { margin: 40px auto 60px; }
}