/*----------目次ここから----------
        ●リセット
        ●汎用
        ●汎用PC
        ●汎用SP
        ●上位要素
        ●アイキャッチ
        ●Tennis Analyzer とは？
        ●テニスの1ポイントは次の4つで決まる!!
        ●こんな方にオススメ!!
        ●for personal
        ●2つのサービス
        ●ゲーム内容の傾向と対策をアドバイス
        ●for personal 利用料金
        ●お試しキャンペーン実施中!!
        ●for team
        ●for teamとは？
        ●テニスチームの定着率アップに!!
        ●for teamはこんな方にオススメ!!
        ●for team 利用料金
        ●会員登録特典
        ●試合映像の送り方
        ●商品お渡し方法
        ●Tennis Analyzer事務局
        ●YouTube埋め込み
        ●PC
        ●SP1
        ●SP2
        ----------目次ここまで----------*/
/*●リセット*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
Released under the CC0 Public Domain Dedication and MIT license
https://opensource.org/licenses/mit-license.php
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}

body {
    line-height: 1.5;
    font-family: 'Lato', "Noto Sans JP", sans-serif;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
ol {
    list-style-type: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

a {
    text-decoration: none;
    color: inherit;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

main {
    display: block;
}


img {
    vertical-align: top;
    width: auto;
    height: auto;
}

address {
    font-style: normal;
}

a:hover {
    opacity: 0.5;
}

/*●汎用*/
.info_wrap::before,
.points::before,
.personal::before,
.service_title_wrap::before {
    content: "";
    display: block;
    width: 3.49%;
    position: absolute;
    left: 0;
    padding-top: 86.098654708520448%;
    background-image: radial-gradient(ellipse farthest-corner at center center, rgba(255, 255, 255, 0.8) 5%, rgba(45, 45, 45, 0.1) 61%, rgba(0, 0, 0, 0));
    background-size: 100% 100%;
    z-index: 1;
}

.none {
    display: none !important;
}


@media screen and (min-width:1000px) {

    /*●汎用PC*/
    .breakpoint_pc {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}




/*●上位要素*/
@media screen and (min-width:1000px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (max-width:999px) {
    html {
        font-size: 1vw;
    }
}

body {
    font-size: 1.6em;
    background-color: #969696;
}

.all_wrap {
    max-width: 980px;
    margin: 0 auto;
    background-image: radial-gradient(ellipse farthest-corner at center center, #2d2d2d, #000);
}

.all_wrap_inner {
    background-image: url(../img/film.svg), url(../img/film.svg);
    background-size: 4.4897959183673% auto;
    background-repeat: repeat-y;
    background-position: top left, top right;
    padding: 0 4.4897959183673% 0 4.4897959183673%;
}


.all_wrap_inner2::before {
    bottom: 0;
    margin-bottom: -30%;
}





/*●アイキャッチ*/
.eyecatch {
    padding-top: 69.90950226244347%;
    position: relative;
    background-image: url(../img/eyecatch.jpg?3);
    background-size: contain;
    position: relative;
    z-index: 2;
    /*z-index=.about's z-indexより+1*/
}

.eyecatch_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.eyecatch_free {
    width: 26.681614349775868%;
    margin-bottom: -2.690582959641264%;
    position: absolute;
    bottom: 0;
    left: 0;
}


/*●Tennis Analyzer とは？*/
.about {
    margin-top: 1.345291479820632%;
    position: relative;
    z-index: 1;
    /*z-index=.eyecatch's z-indexより-1*/
}

.about_title {
    background-image: url(../img/gradient-black.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 1.793721973094176% 0;
    background-size: 100% 100%;
}

.about_title_txt {
    color: #ffffff;
    font-size: 5.5rem;
    font-weight: 900;
}

.about_title_txt2 {
    font-size: 5rem;
}

.about_content {
    background-image: linear-gradient(45deg, #ffffff 31.7096%, #dadada 48.8751%, #ffffff 79.7476%);
    width: 87.107623318385922%;
    margin: 2.914798206278036% auto 0 auto;
}

.about_title2_wrap {
    padding-top: 29.086229086229154%;
    position: relative;
    background-image: url(../img/tennis-girl.jpg);
    background-size: cover;
}

.about_title2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.about_title2_txt {
    color: #ffffff;
    font-size: 4.6rem;
    text-shadow: 0 0 0.1em #002135, 0 0 0.1em #002135, 0 0 0.1em #002135, 0 0 0.1em #002135;
    line-height: 1.260869565217391;
    margin-left: 2.960102960102967%;
}

.about_des_wrap {
    padding: 2.252252252252258% 4.890604890604902%;
}

.about_des {
    font-size: 2.5rem;
    line-height: 1.28;
    font-weight: 500;
}

.about_strong {
    font-size: 3rem;
    font-weight: 700;
}

/*●テニスの1ポイントは次の4つで決まる!!*/

.points {
    margin-top: 3.139013452914808%;
    background-image: url(../img/nail-top.png), url(../img/nail-bottom.png), url(../img/black-back.jpg);
    background-size: 100% auto, 100% auto, 100% 100%;
    background-repeat: no-repeat;
    background-position: top left, bottom left, top left;
    padding-top: 6.502242152466388%;
    position: relative;
}

.points::before {
    bottom: 0;
    margin-bottom: -10%;
}

.points_title_wrap {
    position: relative;
}

.points_title_wrap,
.points_title_wrap::after {
    padding-bottom: 2.04081632653062%;
}

.points_title_wrap::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/title-back-shadow.png);
    background-size: 100% 100%;
}

.points_title {
    padding: 2.017937219730948% 0;
    text-align: center;
    background-image: url(../img/point.svg), url(../img/title-back.jpg);
    background-size: 13.789237668161478% 100%, 100% 100%;
    color: #fff;
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: calc(100% - 7.152145643693108%) 50%, top right;
}

.points_title_num {
    font-weight: 700;
    font-size: 6rem;
}

.points_content {
    width: 87.219730941704308%;
    margin: 1.457399103139018% auto 0 auto;
}

.points_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -2.5706940874036%;
    /* margin-top=.points_item's margini-top * -1 */
}

.points_item {
    width: 48.97172236503858%;
    margin-top: 2.5706940874036%;
    /* margin-top=.points_list's margini-topの絶対値 */
    background-image: linear-gradient(-135deg, #91cf5a 2.8556%, #c7dbbc 57.7034%, #39b04a 86.5168%, #91cf5a 99.4382%);
    display: flex;
}

.points_num_wrap,
.points_txt_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.points_num_wrap {
    background-image: url(../img/num-back.jpg);
    background-size: 100% 100%;
    color: #ffffff;
    width: 21.5223097112861%;
    font-size: 5rem;
    font-weight: 700;
    padding: 3.93700787401575% 0;
}

.points_txt_wrap {
    color: #000000;
    font-weight: 700;
    font-size: 3.7rem;
    flex: 1;
    text-shadow: 0 0 1.5rem #fff, 0 0 1.5rem #fff, 0 0 1.5rem #fff, 0 0 1.5rem #fff;
}

.points_therefore_wrap2 {
    position: relative;
    margin: 1.68161434977579% auto 0 auto;
}

.points_therefore_wrap2::after {
    content: "";
    width: 21.59383033419024%;
    padding-top: 16.32390745501286%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/tennis-tool.svg);
    background-size: contain;
}

.points_therefore_wrap {
    display: block;
    width: 40.35989717223652%;
    margin: 0 auto;
}

.points_therefore {
    width: 100%;
}

.points_analysis {
    margin-top: 0.89974293059126%;
}

.points_analysis_title {
    background-color: #ff0000;
    color: #ffffff;
    line-height: 1;
    text-align: center;
    font-weight: 900;
    font-size: 5rem;
    padding: 1.2853470437018% 0;
}

.points_analysis_des_wrap {
    background-image: linear-gradient(45deg, #ffffff 31.7096%, #cecece 48.8751%, #ffffff 79.7476%);
    font-size: 3.7rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    padding: 1.41388174807198% 0;
}

.points_analysis_des+.points_analysis_des {
    margin-top: 0.89974293059126%;
}

.points_analysis_strong {
    color: #ff0000;
}



/*●こんな方にオススメ!!*/
.points_recommend {
    position: relative;
    margin-top: 2.690582959641264%;
    padding-bottom: 18.609865470852076%;
    position: relative;
    z-index: 2;
}

.points_recommend_title_wrap {
    position: relative;
}

.points_recommend_title_wrap,
.points_recommend_title_wrap::after {
    padding-bottom: 2.04081632653062%;
}

.points_recommend_title_wrap::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/title-back-shadow.png);
    background-size: 100% 100%;
}

.points_recommend_title {
    padding: 2.017937219730948% 0;
    text-align: center;
    background-image: url(../img/title-back.jpg);
    background-size: 100% 100%;
    color: #fff;
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: top right;
}

.points_recommend_check_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 14.01345291479825%;
    padding-top: 15.13452914798211%;
    margin: 1.12107623318386% 0 0 7.174887892376704%;
}

.points_recommend_check {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.points_recommend_list_wrap {
    width: 87.44394618834108%;
    margin: 1.12107623318386% auto 0 auto;
}

.points_recommend_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -1.92307692307692%;
    /*margin-top=.points_recommend_item's margin-top * -1*/
}

.points_recommend_item,
.points_recommend_item_inner {
    border-radius: 9.615384615384625% / 35.71428571428571%;
}

.points_recommend_item {
    color: #fff;
    font-weight: 500;
    font-size: 3rem;
    width: 47.948717948717872%;
    background-image: linear-gradient(90deg, #91cf5a 2.8556%, #91cf5a 49.1355%, #39b04a 96.8391%);
    padding: 0.64102564102564%;
    text-align: center;
    margin-top: 1.92307692307692%;
    /*margin-top=.points_recommend_list's margin-topの絶対値*/
}

.points_recommend_item_inner {
    background-color: #000000;
    line-height: 1;
    padding: 3.84615384615384% 0;
}

.points_recommend_woman_wrap {
    width: 56.726457399103316%;
    padding-top: 35.089686098654818%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 1.233183856502246%;
    margin-right: 8.40807174887895%;
}

.points_recommend_woman_wrap2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.points_recommend_woman {
    width: 100%;
    margin-top: 5%;
}

/*●for personal*/
.personal {
    margin-top: 11.434977578475372%;
    position: relative;
}

.personal::before {
    bottom: 0;
    margin-bottom: -50%;
}

.personal_title {
    position: relative;
    z-index: 2;
}

.personal_title_img {
    width: 100%;
}

.personal_width {
    width: 85.874439461883676%;
    margin-left: auto;
    margin-right: auto;
}




/*●2つのサービス*/
.personal_service {
    margin-top: 2.466367713004492%;
    position: relative;
    z-index: 1;
}

.service_title_wrap {
    position: relative;
}

.service_title_wrap::before {
    top: 0;
    margin-top: -31.06%;
}

.service_title_wrap,
.service_title_wrap::after {
    padding-bottom: 4.820627802690598%;
    /*padding-bottomの値の影響範囲=後続兄弟要素のmargin-top*/
}

.service_title_wrap::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/title-back-shadow.png);
    background-size: 100% 100%;
    z-index: 2;
}



.service_title {
    padding: 2.017937219730948% 0;
    text-align: center;
    background-image: url(../img/title-back.jpg);
    background-size: 100% 100%;
    color: #fff;
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 3;
    position: relative;
}

.personal_service_items {
    margin-top: calc(-4.820627802690598% + 2.466367713004492%);
    /*margin-top=calc( -　.service_title_wrap,.service_title_wrap::after's padding-bottom + 空けたい隙間 )*/
}

.service_title2_wrap {
    display: flex;
    background-size: 100% 100%;
    padding: 2.61096605744126% 2.219321148825071%;
    align-items: center;
    border-radius: 2rem 2rem 0 0;
}

.service_title2_num {
    width: 9.426229508196687%;
    border: 0.4rem solid #fff;
    background-color: #000;
    color: #fff;
    font-size: 5.8rem;
    line-height: 1;
    text-align: center;
    font-weight: 700;
}

.service_title2 {
    font-size: 3.5rem;
    line-height: 1.055555555555556;
    font-weight: 700;
    flex: 1;
    padding-left: 1.775956284152999%;
}

.service_title2_2 {
    letter-spacing: 0.055em;
}

.personal_service_content {
    background-image: linear-gradient(45deg, #ffffff 31.7096%, #cdcdcd 48.8751%, #ffffff 79.7476%);
    display: flex;
}

.personal_service_content_type1 {
    padding: 3.002610966057449%;
}

.personal_service_content_type1_2 {
    align-items: center;
}

.personal_service_content1 {
    width: 58.33333333333338%;
    flex: 0 0 auto;
}

.personal_service_img {
    width: 100%;
}

.personal_service_content2 {
    flex: 1;
    padding-left: 2.638888888888891%;
}

.personal_service_des1,
.personal_service_list,
.personal_service_des2 {
    font-size: 1.98rem;
}

.personal_service_des1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
}

.personal_service_des1::first-line {
    line-height: 1;
}

.personal_service_list_item::before {
    content: "・";
}

.personal_service_list {
    font-weight: 500;
    margin-top: 1.25em;
    line-height: 1.4;
}

.personal_service_list1 {
    letter-spacing: -0.08em;
}

.personal_service_list2 {
    letter-spacing: 0;
}

.personal_service_des2 {
    padding-left: 1em;
    font-weight: 500;
    line-height: 1;
    margin-top: 0.2em;
}

.personal_light_wrap {
    display: flex;
    align-items: flex-end;
    margin-top: 9.252669039145896%;
}

.personal_light_block {
    width: 22.419928825622748%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.personal_light {
    width: 68.253968253968241%;
    flex: 0 0 auto;
}

.personal_light_triangle {
    width: 22.222222222222218%;
    flex: 0 0 auto;
}

.personal_bubble {
    flex: 1;
    font-size: 2rem;
    line-height: 1.3;
    border-style: solid;
    border-width: 0.2rem;
    text-align: center;
    border-radius: 1rem;
    z-index: 1;
    font-weight: 700;
    position: relative;
    right: 1%;
    z-index: 1;
    padding: 3.914590747330956% 0;
}

.personal_bubble1 {
    background-color: #ffda00;
    border-color: #ff0000;
    color: #ff0000;
}



.personal_regulate {
    border: 0.3rem solid #39b04a;
    background-color: #ffffff;
    padding: 0 2.142857142857142% 2.142857142857142% 2.142857142857142%;
    margin-top: 3.333333333333332%;
    background-image: url(../img/max.svg);
    background-position: top right;
    background-size: 14.734299516908227% auto;
    background-repeat: no-repeat;
}

.personal_regulate_title {
    width: 60.353535353535467%;
    background-image: url(../img/green-back.png);
    background-size: 100% 100%;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    font-size: 2rem;
    padding: 1.515151515151518% 0;
    text-align: center;
    margin: -2.272727272727277% auto 0 auto;
    text-shadow: 0 0 0.5em #39b04a, 0 0 0.5em #39b04a;
}

.personal_regulate_num_wrap {
    width: 6.565656565656578%;
    padding-top: 6.565656565656578%;
    position: relative;
    background-image: url(../img/circle-green.png);
    background-size: 100% 100%;
    color: #fff;
    flex: 0 0 auto;
}

.personal_regulate_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.personal_regulate_list {
    margin-top: 1.515151515151518%;
}

.personal_regulate_item {
    display: flex;
    align-items: flex-start;
}

.personal_regulate_item+.personal_regulate_item {
    margin-top: 1.010101010101012%;
}

.personal_regulate_txt {
    flex: 1;
    font-size: 2rem;
    font-weight: 500;
    padding-left: 1.515151515151518%;
    line-height: 1;
}

.personal_regulate_small {
    font-size: 1.7rem;
    letter-spacing: -0.05em;
}

.personal_regulate_small1 {
    display: block;
    margin-top: 3px;
}

/*●ゲーム内容の傾向と対策をアドバイス*/
.service_title3_wrap {
    display: flex;
    background-image: url(../img/blue-gradient.jpg);
    background-size: 100% 100%;
    padding: 1.566579634464756% 2.219321148825071%;
    align-items: center;
    border-radius: 2rem 2rem 0 0;
    position: relative;
}


.personal_bubble2 {
    background-color: #ff0000;
    border-color: #ffffff;
    color: #ffffff;
}


.service_title3_num {
    border: 0.4rem solid #ff0000;
    background-color: #ffffff;
    color: #ff0000;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    width: 31.42076502732229%;
    vertical-align: bottom;
    padding: 1.502732240437153%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -1.827676240208882%;
    margin-left: 2.219321148825071%;
}

.service_title3_num1 {
    font-size: 4rem;
}

.service_title3_num2 {
    font-size: 3.2rem;
}

.service_title3_num3 {
    font-size: 4.1rem;
}

.service_title3_num4 {
    font-size: 5.3rem;
}

.service_title3_num_inner {
    margin-top: 2.17391304347826%;
}

.service_title3_num5 {
    font-size: 4.8rem;
}

.service_title3 {
    font-size: 3.6rem;
    line-height: 1;
    font-weight: 700;
    flex: 1;
    padding-left: 1.775956284152999%;
    margin-left: 32.923497267759443%;
    letter-spacing: 0.05em;
}

.personal_service_arrow {
    width: 14.490861618798993%;
    display: block;
    margin: 1.436031331592693% auto;
}

.personal_service_item2 {
    margin-top: 6.278026905829616%;
}

.personal_service_des3 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.45;
    margin-top: -1.601423487544482%;
}

/*●for personal 利用料金*/
.service_title2_wrap {
    background-image: url(../img/green-gradient.jpg);
}

.personal_price_title_wrap {
    overflow: hidden;
}

.personal_price_title {
    text-shadow: 0 0 1.5em #22b073, 0 0 1.5em #22b073, 0 0 1.5em #22b073, 0 0 1.5em #22b073, 0 0 1.5em #22b073, 0 0 1.5em #22b073;
}

.personal_price_dd {
    text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff;
}

.service_title4 {
    color: #ffffff;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    width: 100%;
}

.service_title4_txt1 {
    font-size: 5.5rem;
}

.service_title4_txt2 {
    font-size: 5rem;
}

.personal_price_dl {
    line-height: 1;
    display: flex;
    font-weight: 700;
    align-items: center;
}

.personal_price_dt {
    font-size: 4.6rem;
}

.personal_price_dd {
    color: #ff0000;
    margin-left: 2.5rem;
}

.personal_price_dd1 {
    font-size: 17rem;
}

.personal_price_dd2 {
    font-size: 12.8rem;
}

.personal_price_dd3 {
    font-size: 8rem;
}

.personal_service_content_ver2 {
    flex-direction: column;
}

.personal_price_notes {
    font-size: 2.5rem;
    font-weight: 500;
}

.personal_price_notes1 {
    line-height: 1;
}

.personal_price_notes1 {
    margin-top: 4.027777777777781%;
}

.personal_price_note+.personal_price_note {
    margin-top: 1.944444444444446%;
}

.personal_price_note_num {
    font-size: 2.6rem;
    font-weight: 700;
}

/*●お試しキャンペーン実施中!!*/
.personal_try {
    margin-top: 6.278026905829616%;
    background-color: #ffffff;
}

.try_img {
    width: 100%;
}

.personal_try_note {
    text-align: right;
    padding-bottom: 10px;
}

.personal_link_wrap {
    text-align: center;
    margin-top: 3.587443946188352%;
    position: relative;
    padding-bottom: 3.587443946188352%;
}

.personal_link1 {
    background-image: url(../img/red-back.svg);
    text-shadow: 0 0 0.5em #ff0500, 0 0 0.5em #ff0500, 0 0 0.5em #ff0500, 0 0 0.5em #ff0500, 0 0 0.5em #ff0500;
}

.personal_link {
    background-size: contain;
    line-height: 1;
    color: #ffffff;
    font-size: 5rem;
    font-weight: 900;
    background-repeat: no-repeat;
    background-position: center center;
    width: 79.484304932735674%;
    margin: 0 auto;
    display: block;
    padding: 1.569506726457404%;
}



.personal_link_cursor {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 11.547085201793758%;
    width: 5.717488789237686%;
}

/*●for team*/
.team {
    margin-top: 2.80269058295965%;
    position: relative;
    z-index: 2;
}

.team_eyecatch {
    padding-top: 66.255605381166126%;
    position: relative;
    background-image: url(../img/tennis-for-team.jpg);
    background-size: contain;
    position: relative;
    z-index: 2;
    background-size: cover;
    /*z-index=.about's z-indexより+1*/
}

.team_eyecatch_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_eyecatch_free {
    width: 26.681614349775868%;
    margin-bottom: -6.390134529148002%;
    margin-left: 3.139013452914808%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.team_self {
    width: 18.385650224215304%;
    margin-bottom: -2.690582959641264%;
    margin-right: 5.941704035874458%;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*●for teamとは？*/
.team_title_wrap,
.team_title_wrap::after {
    padding-bottom: 3.475336322869966%;
}

.team_title_wrap {
    position: relative;
}

.team_title_wrap::after {
    content: "";
    display: block;
    background-image: url(../img/shadow.png);
    background-size: 100% 100%;
    background-position: left bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.team_title {
    background-image: url(../img/gold-back.jpg);
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 0.896860986547088%;
}

.team_title1 {
    font-size: 3.5rem;
    display: block;
}

.team_title2 {
    display: block;
}

.team_title2_1 {
    font-size: 7.2rem;
    margin-top: -1.5%;
}

.team_title2_small {
    font-size: 5.5rem;
}

.team_content_wrap {
    padding: 0 1.345291479820632%;
}

.team_content {
    background-image: url(../img/gold-gradient.jpg);
    background-size: 100% 100%;
    padding: 0.345622119815667%;
    border-radius: 2rem;
}

.team_content_inner {
    background-image: url(../img/gold-board.jpg);
    background-size: cover;
    padding: 2.32018561484918% 0;
    border-radius: 2rem;
}

.team_nail {
    margin: 0 auto;
    display: block;
    width: 88.399071925753758%;
}


/*●テニスチームの定着率アップに!!*/
.team_up {
    background-image: linear-gradient(45deg, #ffffff 31.7096%, #d8d8d8 48.8751%, #ffffff 79.7476%);
    width: 92.227378190254905%;
    margin: 3.016241299303934% auto 0 auto;
    padding: 3.016241299303934%;
}

.team_up_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team_up_title {
    width: 49.79811574697191%;
}

.team_up_img {
    width: 42.934051144010917%;
    flex: 0 0 auto;
}

.team_up_title_txt {
    display: block;
    color: #000000;
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.team_up_title_txt::after {
    content: "";
    display: block;
    padding-top: 1.89189189189189%;
    background-color: #ff0000;
    margin: 0 auto;
}

.team_up_title1::after {
    width: 100%;
}

.team_up_title2 {
    margin-top: 3.24324324324324%;
}

.team_up_des_wrap {
    margin-top: 2.018842530282645%;
    font-size: 2.5rem;
    line-height: 1.36;
    font-weight: 500;
}

.team_up_des_strong {
    font-size: 3rem;
    font-weight: 700;
}

.team_title_wrap2 {
    width: 103.480278422273428%;
    position: relative;
    right: 1.740139211136885%;
    margin-top: 3.248259860788852%;
}

.team_title2_2 {
    font-size: 5.2rem;
    margin-top: 0.456621004566212%;
}

.team_title_wrap2_img {
    width: 14.01345291479825%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-left: 4.48430493273544%;
    margin-top: -0.672645739910316%;
}

/*●for teamはこんな方にオススメ!!*/
.team_recommend_content {
    position: relative;
}

.team_recommend_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_recommend_back_img {
    position: absolute;
}

.team_recommend_back1 {
    width: 62.180974477958024%;
    top: 0;
    left: 0;
    margin-left: 10.092807424593933%;
}

.team_recommend_back2 {
    width: 33%;
    bottom: 0;
    right: 0;
    margin-right: 2%;
    margin-bottom: -3.248259860788852%;
}

.team_recommend_list {
    width: 69.025522041763105%;
    margin-left: 4.64037122969836%;
    padding-top: 14.269141531322457%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.team_recommend_item:nth-child(1),
.team_recommend_item:nth-child(2) {
    background-image: url(../img/gold-line-back.svg);
    text-align: center;
}

.team_recommend_item:nth-child(3) {
    background-image: url(../img/gold-line-back-big.svg);
}

.team_recommend_item:nth-child(4) {
    background-image: url(../img/gold-line-back-medium.svg);
}

.team_recommend_item {
    background-image: url(../img/gold-line-back.svg);
    background-size: 100% 100%;
    border-radius: 3.5rem;
    padding: 0.5rem;
}

.team_recommend_item1 {
    width: 48.067226890756216%;
}

.team_recommend_item2 {
    width: 100%;
    margin-top: 2.52100840336134%;
}

.team_recommend_item_inner {
    border-radius: 3.5rem;
    font-weight: 500;
    font-size: 3rem;
    line-height: 1;
    color: #ffffff;
    padding: 3.6231884057971%;
}

.team_recommend_item_txt {
    display: table;
    margin: 0 auto;
}



/*●for team 利用料金*/

.team_price_title_wrap {
    background-image: url(../img/gold.jpg);
    overflow: hidden;
}

.team_price_title {
    text-shadow: 0 0 1.5em #f28e1e, 0 0 1.5em #f28e1e, 0 0 1.5em #f28e1e, 0 0 1.5em #f28e1e, 0 0 1.5em #f28e1e, 0 0 1.5em #f28e1e;
}

.team_price_dt {
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.2;
}

.team_price_dd {
    line-height: 1;
    color: #ff0000;
}

.team_price_dd1 {
    font-size: 11rem;
}

.team_price_dd2 {
    font-size: 8.2rem;
}

.team_price_dd3 {
    font-size: 5.1rem;
}

.team_price_dd4 {
    font-size: 4.7rem;
}

.team_price_des {
    line-height: 1.24;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.team_price_dd {
    text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff;
}

.team_price {
    width: 90.139211136890643%;
    margin: 3.248259860788852% auto 0 auto;
    position: relative;
    overflow: hidden;
    /*overflow:hidden;=IE横スクロールバー対策*/
}

.team_price_rackets {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.642213642213674%;
    margin-top: 5.534105534105547%;
    margin-right: 4.504504504504515%;
}

.team_price_note {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    text-align: right;
    margin-top: 1.131541725601128%;
}

.team_price_note_num {
    font-size: 2.8rem;
    font-weight: 700;
}

.personal_service_content_type2 {
    padding: 4.504504504504515%;
}

.personal_apply_price_wrap {
    margin-top: 2.687411598302679%;
    display: flex;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1;
}

.personal_apply_price_num {
    font-size: 2.8rem;
    font-weight: 700;
}

.personal_price_kome {
    color: red;
}

.file_manual {
    margin: 0.5% 0 0 2%;
}


.file_manual_item::before {
    content: "●";
}

.team_price_required {
    margin: 2% 0 0 2%;
}

/*●会員登録特典*/
.team_benefits_wrap {
    padding-top: 4.526166902404512%;
    /*padding-top=.team_benefits_title_wrap's margin-topの絶対値*/
    margin-top: 2.121640735502115%;
}

.team_benefits {
    background-image: url(../img/frame.gif);
    background-size: 100% 100%;
    padding: 10.608203677510575% 6.930693069306909% 6.789250353606768% 6.930693069306909%;
    position: relative;
}

.team_benefits_title_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 76.661951909476422%;
    margin-top: -4.526166902404512%;
    /*padding-top=.team_benefits_wrap's padding-top × -1 */
    padding-bottom: 3.111739745403102%;
    background-image: url(../img/ribbon-orange.gif);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.team_benefits_title {
    font-weight: 900;
    font-size: 5.1rem;
    line-height: 1;
    padding: 2.02952029520295% 0;
    text-align: center;
    background-image: url(../img/ribbon.gif);
    background-size: 100% 100%;
    color: #ffffff;
    width: 84.870848708487%;
    margin: 0 auto;
}

.team_benefits_item {
    display: flex;
}

.team_benefits_item+.team_benefits_item {
    margin-top: 2.29885057471265%;
}

.team_benefits_item1 {
    align-items: flex-start;
}

.team_benefits_item2 {
    align-items: center;
}

.team_benefits_price {
    display: flex;
    align-items: center;
    width: 100%;
}

.team_benefits_txts {
    width: 100%;
    padding-left: 0.499168053244593%;
    flex: 1;
}

.team_benefits_txt {
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 1;
}

.team_benefits_price1_wrap {
    width: 32.486388384755052%;
}

.team_benefits_triangle_wrap {
    width: 4.667863554757624%;
    text-align: center;
}

.team_benefits_triangle {
    width: 53.846153846153844%;
}

.team_benefits_price1 {
    font-size: 4.6rem;
    line-height: 1;
    font-weight: 700;
    position: relative;
    margin-top: 2.424242424242424%;
}

.team_benefits_price1_comma {
    font-size: 3.9rem;
}

.team_benefits_price1_yen {
    font-size: 2.3rem;
}

.team_benefits_price1_label {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
}

.team_benefits_price2 {
    font-size: 9.69rem;
    line-height: 1;
    font-weight: 700;
    transform-origin: top left;
    color: #ff0000;
}

.team_benefits_price2_comma {
    font-size: 7.225rem;
}

.team_benefits_price2_yen {
    font-size: 4.505rem;
}


.team_benefits_num_wrap {
    padding-top: 7.820299500831957%;
    width: 7.820299500831957%;
    position: relative;
    background-image: url(../img/gold-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.team_benefits_num {
    position: absolute;
    top: 50%;
    right: 0.03em;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 3.4rem;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 0 0.2em #c1976d, 0 0 0.2em #c1976d;
}

.team_benefits_diagonal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.team_benefits_list {
    margin-top: 4.718693284936488%;
}

.team_benefits_list_item {
    line-height: 1;
    font-size: 2rem;
    font-weight: 700;
}

.team_benefits_list_item+.team_benefits_list_item {
    margin-top: 1.451905626134304%;
}

.team_benefits_list_item::before {
    content: "●";
    margin-right: 0.5em;
}

.team_benefits_list_num {
    font-size: 2.6rem;
    line-height: 1.807692307692308;
}

/*●試合映像の送り方*/
.give {
    margin-top: 7.062780269058318%;
    position: relative;
    z-index: 1;
}

.give_sec+.give_sec {
    margin-top: 4.606240713224372%;
}

.give_content {
    background-image: linear-gradient(45deg, #ffffff 31.7096%, #d6d6d6 48.8751%, #ffffff 79.7476%);
    margin: -4.820627802690598% auto 0 auto;
    /*margin-top=.service_title_wrap,.service_title_wrap::after's padding-bottom × -1*/
    width: 86.659192825112378%;
    padding: 5.6053811659193% 3.699551569506738%;
}

.give_title_wrap_back {
    background-image: url(../img/camera.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 18.424962852897488% auto;
}

.give_title_wrap_back2 {
    background-image: url(../img/envelope.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15.898959881129284% auto;
}


.give_title {
    line-height: 1;
    font-weight: 900;
    font-size: 3.6rem;
    color: #ff0000;
}

.give_title_big {
    font-size: 3.8rem;
}

.give_item {
    display: flex;
    font-size: 2.5rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.give_title_note {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
    margin: 1.980198019801974% 0 0 5%;
}

.give_title_note_big {
    font-size: 2.7rem;
}

.give_list {
    margin-top: 4.24328147100423%;
}

.give_item+.give_item {
    margin-top: 4.24328147100423%;
}

.give_des1_txt {
    font-weight: 700;
}

.give_item::before {
    content: "・";
    display: block;
}

.give_des {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin: 1.838755304101833% 0 0 5%;
}

/*●商品お渡し方法*/
.give_how_to {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.07em;
}

.give_alphabet {
    font-weight: 900;
}

.give_note {
    margin-top: 1.931649331352156%;
}

/*●その他疑問点などございましたら、下記リンクからお問い合わせください。*/
.contact {
    margin-top: 6.278026905829616%;
}

.contact_title {
    width: 79.59641255605406%;
    margin: 0 auto;
    display: block;
}

.personal_link2 {
    background-image: url(../img/blue-back.svg);
    text-shadow: 0 0 0.5em #0071b7, 0 0 0.5em #0071b7, 0 0 0.5em #0071b7, 0 0 0.5em #0071b7, 0 0 0.5em #0071b7;
}

.personal_link3 {
    background-image: url(../img/orange-back.png);
    text-shadow: 0 0 0.5em #ed7d00, 0 0 0.5em #ed7d00, 0 0 0.5em #ed7d00, 0 0 0.5em #ed7d00, 0 0 0.5em #ed7d00;
}


.tax {
    margin: 0.784753363228702% 0 0 9.304932735426038%;
    font-weight: 500;
    line-height: 1;
    font-size: 2.5rem;
    color: #ffffff;
}

/*●Tennis Analyzer事務局*/
.info_wrap {
    margin-top: 1.457399103139018%;
    position: relative;
    padding-bottom: 4.08163265306124%;
    overflow: hidden;
}

.info {
    background-image: linear-gradient(-45deg, #ffffff 31.7096%, #dadada 48.8751%, #ffffff 79.7476%);
    padding: 1.457399103139018% 4.372197309417054%;
    width: 86.659192825112378%;
    margin: 0 auto;
}

.info_header {
    display: flex;
    align-items: center;
}

.info_logo_wrap {
    width: 39.712230215827356%;
    text-align: right;
}

.info_logo {
    width: 92.75362318840576%;
}

.info_title_wrap {
    flex: 1;
    padding-left: 4.172661870503599%;
}

.info_title {
    line-height: 1;
}

.info_title1,
.info_title2 {
    display: block;
}

.info_title1 {
    font-size: 4.5rem;
    font-weight: 700;
}

.info_title2 {
    font-size: 4.3rem;
    font-weight: 900;
    margin-top: 0.769230769230768%;
}

.info_author_wrap {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 4.102564102564096%;
}

.info_author_label {
    font-size: 3rem;
    font-weight: 700;
}

.info_author {
    font-size: 4.7rem;
    font-weight: 900;
    margin-left: 15.128205128205104%;
}

.info_content {
    border-top: 0.3rem solid #000;
    border-left: 2rem solid #000;
    padding: 1.870503597122303% 0 1.870503597122303% 2.733812949640289%;
    display: flex;
    margin-top: 1.151079136690648%;
}

.info_label {
    background-color: #000000;
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    padding: 0.16em 0.52em;
    font-size: 2.5rem;
    font-weight: 700;
}

.info_content1 {
    width: 56.554878048780524%;
}

.info_content2 {
    flex: 1;
    border-left: 0.3rem solid #000;
}

.info_guide {
    border-left: 1.7rem solid #000;
    border-bottom: 0.3rem solid #000;
    padding: 0 0 5.31914893617021% 5.31914893617021%;
    font-size: 2.9rem;
    font-weight: 900;
    line-height: 1.103448275862069;
}

.info_address_wrap {
    padding: 6.382978723404252%;
}

.info_address {
    line-height: 1.24;
    font-weight: 700;
    font-size: 2.5rem;
    margin-top: 4.8780487804878%;
}

.info_label1 {
    margin-bottom: 4.043126684636115%;
}

.info_item+.info_item {
    margin-top: 2.156334231805928%;
}

.info_certification::before {
    content: "・";
}

.info_certification {
    font-size: 2.5rem;
    line-height: 1.16;
    font-weight: 700;
    text-indent: -1em;
    padding-left: 1em;
}

.info_certification+.info_certification {
    margin-top: 1.078167115902964%;
}

.info_mail {
    width: 93.800539083557868%;
}

/*●YouTube埋め込み*/
.iframe_movie_wrap {
    position: relative;
}

.iframe_movie_wrap1 {
    padding-top: 49.285714285714266%;
}

.iframe_movie_wrap2,
.iframe_movie_wrap3 {
    margin-top: 3.536067892503525%;
}

.iframe_movie_wrap2 {
    padding-top: 38.335809806835096%;
}

.iframe_movie_wrap3 {
    padding-top: 38.335809806835096%;
}

.iframe_movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aeaeae;
    background-image: url(../img/loading.gif);
    background-position: center center;
    background-size: 25% auto;
    background-repeat: no-repeat;
}

.movie_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie_img:hover {
    cursor: pointer;
    opacity: 0.5;
}

/*●PC*/
@media screen and (min-width:571px) {
    .sp {
        display: none !important;
    }

    .team_price_note2 {
        font-size: 12px;
    }

    .personal_try_note {
        font-size: 16px;
    }
}

/*●SP1*/
@media screen and (max-width:570px) {
    .pc {
        display: none !important;
    }

    .personal_try_note {
        font-size: 12px;
    }

    .personal_service_content_type1 {
        flex-direction: column;
    }

    .personal_service_content1,
    .personal_service_content2 {
        width: 100%;
    }

    .personal_service_content2 {
        padding-left: 0;
        flex: 0 0 auto;
    }

    .personal_service_list1 {
        letter-spacing: 0;
    }

    .personal_service_des1 {
        text-align: center;
        line-height: 1.5;
    }

    .personal_service_list_wrap {
        display: table;
        margin: 0 auto;
    }

    .personal_service_des3 {
        margin-top: 0;
        text-align: center;
        letter-spacing: 0;
    }

    .personal_light_wrap {
        max-width: 340px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .personal_service_list {
        margin-top: 0;
    }

    .personal_service_list_wrap,
    .personal_service_content2,
    .personal_light_wrap {
        margin-top: 0;
    }

    .personal_service_content2>*+*,
    .personal_service_content2,
    .personal_regulate {
        margin-top: 5%;
    }

    .info_content1 {
        width: 67%;
    }

    .give_how_to_txt {
        line-height: 1.5;
    }

    .personal_service_des1,
    .personal_service_list,
    .personal_service_des2,
    .personal_service_des3 {
        font-size: 3.98rem;
    }

    .personal_bubble {
        font-size: 4.2rem;
    }

    .personal_regulate_title {
        font-size: 4.2rem;
    }

    .personal_regulate_txt,
    .personal_regulate_small {
        font-size: 3.5rem;
    }

    .personal_regulate_small2 {
        display: block;
    }

    .personal_regulate_item+.personal_regulate_item {
        margin-top: 5%;
    }

    .personal_regulate_num {
        font-size: 3.8rem;
    }

    .personal_regulate_num_wrap {
        margin-top: -1%;
    }

    .sp_ml1em {
        margin-left: 1em;
    }

    .personal_price_note1 {
        line-height: 1.3;
    }

    .team_price_rackets {
        margin-top: -1.465894%;
    }

    .team_benefits_list_item+.team_benefits_list_item {
        margin-top: 4.451906%;
    }

    .team_benefits_list_item {
        line-height: 1.3;
        text-indent: 0;
        font-size: 3.15rem;
    }

    .sp_br {
        display: inline-block;
        padding-left: 1.5em;
    }

    .new_line {
        padding-left: 1.5em;
    }

    .give_item {
        line-height: 1.3;
    }

    .personal_service_list2 {
        letter-spacing: 0;
    }

    .team_benefits_list_num {
        font-size: 3.4rem;
    }

    .team_benefits {
        padding-bottom: 10%;
    }
}

/*●SP2*/
@media screen and (max-width:979px) {
    .team_price_note2 {
        display: block;
        margin-top: 1%;
    }

    .team_price_content {
        display: block;
        text-align: center;
    }

    .team_price_content_border {
        border-top: 1px solid #000;
        padding-top: 1%;
    }

    .team_price_content_middle {
        padding-bottom: 2%;
    }

    .team_price_content .team_price_dt,
    .team_price_content .personal_apply_price_label {
        font-size: 4rem;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 0.2em;
    }

    .team_price_content_txt {
        font-size: 12px;
    }

    .file_manual_inner {
        display: table;
        margin: 0 auto;
    }

    .file_manual_item {
        text-indent: -1em;
        padding-left: 1em;
    }
}

@media screen and (max-width:480px) {
    .sp_br {
        display: block;
    }

}