@charset "utf-8";
@import "style_third.css";
.title_all{color: #fff;display: block;text-align: center;line-height: 300px;font-weight: bold;font-size: 38px;background:  url(../images/title_all_bg.jpg) center;background-size: cover;}
.title_members{background-image:  url(../images/title_members_bg.jpg)}
.title_school{background-image:  url(../images/title_school_bg.jpg)}

.bgcol{background: #fbf8f2;}
.bgimg{background: url(../images/bg_t_guide.jpg) center;background-size: cover;}

.com_wrapp{padding: 93px 0 100px;}
.soon{margin: 50px auto;display: block;}

/*guide*/
.t_guide_wrapp{margin: 80px 0 100px 0;}

.t_guide{width: 1020px;margin: 0 auto;}
.t_guide .set{color: #fff;background: #00913d;}
.t_guide .set a{display: table;width: 100%;}
.t_guide .txt_box,.t_guide .img_box{display: table-cell;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;
}
.t_guide .txt_box{position: relative;}
.t_guide .txt_box .inner{padding: 34px 50px 20px;}
.t_guide .img_box{background-size: cover;width: 453px;height: 344px;}
.t_guide h2{font-size: 27px;margin: 0 0 5px;font-weight: bold;line-height: 1.2;}
.t_guide h3{font-size: 17px;font-weight: bold;}

.t_guide .txt_box .bottom{border-top: 1px solid #4db278;font-size: 15px;margin: 20px 0 0 0;padding: 18px 5px 0;}

.t_guide .point{background: #2ea560;margin: 0 5px 5px;padding: 22px 33px;line-height: 1.4;text-align: center;}
.t_guide .point > div{font-size: 15px;padding: 4px 0;margin-right: 14px;display: inline-flex;vertical-align: bottom;
    align-items: center;width: 116px;justify-content: center;background: #006d2e;border-radius: 6px;text-align: center;
   background-image: -moz-linear-gradient( 90deg, rgb(0,109,46) 0%, rgb(0,107,45) 50%, rgb(0,111,47) 50%, rgb(0,111,47) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(0,109,46) 0%, rgb(0,107,45) 50%, rgb(0,111,47) 50%, rgb(0,111,47) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(0,109,46) 0%, rgb(0,107,45) 50%, rgb(0,111,47) 50%, rgb(0,111,47) 100%);
}
.t_guide .point > div:last-of-type{margin-right: 0;}

.t_guide .set2{background: #6eb83f;margin-top: 30px;}
.t_guide .set2 .point{background: #8bc665;}
.t_guide .set2 .point > div{background: #64a739;
   background-image: -moz-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
}
.t_guide .set2 .txt_box .bottom{border-top: 1px solid #9acd79;}

.t_guide .set3{background: #fc9317;margin-top: 30px;}
.t_guide .set3 .point{background: #fda641;}
.t_guide .set3 .point > div{background: #fc9317;
   background-image: -moz-linear-gradient( 90deg, rgb(249,145,23) 0%, rgb(243,142,22) 49%, rgb(252,147,23) 50%, rgb(252,147,23) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(249,145,23) 0%, rgb(243,142,22) 49%, rgb(252,147,23) 50%, rgb(252,147,23) 100%);
   background-image: -ms-linear-gradient(  90deg, rgb(249,145,23) 0%, rgb(243,142,22) 49%, rgb(252,147,23) 50%, rgb(252,147,23) 100%);
}
.t_guide .set3 .txt_box .bottom{border-top: 1px solid #fdb45d;}

.t_guide .txt_box::before{content: "";display: block;position: absolute;background-size: contain;background-repeat: no-repeat;background-position: center;
}
.t_guide .set1 .txt_box::before{background-image: url(../images/ico_member_1.png);
width: 88px;height: 93px;right: 47px;top: 11px;
}
.t_guide .set2 .txt_box::before{background-image: url(../images/ico_member_2.png);
width: 83px;height: 99px;right: 47px;top: 11px;
}
.t_guide .set3 .txt_box::before{background-image: url(../images/ico_member_3.png);
width: 70px;height: 80px;right: 44px;top: 24px;
}

.t_guide a:link,
.t_guide a:visited,
.t_guide a:hover{color: #fff;text-decoration: none;}

/*会員*/
.guide_detail_wrapp{padding: 93px 0 100px;}
.tab_box.off{opacity: 0;height: 0;overflow: hidden;padding: 0;}
#set2.guide_detail_wrapp{background: #fff;}

.guide_detail .box{width: 522px;}
.guide_detail .img_box li{width: 163px;margin-right: 13px;float: left;}
.guide_detail .img_box li:last-of-type{margin-right: 0}
.guide_detail h3{font-size: 28px;font-weight: bold;border-bottom: 2px solid #cecbc6;margin-bottom: 22px;position: relative;}
.guide_detail h3 .add{background: #00913d;color: #fff;position: absolute;top: 3px;right: 0;border-radius: 4px;padding: 3px 10px;font-size: 18px;}
.guide_detail h4{font-size: 18px;margin: 5px 0 2px;}
.guide_detail h4 .right{font-size: 15px;}
.guide_detail table{width: 100%;table-layout: fixed;background: #fff;border-left: 1px solid #cecbc6;border-bottom: 1px solid #cecbc6;}
.guide_detail table th{background: #f7f1e6;}
.guide_detail table th,
.guide_detail table td{box-sizing: border-box;padding: 5px 7px;border-right: 1px solid #cecbc6;border-top: 1px solid #cecbc6;text-align: center;}
.guide_detail .point{margin: 0px 0 20px;}
.guide_detail .point li{width: 163px;margin: 0 13px 13px 0;float: left;display: flex;justify-content: center;align-items: center;color: #fff;padding: 7px 0;border-radius: 6px;text-align: center;line-height: 1.4;
   background: #6eb83f;
   background-image: -moz-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
}
.guide_detail .point li:nth-of-type(3n+1){clear: both;}
.guide_detail .point li:nth-of-type(3n){margin-right: 0;}

.guide_detail .point_new{width: 845px;margin: 0 auto;}
.guide_detail .point_new li{font-weight:bold;width: 240px;height: 240px;margin: 25px 25px 0 25px;font-size: 22px;float: left;display: flex;justify-content: center;align-items: center;color: #fff;border-radius: 50%;text-align: center;
   background: #6eb83f;
   background-image: -moz-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
}
.guide_detail .point_new li:nth-of-type(3n+1){clear: both;}
.guide_detail .point_new li:nth-of-type(3n){margin-right: 0;}

table.area_kids_course{margin-bottom: 20px;}
table.area_kids_course th.name{width:50%;}
.guide_detail table.area_kids_course td.name{padding: 17px;font-size: 14px;}

.guide_detail .box.right table th.th1{width: 160px;}
.guide_detail .box.right table th.th2{width: 60px;font-size: 14px;}
.guide_detail .box.right p.note{font-size: 15px;margin-top: 20px;}

/*school*/
.caution{border: 3px solid #e4e4e4;background: #fff;padding: 35px;line-height: 1.3;margin: 50px 0 0 0;}
.caution h4,.caution .title{margin: 0 0 20px;font-size: 22px;font-weight: bold;}

.school_tab{width: 100%;border-bottom: 5px solid #008e3b;}
.school_tab ul{width: 1080px;margin: 0 auto;}
.school_tab li{width: 520px;font-size: 19px;border-radius: 5px 5px 0 0;padding: 26px 0 21px;text-align: center;margin: 0 36px 0 0;float: left;border: 1px solid #cecbc6;border-bottom: 0;transition: all .3s ease;cursor: pointer;position: relative;}
.school_tab li.on{color: #fff;
   background: #00913d;
   background-image: -moz-linear-gradient( 90deg, rgb(0,143,60) 0%, rgb(0,140,59) 48%, rgb(0,145,61) 49%, rgb(0,145,61) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(0,143,60) 0%, rgb(0,140,59) 48%, rgb(0,145,61) 49%, rgb(0,145,61) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(0,143,60) 0%, rgb(0,140,59) 48%, rgb(0,145,61) 49%, rgb(0,145,61) 100%);
}
.school_tab li:last-of-type{margin-right: 0;}
.school_tab li::before{width: 14px;height: 10px;right: 20px;top: 50%;transform: translateY(-50%);position: absolute;content: "";background: url(../images/ico_tab_off.png);display: block;}
.school_tab li.on::before{background: url(../images/ico_tab_on.png);}

.school_caution{position: relative;}
.school_caution::after{content: "";bottom: 25px;right: 25px;position: absolute;background: url(../images/school_caution.png) no-repeat;width: 317px;height: 212px;display: block;
transform: scale(0.9);transform-origin: right bottom;}

/********** フレンドテニスについて **********/
.t_theme .set{min-height: 348px;position: relative;margin: 80px 0 0 0;}
.t_theme .in{width: 100%;}
.t_theme .img_box,
.t_theme .txt_box{width: 50%;box-sizing: border-box;position: relative;min-height: 348px;}
.t_theme .txt_box{box-shadow: 0 1px 0 1px #ebebe9 inset;font-size: 17px;float: left;padding: 0 80px 0 12%;overflow: auto;
   background-image: -moz-linear-gradient( 90deg, rgb(252,252,252) 15%, rgb(253,252,251) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(252,252,252) 15%, rgb(253,252,251) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(252,252,252) 15%, rgb(253,252,251) 100%);
}
.t_theme .txt_box .in{padding: 65px 0;}

.t_theme h2{line-height: 1;margin: 0 0 30px;font-size: 31px;color: #00913d;font-weight: bold;}
.t_theme h2 .min{font-size: 15px;color: #00913d;font-weight: normal;}
.t_theme h3{font-size: 21px;margin-bottom: 11px;}

.t_theme .img_box{background-size: cover;background-position: center;float: right;}
.t_theme .set:nth-of-type(even) .txt_box{float: right;padding: 0 12% 0 80px;}
.t_theme .set:nth-of-type(even) .img_box{float: left;}

.t_theme .img_sub{width: 100%;clear: both;}
.t_theme .img_sub .img{position: relative;width: 33.3333%;padding: 20% 0 0 0;float: left;background-size: cover;background-position: center;}
.t_theme .img_sub p{color: rgba(255,255,255,.9);padding: 80px 0 8px;text-align: left;position: absolute;bottom:0;width: 100%;text-indent: 20px;
  background-image: -moz-linear-gradient( 90deg, rgba(3,0,0,.7) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(3,0,0,.7) 0%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(3,0,0,.7) 0%, rgba(0,0,0,0) 100%);
}
.t_theme .img_sub.none__ .img{width: 50%;}/*画像2個の場合*/
.t_theme .img_sub.none_ .img{width: 100%;}/*画像1個の場合*/
.t_theme .no_image .txt_box{width: 100%;min-height: auto;padding: 0 12% !important;}

.about_history{width: 800px;margin: 0 auto;}
.about_history .set{border-bottom: 1px solid #e4e4e4;padding: 23px 10px;}
.about_history > .left{width: 560px;}
.about_history > .right{width: 200px;}
.about_history .img_box{margin: 0 0 18px;}
.about_history .caption{font-size: 15px;margin: 2px 0 0 0;}

.staff_caution{margin-top: 0;}
.staff_caution h3{background: #00913d;color: #fff;text-align: center;padding: 19px 0;font-size: 26px;font-weight: bold;margin: -37px -37px 35px;}

.com_dl{width: 100%;background: #f7f7f7;border-bottom: 1px solid #e4e4e4;}
.com_dl,.com_dl dt,.com_dl dd {box-sizing: border-box;}
.com_dl dt,
.com_dl dd{padding: 15px 15px 0 15px;border-top: 1px solid #e4e4e4;}
.com_dl dt {width: 31%;float: left;}
.com_dl dd {background: #fff;margin-left: 31%;padding-bottom: 15px;}
.com_dl dd:after {content: '';display: block;clear: both;}

.staff_caution .com_dl dt{width: 25%;}
.staff_caution .com_dl dd{margin-left: 25%;}
/*
.staff_caution .com_dl{width: 490px;float: left;}
.staff_caution .com_dl:first-of-type{margin-right: 24px;}
*/

.staff_caution .txt{clear: both;padding: 20px 0 0 0;}

/*ギャラリー*/
.category_list{text-align: center;}
.category_list li{display: inline-block;margin: 0 6px 12px;}
.category_list a{display: inline-block;transition: all .3s ease;background: #00913d;color: #fff;padding: 5px 38px;border-radius: 20px;text-decoration: none;position: relative;}
.category_list a:hover,
.category_list .on a{background: #6eb83f;}

#gallery .category_list,
#faq .category_list{padding: 50px 0;margin: 0 0 -12px;}
#gallery .pager{padding: 25px 0;background: #fbf8f2;}

.gallery_wrapp{padding: 86px 0;background: #fbf8f2;}
.pager + .gallery_wrapp{padding: 0;}

.gallery{margin: 0 120px;}
.gallery .img_box{background-size: cover;background-position: center;padding: 20% 0 0 0;width: 20%;float: left;line-height: 0;}
.gallery .img_box:first-of-type{padding: 40% 0 0 0;width: 40%;}
.gallery .img_box:nth-of-type(8){clear: both;}
.gallery .img_box:nth-of-type(21n){padding: 40% 0 0 0;width: 40%;float: right;}
@media screen and (max-width: 1320px){
   .gallery{width: 1080px;margin: 0 auto;}
}

/*WEB入会　お問い合わせ*/
.form_step{text-align: center;background: #fbf8f2;width: 100%;padding: 30px 0;margin: 0 0 44px;}
.form_step li{width: 234px;background: #fff;border-radius: 5px;margin-right: 40px;padding: 10px 0 9px;position: relative;display: inline-block;text-align: center;
border: 3px solid #e4e4e4;}
.form_step li.on{background: #00913d;color: #fff;
border: 3px solid #00913d}
.form_step li::after{content: "";display: block;width:0;height:0;position: absolute;margin: -12px 0 0 0;top: 50%;right: -29px;
border-left:10px solid #c1c1c1; border-top:12px solid transparent; border-bottom:12px solid transparent;}
.form_step li:nth-of-type(3n)::after{display: none;}

.web_in_flow{margin-bottom: -20px;counter-reset: number 0;}
.web_in_flow .set{width: 238px;float: left;margin: 0 40px 40px 0;position: relative;border: 1px solid #e0e0e0;}
.web_in_flow .set:nth-of-type(4n){margin-right: 0;}
.web_in_flow .set:nth-of-type(4n+1){clear: both;}
.web_in_flow .set::after{content: "";display: block;width:0;height:0;position: absolute;margin: -20px 0 0 0;top: 50%;right: -27px;
border-left:10px solid #00913d; border-top:20px solid transparent; border-bottom:20px solid transparent;}
.web_in_flow .set:nth-of-type(4n)::after,
.web_in_flow .set:last-of-type::after{display: none;}
.web_in_flow .img{width: 208px;height: 160px;background-size: cover;background-position: center;border: 15px #eee solid;}
.bgcol .web_in_flow .img{border: 15px #e8e8e8 solid;}
.web_in_flow .txt{line-height: 1.5;padding: 13px 8px;background: #00913d;color: #fff;font-weight: bold;text-align: center;position: relative;}
.web_in_flow .step{
   position: absolute;top: -20px;left: -13px;
   line-height: 1;
   font-size: 22px;
   font-weight: bold;
   display: inline-block;
   background: #00913d;
   color: #fff;
   text-align: center;
   padding: 7px 10px;
   border-radius: 50%;
   border: 3px solid #fff;
   z-index: 1;
}
/*.web_in_flow .step > div{transform: translateY(-3px);}*/
.web_in_flow .step span{font-size: 11px;font-weight: normal;display: inline-block;transform: translateY(1px);}
.web_in_flow .step span:after{counter-increment: number 1;content: counter(number) " ";display:block;font-size: 22px;    font-weight: bold;}

.web_in_flow .txt::before{content: "";position: absolute;top: -15px;left: 50%;margin: 0 0 0 -15px;
width:0;height:0; border-bottom:15px solid #00913d; border-left:15px solid transparent; border-right:15px solid transparent;}
.web_in_flow .imgcheck .img,
.web_in_flow .imgcheck .txt::before{display: none;}
.web_in_flow .imgcheck .txt{padding: 10px 48px;}
/*施設紹介*/
.facility_map{margin: 93px 0 -31px;}

.t_pickup_wrapp{padding: 93px 0 40px;}

.t_pickup .set{width: 332px;float: left;margin: 0 42px 56px 0;}
.t_pickup .set:nth-of-type(3n+1){clear: both;}
.t_pickup .set:nth-of-type(3n){margin-right: 0;}
.t_pickup .set a{text-decoration: none;}
.t_pickup .img_box{margin: 0 0 12px;background-size: cover;width: 332px;height: 220px;}
.t_pickup h2,
.t_pickup .title{font-size: 20px;padding-left: 29px;margin: 0 0 6px;position: relative;font-weight: bold;}
.t_pickup h2::before,
.t_pickup .title::before{width: 23px;height: 23px;left:0;top:4px;content: "";background: url(../images/ico_link_m.png);display: block;position: absolute;}
.t_pickup .txt{font-size: 15px;line-height: 1.5;}

.reason_wrapp .set{width: 522px;float: left;margin: 0 36px 56px 0;}
.reason_wrapp .set:nth-of-type(3n+1){clear: none;;}
.reason_wrapp .set:nth-of-type(3n){margin-right: 36px;}
.reason_wrapp .set:nth-of-type(2n+1){clear: both;}
.reason_wrapp .set:nth-of-type(2n){margin-right: 0;}
.reason_wrapp .img_box{margin: 0 0 12px;background-size: cover;width: 522px;height: 220px;}

/*トレーナー紹介*/
.coaches_wrapp{margin-bottom: -54px;}
.coaches{width: 518px;float: left;margin: 0 44px 54px 0;}
.coaches:nth-of-type(2n+1){clear: both;}
.coaches:nth-of-type(2n){margin-right: 0;}
.coaches .img{width: 185px;float: left;}
.coaches .txt{width: 310px;float: right;padding: 12px 0 0 0;}
.coaches .message{clear: both;position: relative;line-height: 1.4;border-radius: 6px;padding: 25px;margin: 30px 0 0 0;
background: #f7f3eb;text-shadow: 0px 1px 0px #fff;}
.coaches .message h3{display: none;}
.coaches .message::before{content: "";position: absolute;top: -15px;left: 70px;
width:0;height:0; border-bottom:15px solid #f7f3eb; border-left:15px solid transparent; border-right:15px solid transparent;}
/*.coaches .message::after{content: "";background: url(../images/ico_coaches.png);width: 104px;height: 111px;display: block;position: absolute;right: 10px;bottom: 10px;}*/
.coaches .name{font-size: 27px;font-weight: bold;line-height: 1.1;}
.coaches .ruby{font-size: 15px;line-height: 1.1;margin: 2px 0 0 0;}
.coaches dl{margin: 13px 0 0 0;font-size: 16px;}
.coaches dt{float: left;clear: both;padding: 0 0;}
.coaches dd{padding: 0 0 0 75px;text-align: right;}

/*よくある質問*/
.faq{background: #fff;padding: 50px;border-radius: 20px;margin: 0 auto 40px;width: 80%;}
.faq h2{padding: 0 0 17px 65px;margin: 0 0 17px;border-bottom: 1px solid #d4d1cb;font-size: 21px;font-weight: bold;position: relative;}
.faq .txt{position: relative;padding: 5px 0 0 65px;line-height: 1.5;}
.faq h2::before,
.faq .txt::before{content: "Q";display: inline-block;width: 50px;line-height: 50px;border-radius: 50%;color: #fff;font-weight: normal;text-align: center;font-size: 24px;position: absolute;top: -7px;left: 0;}
.faq h2::before{background: #00913d;}
.faq .txt::before{background: #6eb83f;content: "A";}
.faq .com_btn{margin: 30px 0 0 0;}

.faq2{background: #fbf8f2;border-radius: 10px;width: 518px;float: left;margin: 0 44px 54px 0;overflow: hidden;}
.faq2:nth-of-type(2n+1){clear: both;}
.faq2:nth-of-type(2n){margin-right: 0;}

.faq2 h2s{padding: 25px 0 25px 88px;border-bottom: 1px solid #d4d1cb;font-size: 21px;font-weight: bold;position: relative;
background: #6eb83f;color: #fff;}
.faq2 .txt{position: relative;padding: 30px 40px 40px;line-height: 1.5;}
.faq2 h2::before{content: "Q";display: inline-block;width: 50px;line-height: 50px;border-radius: 50%;background: #fff;color: #00913d;font-weight: normal;text-align: center;font-size: 24px;position: absolute;
top: 50%;left: 20px;margin-top: -25px;}
.faq2:nth-of-type(4n+1) h3,
.faq2:nth-of-type(4n) h3{background: #00913d;}

.faq2 .btn{margin: -10px 0 0 0;padding: 0 0 35px;}
.faq2 .com_btn{min-width: 350px;}
.faq2:nth-of-type(4n+2) .com_btn,
.faq2:nth-of-type(4n+3) .com_btn{background: #64a739;
background-image: -moz-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(102,171,58) 0%, rgb(99,167,57) 49%, rgb(103,173,59) 50%, rgb(103,173,59) 100%);}

/*アクセス*/
.gmap iframe{width: 100%;}
.access_caution h2{background: #00913d;color: #fff;text-align: center;padding: 17px 0;font-size: 22px;font-weight: bold;margin: -37px -37px 35px;}
.access_caution .in{width: 212px;}
.access_caution .in:nth-of-type(odd){float: left;}
.access_caution .in:nth-of-type(even){float: right;}

/*1日体験*/
.lesson_header{padding-bottom:100px;}
.lesson_header > h2{width:100%;height:310px;margin-bottom:40px;}
.lesson_header > h2 span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;
-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}

.lesson_flow .set{position: relative;margin: 0 0 50px;}
.lesson_flow .set:last-of-type{margin-bottom: 0;}
.lesson_flow .img{float: left;width: 332px;}
.lesson_flow .txt_box{width: 706px;float: right;}
.lesson_flow .txt_box h3{font-size: 23px;margin: 5px 0 0 0;font-weight: bold;}
.lesson_flow .txt_box .txt{margin: 15px 0 0 0;}

.lesson_flow .set::before{content: "";display: block;width:0;height:0;position: absolute;bottom: -34px;left: 147px;
border-top:19px solid #00913d; border-left:18px solid transparent; border-right:18px solid transparent;}
.lesson_flow .set:last-of-type::before{display: none;}

.lesson_banner{display: flex;max-width: 1080px;margin:60px auto 0;gap: 0 80px;}
.lesson_banner p a:hover{opacity: .8;}


/*初心者*/
.beginner_header{padding-bottom:100px;}
.beginner_header h2{width:100%;height:535px;}
.beginner_header h2 span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;
-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}

.why_select_wrapp{padding: 93px 0 70px;}
.why_select_wrapp + .check{margin-top: -100px;}

.why_select .set{width: 520px;float: left;margin: 0 40px 56px 0;}
.why_select .set:nth-of-type(2n+1){clear: both;}
.why_select .set:nth-of-type(2n){margin-right: 0;}
.why_select .set a{text-decoration: none;}
.why_select .img_box{margin: 0 0 12px;background-size: cover;width: 520px;height: 260px;}
.why_select .title{font-size: 20px;padding-left: 37px;margin: 0 0 7px;position: relative;font-weight: bold;}
.why_select .title .num{width: 30px;height: 30px;left:0;top:1px;content: "";display: block;position: absolute;
background: #00913d;border-radius: 50%;line-height: 30px;text-align: center;color: #fff;font-weight: normal;}
.why_select .txt{font-size: 15px;line-height: 1.5;}

.voice{margin-bottom: -40px;}
.voice .set{background: url(../images/bg_voice.jpg) 20px;border: 1px solid #f4f4f2;
box-sizing: border-box;padding: 32px;margin-bottom:40px;}
.voice .set .title{font-weight: bold;margin: 0 0 10px;font-size: 20px;}
.voice .set .txt{line-height: 1.5;}
.voice .set .name{text-align: right;margin: 7px 0 0 0;}

/* FlexSlider Default Theme*********************************/
#slider_img{position: relative;}
.flexslider { position: relative; zoom: 1;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;height: 348px;overflow: hidden;}
.flexslider li{height: 348px;background-size: cover;background-position: center;}
.flexslider li a,.flexslider li span{display: block;height: 100%;width: 100%;}
.carousel li {margin-right: 5px}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{transition: all .3s cubic-bezier(0.045, 0.895, 0.555, 1.290);text-indent:100%;overflow:hidden;white-space:nowrap;position: absolute;width: 58px;height: 58px;background: url(../images/slide_prev.png);top: 50%;margin-top: -29px;}
.flex-direction-nav .flex-prev{left: 80px;}
.flex-direction-nav .flex-next{right: 80px;background: url(../images/slide_next.png);}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover{transform: scale(1.22);}

.flex-control-nav{height:12px;text-align:center;margin-top: 7px;}
.flex-control-nav li{margin: 0 6px;line-height:12px;display:inline-block;}
.flex-control-nav a{width:10px;height:10px;border-radius: 50%;border: 1px solid #999999;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a.flex-active{background: #00923d;width:12px;height:12px;border: 0;}

/*news*/
.news_wrapp{}

.news_box{width: 780px;float: left;position: relative;}
.news_box h3{ margin: 0 0 10px;}
.news_box h4{ line-height: 1;margin: 0 0 18px;font-size: 28px;color: #00913d;font-weight: bold;}
.news_box .set{ padding: 45px 30px;border-bottom: 1px solid #e4e4e4;}
.news_box .pager{ margin-top: 30px;}
.news_box .pager.posi_ab{position: absolute;right: 0;bottom: 0;}
.news_box .pager li.arrow{width: auto;}
.news_box .pager li.arrow a{width: auto;}
.news_box .pager li.arrow.next a{padding: 0 30px 0 20px;}
.news_box .pager li.arrow.prev a{padding: 0 20px 0 30px;}
.news_box .pager li.arrow.next a::before{left: inherit;right: 10px;margin-left: 0;}
.news_box .pager li.arrow.prev a::before{left: 10px;margin-left: 0;}
.t_news{width: 260px;font-size: 15px;border: 2px solid #e4e4e4;line-height: 1.4;float: right;}
.t_news h2{border-bottom: 1px solid #cbcbcb;margin: 16px 15px 0 15px;color:#007330;font-size: 20px;font-weight: bold;}

.t_news ul{/*max-height: 240px;overflow: auto;*/padding: 0 15px;}
.t_news li{border-bottom: 1px dashed #cbcbcb;}
.t_news li:last-of-type{border-bottom: 0;}
.t_news li a{display: block;padding: 12px 0;}


/*guide_kids*/
.l_kids_school_pre{padding: 30px 0 40px; }
.l_kids_school_pre .center_box{background: url(../images/bg_area_pre_kids.png) no-repeat 50% 50%;position: relative;height: 211px;}
.l_kids_school_pre .area_btn{position: absolute;right: 100px;bottom: 26px;width: 340px;height: 50px;
}
.l_kids_school_pre .area_btn a{
    line-height: 50px;font-size: 17px;width: 100%;min-width: inherit;
   background-image: linear-gradient( 90deg, rgb(108,181,62) 0%, rgb(106,177,61) 48%, rgb(110,184,63) 49%, rgb(110,184,63) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(108,181,62) 0%, rgb(106,177,61) 48%, rgb(110,184,63) 49%, rgb(110,184,63) 100%);
}
.l_kids_school_pre .area_btn a.com_btn::before {top: 20px;}

.l_kids_school.guide_detail_wrapp{padding-top: 65px;}
.title_all.title_kids{color: #fff;display: block;text-align: center;line-height: 320px;font-weight: bold;font-size: 38px;background-image:  url(../images/bg_kids_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;
}

.area_kids_point{overflow-x: hidden;}
.area_kids_point .top_text{
padding-right: 370px;
letter-spacing: 0;
position: relative;
}

.area_kids_point .top_text .kids_img{
display: inline-block;width:280px;
    position: absolute;right:30px;top:30px;
}

.list_merit {display: flex;margin-top: 70px;margin-left: -10px;margin-right: -10px;text-align: center;
  justify-content: center;align-items: center;
}
.list_merit li.listbox{width:20%;margin-bottom: 10px;flex-wrap: wrap;text-align: center;display: inline-block;
}
.list_merit li.listbox span{font-family: "M PLUS 1p";color:#007330;font-size: 28px;background: url(../images/bg_kids_merit.png) no-repeat 50% 50%;
    display: inline-flex;line-height: 32px;text-align: center;width:200px;align-items: center;
    justify-content: center;height: 200px;
}
/**/
.kids_class .inner_area{background: #fff;padding: 30px;}
.kids_class .inner_area > p{padding-top:10px;text-align:right;}
ul.class_type{display: flex;flex-wrap: wrap;padding-bottom: 15px;}
.class_type li{display: inline-block;margin-bottom: 15px;}
.class_type li span.icon{-webkit-border-radius: 5px;border-radius: 5px;
font-size: 17px;line-height: 35px;display: inline-block;color:#fff;width: 130px;text-align: center;margin-right: 20px;
}
.class_type li.cl_red span.icon{background: #d80314;
}
.class_type li.cl_green span.icon{background: #32b16c;
}
.class_type li.cl_yellow span.icon{background: #f4c300;
}
.guide_detail .kids_class table td{padding: 20px 7px;}
.guide_detail table td.name{font-size: 17px;line-height: 24px;}
.guide_detail table td span{display: block;font-size: 20px;line-height: 1;margin-bottom: 10px;}
.guide_detail table td.cl_red{background: #fff1f2;}
.guide_detail table td.cl_red span,.guide_detail table td.cl_RED{color: #d80314;}
.guide_detail table td.cl_green{background: #f3fff8;}
.guide_detail table td.cl_green span,.guide_detail table td.cl_GREEN{color: #32b16c;}
.guide_detail table td.cl_yellow{background: #fffcef;}
.guide_detail table td.cl_yellow span,.guide_detail table td.cl_YELLOW{color: #f4c300;}
.guide_detail table td.racket{background: url(../images/bg_td_racket.png) no-repeat 50% 50%;
}
.guide_detail table td.racket span{display: inline-block;font-size: 28px;}

.guide_detail table td.court span {
    font-size: 15px;
    margin-top: 10px;
}


/**/
.kids_course_free .com_btn{background: rgb(252,147,23);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,147,23,1)), color-stop(50%,rgba(252,147,23,1)), color-stop(50%,rgba(243,142,22,1)), color-stop(100%,rgba(248,145,23,1)));
background: -webkit-linear-gradient(top,  rgba(252,147,23,1) 0%,rgba(252,147,23,1) 50%,rgba(243,142,22,1) 50%,rgba(248,145,23,1) 100%);
background: linear-gradient(to bottom,  rgba(252,147,23,1) 0%,rgba(252,147,23,1) 50%,rgba(243,142,22,1) 50%,rgba(248,145,23,1) 100%);
width: 300px;min-width: inherit;
-webkit-border-radius: 26.5px;border-radius: 26.5px;line-height: 53px;
}
.kids_course_free .com_btn::before {
right: 15px;top: 20px;
}

/**/

.area_time_table{display: flex;}
.area_time_table .box{display: inline-block;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_time_table .box:nth-of-type(1),.area_time_table .box:nth-of-type(2n+1){padding-right: 20px;}
.area_time_table .box:nth-of-type(2n){padding-left: 20px;}
.kids_course_table table{width: 100%;}

/**/
.kids_area_spot{display: flex;}
.guide_detail .kids_area_spot .box { width: 540px; margin-right: 18px;padding-top: 36px;}
.kids_area_spot .map{width: 523px;position: relative;height: 340px;
overflow: hidden;
}
.kids_area_spot .map iframe{
position: absolute;top: 0;left: 0;width: 100% !important;
height: 100% !important;
}

/**貸しコート**/
.content_rental h2{border-bottom: 2px solid #cecbc6;font-size: 28px;font-weight: bold;margin-bottom: 22px;position: relative;}
.content_rental h2 span{float:right;font-size:18px;line-height:48px;}
.content_rental table{margin-bottom:30px;background: #fff;border-bottom: 1px solid #cecbc6;border-left: 1px solid #cecbc6;width: 100%;}
.content_rental th,
.content_rental td{border-right: 1px solid #cecbc6;border-top: 1px solid #cecbc6;padding: 5px 7px;text-align: center;}
.content_rental th{background-color:#f7f1e6;}
.content_rental td{}
.content_rental p{padding-bottom:70px;}