body {
  font-family: 'Shuei Mincho L', serif;
}
@media screen and (min-width: 415px) {


.ttl{
font-size:22px;
font-weight:bold;
letter-spacing: 0.2em;
text-align:center;
margin-top:32px;
margin-bottom:70px;
}

.ac{
font-size:18px;
color:#000;
font-family: 'Shuei Mincho L', serif;
letter-spacing: 0.2em;
font-weight:bold;
margin:25px 0 25px 0;
}

.box_text{
font-size:12px;
color:#000;
letter-spacing: 0.1em;
line-height:180%;
font-weight:bold;
}

.box{
width:750px;
height:270px;
margin:0 auto;
}

.box_photo{
width:381px;
float:left;
margin-top:6px;
}
.pcnone{
display:none;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: left;
  padding-left:50px;
}
.box a:link { color: #646464; }
.box a:visited { color: #646464; }
.box a:hover { color: #646464; }
.box a:active { color: #646464; }
.menu_area{width:179px;margin:0 auto;}
#outdoor{margin:50px auto;width:193px;}
#indoor {margin:50px auto;width:193px;}
.f_btn{
width:100%;
border-bottom:1px solid #CAE1B3;
background-image:url(../experience/img/btn_footer.gif);
background-position:50% 50%;
background-size:42px;
background-repeat:no-repeat;
margin-top:70px;
margin-bottom:25px;
}
.f_btn .on_btn{width:42px;height:21px;margin: 0 auto;cursor:pointer;}
.footer{}
.m_footer{
width:720px;
font-size:12px;
letter-spacing: 0.1em;
line-height:180%;
margin:0 auto;
}
.m_f_logo{float:left;margin-right:12px;}
.m_f_logo img{width:95px;}
.cr{margin:20px auto;font-family:arial;font-size:10px;text-align:center;clear:float;}
.sp_footer{
display:none;
}
}
@media screen and (max-width: 414px) {
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -24px;
  text-align: left;
  padding-left:10px;
}
#wrapper {
max-width: 1080px;
overflow : hidden ;
}
.f_btn{
width:100%;
border-bottom:1px solid #CAE1B3;
background-image:url(../experience/img/btn_footer.gif);
background-position:50% 50%;
background-size:70px;
background-repeat:no-repeat;
margin-top:70px;
margin-bottom:25px;
}
.f_btn .on_btn{width:70px;height:35px;margin: 0 auto;cursor:pointer;}
.footer{}
.m_footer{
width:100%;
font-size:12px;
letter-spacing: 0.1em;
line-height:180%;
margin:0 auto;
}
.m_f_logo{text-align:center;}
.m_f_text{text-align:center;margin-top:20px;margin-bottom:10px;}
.m_f_logo img{width:52%;margin:0 auto;}
.cr{margin:20px auto;font-family:arial;font-size:10px;text-align:center;}
.btn-lg {
   padding: 20px 33%;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}
.yoyaku{width:96%;margin:20px auto;text-align:center;}
.yoyaku a:link { color: #FFF; text-decoration: none;}
.yoyaku a:visited { color: #FFF; text-decoration: none;}
.yoyaku a:hover { color: #FFF; text-decoration: none;}
.yoyaku a:active { color: #FFF;text-decoration: none; }
.btn-danger {
    color: #ffffff;
    background-color: #95C66A;
    border-color: #95C66A;
}
.btn{width:100%;margin:0 auto;}
.ttl{
font-size:16px;
font-weight:bold;
letter-spacing: 0.2em;
text-align:center;
margin-top:20px;
margin-bottom:20px;
line-height:140%;
}

.ac{
font-size:14px;
color:#000;
font-family: 'Shuei Mincho L', serif;
letter-spacing: 0.2em;
line-height:160%;
font-weight:bold;
margin:15px auto;
width:82%;
}

.box_text{
font-size:12px;
color:#000;
letter-spacing: 0.1em;
line-height:180%;
font-weight:bold;
margin:5px auto;
width:82%;
}

.box{
width:100%;
margin:0 auto 40px;
}

.box_photo{
width:100%;
clear:float;
}
.box_photo img{
width:100%;
}
.box a:link { color: #646464; }
.box a:visited { color: #646464; }
.box a:hover { color: #646464; }
.box a:active { color: #646464; }
.menu_area{width:179px;margin:0 auto;}
#outdoor{margin:50px auto;width:193px;}
#indoor {margin:50px auto;width:193px;}
.spnone{
display:none;
}
.pcnone{
}
}