@charset "UTF-8";

.wrapper_ {
	padding-top: 0;
}

.w100{
	width:100%!important;
}

.mainframe_{
margin-bottom:0;
}
/* パンくず*/
.mainframe_ > .navitopicpath_:first-child {
margin: 15px auto 0;
text-align: left;
}

/* 回遊バナー*/
.excursion_bunner{
					width:100%;
					max-width: 980px;
					margin: 0 auto;
				}
					.excursion_bunner ul{
						display: -webkit-flex;
    					display: flex;
						-webkit-justify-content: space-between;
    					justify-content: space-between;
					}
					.excursion_bunner ul li{
						margin: 0 0 2rem 0;
						width:48%;
					}
				@media screen and (min-width: 0px) and (max-width: 767px) {
					.excursion_bunner{
						text-align: center;
					}
					.excursion_bunner ul{
						display: -webkit-flex;
    					display: flex;
						flex-direction: column;
					}
					.excursion_bunner ul li{
						margin: 0 auto 2rem;
						width:90%;
					}
				}

/* 運動方法 */
#howto .inner{
	max-width:610px;
	margin: 0 auto;
}


#howto .container ul li dl dt {
  margin-bottom: 40px;
  font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  line-height: 1.3;
  color: #000;
  letter-spacing: 0.15em;
}

@media only screen and (max-width: 767px) {
#howto .container ul li dl dt{
    margin-bottom: 8vw;
    font-size: 22px;
    letter-spacing: 0em;
  }
}

#howto .criterion{
text-align: center;
margin: 0 0 50px 0;
}

#howto .criterion span{
	font-size: 30px;
	padding:10px;
	border: 2px solid #000;
	display:block;
}

@media only screen and (max-width: 767px){
#howto .criterion span{
	font-size: 19px;
	display:inline-block;
}
}


#howto .container .inner ul li{
	margin: 0 0 80px 0;
}

#howto .container .inner ul li dl dd .img {
	text-align: center;
}

@media only screen and (max-width: 767px){
#howto .container .inner ul li dl dd .img {
	width: 75.35%;
	margin: 0 auto;
}
}

#howto .container .inner ul li dl dd > p {
margin:  25px 0;
}

@media only screen and (max-width: 767px){
#howto .container .inner ul li dl dd > p {
font-size: 14px;
}
}


#howto .container .inner ul li dl dd .point {
	background:#f7dfec;
	padding: 30px;
	font-weight:600;
}

@media only screen and (max-width: 767px){
#howto .container .inner ul li dl dd .point {
	padding: 1rem;
	font-size: 14px;
}
}

/*　お客様の声　*/
.user-voice {
background: #faeef4;
}
.user-voice h2.title {
margin-bottom: 80px;
text-align: center;
font-size: 32px;
font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif;
font-weight: bold;
letter-spacing: 0.18em;
position:relative;
}
.user-voice .container{
width: 680px;
margin: 0 auto 0;
padding: 70px 0 70px;
}
@media only screen and (max-width: 767px){
.user-voice .container{
width: 100%;
margin: 0 auto 0;
padding: 51vw 0 8vw;
position: relative;
}
}
.user-voice .user-voice-top{
position:relative;
}
@media only screen and (max-width: 767px){
.user-voice .user-voice-top{
background: url(../images/im_uservoice_female.png) no-repeat right -60px top;
padding: 31vw 0 0;
background-size: 50%;
margin-top: -63vw;
position: absolute;
width: 100%;
}
}
.user-voice figure{
position: absolute;
top: -8rem;
right: -70px;
}
@media only screen and (max-width: 767px){
.user-voice figure{
display:none;
}
}
.user-voice .container dl{
margin:0 0 40px 0;
}
@media only screen and (max-width: 767px){
.user-voice .container dl{
width:84.8%;
margin: 0 auto 10vw;
}
}
.user-voice .container dl:last-child{
margin:0 0 20px 0;
}
.user-voice .container dl.female dt{
background: url(../images/ic_uservoice_female.gif) no-repeat left center;
padding: 0.6rem 0 0.6rem 3.4rem;
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 10px 0;
}
.user-voice .container dl.male dt{
background:url(../images/ic_uservoice_male.png) no-repeat left center;
padding: 0.6rem 0 0.6rem 3.4rem;
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 10px 0;
}
.user-voice .container dl.female dd.title{
font-size: 1.4rem;
color: #ce1364;
}
.user-voice .container dl.male dd.title{
font-size: 1.4rem;
color: #16216d;
}
@media only screen and (max-width: 767px){
.user-voice .container dl dd.title{
font-size: 1.2rem;
color: #ce1364;
}
}
@media only screen and (max-width: 767px){
.user-voice small{
width:84.8%;
display:block;
margin:0 auto;
}
}