@charset "utf-8";
/*===============================================
	● smart.css  画面の横幅が300-640px
===============================================*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
html {
	font-size: 20px;
}
html #exp-attraction .merit .about h3{
	max-width:100%;
	text-align:center;
	margin-top:20px;
	font-size:20px;
	line-height:1.3em;
}
html #exp-attraction .merit .about h3 br{
	/*display:none;*/
}
html #exp-attraction .plan-cost-box.merit-under,
html .merit .about .right,
html .merit .about .left,
html .merit .about{
	display:block;
	width:100%;
	margin:0;
}
html #exp-attraction .merit .about dl{
	margin-bottom:3em;
}
html #exp-attraction .merit .about dt,
html #exp-attraction .merit .about dd{
	width:50%;
}
html #exp-attraction .merit .about dt,
html #exp-attraction .merit .about dd,
html #exp-attraction .plan-cost-box.merit-under p{
	text-align:left;
	font-size:16px;
}
html .ttl-txt{
	font-size:16px;
	text-align:center;
	padding:0;
}
html #exp-attraction .plan-cost-box.merit-under .plan-cost-notice{
	font-size:13px;
	text-align:left;
	letter-spacing:0.03em;
	padding:0;
}
html .plan_wrapper{
	display:block;
	width:100%;
}
html .plan_wrapper .plan_box_wrapper{
	width:100%;
	    margin-top: 50px;
}
html .plus_service.sp{
	display:block;
	width:100%;
	margin-bottom:2em;
}
html .plus_service.pc{
	display:none;
}
html #exp-attraction .plan_wrapper .plan_box_wrapper header{
	font-size:24px;;
}
html .plus_service .plus{
	width:100%;

}
html .plus_service .plus p{
	font-size:0.85em;
	text-align:left;
	padding-left:1em;
}
html .plus_service .plus p.pr::before{
  font-family: "Font Awesome 5 Free";
  content: "\f35a";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right:0.5em;
}
html .plus_service .plus p.pr{
	font-size:20px;
	text-align:left;
	padding-left:1em;
}
html #exp-attraction .plan_wrapper .plan_box_wrapper footer,
html #exp-attraction .plan_wrapper .plan_box_wrapper .body p.pr,
html #exp-attraction .plan_wrapper .plan_box_wrapper .body p{
	font-size:20px;

}
html #exp-attraction .ttl-txt{
	width:100%;
	text-align:left;
	font-size:15px;
}
html body#exp-attraction .ribbon-wrap::after {
	right:-6vw;
	top: 2vw;
    height: 1vw;

}
html body#exp-attraction .ribbon-wrap::before {
    left: -6vw;
    top: 2vw;
    height: 1vw;

}
html #exp-attraction #posting.wide{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	margin:0;
	position:relative;
box-sizing: border-box;
    overflow-x: hidden;
}
html body#exp-attraction .ribbon-wrap{
	margin-bottom:5vw;
	width: 66.45vw;
}
html #exp-attraction #posting.wide:before{
	content:"";
	position:absolute;
	left:-50%;
	width:200%;
	background-color: #f5fafe;
	height:100%;
	z-index: -1;
	top:0;
}
html body#exp-attraction #posting .plan-cost-box {
    margin: 0;
    padding: 0;
    padding-top: 7vw;
    width: 100%;
    border: none;
}
html #live .about_live{
	display:block;
	width: 100%;
}
html #live .live_column >div{
	width: 45vw;
    height: 45vw;
    margin: 2vw auto;
    border-radius: 50vw;
    border: solid 2vw #fff;

}
html #live .live_column img{
    width: 45vw;
    height: 45vw;
}
html #live .cant-handling{
	padding:2vw;
}
html #live .cant-handling h5{
	font-size:22px;;
}
html #exp-attraction .main-visual h1 span {
    text-indent: -400%;
}
html #exp-attraction .main-visual .text,
html #exp-attraction .faq dt,
html #exp-attraction .faq dd,
html #exp-attraction .apply-flow p,
html #live .cant-handling li,
html #live .cant-handling p{
	font-size:16px;
	letter-spacing:-0.035em;
}
html #exp-attraction .btn,
html #exp-attraction .btn.selling
{
	font-size:16px;
}
html #live .cant-handling ul li:before{
	width: 14px;
    height: 11px;
    content:"";
    margin-top: 0.5em;
}
html a.to_top svg {
    font-size: 8vw;
}
html #exp-attraction .flow .apply-flow li .number {
    font-size: 6vw;
    width: 10vw;
    height: 10vw;
    border-radius:20vw;
    padding-top: 0.125em;
}

html body#exp-attraction #faq {
    margin: auto;
    padding: 4vw 0;
    width: 83%;
}
html #live .live_column {
    font-size: 18px;
    margin-top: 30px;
}
html #exp-attraction{
	box-sizing:border-box;
	/*overflow:hidden;*/
}
html .plan_wrapper .plan_box_wrapper svg{
	font-size:40px;
	margin:20px auto;
}
html .plus_service.pc{
	display:block;
}