.zl_left { width: 35px;position: absolute;top: 70px;left: 20px; z-index: 99;}
.zl_right { width: 35px;position: absolute;top: 70px;right: 20px; z-index: 99;}
.zl_content ul li { float:left;}
/*keyframe animations*/
.first {
	-webkit-animation: bannermove 400s linear infinite;
	   -moz-animation: bannermove 400s linear infinite;
	    -ms-animation: bannermove 400s linear infinite;
	     -o-animation: bannermove 400s linear infinite;
	        animation: bannermove 400s linear infinite;
}

@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -6000px;
 }

}

@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -6000px;
 }

}

@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -6000px;
 }

}

@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -6000px;
 }

}

@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -6000px;
 }

}
/*keyframe animations*/
.slideshow{
  position: absolute;
  top: 0px;
  z-index: -1;
  height: 600px;
  overflow: hidden;
	width: 100%;
}
.bx-viewport{
  height: 600px !important;
}
/*
noused
----------------------------------------------------------- */
/*.slider {
  width: 100%;
  position: absolute;
  height: 600px;
  top: 0px;
  z-index: -1;
}
.slide0, .slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide0 {
  background: #ffffff no-repeat center;
      background-size: cover;
    animation:fade0 0s;
-webkit-animation:fade0 0s;
}
.slide1 {
  background: url(../img/top/main_01.jpg)no-repeat center;
      background-size: cover;
    animation:fade 16s -2s infinite;
-webkit-animation:fade 16s -2s infinite;
}
.slide2 {
  background: url(../img/top/main_2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 16s -1.5s infinite;
-webkit-animation:fade2 16s -1.5s infinite;
}
.slide3 {
    background: url(../img/top/main_3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 16s -1s infinite;
-webkit-animation:fade3 16s -1s infinite;
}
.slide4 {
    background: url(../img/top/main_4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 16s -0.5s infinite;
-webkit-animation:fade4 16s -0.5s infinite;
}
.slide5 {
    background: url(../img/top/main_5.jpg)no-repeat center;
      background-size: cover;
    animation:fade5 16.3s infinite;
-webkit-animation:fade5 16.3s infinite;
}
@keyframes fade0
{
  0%   {opacity:0}
  100% { opacity: 0}
}
@keyframes fade
{
  0%   {opacity:0}
  16% { opacity: 1}
  32% { opacity: 1}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 1}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 1}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 0}
  64% { opacity: 1}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 1}
  100% { opacity: 0}
}*/
/*
no used
----------------------------------------------------------- */
html, body {
width: 100%;
height: 100%;
position: relative;
}

body {
-webkit-font-smoothing: antialiased;
}

body {
-webkit-text-size-adjust: 100%;
}

body {
font-size:16px;
font-weight: 400;
font-family: "Rounded Mplus 1c";
color: #4d4d4d;
background-color: #fff;
line-height: 36px;
letter-spacing: 1.2px;
}

ul,li {
list-style: none;
margin: 0;
padding: 0;
}

/*
box_sizing[Body配下のBlock要素全てBorder_box]
----------------------------------------------------------- */
body *
{
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}


/*
共通
----------------------------------------------------------- */
img {
display: block;
vertical-align: bottom;
}

a{
display:block;
outline:none !important;
color: #4d4d4d;
}

input{
outline:none !important;

}

a:hover img,
a:hover{
opacity: 0.75;
outline:none !important;
}

p{
line-height:1.4;
margin-bottom:0;
letter-spacing:normal;
}

.pc_none{
display:none;
}
.pc_none2{
opacity: 0;
}

#pageTop_top {
position: fixed;
bottom: 20px;
right: 20px;
height: 80px;
}

#pageTop_top a {
display: block;
z-index: 999;
width: 66px;
height: 60px;
text-indent: -9999px;
background: url(../img/common/pagetop.svg) no-repeat;
background-size: 60px auto;
}

#pageTop_top a:hover {
text-decoration: none;
opacity: 0.7;
}


#pageTop {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
height: 80px;

}

#pageTop a {
display: block;
z-index: 9999;
width: 66px;
height: 60px;
text-indent: -9999px;
background: url(../img/common/pagetop.svg) no-repeat;
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

/*
header
----------------------------------------------------------- */
#header .sp_menu{
display:none;
}

#top #header{
/*background: url(../img/top/main_01.jpg) no-repeat top center;*/
height: 600px;
margin-bottom: 125px;
/*background-size: cover;*/
}
#top #header h1 img{
width: 185px;
height: 185px;
margin: 177px auto 152px;
}

#top #header nav.pc_menu{
width: 1080px;
height: 80px;
border: 3px #ff9f00 solid;
background-color: #ffffff;
margin: 0 auto;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
}

#top #header nav.pc_menu li{
line-height: 40px;
font-size: 18px;
font-weight: 700;
display: inline-block;
margin: 16px auto;
border-right: 1px #ff9f00 solid;
padding:0px 52px;
}


#top #header nav.pc_menu li a{
color: #ff9f00;
letter-spacing:normal;
}

#top #header nav.pc_menu li:last-child{
border-right:0px #ff9f00 solid;
}

.sub{
padding-top: 110px;
}

.sub #header h1{
width: 185px;
margin-top: -20px;
}

.sub #header{
height: 110px;
width: 100%;
margin: 0 auto;
position: fixed;
top: 0;
left: 0;
background: #fff;
padding-top: -110px;
z-index: 9999;
}

.sub #header nav.pc_menu{
width: 780px;
margin:-30px 0 0 306px;
}

.sub #header nav.pc_menu li{
line-height: 16px;
font-size: 16px;
font-weight: 700;
display: inline-block;
margin: 16px auto;
border-right: 1px #ff9f00 solid;
padding:0px 26px;
}

.sub #header nav.pc_menu li:first-child{
border-left: 1px #ff9f00 solid;
}

.sub #header nav.pc_menu li a{
color: #ff9f00;
line-height: 26px;
position: relative;
}

.sub #header nav.pc_menu li a::after,
.sub #header nav.pc_menu li.active a::after {
    background: #ff9f00 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(-10px);
    transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 100%;
}

.sub #header nav.pc_menu li a:hover{
opacity: 1;
}

.sub #header nav.pc_menu li a:hover::after{
    height: 3px;
    opacity: 1 !important;
    transform: translateY(0px);
}

.sub #header nav.pc_menu li.active a:hover::after{
opacity: 0 !important;
}

.sub #header nav.pc_menu li a:hover::after{
    height: 3px;
    opacity: 1 !important;
    transform: translateY(0px);
}

*, *::after, *::before{
box-sizing: border-box;
}

.active a{
border-bottom: 3px solid #ff9f00;
}

#about,
#select,
#member,
#plan,
#case,
#news,
#faq,
#access,
#contact{
padding-top: 0;
}

/*
TOP・SUB (メイン画像全ページ共通)
----------------------------------------------------------- */
.warp{
width:1080px;
margin:0 auto;
}

.top_link{
width: 1080px;
margin: 0px auto 0;
text-align: right;
}

.top_link li{
display: inline-block;
padding-left: 24px;
padding-right: 34px;
padding-top: 20px;
}

.top_link li:first-child{
background: url(../img/common/ico01.svg) no-repeat 0px 20px;
background-size: 20px auto;
}

.top_link li:nth-child(2){
background: url(../img/common/ico03.svg) no-repeat 0px 20px;
background-size: 14px auto;
}

.top_link li:nth-child(3){
background: url(../img/common/ico02.svg) no-repeat 0px 20px;
background-size: 18px auto;
padding-right: 0px;
}

.top_link li a{
font-size: 12px;
font-weight: 700;
line-height: 20px;
color: #4d4d4d;
}

.info{
overflow: hidden;
width: 100%;
background-color:#fefaf2;
/*height: 280px;*/
padding: 34px 0;
}

.info .right,
.info .left{
width: 50%;
float: left;
text-align: center;
}

.info .right{
padding-right: 118px;
}

.info .left{
padding-left: 118px;
}


.info h2{
color: #ff9f00;
font-size: 20px;
font-weight: 700;
line-height: 54px;
background: url(../img/top/boder.jpg) no-repeat bottom center;
margin-bottom: 26px;
}

.info p{
line-height: 40px;
font-weight: bold;
}

.info p.bold{
font-weight: 700;
}

.info p.tel{
font-weight: 700;
font-size: 22px;
margin-top: 20px;
position: relative;
padding-left: 26px;
width: 190px;
margin-left: 118px;
margin: 20px auto 0;
}

.info p.tel span{
font-size: 12px;
margin-right: 4px;
vertical-align: middle;
position: absolute;
top: 0px;
left: 0;
}

.info a{
color: #4d4d4d;
display: inline-block;
}

.sub .top_img{
height: 340px;
text-align: center;
background-size: cover !important;
width: 100%;
}

.sub .top_img h1{
color: #ffffff;
font-size: 35px;
font-weight: 700;
line-height: 50px;
padding-top: 150px;
}

/*
footer
----------------------------------------------------------- */
#footer{
text-align: center;
border-top:1px #bdbdbd solid;
}

#footer a{
width: 98px;
margin: 80px auto 0;
}
}

#footer img{
width: 98px;
margin: 0 auto;
}

#footer p.access{
margin: 28px auto 48px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}

#footer p.copy{
color: #ff9f00;
font-size: 14px;
font-weight: 400;
line-height: 26px;
padding-bottom: 80px;
}

/*
アコーディオン
----------------------------------------------------------- */
.menuList {
margin:0;
padding:0;
border-bottom:none;
list-style:none;
}

.main_menu {
position:relative;
cursor:pointer;
}

.sub_menu {
list-style:none;
}

.sub_menu li a {
display:block;
color:#430400;
text-decoration:none;
}

/*
TOP
-------------------------------------- */
#top .box01{
overflow: hidden;
width: 100%;
margin: 0 auto 120px;
height: 520px;
}

#top .box01 .left{
float: left;
width: 56%;
height: 520px;
background: url(../img/top/img01.jpg) no-repeat top center;
background-size: cover;
border-radius:0 20px 20px 0;
}

#top .box01 .right{
float: left;
width: 44%;
margin-left: -90px;
}

#top .box01 .right p{
line-height: 36px;
padding-left: 12px;
}

#top .box01 .right h3{
color: #ff9f00;
font-size: 26px;
font-weight: 700;
line-height: 46px;
margin-top: 80px;
margin-bottom: 20px;
}

#top .box01 .right a{
color: #ff9f00;
font-size: 20px;
font-weight: 700;
margin-top: 36px;
margin-left: 10px;
display: inline-block;
}

#top .box02{
width:100%;
margin: 0 auto 100px;
overflow: hidden;
}

#top .box02 img{
width: 100%;
margin-bottom: 24px;
}

#top .box02 .left,
#top .box02 .right{
width: 50%;
float: left;
}

#top .box02 .left .img_box,
#top .box02 .right .img_box{
height: 400px;
margin-bottom: 24px;
}

#top .box02 .left .img_box{
background: url(../img/top/img02.jpg) no-repeat top left;
background-size: cover;
}

#top .box02 .right .img_box{
background: url(../img/top/img03.jpg) no-repeat top left;
background-size: cover;
}


#top .box02 h2 a{
color: #ff9f00;
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
display: inline-block;
}

#top .box02 .left h2,
#top .box02 .left p{
margin-left: 153px;
}

#top .box02 .right h2,
#top .box02 .right p{
margin-left: 38px;
}

#top .box03{
margin-bottom: 80px;
height: 190px;
overflow: hidden;
}

#top .box03 li{
}

#top .box03 img{
display: inline-block;
}

#top .box04{
width: 966px;
margin: 0 auto 56px;
overflow: hidden;
}

#top .box04 .left,
#top .box04 .right{
width: 444px;
float: left;
}

#top .box04 .left{
margin-right: 78px;
}

#top .box04 h2{
color: #ffa000;
font-size: 20px;
font-weight: 700;
line-height: 58px;
position: relative;
border-bottom: 3px solid #ffa000;
}

#top .box04 h2 a{
position: absolute;
right: 0;
top: 0;
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
line-height: 50px;
padding-left: 32px;
background: url(../img/common/arrow_r02.svg) no-repeat 0 16px;
background-size: 20px auto;
}

#top .box04 .left ul.link{
margin: 24px auto;
}

#top .box04 .left ul.link li{
display: inline-block;
height: 15px;
border-right: 1px solid #4d4d4d;
padding: 0 26px;
}

#top .box04 .left ul.link li:first-child{
padding: 0;
border: 0 solid #fff;
}

#top .box04 .left ul.link li:nth-child(2){
border-left: 1px solid #4d4d4d;
}

#top .box04 .left ul.link li a{
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
line-height: 15px;
}


#top .box04 .left ul.link li a:hover{
cursor: pointer;
}

#top .box04 .blog{
overflow: hidden;
padding-bottom: 35px;
margin-bottom: 25px;
border-width: 1px;
border-bottom: 1px dashed #bdbdbd;
}

#top .box04 .blog img{
float: left;
width:170px !important;
height: 140px !important;
margin-right: 24px;
}

#top .box04 .blog .right{
float: left;
width: 250px;
}

#top .box04 .right h2{
margin-bottom: 30px;
}

#top .box04 .right .blog{
margin-bottom: 30px;
padding-bottom: 25px;
}

#top .box04 .blog .day{
color: #bdbdbd;
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}

#top .box04 .blog .categry{
width: 110px;
height: 30px;
border-radius: 5px;
text-align: center;
margin-bottom: 16px;
}

.case01{
background-color: #ff9f00;
}

.case02{
background-color: #3b9bf5;
}

.case03{
background-color: #aedd3c;
}
#top .box04 .blog .categry a{
color: #ffffff;
font-size: 12px;
font-weight: 500;
line-height: 30px;
}

#top .box04 .blog .text{
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}

#top .box04 .blog a{
display: inline-block;
}


#top .box05 {
  margin: 0 auto 81px;
  max-width: 966px;
}

.box05 .title-box .title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  font-size: 21px;
  justify-content: center;
  margin-bottom: 15px;
    position: relative;
}
.box05 .title-box .title .detail a {
    position: absolute;
    right: 0;
    top: 0;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    padding-left: 32px;
    background: url(../img/common/arrow_r02.svg) no-repeat 0 16px;
      background-size: auto;
    background-size: 20px auto;
}

.box05 .title-box .title svg {
  width: 30px;
}

#about .box01{
height: 340px;
background-color: rgba(255, 159, 0, 0.05);
padding-top: 100px;
}

#about .box01 img{
width: 148px;
margin: 0 auto;
height: auto;
}

#about .box02{
height: 560px;
background: url(../img/about/main.jpg) no-repeat top center;
position: relative;
width: 100%;
margin:0 auto;
background-size: cover;
}

#about .box02 .po_box{
width: 1080px;
margin: 0 auto;
}

#about .box02 h1{
color: #ff9f00;
font-size: 38px;
font-weight: 700;
line-height: 50px;
position: absolute;
top:170px;
right: 210px;
}

#about .box02 p{
color: #ff9f00;
font-size: 28px;
font-weight: 400;
line-height: 50px;
position: absolute;
top:235px;
right: 260px;
}

#about .box03{
padding-top: 90px;
width: 100%;
margin:0 auto;
}

#about .box03 .img_box{
height: 400px;
background: url(../img/about/img01.jpg) no-repeat top center;
width: 100%;
background-size: cover;
}


#about .box03 h2,
#about .box04 h2{
color: #ff9f00;
font-size: 36px;
font-weight: 700;
line-height: 50px;
text-align: center;
letter-spacing: 2.6px;
}

#about .box03 h2{
margin-bottom: 38px;
}

#about .box03 p{
width: 960px;
color: #4d4d4d;
font-size: 24px;
font-weight: 400;
line-height: 54px;
margin: 0 auto;
text-align: center;
padding-bottom: 84px;

}

#about .box04{
padding-top: 70px;
padding-bottom: 134px;
overflow: hidden;
width: 960px;
margin: 0 auto;
}

#about .box04 h2{
margin-bottom: 70px;
}

#about .box04 img{
width: 440px;
float: right;
}

#about .box04 h3{
color: #ff9f00;
font-size: 26px;
font-weight: 700;
line-height: 46px;
margin-top: -10px;
margin-bottom: 20px;

}

#about .box04 p{
line-height: 36px;
width: 448px;
margin-bottom: 20px;
text-align: justify;
}

#about .box04 p.name{
line-height: 24px;
font-weight: 700;
}

#select .top_img{
background: url(../img/select/main.jpg) no-repeat top center;
}

#select .box02{
padding-top: 80px;
width: 100%;
margin: 0 auto;
}

#select .box02 img{
margin: 0 auto;
}

#select .box02 .in_box{
overflow: hidden;
margin-bottom: 120px;
}

#select .box02 .last{
margin-bottom: 160px;
}

#select .box02 .img_box_right{
float: right;
width: 46.8%;
height: auto;
border-radius: 20px 0 0 20px;
}

#select .box02 .img_box_left{
float: left;
width: 46.8%;
height: auto;
border-radius: 0px 20px 20px 0px;
}

#select .box02 .img_box_left img{
width: 100%;
}

#select .box02 .img_box_right img{
width: 100%;
}

/*#select .box02 .img01{
background: url(../img/select/img01.jpg) no-repeat top right;
background-size: cover;
}*/

/*#select .box02 .img02{
background: url(../img/select/img02.jpg) no-repeat top left;
background-size: cover;
}*/

/*#select .box02 .img03{
background: url(../img/select/img03.jpg) no-repeat top right;
background-size: cover;
}*/

/*#select .box02 .img04{
background: url(../img/select/img04.jpg) no-repeat top left;
background-size: cover;
}*/

/*#select .box02 .img05{
background: url(../img/select/img05.jpg) no-repeat top right;
background-size: cover;
}*/

#select .box02 p.right{
width: 47.6%;
float: left;
padding-left: 12.5%;
}

#select .box02 p.left{
width: 47.6%;
float: right;
padding-right: 12.5%;
}

#select .box02 p{
color: #595757;
line-height: 40px;
margin-top: -14px;
text-align: justify;
}

#select .box02 .in_box h2{
color: #ff9f00;
font-size: 36px;
font-weight: 700;
line-height: 50px;
text-align: center;
margin-top: 30px;
margin-bottom: 72px;
letter-spacing: 2.6px;
}

#select .box02 .in_box .nomber{
width: 180px;
}

#member .top_img{
background: url(../img/member/main.jpg) no-repeat top center;
}

#member .box01 h2{
color: #ff9f00;
font-size: 28px;
font-weight: 700;
line-height: 50px;
text-align: center;
padding: 68px 0px;
letter-spacing: 1.6px;
border-bottom: 1px solid #bdbdbd;
}

#member .box02{
width: 960px;
margin: 0 auto;
overflow: hidden;
padding-top: 80px;
padding-bottom: 100px;
}

#member .box02 .left{
width: 440px;
float: left;
margin-right: 70px;
}

#member .box02 .right{
width: 440px;
float: left;
}

#member .box02 .right h4{
color: #4d4d4d;
font-size: 26px;
font-weight: 700;
line-height: 50px;
margin-top: -12px;
margin-bottom: 10px;
}

#member .box02 .right p{
font-size: 20px;
font-weight: 400;
line-height: 50px;
}
#member .box02 .left h4{
font-size: 26px;
font-weight: 700;
line-height: 50px;
margin-top: 30px;
margin-bottom: 22px;
}

#member .box02 .left p{
}

#member .box02 .left li{
line-height: 40px;
font-size: 16px;
}

#plan .top_img{
background: url(../img/plan/main.jpg) no-repeat top center;
}

#plan .box01{
width: 1080px;
margin: 0 auto;
padding-top: 100px;
}

#plan .box01 h2{
border-radius: 15px;
border: 3px solid #ff9f00;
border-color: #ff9f00;
border-style: solid;
line-height: 78px;
text-align: center;
color: #ff9f00;
font-size: 26px;
font-weight: 700;
margin-bottom: 60px;
letter-spacing: 2.2px;
}

#plan .box01 h3{
color: #ff9f00;
font-size: 20px;
font-weight: 700;
line-height: 55px;
text-align: center;
display: inline-block;
margin-bottom: 15px;
}

#plan .box01 h3 span.border{
width: 84px;
height: 3px;
background: #ff9f00;
display: block;
margin: 0 auto;
}

#plan .box01 .bg_box{
background-color: #fefaf2;
padding: 25px 58px 50px;
text-align: center;
margin-bottom:100px;
}
#plan .box01 p.note {
    padding-top: 20px;
    font-size:0.95em;
    line-height:180%;
}

#plan .box01 p.text01{
line-height: 30px;
margin-bottom: 50px;
}

#plan .box01 .box_a{
margin-bottom: 70px;
}

#plan .box01 .box_a li{
background: #fff;
width: 440px;
height: 200px;
display: inline-block;
}

#plan .box01 .box_a li:first-child{
margin-right: 72px;
}

#plan .box01 h4{
color: #ff9f00;
font-size: 20px;
font-weight: 700;
line-height: 50px;
padding-top: 14px;
}

#plan .box01 .box_a li p{
font-size: 16px;
font-weight: 700;
line-height: 40px;
}

#plan .box01 .box_b{
background: #fff;
}

#plan .box01 .box_b h4{
padding-top: 24px;
margin-bottom: 8px;
}

#plan .box01 .box_b p{
line-height: 30px;
width: 750px;
margin: 0 auto;
text-align: left;
font-weight: 400;
font-size: 17px;
padding-bottom: 20px;
}

#plan .box01 .box_c{
margin-top: 36px;
background: url(../img/plan/plus.jpg) no-repeat center 50px;
margin-bottom: 40px;
}

#plan .box01 .box_c li{
background: #fff;
width: 440px;
height: 120px;
display: inline-block;
}

#plan .box01 .box_c li:first-child{
margin-right: 72px;
}

#plan .box01 .box_c p{
font-weight: bold;
}

#plan .box01 p.text02{
font-size: 14px;
}

#plan .box01 .mb58{
margin-bottom: 58px;
}

#plan .box01 .box_d{
margin-top: 40px;
background: #fff;
}

#plan .box01 .box_d h4{
margin-bottom: 10px;
}

#plan .box01 .box_d p.text03{
margin-bottom: 16px;
}

#plan .box01 .box_d p.text04{
margin-bottom: 24px;
font-weight: 700;
}

#plan .box01 .box_d p.text05{
line-height: 32px;
padding-bottom: 20px;
}

#plan .box01 p.text06{
text-align: center;
}

#plan .box01 .box_e{
position: relative;
height: 883px;
background: url(../img/plan/bg.jpg) no-repeat bottom center;
margin-bottom: 80px;
}

#plan .box01 .box_e img{
position: absolute;
}

#plan .box01 .box_e img.img01{
top: 71px;
left: 0;
height: 244px;
}

#plan .box01 .box_e img.img02{
top: 355px;
left: 0;
height: 216px;
}

#plan .box01 .box_e img.img03{
top: 610px;
left: 0px;
height: 272px;
}

#plan .box01 .box_e img.img04{
top: 71px;
right: 0;
height: 244px;
}

#plan .box01 .box_e img.img05{
top: 355px;
right: 0;
height: 244px;
}

#plan .box01 .box_e img.img06{
top: 639px;
right: 0;
height: 244px;
}

#plan .box01 .box_f{
overflow: hidden;
padding: 0;
margin-bottom: 160px;
}

#plan .box01 .box_f p.title{
display: inline-block;
width: 240px;
height: 106px;
border-right: 3px solid #ff9f00;
float: left;
padding:26px 0 0 20px;
color: #ff9f00;
font-size: 20px;
font-weight: 700;
line-height: 50px;
margin: 40px 0;
}

#plan .box01 .box_f p.text07{
display: inline-block;
width: 600px;
float: right;
line-height: 30px;
margin: 32px 40px 32px 0;
text-align: left;
width: 740px;
}
#plan .txtStyle {
	text-align:left;
	font-weight:bold;
	color:#E80003;
	margin:-30px 0 2em 0;
	font-size:15px;
	padding:0;
}

#case .top_img{
background: url(../img/case/main.jpg) no-repeat top center;
}

#case .caregory{
width: 960px;
padding: 30px 0;
margin: 0 auto;
border-bottom: 1px solid #bdbdbd;

}

#case .caregory li{
display: inline-block;
padding: 0 20px;
line-height: 16px;
border-right: 1px solid #4d4d4d;
}

#case .caregory li a:hover{
cursor: pointer;
}

#case .caregory li:first-child{
padding: 0 30px 0 0;
color: #ff9f00;
font-weight: 700px;
}

#case .blog,
#news .blog{
width: 960px;
margin: 0 auto 0px;
padding-top: 80px;
padding-bottom: 80px;
border-bottom: 1px solid #bdbdbd;
}

#case .text01,
#news .text01{
color: #bdbdbd;
font-size: 16px;
font-weight: 700;
line-height: 30px;
margin-bottom: 34px;
}

#case .text01 span{
border-radius: 5px;
text-align: center;
margin-left: 44px;
padding: 8px 25px;

}

#case .text01 span{
color: #ffffff;
font-size: 12px;
font-weight: 500;
}

#case .blog .title,
#news .blog .title{
font-size: 26px;
font-weight: 700;
line-height: 36px;
margin-bottom: 24px;
}

#case .blog img{
margin-bottom: 30px;
margin-top: 34px;
}

#case .blog p.text,
#news .blog p.text{
line-height: 36px;
margin-bottom: 44px;
}

#case .blog p.name{
text-align:right;
font-weight: 700;
}

.next_page{
padding: 70px 0 160px;
margin: 0 auto;
text-align: center;
}

.next_page span,
.next_page a{
width: 36px;
line-height: 40px;
display: inline-block;
text-align: center;
font-size: 18px;
}

.next_page span.current{
background-color: rgba(255, 159, 0, 0.3);
border-radius: 10px;
}

.next_page span.pages{
display: none;
}

#faq .top_img{
background: url(../img/faq/main.jpg) no-repeat top center;
}

#faq .box01 h2 {
color: #ff9f00;
font-size: 28px;
font-weight: 700;
letter-spacing: 1.6px;
line-height: 50px;
padding: 68px 0;
text-align: center;
}

#faq .main_menu{
color: #595757;
font-size: 20px;
font-weight: 700;
height: 66px;
border-top: 1px solid #bdbdbd;
margin-bottom: 0;
background: #fff;
}

#faq .last{
border-bottom: 1px solid #bdbdbd;
}

#faq .main_menu span{
line-height: 66px;
width: 960px;
margin: 0 auto;
display: block;
}

#faq .sub_menu{
background-color: rgba(255, 159, 0, 0.05);
padding: 50px 0;
display: none;
}
#faq .sub_menu li{
width: 960px;
margin: 0 auto;
}

.main_menu span {
background:url(../img/faq/arrow02.jpg) no-repeat top right;
}

.main_menu span.open {
background:url(../img/faq/arrow.jpg) no-repeat top right;

}

#faq .info{
margin-top: 214px;
}

#access .top_img{
background: url(../img/access/main.jpg) no-repeat top center;
}

#access .box01 h2 {
color: #ff9f00;
font-size: 28px;
font-weight: 700;
letter-spacing: 1.6px;
line-height: 100%;
padding: 50px 0 5px;
text-align: center;
}
#access .box01 h2 span {
    display:block;
    margin-top:40px;
    font-size:70%;
    color:#4d4d4d;
    font-weight:400;
}
#access .box01.border {
    border-top:solid 1px #bdbdbd;
    padding-top:60px;
}

#access .box01 p{
text-align: center;
margin-bottom: 64px;
font-size: 18px;
}

#access .map{
width: 1280px;
height: 450px;
margin: 0 auto 45px;

}

#access p.btm_text{
text-align: center;
margin-bottom: 120px;
}

#news .top_img{
background: url(../img/news/main.png) no-repeat top center;
}

#news .blog{
border-bottom: 1px dashed #bdbdbd;
padding: 40px 0 50px;
}

#news .info{
margin-top: 60px;
}

#contact .top_img{
background: url(../img/contact/main.jpg) no-repeat top center;
}

#contact .box01 h2,
#contact .box02 h2{
color: #ff9f00;
font-size: 28px;
font-weight: 700;
letter-spacing: 1.6px;
line-height: 50px;
padding: 70px 0 70px;
text-align: center;
}

#contact #fotm{
background-color: rgba(255, 159, 0, 0.05);
padding-top: 70px;
padding-bottom: 100px;
margin-bottom: 190px;

}

#contact #fotm .top{
line-height: 40px;
text-align: center;
margin-bottom: 22px;
}

.error th,
.error td input,
.error td.age,
.error td br,
.error select,
.error input.button,
.error p.check,
.error textarea,
.error h3,
.error p.btm{
display: none !important;
}

#contact #fotm span{
color: #ff9f00;
margin-left: 16px;
}

#contact table{
width: 960px;
margin: 0 auto;
}

#contact th,
#contact td{
display: block;
}

#contact th{
text-align: left;
margin-bottom: 16px;
margin-top: 40px;
}

#contact td{
margin-bottom: 40px;
}

#contact td input{
border-radius: 10px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
background-color: #ffffff;
line-height: 56px;
width: 960px;
padding: 0 20px;
font-size: 16px;
}

#contact .step02 td{
border: none;
border-bottom: 2px solid #ff9f00;
border-radius: 0px;
background: none;

}

#contact td textarea{
border-radius: 10px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
background-color: #ffffff;
width: 960px;
height: 300px;
padding:20px;
font-size: 16px !important;
}

#contact td textarea p{
font-size: 16px !important;
}
#contact td:nth-child(12) input,
#contact td:nth-child(14) input{
width: 436px;
}

#contact select{
width: 445px;
height: 56px;
font-size: 16px;
border: 3px solid #ff9f00;
}

#contact td:nth-child(18) input{
width: 230px;
margin-right: 20px;
}

#contact td p.check{
overflow: hidden;
}

#contact td p.check input{
display: none;
}

#contact td p.check span{
margin-left: 0 !important;
color: #4d4d4d !important;
}

.mwform-checkbox-field-text{
padding-left: 28px;
position:relative;
margin-right: 40px;
margin-left: 0;
}
.mwform-checkbox-field-text::before{
content: "";
display: block;
position: absolute;
top: 1px;
left: 0;
width: 18px;
height: 18px;
border: 2px solid #ff9f00;
background: #fff;
}

#contact td p.check input:checked + .mwform-checkbox-field-text{
color: #ff9f00;
}
#contact td p.check input:checked + .mwform-checkbox-field-text::after{
content: "";
display: block;
position: absolute;
top: 1px;
left: 0px;
width:20px;
height: 20px;
background: url(../img/contact/bg02.jpg) no-repeat;
margin-bottom: 20px;
}


#contact td p.check label{
float: left;
width: auto;
margin-bottom: 20px;
}


/* labelタグのスタイル */
.select-1 {
position: relative;
display: inline-block;
background: #fff;
border-radius: 10px;
overflow: hidden;
z-index: 0;color: #000;
background: url(../img/contact/bg01.jpg) no-repeat right -3px #fff;
-moz-appearance: none !important;
-webkit-appearance: none !important;
padding: 0 10px;

}
/* selectタグのスタイル */
.select-1 select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none;
padding: .4em 2em .4em 1.5em;
background: transparent;
border: 3px solid #ff9f00;
border-radius: 10px;
font-size: 16px;
outline: none;
}
/* selectタグ選択中のスタイル */
.select-1 select:focus {
}
/* IEの下三角非表示 */
.select-1 select::-ms-expand {
display: none;
}
/* Firefoxの点線非表示 */
.select-1 select::-moz-focus-inner {
border: 0;
}
/* 表示されるオプションスタイル */
.select-1 select * {
background: #fff;
color: #000;
text-shadow: none;
}

#contact p.btm{
width: 960px;
margin: 0 auto;
line-height: 44px;
margin-bottom: 80px;
}

#contact h3.btm{
margin-bottom: 40px;
width: 960px;
margin: 0 auto;
margin-top: 20px;
}

#contact input.button{
border-radius: 10px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
line-height: 68px;
width: 310px;
padding: 0 20px;
color: #ff9f00;
text-align: center;
background-color: none;
background: url(../img/common/PC_toreta_contact_04.jpg) 285px 27px no-repeat;
font-size: 18px;
margin: 0 auto;
display: block;
font-weight: bold;
}

#contact input.button:hover{
background: #ff9f00;
background: url(../img/common/PC_toreta_contact_check_05.jpg) 285px 27px no-repeat #ff9f00;
color: #FFF5E8;
}

#contact input.back{
background: url(../img/common/PC_toreta_contact_error_04.jpg) 20px 27px no-repeat;
}

#contact input.back:hover{
background: url(../img/common/PC_toreta_contact_error_04_02.jpg) 20px 27px no-repeat #ff9f00;
}

#contact .error td{
margin-bottom: 0;
}

#contact span.error{
color: #ff9f00;
font-size: 20px;
line-height: 20px;
text-align: center;
padding-bottom: 30px;
font-weight: bold;
}

#contact .stap03 .top{
padding-bottom: 60px;
}

#contact a.button{
border-radius: 10px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
line-height: 68px;
width: 310px;
padding: 0 20px;
color: #ff9f00;
text-align: center;
background-color: none;
background: url(../img/common/PC_toreta_contact_04.jpg) 285px 27px no-repeat;
font-size: 18px;
margin: 0 auto;
display: block;
font-weight: bold;
}

#contact a.back{
background: url(../img/common/PC_toreta_contact_error_04.jpg) 20px 27px no-repeat;
margin-top: 60px;
}

#contact a.back:hover{
background: url(../img/common/PC_toreta_contact_error_04_02.jpg) 20px 27px no-repeat #ff9f00;
color: #fff;
}

#faq{
margin-bottom: 160px;
}

.tab{overflow:hidden;}
.hide {display:none;}

@media only screen and (max-width: 1280px){
  .slideshow .bx-wrapper img{
    height: 100% !important;
    width: auto !important;
    max-width: auto !important;}
	
#plan .txtStyle {
	text-align:left;
	color:#E80003;
	margin:-15px 0 2em 0;
	font-size:14px;
	padding:0 20px;
	line-height:150%;
}
}

/* 202403 コース・料金紹介追加 */
.shopinfo {
    background-color: #fefaf2;
    padding: 58px 88px;
}
.shopinfo ul {
    display: flex;
}
.shopinfo ul li {
    border-radius: 10px;
    border: 2px solid #ff9f00;
    background: #FFF;
    width: calc(50% - 20px);
    justify-content:space-between;
    padding: 30px 30px;
    letter-spacing: 0.03px;
}
.shopinfo ul li:first-child {
    margin-right: 40px;
}
.shopinfo ul li p.shopName {
    color: #f5a33b;
    text-align: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
    margin-bottom: 0.9em;
}
.shopinfo ul li p.shopName span {
    font-size: 16px;
    font-weight: 400;
    display: block;
}
.shopinfo ul li div.reception {
    text-align: center;
    font-size: 15px;
    background: #fef3e4;
    border-radius: 20px;
    color: #f5a33b;
    margin-bottom: 0.9em;
}
.shopinfo ul li p.opening {
    font-size: 22px;
    color: #f5a33b;
    margin-bottom: 0.3em;
    text-align: center;
    letter-spacing: 1px;
}
.shopinfo ul li p.holiday {
    text-align: center;
    margin-bottom: 0.8em;
}
.shopinfo ul li p.tel {
    font-size: 25px;
    color: #f5a33b;
    margin-bottom: 0.6em;
    text-align: center;
    letter-spacing: 1px;
}
.shopinfo ul li div.map img {
    width: 85%;
    height: auto;
    margin: 0 auto 5px;
}
.shopinfo ul li p.access {
    width: 85%;
    margin: 0 auto 10px;
    font-size: 95%;
}