html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
li,
dd {
    list-style-type: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}
q,blockquote {
    quotes: none;
}
q:before,q:after {
    content: "";
    content: none;
}
blockquote:before,blockquote:after {
    content: "";
    content: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
img {
    border: none;
    max-width:100%;
    vertical-align:bottom;
}
*,*::before,*::after {
    padding:0;
    margin:0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7;
    color:#333;
    letter-spacing:0;
}
p,div{
    color:#333;
    font-size: 1.6rem;
}
a{color:#000;transition: 0.3s;text-decoration:none;}
a:hover{color:#000;opacity:.7;text-decoration:none;}

@media (min-width: 768px) {
    html {
    font-size: 0.71429vw;
    }
    .container {
        max-width: 1080px;
        margin: 0 auto;
    }
    .info .about{
        padding: 7rem 8rem 7rem calc(50vw - 540px);
    }
    .info .news{
        padding: 7rem calc(50vw - 540px) 7rem 8rem;
    }
    .strength_top_box{
        left: calc(50vw - 540px);
    }
}
@media (min-width: 1400px) {
    html {
    font-size: 62.5%;
    }
    .container {
        max-width: 1200px !important;
        margin: 0 auto;
    }
    .strength_top_box{
        left: calc(50vw - 600px);
    }
}
/*追加*/
@media (max-width: 1080px) {
    .container {
        max-width: 1080px;
        margin: 0 15px;
    }
    .service_detail .container {
        margin: 0;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 1.33333vw;
    }
    body{
        font-size: 2.8rem;
    }
    .container {
        max-width: 100%;
        width: 100%;
        padding: 0 10px;
        margin: 0;
    }
    p,div{
        font-size: 2.8rem;
    }
}

#header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
}
.header_logo_top.pc{
    width: 18rem;
    height: auto;
    background-color: inherit;
    padding: 2rem;
    display: flex !important;
    align-self: center;
    position: absolute;
    top: 0;
    left: 3rem;
}
.header_logo_top.pc a{
    display: flex;
    align-items: center;
}
.header_logo_top img{
    width: 100%;
    object-fit: contain;
}
.header_gNavi.pc{
    height: 10rem;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}
.header_gNavi > ul{
    display: flex;
}
.header_gNavi > ul > li{
    margin-left: 1.8rem;
    border-bottom: 2px solid #fff;
    padding: 0.5rem;
}

.header_gNavi > ul > li.border_active{
    border-bottom: 2px solid #32A8C7;
}
.header_gNavi > ul > li:hover{
    border-bottom: 2px solid #32A8C7;
}
.header_gNavi > ul > li > a{
    font-size: 1.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s;
}
.header_gNavi > ul > li > a:hover{
    opacity: 1;
}
.header_gNavi > ul > li.header_gNavi_parent > a::before{
    content: '';
    border-right: 30px solid transparent;
    border-bottom: 30px solid #F5F5F5;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: -6rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}
.header_gNavi > ul > li.header_gNavi_parent:hover > a::before{
    opacity: 1;
    visibility:visible;
    transition: all .3s;
}
.header_gNavi > ul > li.header_gNavi_parent > a::after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 1.5rem;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
}
.header_gNavi_child{
    /*display: none;*/
    width: 100%;
    height: 20rem;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    padding-top: 4rem;
    position: absolute;
    top: 6rem;
    left: 0;
}
.header_gNavi_child_service{
  height: 45rem;
}
.header_gNavi_parent:hover .header_gNavi_child{
    /*display: block;*/
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.header_gNavi_child > ul{
    background-color: #F5F5F5;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header_gNavi_child > ul > li{
    line-height: 5rem;
    padding: 0 6rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.header_gNavi_child > ul > li:first-child{
    font-size: 2.3rem;
    font-weight: bold;
    /* color: #32A8C7; */
    border-right: 2px solid #32A8C7;
    padding: 0 11rem;
}
.header_gNavi_child_service > ul > li:first-child{
  border-right: none;
}
.header_gNavi_child_service > ul > li:last-child{
  border-left: 2px solid #32A8C7;
  padding: 0 11rem;
}
.header_gNavi_child a{
    position: relative;
    display: flex;
    align-items: center;
    line-height: 2;
    padding: 0 2rem;
    border-bottom: 1px solid #F5F5F5;
}
.header_gNavi_child_service a{
  padding: 0;
  margin-right: 3rem;
}
.header_gNavi_child a::before{
    content: url(https://island-n.co.jp/img/header_gNavi_child_arrow.png);
    display: inline-block;
    margin-right: 1.5rem;
}
.header_gNavi_child > ul > li:first-child a::before {
    display: none;

}
.header_gNavi_child > ul > li:first-child a img {
    width:28px ;
    margin-left: 8px;
}
.header_gNavi_child a:hover{
    border-bottom: 1px solid #32A8C7;
    color: #32A8C7;
    /* background: #fff; */
    opacity: 1;
}
.header_gNavi_child > ul > li:first-child a:hover {
    border-bottom: 1px solid #F5F5F5;
    background: none;
}
.header_gNavi_child_list_hl{
  color: #31A8C7;
  font-size: 16px;
  font-weight:700;
}
.header_gNavi_child_list{
  display: flex;
}
.header_tel{
    font-family: 'Oswald', sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    margin-left: 4rem;
}
.header_tel span{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    display: block;
    font-size: 1.1rem;
    letter-spacing: 0;
}
.header_contact{
    width: 30rem;
    height: 100%;
    background-color: #32A8C7;
    margin-left: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_contact a{
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.3;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header_contact a:hover{
  color: #32A8C7;
  background-color: #fff;
  opacity: 1;
}
.header_contact a:hover .fa-envelope:before{
  color: #32A8C7;
}
.header_contact img{
    width: 4rem;
    display: block;
}


.fv_top{
    padding: 0 0 3rem;
    /*background-image: url(../../../../img/bg_fv_top.png);*/
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}
.text_island{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.text_island img{
    width: 40%;
}
.fv_top > .container{
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 99;
}
.fv_top > .container::after{
    content: url(../../../../img/scroll.png);
    position: absolute;
    bottom: 1.5rem;
    right: -7rem;
}
.header_copy{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 99;
}
.header_copy::before{
    content: url(../../../../img/text_totalSupport.png);
    position: absolute;
    top: -9rem;
    left: -5rem;
}
.header_copy span{
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 4.2rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.6;
    padding: 0 2rem;
    background-color: #333333;
}
.header_copy p{
    font-size: 1.6rem;
    max-width: 55%;
    margin-top: 2.5rem;
}
.header_slide{
    width: 65%;
}
.header_slide .slider img{
    width: 100%;
}
.slick-dots{
    display: none !important;
}
.slick-next,.slick-prev{
    top: initial !important;
    bottom: 3rem !important;
    z-index: 99;
}
.slick-next{
    right: 6rem !important;
}
.slick-prev{
    left: initial !important;
    right: 11rem !important;
}
.slick-next:before{
    content: url(../../../../img/slick-next.png) !important;
    opacity: 1 !important;
}
.slick-prev:before{
    content: url(../../../../img/slick-prev.png) !important;
    opacity: 1 !important;
}
.header_slide ul{
    z-index: 9;
    position: relative;
}
.header_slide ul::before,
.header_slide ul::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.header_slide ul::before{
    background-color: #32A8C7;
    transform: rotate(-4deg);
    z-index: -99;
}
.header_slide ul::after{
    background-color: #BED754;
    transform: rotate(-2deg);
    z-index: -9;
}
.slick-slide img.pc{
    display: inline-block !important;
}
.slick-slide img.sp{
    display: none !important;
}

.contact{
    padding: 10rem 0;
    background-image: url(../../../../img/bg_contact_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact h2{
    font-size: 3.6rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 2px solid #000;
    margin: 0 auto 5rem;
    display: table;
}
.contact ul{
    width: 90rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact li{
    width: 50%;
    text-align: center;
    padding: 0 3.5rem;
}
/* .contact li{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 5.8rem;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 1px;
}
.contact li span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    display: block;
    letter-spacing: 0;
} */
.contact li img{
    width: 100%;
}
.contact li a{
    display: inline-block;
    font-size: 2.8rem;
    color: #fff;
    font-weight: 500;
    width: 100%;
    height: 9rem;
    line-height: 9rem;
    background-color: #32A8C7;
    position: relative;
    border: 2px solid #32A8C7;
    box-shadow: 1px 1px 6px #00000057;
}
.contact li:nth-child(1) a {
    background-color: #fff;
    color: #32A8C7;
}
.contact li a::after{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-right: 2px solid #FEEA00;
    border-bottom: 2px solid #FEEA00;
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%) rotate(-45deg);
}
.contact li a:hover{
    opacity: 1;
    box-shadow: none;
    transform: translateY(0.06em);
}
.worry{
    margin-bottom: 15rem;
}
.worry h2{
    font-weight: 600;
    font-size: 3.8rem;
    text-align: center;
    margin: 12rem 0 5rem;
}
.worry ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.worry li{
    width: 30%;
    position: relative;
}
.worry li p{
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.worry li img{
    width: 100%;
}

.worry li span{
    font-size: 2.4rem;
    color: #32A8C7;
    font-weight: 600;
}
.worry li:nth-child(1),
.worry li:nth-child(2),
.worry li:nth-child(3){
    margin-bottom: 4rem;
}
.worry_arrow{
    margin: 6rem 0 8rem;
    display: flex;
    justify-content: center;
}
.worry_message{
    display: table;
    margin: 0 auto;
    padding: 4rem 5rem;
    box-shadow: 5px 5px 5px #ccc;
}
.worry_message{
    font-size: 3rem;
    text-align: center;
    font-weight: 500;
    line-height: 2.1;
    letter-spacing: 1px;
    background-color: #fff;
    position: relative;
}
.worry_message span{
    font-size: 3.8rem;
    font-weight: 600;
    background: linear-gradient(transparent 1.1em, #FEEA00 0, #FEEA00 1.3em, transparent 0);
}
.bg_worry_message{
    margin-top: -10rem;
}
.bg_worry_message img{
    width: 100%;
}

.title_h2{
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 8rem;
    color: #32A8C7;
    margin: 100px auto;
    text-align: center;
}
.title_h2 span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    color: #333333;
    display: block;
}
.strength{
    margin-bottom: 10rem;
}
.strength ul{
    margin-bottom: 12rem;
}
.strength li{
    display: flex;
    margin-bottom: 7rem;
}
.strength li:nth-child(2){
    flex-direction: row-reverse;
}
.strength li:last-child{
    margin-bottom: 0;
}
.strength li div.strength_img{
    width: 420px;
}
.strength li div.strength_detail{
    width: 65%;
}
.strength li div.strength_img img{
    width: 100%;
}
.strength li:nth-child(1) div.strength_detail,
.strength li:nth-child(3) div.strength_detail{
    padding: 0 7rem 0 5.5rem;
}
.strength li:nth-child(2) div.strength_detail{
    padding: 0 5.5rem 0 7rem;
}
.strength_sub_title{
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}
.strength_sub_title::before{
    content: '';
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    font-size: 7rem;
    color: #32A8C7;
    padding: 0 3.5rem 0 3rem;
    border-left: 4px solid #32A8C7;
}
.strength li:nth-child(1) .strength_sub_title::before{
    content: '01';
}
.strength li:nth-child(2) .strength_sub_title::before{
    content: '02';
}
.strength li:nth-child(3) .strength_sub_title::before{
    content: '03';
}
.btn_detail{
    display: flex;
    justify-content: center;
}
.btn_detail a{
    display: inline-block;
    width: 42rem;
    height: 8rem;
    text-align: center;
    line-height: calc(8rem - 4px);
    font-weight: 500;
    color: #FFF;
    font-size: 2.4rem;
    border: 2px solid #32A8C7;
    background-color: #32a8c7;
    position: relative;
}
.btn_detail a::after{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%) rotate(-45deg);
}
.btn_detail a:hover{
  color:#32a8c7;
  background-color: #FFF;
  opacity: 1;
}
.btn_detail a:hover::after{
  border-right: 2px solid #32A8C7;
  border-bottom: 2px solid #32A8C7;
}

.service,
.case,
.consultant{
    background-color: #F2F5F7;
    margin-bottom: 8rem;
    padding: 14rem 0;
    position: relative;
    overflow: hidden;
}
.service::before,
.consultant::before{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F2F5F7;
    position: absolute;
    top: 0;
    left: 0;
}
.case::before{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 100vw solid #FFF;
    border-left: 0px solid transparent;
    border-bottom: 7rem solid #F2F5F7;
    position: absolute;
    top: 0;
    left: 0;
}
/* .service::after{
    top: initial;
    bottom: 0;
    transform: rotate(180deg);
} */
.service_top{
    display: block;
    margin-bottom: 3rem;
}
.service_top_text{
    width: 100%;
    margin: 0 auto 8rem;
    padding-right: 0;
}
.service_top_text div{
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 3rem;
}
.service_top_text h2{
    display: table;
    color: #32a8c7;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.7;
    margin:5rem auto 7rem;
    border-bottom: solid 2px #32a8c7;
    text-align: center;
}
.service_top_text_sub{
  font-size: 32px;
  line-height: 200%;
  margin: 0 0 3rem;
  font-weight: normal;
}
.service_top_img{
    width: 100%;
}
.service_top_img img{
    width: 100%;
}
ul.service_studio{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 6rem;
}
ul.service_studio li{
    width: 32%;
}
ul.service_studio > li{
  margin-bottom: 5rem;
}
ul.service_studio li a:hover{
  opacity: 1;
}
.service_studio_img{
    margin-bottom: 2rem;
    position: relative;
}
.service_studio_img div{
    width: 25.7rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    background-color: #333;
    line-height: 2;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
    left: -8px;
}
.service_studio_img h3{
    width: 25.7rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    background-color: #333;
    line-height: 2;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
}
.service_studio_img img{
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}
.service_studio_text{
    margin-bottom: 3rem;
}
.service_studio_btn{
    text-align: right;
}
.service_studio_btn a{
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.service_studio_btn a span{
    border-bottom: 2px solid #32A8C7;
}
.service_studio_btn a img{
    display: inline-block;
    width: 35px;
    margin-left: 15px;
}

.voice{
    margin-bottom: 15rem;
}
.voice_list{
    margin-bottom: 18rem;
}
li.voice_stud-li{
    padding: 0 1.5rem;
}
.voice_slider img{
    width: 100%;
}
.voice_detail{
    padding: 0;
    background-color: #F5F5F5;
}
.voice_detail_top{
    border-bottom: inherit;
    padding-bottom: 0;
    /*margin-bottom: 3rem;
    padding-bottom: 2.5rem;
    border-bottom: 2px solid #32A8C7;
    display: flex;
    align-items: center;*/
}
.voice_detail_top a:hover{
  opacity: 1;
}
.voice_detail_top a img{
  transition: transform .3s ease;
}
.voice_detail_top a:hover img{
  transform: scale(1.1);
}
.voice_detail_top_thumb{
    /*width: 35%;*/
    width: 100%;
    overflow: hidden;
}
.voice_detail_top_thumb img{
    width: 100%;
}
.voice_detail_top_weight{
    width: 65%;
    font-size: 2.2rem;
    line-height: 1.1;
    text-align: center;
    font-weight: 600;
    color: #32A8C7;
}
.voice_detail_top_weight span.big{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 6.2rem;
}
.voice_detail_top_weight span.small{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 3.1rem;
}
.voice_detail_bottom div{
    font-size: 2rem;
    margin-bottom: 2rem;
}
.voice_detail_bottom p{
    font-size: 1.6rem;
}



.voice_slider .slick-dots{
    display: block !important;
}
.voice_slider .slick-dots li{
    width: 7.2rem;
    height: 0.4rem;
}
.voice_slider .slick-dots li button{
    width: 7.2rem;
    height: 0.4rem;
}
.voice_slider .slick-dots li button:before{
	content: ''!important;
	height:0.4rem!important;
    width: 100%!important;
    background-color: #32A8C7;
}
.voice_slider .slick-dots {
    position: absolute;
    bottom: -8.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: auto !important;
}

.voice_slider .slick-next,
.voice_slider .slick-prev{
    top: initial !important;
    bottom: -8.5rem !important;
    z-index: 99;
}
.voice_slider .slick-next{
    right: 12% !important;
}
.voice_slider .slick-prev{
    left: initial !important;
    right: calc(12% + 5rem) !important;
}


.studio{
    margin: 15rem 0;
}
.studio ul.pc{
    display: flex !important;
    justify-content: space-between;
}
.studio ul.sp{
    display: none !important;
}
.studio li{
    width: 31%;
}
.studio .studio_img{
    position: relative;
}
.studio .studio_img > div{
    position: absolute;
    bottom: 0;
    left: -10px;
}
.studio .studio_img > div > p{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.1;
    background-color: #333;
    color: #fff;
    padding: 0 2rem;
}
.studio .studio_img > div > p:nth-child(2){
    margin-top: 5px;
}
.studio .studio_img img{
    width: 100%;
}
.studio table{
    display: block;
    padding: 2rem 2rem 3rem;
    border-collapse: collapse;
}
.studio tbody{
    display: block;
}
.studio tr{
    display: flex;
    border-bottom: 1px dashed #4D4D4D;
    align-items: center;
}
.studio td{
    display: block;
    padding: 1rem 0;
    font-size: 1.5rem;
}
.td_left{
    width: 30%;
    padding-left: 15px;
}
.td_right{
    width: 70%;
}
.studio_detail_btn{
    text-align: right;
    padding-right: 2rem;
    height: 2rem;
}
.studio_detail_btn a{
    font-size: 1.4rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.studio_detail_btn a span{
    border-bottom: 2px solid #32A8C7;
}
.studio_detail_btn a img{
    display: inline-block;
    width: 30px;
    margin-left: 15px;
}

.media{
    margin-bottom: 15rem;
}
.media ul.pc{
    margin-bottom: 8rem;
    display: flex !important;
    justify-content: space-between;
}
.media ul.sp{
    display: none !important;
}
.media li{
    width: 30%;
}
.media li img{
    width: 100%;
    height: auto;
}
.media li div{
    font-size: 2.4rem;
    font-weight: 500;
    margin: 2rem 0;
}
.media li h3{
    font-size: 2.4rem;
    font-weight: 500;
    margin: 2rem 0 1rem;
}

.info{
    margin-bottom: 16rem;
    display: flex;
}
.info .title_h2{
    font-size: 6rem;
}
.info .about,
.info .recruit{
    width: 50%;
}
.info .about{
    background-color: rgba(51, 169, 199, .4);
    padding: 7rem 8rem 7rem calc(50vw - 60rem);
}
.info .recruit{
    transform: translateY(7rem);
    background-color: rgba(50, 168, 199, .2);
    padding: 7rem calc(50vw - 60rem) 7rem 8rem;
}
.info .about p{
    margin-bottom: 5rem;
}
.info_detail_btn{
    text-align: right;
}
.info_detail_btn a{
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.info_detail_btn a span{
    border-bottom: 2px solid #32A8C7;
}
.info_detail_btn a img{
    display: inline-block;
    width: 35px;
    margin-left: 15px;
}
.top_news {
    padding-bottom: 14rem;
}
.top_news table{
    display: block;
    border-collapse: collapse;
    margin-bottom: 5rem;
}
.top_news tbody{
    display: block;
}
.top_news tr{
    border-bottom: 1px dashed #4D4D4D;
    display: flex;
    align-items: center;
}
.top_news tr:nth-child(1){
    border-top: 1px dashed #4D4D4D;
}
.top_news td{
    display: block;
    padding: 15px 0;
    margin: 0 5px;
}
.top_news td.news_day,
.top_news td.news_title{
    font-size: 1.6rem;
}
.top_news td.news_category{
    font-size: 1.4rem;
    padding: 0 1rem;
    border: 1px solid #000;
}

.contact_v2{
    margin-bottom: 12rem;
    padding: 8rem 10rem;
    background-image: url(../../../../img/bg_contact_v2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_v2 ul{
    display: flex;
}
.contact_v2 li{
    width: 50%;
}
.contact_v2 .title_h2{
    color: #fff;
    size: 6rem;
}
.contact_v2 .title_h2 span{
    color: #fff;
}
.contact_v2 li:nth-child(2) .contact_v2_tel{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 4.6rem;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
}
.contact_v2 li:nth-child(2) .contact_v2_tel span{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    margin-left: 2rem;
}
.contact_v2 li:nth-child(2) a{
    text-align: center;
    display: inline-block;
    font-size: 2.4rem;
    color: #fff;
    font-weight: 500;
    width: 85%;
    height: 7.6rem;
    line-height: 7.6rem;
    margin-bottom: 2rem;
    background-color: #32A8C7;
    position: relative;
}
.contact_v2 li:nth-child(2) a::after{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-right: 2px solid #FEEA00;
    border-bottom: 2px solid #FEEA00;
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%) rotate(-45deg);
}
.contact_v2 li:nth-child(2) a:hover{
    opacity: 1;
}
.contact_v2 li:nth-child(2) p{
    color: #fff;
    font-size: 1.4rem;
}

.business{
    margin-bottom: 7rem;
    background-image: url("../../../../img/bg_business01.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8rem 0;
}
.business_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.business h2 {
    color: #fff;
}
.business h2 span{
    color: #fff;
}
.business ul{
    width: 50%;
    /* display: flex;
    justify-content: space-between; */
}
.business li{
    /* width: 32%; */
    width: 100%;
    /* padding: 3rem 4rem 5rem; */
    text-align: center;
}
/* .business li:nth-child(1){
    background-image: url(../../../../img/bg_business01.png);
    background-size: cover;
    background-repeat: no-repeat;
} */
.business li:nth-child(2){
    background-image: url(../../../../img/bg_business02.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.business li:nth-child(3){
    background-image: url(../../../../img/bg_business03.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.business_title{
    font-family: 'Oswald', sans-serif;
    font-size: 4.2rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 2.5rem;
    line-height: 1.4;
    letter-spacing: 2px;
}
.business_title span{
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0;
}
.business li p{
    font-size: 16px;
    text-align: left;
    color: #fff;
    margin-bottom: 3rem;
}
.business li a{
    width: 85%;
    height: 7.6rem;
    line-height: 7.6rem;
    display: table;
    /* margin: 0 auto; */
    color: #32A8C7;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    background-color: #fff;
    position: relative;
}
.business li a::after{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-right: 2px solid #32A8C7;
    border-bottom: 2px solid #32A8C7;
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%) rotate(-45deg);
}
.business li a:hover{
    opacity: 1;
}
@media screen and (max-width:767px) {
    .business_wrap {
        flex-direction: column;
    }
    .business ul {
        width: 100%;
    }
    .business h2 span {
        text-align: center;
    }
    .business li a {
        margin: 0 auto;
    }

}

#footer{
    padding: 10rem 0 12rem;
    background-color: #F5F5F5;
}
#footer .container{
    display: flex;
    justify-content: space-between;
}
.footer_left{
    width: 35%;
}
.footer_right {
    width: 65%;
}
@media screen and (max-width:960px) {
    .footer_left {
        width: 32%;
    }

    .footer_right {
        width: 66%;
    }
}

.footer_left_logo{
    width: 12rem;
    margin-bottom: 2rem;
}
.footer_left_logo img{
    width: 100%;
}
.footer_left p{
    font-size: 1.4rem;
    line-height: 2;
}
.footer_right{
    display: flex;
    justify-content: space-between;
    justify-content: flex-end;
}
.footer_right_menu{
    display: flex;
    /* margin-right: 6rem; */
}
.footer_right_menu ul{
    margin-right: 2rem;
}
.footer_right_menu ul:last-child{
    margin-right: 0;
}
.footer_right_menu > ul > li{
    margin-bottom: 15px;
    padding-left: 12px;
    font-weight: 600;
}
.footer_right_menu li.normal{
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 12px;
}
.footer_right_business li{
    width: 24rem;
    height: 8rem;
    margin-bottom: 15px;
}
.footer_right_business li:nth-child(1){
    background-image: url(../../../../img/bg_footer_business01.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.footer_right_business li:nth-child(2){
    background-image: url(../../../../img/bg_footer_business02.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.footer_right_business li:nth-child(3){
    background-image: url(../../../../img/bg_footer_business03.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.footer_right_business li a{
    width: 100%;
    height: 8rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_right_business li a:hover{
    opacity: 1;
}
.footer_info{
    padding: 10px 0;
    background-color: #333333;
}
.footer_info .container{
    display: flex;
    justify-content: space-between;
}
.footer_info ul{
    display: flex;
}
.footer_info li{
    margin-right: 3rem;
}
@media screen and (max-width:767px) {
    .footer_right_menu {
        flex-wrap: wrap;
    }
    .footer_right_menu ul {
        width: 48%;
        margin-right: 0;
    }

}
/*--------------------
下層ページ
----------------------*/
.header_logo{
    width: 11rem;
    position: absolute;
    top: 5rem;
    left: 4rem;
    transform: translateY(-50%);
}
.header_logo img{
    width: 100%;
}
.fv_sub{
    width: 100%;
    margin: 10rem 0;
}
.fv_sub > div{
    /*width: 63vw;
    height: 64rem;*/
    margin: 0 0 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}
.fv_sub#company div{
    background-image: url(../../../../img/fv_company_pc.png);
}
.fv_sub#strength div{
    background-image: url(../../../../img/fv_strength_pc.png);
}
.fv_sub#service > div{
    background-image: url(../../../../img/fv_service_pc.png);
}
.fv_sub#voice div{
    background-image: url(../../../../img/fv_voice_pc.jpg);
}
.fv_sub#media div{
    background-image: url(../../../../img/fv_media_pc.jpg);
}
.fv_sub > div::after{
    content: url(https://island-n.co.jp/img/scroll.png) !important;
    position: absolute;
    bottom: 38%;
    left: -48rem;
}
.fv_sub_title{
  display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 8rem;
    color: #32A8C7;
    position: absolute;
    top: 16rem;
    left: -47rem;
    transform: translateY(-50%);
}
.fv_sub_title span.fv_sub_title_big{
    /*background-color: #fff;*/
    padding: 0 6rem;
    line-height: 1.4;
    display: inline-block;
}
.fv_sub_title span.fv_sub_title_small{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #333333;
    padding:0 6rem;
    display: block;
    line-height: normal;
    text-align: center;
}

/*--------------------
会社情報
----------------------*/
.sub_title_content{
    display: inline-block;
    margin-bottom: 4rem;
}
.sub_title_content_big{
    font-family: 'Oswald', sans-serif;
    font-size: 4.8rem;
    line-height: 1;
    letter-spacing: 2px;
}
.sub_title_content_big::after{
    content: '';
    display: block;
    width: 55%;
    height: 2px;
    margin: 1.5rem 0;
    background-color: #32A8C7;
}
.sub_title_content_small{
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
}
.page_description{
    margin-bottom: 10rem;
}
.outline{
    margin-bottom: 10rem;
}
.outline .container{
    display: flex;
    justify-content: space-between;
}
.outline_detail{
    width: 100%;
}
.outline_detail table{
    display: block;
    padding-top: 1rem;
}
.outline_detail tbody{
    display: block;
}
.outline_detail tr{
    display: flex;
    border-bottom: 1px solid #F5F5F5;
    align-items: flex-start;
}
.outline_detail tr:last-child{
    border-bottom: none;
}
.outline_detail td{
    display: block;
    padding: 2.5rem 0;
}
.outline_detail tr:nth-child(1) td{
    padding-top: 0;
}
.outline_detail .td_left{
    width: 30%;
    font-weight: 600;
    padding-left: 5rem;
}
.td_right{
    width: 70%;
}

.message{
    /* background-color: #F5F5F5; */
    margin-bottom: 8rem;
    padding: 0rem 0 7rem;
    overflow: hidden;
    position: relative;
}
/* .message::before,
.message::after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F5F5F5;
    position: absolute;
    top: 0;
    left: 0;
} */
.message::after{
    top: initial;
    bottom: 0;
    transform: rotate(180deg);
}
.message_detail{
    display: flex;
}
.message_detail_text{
    width: 65%;
    padding-right: 4rem;
}
.message_detail_img{
    width: 35%;
}
.message_detail_img img{
    width: 100%;
}
.message_detail_text div{
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.message_detail_text h2{
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.message_detail_text p{
    margin-bottom: 4rem;
}
.message_detail_text span{
    display: block;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.message_detail_text a img{
    width: 25px;
}


.staff .sub_title_content{
    margin-bottom: 11rem;
}
.staff_detail{
    width: calc(100% - 6rem);
    padding: 4rem 5rem;
    background-color: #F5F5F5;
    position: relative;
}
.staff_detail.hatanaka,
.staff_detail.erina{
    margin: 0 0 15rem auto;
    padding-left: 42rem;
}
.staff_detail.erina{
    margin: 0 0 12rem auto;
}
.staff_detail.adachi{
    margin: 0 auto 15rem 0;
    padding-right: 42rem;
}
.staff_detail_img{
    width: 42rem;
    position: absolute;
}
.staff_detail.hatanaka .staff_detail_img,
.staff_detail.erina .staff_detail_img{
    top: -6rem;
    left: -6rem;
}
.staff_detail.adachi .staff_detail_img{
    top: -6rem;
    right: -6rem;
}
.staff_detail_img img{
    width: 100%;
}
.staff_name{
    font-size: 2.8rem;
    font-weight: 600;
    color: #32A8C7;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid #32A8C7;
}
.staff_name span{
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    color: #333;
}
.staff_detail_text p{
    margin-bottom: 3rem;
    line-height: 2;
}
.staff_detail_text p span{
    font-size: 1.8rem;
    font-weight: 600;
}
.staff_detail_text a{
    display: inline-block;
    margin-right: 1rem;
}
.staff_detail_text a img{
    width: 25px;
}

/*--------------------
アイランドの強み
----------------------*/


.strength_top{
    width: 100%;
    margin-bottom: 8rem;
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.strength_top_img{
    width: 65%;
}
.strength_top_img img{
    width: 100%;
}
.strength_top_box{
    width: 52rem;
    position: absolute;
    top: 50%;
    left: calc(50vw - 600px);
    transform: translateY(-50%);
}
@media screen and (max-width:1200px) {
    .strength_top_box {
        left: 0;
        padding-left: 15px;
    }

}
.strength_top_box div{
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 3rem;
}
.point{
    margin-bottom: 8rem;
}
.point img{
    width: 100%;
}


.strength_island{
    background-color: #F5F5F5;
    margin-bottom: 8rem;
    padding: 14rem 0 16rem;
    overflow: hidden;
    position: relative;
}
.strength_island::before,
.strength_island::after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F5F5F5;
    position: absolute;
    top: 0;
    left: 0;
}
.strength_island::after{
    top: initial;
    bottom: 0;
    transform: rotate(180deg);
}
.strength_island_box{
    margin-bottom: 10rem;
}
#strength_island_box03{
    margin-bottom: 0;
}
.strength_island_box h3{
    font-size: 2.8rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}
.strength_island_box h3::before{
    content: '';
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    font-size: 7rem;
    color: #32A8C7;
    padding: 0 3.5rem 0 3rem;
    border-left: 4px solid #32A8C7;
}
#strength_island_box01 h3::before{
    content: '01';
}
#strength_island_box02 h3::before{
    content: '02';
}
#strength_island_box03 h3::before{
    content: '03';
}
.strength_island_box li{
    margin-bottom: 7rem;
    display: flex;
}
.strength_island_box li:nth-child(2){
    flex-direction: row-reverse;
    margin-bottom: 0;
}
.strength_island_img{
    width: 40%;
}
.strength_island_img img{
    width: 100%;
}
.strength_island_text{
    width: 60%;
    padding: 0 0 0 4rem;
}
.strength_island_text div{
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.strength_island_box li:nth-child(2) .strength_island_text{
    padding: 0 4rem 0 0;
}


.service_sub{
    margin-bottom: 13rem;
}
.service_sub ul{
    margin-bottom: 7rem;
    display: flex;
    justify-content: space-between;
}
.service_sub li{
    width: 47%;
    position: relative;
}
.service_sub li img{
    width: 100%;
}
.service_sub li div{
    width: 25.7rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    background-color: #333;
    line-height: 2;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
    left: -8px;
}

/*--------------------
サービス
----------------------*/

.service_top_sub{
    margin-bottom: 10rem;
}
.service_detail{
    margin-bottom: 18rem;
    position: relative;
}
.service_detail .container{
  max-width: inherit !important;
  min-height: auto;
  margin-bottom: 10em;
}
.service_detail_top{
    margin-bottom: 13rem;
    position: relative;
}
.service_detail_top:after {
  content: '';
  display: inline-block;
  position: absolute;
  border-top: solid 1.5px #333;
  height: 1px;
  width: 37vw;
  right: 0;
  top: 11vh;
}
.service_detail_top > img{
    width: 11rem;
    position: absolute;
    top: 0;
    z-index: 9;
}
#service_personal .service_detail_top > img{
    width: 90px;
    right: 39vw;
    top: 7vh;
}
#service_pilates .service_detail_top > img{
    left: 5rem;
}
.service_detail_top_img{
    width: 65%;
}
.service_diagonal_2 .service_detail_top_img{
  display: flex;
  justify-self: flex-end;
}
#service_pilates .service_detail_top_img{
    margin: 0 0 0 auto;
}
.service_detail_top_img img{
    width: 100%;
}
.service_detail_top_text{
  width: 35vw;
  padding: 5vh 4vw 6vh;
  background-color: #FFF;
  position: absolute;
  top: 21vh;
  box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.20);
}
#service_personal .service_flowbox1 .service_detail_top_text{
  width: 50%;
  float: right;
  position: relative;
  padding: 4rem 5rem 3rem;
}
@media screen and (max-width:960px){
  #service_personal .service_flowbox1 .service_detail_top_text{
    margin-right: 4vw;
    float: none;
    position: unset;
  }
}
#service_personal .service_flowbox2 .service_detail_top_text{
  width: 50%;
  float: left;
  position: relative;
  padding: 4rem 5rem 3rem;
}
@media screen and (max-width:960px){
  #service_personal .service_flowbox2 .service_detail_top_text{
    float: none;
    position: unset;
  }
}
@media screen and (max-width:767px){
  #service_personal .service_flowbox1 .service_detail_top_text{
    width: 60%;
    margin-top: 15rem;
  }
  #service_personal .service_flowbox2 .service_detail_top_text{
    margin: 15rem auto 0 5vw !important;
  }
}
@media screen and (max-width:430px){
  #service_personal .service_flowbox1 .service_detail_top_text{
    width: 60%;
    margin-top: 17rem;
  }
  #service_personal .service_flowbox2 .service_detail_top_text{
    margin: 17rem auto 0 5vw !important;
  }
}
#service_pilates .service_detail_top_text{
    left: 0;
}
.service_detail_top_title{
    font-size: 3rem;
    font-weight: 400;
    color: #333;
    margin-bottom: 3rem;
}
.service_detail_top_text p{
    margin-bottom: 3rem;
}
.service_detail ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    clear: both;
}
.service_detail li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.service_detail li:nth-of-type(3n){
    margin-right: 0;
}
.service_detail_list_img{
    margin-bottom: 2rem;
    position: relative;
}
.service_detail_list_img img{
    width: 100%;
}
.service_detail_list_img div{
    min-width: 26rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    background-color: #333;
    line-height: 2;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
    left: -8px;
}
.voice_sub{
    margin-bottom: 13rem;
}





.pc{display: block;}
.sp{display: none;}



@media screen and (max-width:960px){

    .header_logo_top.pc{
        display: none !important;
    }
    .header_gNavi.pc{
        display: none !important;
    }
    .header__inner {
        padding: 2rem 3rem;
        width: 100%;
        height: 100%;
        background-color: #fff;
        /*border-bottom: 1px solid #eee;*/
    }
    .header-logo {
        margin-right: 13.5rem;
    }
    .header-logo__link img {
        width: 14rem;
    }
    .header_right{
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
    }
    .header_contact_sp{
        width: 60px;
        height: 60px;
        background-color: #32A8C7;
        padding: 15px;
        display: flex;
        align-items: center;
    }
    .header_contact_sp img{
        width: 100%;
    }
    .hamburger {
        cursor: pointer;
        display: block;
        width: 10rem;
        height: 10rem;
        position: relative;
        text-align: center;
        z-index: 9999;
        background-color: #32A8C7;
    }
    .hamburger span {
        -webkit-transition: 0.3s ease-in-out;
        background: #FFF;
        display: block;
        height: 2px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        width: 30px;
    }
    .hamburger span:nth-child(1) {
        top: 3rem;
    }
    .hamburger span:nth-child(2) {
        top: 5rem;
        transform: translateX(-50%) translateY(-50%);
    }
    .hamburger span:nth-child(3) {
        top: 7rem;
    }
    .hamburger.active span:nth-child(1) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .bg_black {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        z-index: 100;
        transition: all 0.3s;
    }

    /*ハンバーガーメニューが開いたら表示*/
    .active ~ .bg_black {
        opacity: 0.4;
        visibility: visible;
    }
    .header-nav {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transition: all 0.6s;
        -webkit-overflow-scrolling: touch;
        background-color: #FFF;
        color: #555;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        overflow-y: scroll;
        padding-top: 60px;
        position: fixed;
        text-align: center;
        transform: translateX(100%);
        -o-transition: all 0.6s;
        transition: all 0.6s;
        visibility: hidden;
        z-index: 999;
    }
    .header-nav__logo {
        left: 3rem;
        position: absolute;
        top: 2rem;
    }
    .header-nav__logo a img {
        width: 14rem;
    }
    .header-nav ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .header-nav.active {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        visibility: visible;
    }
    .header-nav .header-logo{
      display: flex;
      position: inherit;
      top: 2rem;
      left: 4rem;
    }
    .header-nav .header-logo img{
      width: 18rem;
    }

    .header-nav_item{
      margin: 10rem 0 0;
    }
    .header-nav_item > ul{
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
    }
    .header-nav_item > ul > li{
      border-bottom: none;
    }
    .header-nav_item > ul > li:after {
      content: "";
      display: block;
      border-bottom: solid 1px #333;
      margin: 0 4rem;
  }
    .header-nav_item > ul > li:nth-child(1){
        border-top: none;
    }
    .header-nav_item > ul > li > div{
        padding: 3rem 4rem;
    }
    .header-nav_item > ul > li > div > a{
        display: block;
        text-align: left;
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 6rem;
        border-left: solid 4px #32A8C7;
        padding: 0 0 0 3rem !important;
    }
    .header-nav_parent{
        display: block;
        text-align: left;
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 6rem;
        position: relative;
    }
    .header-nav_parent span{
      padding: 0 0 0 3rem !important;
    }
    .header-nav_parent::before{
      content:'';
      display: inline-block;
      width: 4px;
      height: 6rem;
      border-left: solid 4px #32A8C7;
      position: absolute;
    }
    .header-nav_parent::after{
        content: '＋';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: none;
        border-bottom: none;
        position: absolute;
        top: 25%;
        right: 30px;
        transform: none;
    }
    .open.header-nav_parent::after {
      content: 'ー';
    }
    .header-nav_parent.open::after{
        transform: none;
    }
    ul.header-nav_child{
        margin-bottom: 0;
        padding: 20px 10px;
        background-color: #F5F5F5;
    }
    ul.header-nav_child li{
        padding: 0 15px;
    }
    ul.header-nav_child li.service_list{
        padding: 6px 15px;
        margin: 15px 0 20px;
    }
    ul.header-nav_child a{
        width: 100%;
        text-align: left;
        line-height: 45px;
        font-size: 2.8rem;
        font-weight: 500;
        display: flex;
        align-items: center;
    }
    ul.header-nav_child a::before{
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 12px;
        border-right: 2px solid #32A8C7;
        border-bottom: 2px solid #32A8C7;
        transform: rotate(-45deg);
    }
    ul.header-nav_child li.service_list a::before{
        display: none;
    }
    ul.header-nav_child li.service_list a{
        display: block;
        color: #32A8C7;
        text-align: center;
        line-height: 31px;
        /*background-color: #fff;*/
        border: 1px solid #32A8C7;
        position: relative;
    }
    ul.header-nav_child li.service_list a::after{
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-right: 2px solid #32A8C7;
        border-bottom: 2px solid #32A8C7;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) rotate(-45deg);
    }
    .header-nav_contact{
        padding: 0 30px;
    }
    .header-nav_contact div{
        padding: 0 20px;
        margin-bottom: 25px;
    }
    .header-nav_contact img{
        width: 100%;
    }
    .header-nav_contact a{
        display: inline-block;
        font-size: 3rem;
        color: #fff;
        font-weight: 500;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #32A8C7;
        position: relative;
    }
    .header-nav_contact a::after{
        content: '';
        width: 10px;
        height: 10px;
        border-right: 2px solid #FEEA00;
        border-bottom: 2px solid #FEEA00;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) rotate(-45deg);
    }


    .fv_top{
        padding: 10rem 0 0;
        margin-bottom: 80px;
        /*background-image: url(../img/bg_fv_top.png);*/
    }
    .text_island img{
        width: 100%;
    }
    .fv_top > .container::after{
        display: none;
    }
    .header_copy{
        top: initial;
        bottom: 5px;
        transform: translateY(0);
    }
    .header_copy div{
        padding-left: 20px;
    }
    .header_copy::before{
        display: none;
    }
    .header_copy span{
        font-size: 5.4rem;
    }
    p.header_copy_sp{
        font-size: 2.8rem;
        max-width: 80%;
        padding-left: 20px;
        position: absolute;
        bottom: -50px;
        left: 0;
    }
    .header_slide{
        width: 88%;
        padding-right: 10px;
        position: relative;
    }
    .header_slide::before{
        content: url(../../../../img/text_totalSupport_sp.png);
        position: absolute;
        top: -60px;
        left: -40px;
        z-index: 99;
    }
    .slick-list {
        padding: 0 10% !important;
    }
    .header_slide .slick-list {
        padding: 0 !important;
    }
    .slick-next,.slick-prev{
        bottom: 0px !important;
    }
    .slick-next{
        right: 10px !important;
    }
    .slick-prev{
        right: 35px !important;
    }
    .slick-next:before{
        content: url(../../../../img/202503/slick-next_sp.png) !important;
    }
    .slick-prev:before{
        content: url(../../../../img/202503/slick-prev_sp.png) !important;
    }
    .slick-slide img.pc{
        display: none !important;
    }
    .slick-slide img.sp{
        display: inline-block !important;
    }

    .contact{
        padding: 50px 0;
        background-image: url(../../../../img/bg_contact_sp.png);
    }
    .contact h2{
        font-size: 5rem;
        margin: 0 auto 30px;
        line-height: 1.2;
    }
    .contact ul{
        width: 240px;
        display: block;
    }
    .contact li{
        width: 100%;
        padding: 0;
    }
    .contact li:nth-child(1){
        font-size: 7.2rem;
        margin-bottom: 25px;
    }
    /* .contact li:nth-child(1) span{
        font-size: 2.2rem;
    } */
    .contact li a{
        font-size: 3rem;
        height: 50px;
        line-height: 50px;
    }
    .contact li a::after{
        width: 10px;
        height: 10px;
        right: 15px;
    }
    .worry{
        margin-bottom: 80px;
    }
    .worry h2{
        font-size: 4.6rem;
        margin: 80px 0 25px;
    }
    .worry ul{
        flex-wrap: wrap;
    }
    .worry li{
        width: 48%;
    }
    .worry li p{
        font-size: 2.4rem;
    }
    .worry li span{
        font-size: 2.6rem;
    }
    .worry li:nth-child(1),
    .worry li:nth-child(2),
    .worry li:nth-child(3),
    .worry li:nth-child(4){
        margin-bottom: 15px;
    }
    .worry_arrow{
        margin: 30px 0 50px;
    }
    .worry_message{
        padding: 15px 0;
        box-shadow: 2px 2px 3px #ccc;
    }
    .worry_message{
        width: 280px;
        font-size: 2.8rem;
        line-height: 1.6;
        letter-spacing: 0;
    }
    .worry_message span{
        font-size: 3.8rem;
    }
    .bg_worry_message{
        margin-top: -40px;
    }
    .title_h2{
        font-size: 9rem;
        margin: 50px auto;
    }
    .title_h2 span{
        font-size: 2.6rem;
    }
    .strength{
        margin-bottom: 80px;
    }
    .strength ul{
        margin-bottom: 50px;
    }
    .strength li{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 6rem;
    }
    .strength li div.strength_img{
        width: 90%;
        margin: 0 auto;
        order: 2;
    }
    .strength li div.strength_detail{
        width: 100%;
        order: 1;
    }
    .strength li div.strength_detail p{
      font-size: 16px;
      margin-bottom: 3rem;
    }
    .strength li:nth-child(1) div.strength_detail,
    .strength li:nth-child(2) div.strength_detail,
    .strength li:nth-child(3) div.strength_detail{
        padding: 0;
    }
    .strength_sub_title{
        margin: 15px 0;
    }
    .strength_sub_title::before{
        padding: 0 15px 0 12px;
        border-left: 2px solid #32A8C7;
    }
    .btn_detail a{
        width: 70%;
        height: 50px;
        line-height: 44px;
        font-size: 3rem;
    }
    .btn_detail a::after{
        width: 10px;
        height: 10px;
        right: 15px;
        transform: translateY(-50%) rotate(-45deg);
    }

    .service{
        margin-bottom: 50px;
        padding: 60px 0 90px;
    }
    .service::before,
    .service::after{
        border-bottom: 30px solid #F5F5F5;
    }
    .service_top{
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }
    .service_top_text{
        width: 100%;
        padding-right: 0;
    }
    .service_top_text div{
        font-size: 4.2rem;
        margin-bottom: 15px;
    }
    .service_top_text h2{
        font-size: 4.2rem;
        margin-bottom: 5vh;
    }
    .service_top_img{
        width: 100%;
        margin-bottom: 20px;
    }
    ul.service_studio{
        display: block;
        margin-bottom: 50px;
    }
    ul.service_studio > li{
        width: 100%;
        margin-bottom: 50px !important;
    }
    .service_studio_img div{
        width: 165px;
        letter-spacing: 0;
        font-size: 3.2rem;
        padding: 0 0 0 10px;
        left: -5px;
    }
    .service_studio_img h3{
        width: 165px;
        letter-spacing: 0;
        font-size: 2.5rem;
        padding: 0 0 0 10px;
        left: -5px;
    }
    .service_studio_btn a{
        font-size: 2.8rem;
    }
    .service_studio_btn a img{
        width: 25px;
        margin-left: 10px;
    }
    .service_studio_btn a span {
        border-bottom: 1px solid #32A8C7;
    }
    .voice{
        margin-bottom: 100px;
    }
    .voice_list{
        margin-bottom: 100px;
    }
    li.voice_stud-li{
        padding: 0 10px;
    }
    .voice_detail{
        /*padding: 20px;*/
    }
    .voice_detail_top{
        margin-bottom: 15px;
        padding-bottom: 20px;
    }
    .voice_detail_top_thumb{
        width: 100%;
    }
    .voice_detail_top_weight{
        width: 60%;
        font-size: 3.4rem;
    }
    .voice_detail_top_weight span.big{
        font-size: 9.2rem;
    }
    .voice_detail_top_weight span.small{
        font-size: 4.6rem;
    }
    .voice_detail_bottom div{
        font-size: 3rem;
        margin-bottom: 5px;
    }
    .voice_detail_bottom p{
        font-size: 2.6rem;
    }
    .voice_slider .slick-dots li{
        width: 36px;
        height: 2px;
        margin: 0 3px;
    }
    .voice_slider .slick-dots li button{
        width: 36px;
        height: 2px;
    }
    .voice_slider .slick-dots li button:before{
        height:2px!important;
    }
    .voice_slider .slick-dots {
        bottom: -50px;
        width: 100% !important;
    }
    .voice_slider .slick-next{
        display: block !important;
        top: 50% !important;
        right: 0 !important;
        width: 40px;
    }
    .voice_slider .slick-prev{
        display: block !important;
        top: 50% !important;
        left: 0 !important;
        width: 40px;
    }

    .studio{
        margin: 140px 0;
    }
    .studio ul.pc{
        display: none !important;
    }
    .studio ul.sp{
        display: block !important;
    }
    .studio li{
        width: 100%;
        padding: 0 10px;
    }
    .studio .studio_img > div{
        left: -5px;
    }
    .studio .studio_img > div > p{
        font-size: 2.6rem;
        padding: 0 10px;
    }
    .studio table{
        padding: 20px 0 30px;
    }
    .studio td{
        padding: 10px 0;
        font-size: 2.6rem;
    }
    .td_left{
        width: 30%;
        padding-left: 15px;
    }
    .td_right{
        width: 70%;
    }
    .studio_detail_btn{
        padding-right: 0;
        height: auto;
    }
    .studio_detail_btn a{
        font-size: 2.6rem;
    }
    .studio_detail_btn a span{
        border-bottom: 1px solid #32A8C7;
    }
    .studio_detail_btn a img{
        width: 25px;
        margin-left: 8px;
    }
    .media{
        margin-bottom: 80px;
    }
    .media ul.pc{
        display: none !important;
    }
    .media ul.sp{
        display: block !important;
        margin-bottom: 100px;
    }
    .media li{
        width: 100%;
        padding: 0 10px;
    }
    .media li div{
        font-size: 18px;
        margin: 20px 0 10px;
    }
    .media li h3{
        font-size: 3.8rem;
        margin: 20px 0 10px;
    }
    .info{
        margin-bottom: 9rem;
        display: block;
    }
    .info .title_h2{
        font-size: 9.8rem;
    }
    .info .about,
    .info .recruit{
        width: 100%;
        padding: 40px 10px 60px;
    }
    .info .recruit{
        transform: translateY(0);
    }
    .info .about p{
        margin-bottom: 30px;
    }
    .info_detail_btn a{
        font-size: 2.8rem;
        font-weight: 500;
    }
    .info_detail_btn a span{
        border-bottom: 1px solid #32A8C7;
    }
    .info_detail_btn a img{
        width: 25px;
        margin-left: 8px;
    }
        .top_news table{
        margin-bottom: 40px;
    }
    .top_news tr{
        flex-wrap: wrap;
        padding: 8px 0 5px;
    }
    .top_news td{
        padding: 0;
    }
    .top_news td:nth-child(3){
        width: 100%;
    }
    .top_news td.news_day,
    .top_news td.news_title{
        font-size: 2.8rem;
    }
    .top_news td.news_category{
        font-size: 2.4rem;
        padding: 0 10px;
        height: auto;
        line-height: 1.3;
    }
    .top_news td.news_category a{
        vertical-align: text-top;
    }
    .contact_v2{
        margin-bottom: 0;
        padding: 40px 0 70px;
        background-image: url(../../../../img/bg_contact_v2_sp.png);
    }
    .contact_v2_top{
        margin-bottom: 70px;
    }
    .contact_v2 ul{
        display: block;
    }
    .contact_v2 li{
        width: 100%;
    }
    .contact_v2 .title_h2{
        text-align: center;
        font-size: 9.8rem;
        margin-bottom: 20px;
    }
    .contact_v2 li:nth-child(2) .contact_v2_tel{
        display: block;
        text-align: center;
        font-size: 8.2rem;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .contact_v2 li:nth-child(2) .contact_v2_tel span{
        display: block;
        font-size: 2.4rem;
        margin-left: 0;
        line-height: 1.5;
    }
    .contact_v2 li:nth-child(2) a{
        display: table;
        font-size: 3rem;
        width: 240px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto 20px;
    }
    .contact_v2 li:nth-child(2) a::after{
        width: 10px;
        height: 10px;
        right: 15px;
    }
    .contact_v2 li:nth-child(2) p{
        font-size: 2.6rem;
    }
    .business ul{
        display: block;
    }
    .business li{
        width: 100%;
        /* padding: 40px 20px 50px; */
        margin-bottom: 15px;
    }
    .business li:last-child{
        margin-bottom: 0;
    }
    .business_title{
        font-size: 7.8rem;
        margin-bottom: 20px;
        letter-spacing: 4px;
    }
    .business_title span{
        font-size: 2.6rem;
    }
    .business li p{
        margin-bottom: 30px;
        /* padding: 0 20px; */
    }
    .business li a{
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 3rem;
    }

    #footer{
      background: #31A8C7;
      padding: 50px 0;
    }
    #footer .container{
        display: block;
    }
    .footer_left,
    .footer_right{
        width: 100%;
        padding: 0 15px;
    }
    .footer_left{
      text-align: center;
    }
    .footer_left_logo{
        width: 100px;
        margin: 0 auto 20px;
    }
    .footer_left p{
        font-size: 2.4rem;
        line-height: 1.7;
        margin-bottom: 30px;
    }
    .footer_right{
        display: block;
    }
    .footer_right_menu{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .footer_right_menu ul{
        width: 100%;
    }
    .footer_right_menu li{
        margin-bottom: 12px;
    }
    .footer_right_menu ul:nth-child(1){
        margin-right: 0;
    }
    .footer_right_business li{
        width: 100%;
        height: 60px;
    }
    .footer_right_business li a{
        height: 60px;
        font-size: 2.4rem;
    }

    .footer_info{
        padding: 5rem 0;
        background-color: #0F3640;
    }
    .footer_info .container{
        flex-direction: column;
        align-items: center;
    }
    .footer_info ul{
        display: flex;
        margin-bottom: 6px;
    }
    /*
    .footer_info li{
        margin-right: 20px;
    }
    */
    .header-nav_item .footer_info ul{
      justify-content: center;
    }

/*--------------------
下層ページ
----------------------*/

.fv_sub{
    margin: 60px 0;
}
.fv_sub#company div{
    width: 70vw;
    height: 200px;
}
.fv_sub#company div{
    background-image: url(../../../../img/fv_company_sp.png);
}
.fv_sub#strength div{
    background-image: url(../../../../img/fv_strength_sp.png);
}
.fv_sub > div::after{
    display: none;
}
.fv_sub_title{
    font-size: 8.6rem;
    left: 0;
    transform: translateX(-50%) translateY(-50%);
}
.fv_sub_title span.fv_sub_title_big{
    padding: 0 20px 8px;
    line-height: 1.3;
}
.fv_sub_title span.fv_sub_title_small{
    font-size: 16px;
    padding: 0;
}

/*--------------------
会社情報
----------------------*/
.sub_title_content{
    margin-bottom: 40px;
}
.sub_title_content_big{
    font-size: 6.4rem;
}
.sub_title_content_big::after {
    width: 60%;
}
.sub_title_content_small{
    font-size: 3rem;
}
.page_description{
    margin-bottom: 70px;
}
.outline{
    margin-bottom: 60px;
}
.outline .container{
    display: block;
}
.outline_detail{
    width: 100%;
}
.outline_detail table{
    padding-top: 0;
}
.outline_detail tr{
    display: block;
    padding: 10px 0;
}
.outline_detail tr:nth-child(1){
    padding-top: 0;
}
.outline_detail td{
    padding: 0;
    line-height: 1.8;
}
.outline_detail .td_left{
    width: 100%;
    padding-left: 0;
}
.td_right{
    width: 100%;
}

.message{
    margin-bottom: 60px;
    padding: 80px 0 70px;
}
.message::before,
.message::after{
    border-bottom: 30px solid #F5F5F5;
}
.message_detail{
    flex-direction: column-reverse;
}
.message_detail_text{
    width: 100%;
    padding-right: 0;
}
.message_detail_img{
    width: 100%;
    padding: 0 30px;
}
.message_detail_text div{
    font-size: 4.2rem;
    margin: 20px 0 15px;
}
.message_detail_text h2{
    font-size: 4.2rem;
    margin: 20px 0 15px;
}
.message_detail_text p{
    margin-bottom: 20px;
}
.message_detail_text span{
    font-size: 3rem;
    margin-bottom: 10px;
}

.staff .container{
    padding: 0;
}
.staff .sub_title_content{
    padding-left: 10px;
    margin-bottom: 30px;
}
.staff_detail{
    width: calc(100% - 30px);
    padding: 60px 30px 30px;
}
.staff_detail.hatanaka,
.staff_detail.erina,
.staff_detail.adachi{
    margin: 360px 0 60px auto;
    padding-left: 30px;
    padding-right: 30px;
}
.staff_detail.hatanaka{
    margin: 290px 0 60px auto;
}
.staff_detail_img{
    width: 270px;
}
.staff_detail.hatanaka .staff_detail_img,
.staff_detail.erina .staff_detail_img,
.staff_detail.adachi .staff_detail_img{
    top: 0;
    left: -30px;
    transform: translateY(-88%);
}
.staff_detail.adachi .staff_detail_img{
    right: initial;
}
.staff_name{
    font-size: 3.8rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.staff_name span{
    font-size: 2.8rem;
}
.staff_detail_text p{
    margin-bottom: 10px;
}
.staff_detail_text p span{
    font-size: 2.8rem;
}
.staff_detail_text a{
    margin-right: 10px;
}
.staff_detail_text a img{
    width: 22px;
}

/*--------------------
アイランドの強み
----------------------*/

.strength_top{
    display: block;
    margin-bottom: 40px;
    padding: 0 10px;
}
.strength_top_img{
    width: 100%;
    margin-bottom: 20px;
}
.strength_top_box{
    width: 100%;
    position: initial;
    transform: translateY(0);
}
.strength_top_box div{
    font-size: 4.2rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.point{
    margin-bottom: 80px;
}
.strength_island{
    margin-bottom: 60px;
    padding: 80px 0 90px;
}
.strength_island::before,
.strength_island::after{
    border-bottom: 30px solid #F5F5F5;
}
.strength_island_box{
    margin-bottom: 80px;
}
.strength_island_box h3{
    font-size: 3.8rem;
    margin-bottom: 20px;
}
.strength_island_box h3::before{
    font-size: 9rem;
    padding: 0 15px 0 12px;
    border-left: 2px solid #32A8C7;
}
.strength_island_box li{
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.strength_island_img{
    width: 100%;
    margin-bottom: 15px;
}
.strength_island_text{
    width: 100%;
    padding: 0;
}
.strength_island_text div{
    font-size: 3.4rem;
    margin-bottom: 10px;
}
.strength_island_box li:nth-child(2) .strength_island_text{
    padding: 0;
}
.service_sub{
    margin-bottom: 90px;
}
.service_sub ul{
    margin-bottom: 50px;
    display: block;
}
.service_sub li{
    width: 100%;
    margin-bottom: 40px;
}
.service_sub li:nth-child(2){
    margin-bottom: 0;
}
.service_sub li div{
    min-width: 165px;
    font-size: 3.2rem;
    padding: 0 10px;
    left: -5px;
}

/*--------------------
サービス
----------------------*/

.service_top_sub{
    margin-bottom: 100px;
}
.service_detail{
    margin-bottom: 110px;
}
.service_detail#service_pilates{
    margin-bottom: 120px;
}
.service_detail .container{
    padding: 0;
}
.service_detail_top{
    margin-bottom: 60px;
}
.service_detail_top_img{
    width: 80vw;
}
#service_pilates .service_detail_top_img{
    margin: 0;
}
.service_detail_top_text{
    width: 90%;
    padding: 65px 30px 40px;
    margin: -40px 0 0 auto;
    position: initial;
}
.service_detail_top_title{
    font-size: 3.7rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.service_detail_top_title img{
    width: 60px;
    display: inline-block;
    margin-right: 15px;
}
.service_detail_top_text p{
    margin-bottom: 25px;
}
.service_detail ul{
    display: block;
    padding: 0 10px;
}
.service_detail li{
    width: 100%;
    margin-bottom: 50px;
}
.service_detail li:last-child{
    margin-bottom: 0;
}
.service_detail_list_img{
    margin-bottom: 15px;
}
.service_detail_list_img div{
    min-width: 165px;
    font-size: 3.2rem;
    padding: 0 10px;
    left: -5px;
}
.voice_sub{
    margin-bottom: 80px;
}

    .pc{display: none;}
    .sp{display: block;}
}


/*==========================
追加CSS
===========================*/
/*slick*/
.slick-track {
    display: flex !important;
}

.slick-slide {
    height: auto !important;
}

/*サービス・ジム・ピラティス*/
@media screen and (max-width: 1080px) {
    .service_detail ul {
        padding: 0 10px;
    
    }
}
.service_studio_link_btn {
    text-align: right;
}
.service_studio_link_btn a {
    position: relative;
    padding: 1.4rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 330px;
    margin: 0 0 0 auto;
    background-color: #666666;
    transition: .4s all;
}
.service_studio_link_btn a:hover {
    background-color: #7e7e7e;
}
.service_studio_link_btn a span {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #fff;
    text-align: center;
   
   
}
.service_studio_link_btn a img {
    position: absolute;
    right: 2rem;
    width: 2.5rem;
}

.service_sub ul {
    margin-bottom: 11rem;
}
.service_sub li .service_studio_btn02 {
    padding: 0 .5rem 1rem 2.5rem;
    position: absolute;
    right: 0;
    bottom: -6.5rem;
    left: auto;
    width: auto;
    height: auto;
    background-color: #ffffff;
}

.service_sub li .service_studio_btn02 a img {
    width: 35px;
}
@media screen and (max-width: 1080px) {
    .service_sub li .service_studio_btn02 {
        bottom: -8rem;
    }

}
@media screen and (max-width: 767px) {
    
    .service_sub li {
        margin-bottom: 10rem;
    }
    .service_sub ul li a {
        align-items: center;
    }
    .service_sub li .service_studio_btn02 {
        /* top: 10%; */
        min-width: auto;
    }
    .service_sub li .service_studio_btn02 a img {
        width: 25px;
    }
}

.franchise .title_h2 {
    font-size: 4.8rem;
}

@media screen and (max-width: 767px) {
.personal_gym .fv_sub_title ,.pilates_studio .fv_sub_title,.sub_voice .fv_sub_title,.privacy .fv_sub_title,.rules .fv_sub_title{
    transform: translateX(-40%) translateY(-40%);

}
}

/*topページ　about 詳しく見るボタン*/
.about_btn {
    padding-top: 5rem;
}
.about_btn  a {
    display: inline-block;
    padding: 1rem 2.5rem;
}
.about_btn a span{
    display: inline-block;
    margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
    .about_btn a span {
        margin-bottom: 0;
    }
}
/*topページ　リクルート*/
/* .recruit {
    padding: 9rem 0;
    background-image: url("../../../../img/bg_contact_v2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 9rem;
} */
/* .recruit_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.recruit_left {
    width: 50%;

}
.recruit_left h2 {
    line-height: 1.3;
    font-size: 7rem;
    font-weight: bold;
    color: #ffffff;

}
.recruit p {
    color: #fff;
    font-size: 1.8rem;
}
.recruit_left h2 span {
    font-size: 1.8rem;

}
.recruit_left .recruit_txt {
    padding-top: 3rem;
    color: #ffffff;
    
}
.recruit_left .recruit_txt p {
    font-size: 1.6rem;
    color: #ffffff;

}
.recruit_right a {
    background-color: #32A8C7;
    color: #ffffff;

}
.recruit_right a:after {
   border-right: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;

} */
/* .recruit_right a:hover {
    background-color: #ffffff;
    opacity: 1;
    color: #32A8C7;
}
.recruit_right a:hover:after{
    border-right: 2px solid #32A8C7;
        border-bottom: 2px solid #32A8C7;

}
@media screen and (max-width: 767px) {
    .recruit_inner {
        flex-direction: column;
    }
    .recruit_left {
        width: 100%;

    }
    .recruit_right {
        padding-top: 3rem;
    }
    .recruit_right a {
        width: 300px;
    }

}
@media screen and (max-width: 480px) {
    .recruit_right a {
            width: 240px;
        }

} */

/*About us*/
.aboutus_list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 13rem;
}
.aboutus_list li {
    width: 31%;

}
.aboutus_list_none {
    justify-content: space-around;
}
.aboutus_list_none li {
   /*width: 35%;*/
}
.aboutus_list li .aboutus_list_img {
    width: 100%;
    position: relative;
    margin-bottom: 1.5rem;
    
}
.aboutus_list li .aboutus_list_img img {
    width: 100%;

}
.aboutus_list li .aboutus_list_img p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #32A8C7;
    padding: 5px 5px 8px 2rem;
    width:75% ;
    max-width: 270px;
    position: absolute;
    left: 0;
    bottom: 20px;

}
@media screen and (max-width: 767px) {
    .aboutus_list {
        flex-direction: column;
    }
        .aboutus_list li {
            width: 100%;
            margin-bottom: 4rem;
    
        }

}
@media screen and (max-width: 480px) {
    .aboutus_list li .aboutus_list_img p {
        font-size: 16px;
    }
}

.about_links,.company_links {
    padding-bottom: 13rem;
}

.about_links .aboutus_list{
    padding: 5rem 0 7rem;
    
}
.company_links .aboutus_list{
    padding: 5rem 0 7rem;
    
}

/*事業所一覧*/
.office_detail_content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;

}
.office_detail_txt {
    width: 48%;

}
.office_detail_txt .office_detail_ttl {
    font-size: 3.5rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 3px #32A8C7;
    margin-bottom: 15px;

}
.office_detail_txt p {
    font-size: 22px;

}
.office_detail_map {
    width: 50%;
    max-width: 570px;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 30.25%;

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

}
@media screen and (max-width: 1024px) {
    .office_detail_txt p {
        font-size: 16px;
    }

}
@media screen and (max-width: 767px) {
    .office_detail_content {
        flex-direction: column;
    }
    .office_detail_txt {
        width: 100%;
        padding-bottom: 2rem;
    }
    .office_detail_map {
        width: 100%;
        max-width: 100%;
        padding-top: 60.25%;
    }
}


.store {
    padding: 3rem 0 5rem;

}
.store_detail_content {
    margin-bottom: 4rem;

}
.store_detail_ttl {
    font-size: 3.5rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 3px #32A8C7;
    margin-bottom: 15px;

}
.store_list li {
    display: flex;
    align-items: center;
    border: 1px solid rgb(245, 245, 245);

}
.store_list li .store_list_left {
    font-size: 2.8rem;
    text-align: center;
    width: 20%;
    padding: 3rem 0;
    line-height: 1.3;

}
.store_list li .store_list_right {
    padding: 3rem 20px 3rem 2rem;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-left: 1px solid rgb(245, 245, 245);

}
.store_list_address {
    width: calc(100% - 160px);
   

}
.store_list_address p {
    font-size: 20px;

}
.store_list li .store_list_right .store_map {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: .4s all;
    width: 150px;
}
.store_map img {
    margin-right: 10px;
    width: 35px;
    
}
.store_map span {
    font-size: 18px;
    border-bottom: 1px solid #000000;
    transition: .4s all;

}
.store_list li .store_list_right .store_map:hover span{
    color: #E60012;
    border-bottom: 1px solid #E60012;
}
@media screen and (max-width: 1024px) {
    .store_list_address p {
        font-size: 16px;
    }

}
@media screen and (max-width: 767px) {
    .store_list li .store_list_right {
        flex-direction: column;
    }
        .store_list_address {
            width: 100%;
            padding-bottom: 2rem;
        }
}
@media screen and (max-width: 480px) {
    .store_map img {
        width: 30px;
    }
    .store_map span {
        font-size: 16px;
    }

}

/*加盟店募集*/
.franchise .aboutus_list {
    justify-content: center;

}
.franchise .aboutus_list li{
    margin: 0 15px;
    width: 45%;
}
.franchise .aboutus_list li .aboutus_list_img p{
    max-width: 320px;
}
@media screen and (max-width: 767px) {
    .franchise .aboutus_list li {
        width: 100%;
        margin: 0 0 4rem 0;
    }
   
}

/*TOPへ戻るボタン*/
.page_top_off {
    /* position: fixed; */
    bottom: 3rem;
    right: 15px;
    z-index: 50;
    /* transition: 0.6s all; */
    /* opacity: 0; */
    /* transform: translateY(400px); */

   
}
.page_top_off .page_top_btn {
    display: inline-block;
    width: 55px;
    height: 55px;
}
.page_top_off .page_top_btn .fa-angle-up{
  font-size: 30px;
  color: #FFF;
  background: #32a8c7;
  text-align: center;
  padding: 13px 0;
  width: 55px;
  height: 55px;
  border-radius: 100%;
}
@media (max-width:960px) {
  .page_top_off .page_top_btn .fa-angle-up{
    font-size: 30px;
  }
}
.page_top_off .page_top_btn:hover .fa-angle-up{
  color: #32a8c7;
  background: #FFF;
  border-radius: 100%;
  opacity: 1;
}

@media screen and (max-width: 400px) {
    .page_top_off {
        right: 10px;
    }
    .page_top_off .page_top_btn {
        width: 50px;
        height: 50px;
    }
}
body {
    position: relative;
}

/*fotter ナビ*/
.acc-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.acc-title .close {
    display: none;
    line-height: 1;
}
@media (min-width:767px) and (max-width:960px){
  .acc-title .close{
    display: block;
    font-size: 16px;
  }
}
.acc1-title p, .acc-title a {
    border-left: 3px solid #32A8C7;
    padding-left: 7px;
    line-height: 1;
    margin-bottom: 7px;
    margin-top: 10px;
}
.acc-list-item .down .f_ttl {
    display: none;
}
@media screen and (max-width: 767px) {
    .acc-list-item .down {
        display: none;
    }
    .footer_right_menu ul {
        width: 100%;
    }
    .acc-title  {
        border-bottom: 1px solid #c1c1c1ae;
        padding:15px 0 20px 0;
        transition: .4s all;
    }
        .acc-title:hover {
            opacity: .7;
            cursor: pointer;
        }
    .acc-title .close {
        display: block;
        font-weight: 100;
    }
    .acc-title p {
        margin:0;
    }
    .footer_right_menu li {
        margin-bottom: 0 !important;
    }
    .footer_right_menu li.normal {
        margin-bottom: 10px;
        padding-left: 7px;
    }
    .acc-list-item .down .f_ttl {
        display: block;
        font-weight: 700;
    }
}

/* voiceページ　*/
.voice_content {
    margin-bottom: 13rem;

}
.voice_content h2 {
    font-size: 3rem;
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid #32A8C7;
    margin-bottom: 30px;
}

.voice_content_list {
    display: flex;
    justify-content: space-between;

}
.voice_content_list li {
    width: 31%;

}
.voice_voice_content_listlist li a {
    display: inline-block;
    width: 100%;

}
.voice_content_list li .voice_img {
    width: 100%;

}
.voice_content_list li .voice_list_ttl {
    font-size: 2.6rem;
    font-weight: bold;
    color: #32A8C7;
    padding: 20px 0;

}
.voice_content_list li .voice_list_txt p {
    font-size: 16px;
    font-weight: normal;
    text-align: justify;

}
.voice_content_list li .voice_name {
    padding-top: 20px;
    font-size: 1.4rem;

}
@media screen and (max-width: 767px) {
    .sub_voice .fv_sub_title {
        font-size: 7rem;
    }
    .voice_content h2 {
        font-size: 4rem;
    }
    .voice_content_list {
       flex-direction: column;

    }

    .voice_content_list li {
        width: 100%;
        margin-bottom: 50px;

    }
    .voice_content_list li .voice_list_ttl {
        font-size: 3.5rem;
    }
    .voice_content_list li .voice_name {
        font-size: 2.2rem;
    }

}

.voice_service_sub {
    background-color: #F5F5F5;
    position: relative;
    padding: 14rem 0 ;
}
.voice_service_sub li .service_studio_btn02 {
    background-color: transparent;
}
.voice_service_sub::before {
    content: '';
        width: 0px;
        height: 0px;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-left: 100vw solid #fff;
        border-bottom: 7rem solid #F5F5F5;
        position: absolute;
        top: 0;
        left: 0;
}
@media screen and (max-width: 767px) {
    .voice_service_sub::before {
        border-bottom: 30px solid #F5F5F5;
    }
}

/* mediaページ　*/
.owned_media {
    padding-top:10rem ;
}
.owned_media_wrap {
    display: flex;
    justify-content: space-between;
}
.sub_media_content {
    width: 47%;
    padding-bottom: 12rem;

}
.sub_media_img {
    width: 100%;
    max-width: 660px;
    margin: 0 auto 3rem;

}
.sub_media_img img {
    width: 100%;

}
.sub_media_ttl {
    font-size: 2.8rem;
    font-weight: bold;
    color: #32A8C7;

}
.sub_media_txt {
    padding: 10px 0 50px;

}
.sub_media_txt p {
    font-size: 16px;

}
.owned_media .slick-slide {
    position: relative;
}
@media screen and (max-width: 767px) {
    .owned_media {
        padding-bottom: 50px;
    }
    .sub_media_ttl {
        font-size: 3.5rem;
    }
    .owned_media .sub_media_content {
        padding: 0 3rem;
    }
    .owned_media .service_studio_btn {
        position: absolute;
        bottom: 0 ;
        right: 3rem;
       /* left: 50%;
        -webkit-transform: translateX(-50%);
            transform: translateX(-50%); */
    }
    .owned_media .sub_media_txt {
        padding-bottom: 60px;
    }

}

.youtube {
    background-color: #F5F5F5;
    padding: 14rem 0 10rem;
    position: relative;
}
.youtube::before {
    content: '';
        width: 0px;
        height: 0px;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-left: 100vw solid #fff;
        border-bottom: 7rem solid #F5F5F5;
        position: absolute;
        top: 0;
        left: 0;
}
.youtube:after {
    content: '';
        width: 0px;
        height: 0px;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-left: 100vw solid #fff;
        border-bottom: 7rem solid #F5F5F5;
        position: absolute;
        left: 0;
        top: initial;
        bottom: 0;
        transform: rotate(180deg);
}
.youtube .sub_media_content {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .youtube {
        margin-top: 9rem;
    }
    .youtube::before,.youtube::after {
        border-bottom: 30px solid #F5F5F5;
    }
}

.twitter {
    padding-top: 10rem;
}
.twitter .slick-slide {
    position: relative;
}
.twitter_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.twitter_list li {
    width: 47%;
    margin-bottom: 8rem;

}

@media screen and (max-width: 767px) {
    .twitter_list {
        flex-direction: column;
    }
    .twitter_list li {
        width: 100%;
    }
        .twitter_list li .service_studio_btn {
            position: absolute;
            bottom: 0;
            right: 10px;
        }
}
.twitter_list li .twitter_img {
    width: 100%;
    max-width:430px ;
    margin: 0 auto;

}
.twitter_list li .twitter_img img{
    width: 100%;

}
.twitter_list li .twitter_name{
    font-size: 2.8rem;
    font-weight: bold;
    color: #32A8C7;
    padding: 30px 0 20px;

}
@media screen and (max-width: 767px) {
    .twitter {
        padding-bottom: 5rem;
    }
    .twitter_list li {
        padding: 0 3rem;
    }
    .twitter_list li .twitter_name {
        font-size: 3.5rem;
    }
}
.twitter_list li .twitter_txt{
    padding-bottom: 20px;

}
.twitter_list li .twitter_txt p{
    font-size: 16px;
    text-align: justify;

}

.external {
    padding: 14rem 0 14rem;
    background-color: #F5F5F5;
    position: relative;
    margin-bottom: 10rem;
}
.external::before {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F5F5F5;
    position: absolute;
    top: 0;
    left: 0;

}
@media screen and (max-width: 767px) {
    .external {
        margin-top: 9rem;
    }
    .external::before {
        border-bottom: 30px solid #f5f5f5;
    }
}

.external_logo {
    background-color:#ffffff;
    padding: 10px 20px;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.external_logo img {
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .external_logo img {
        height: 100%;
        object-fit: contain;
    }

}
li.external_item {
    background-color: #F5F5F5;
    /* padding: 0 1rem; */
}
.external_logo_bg {
    background-color: #042067;
    padding: 0;
}
.external_media_name {
    font-size: 20px;
    padding: 10px 0;
}
.external_txt {
    padding-bottom: 20px;
}
.external_txt p {
    font-size: 16px;
}
.external_item .service_studio_btn {
    padding-right: 10px;
}
.external_item_bottom {
    background-color: #fff;
    padding: 0 15px 30px 15px;
}
.external .slick-slide {
    background-color: #fff;
    margin: 0 10px;
    position: relative;
    /* padding-bottom: 30px; */
}
.external .service_studio_btn {
    position: absolute;
    bottom: 30px;
    right: 0;
}

/* ーーーーーフランチャイズ　　ジムーーーーーー*/
.no_wrap {
    display: inline-block;
}
.f_gym_mv {
    margin-top: 97px;
    position: relative;
    width: 100vw;
    height: calc(100vh - 97px);
    background-image: url("../../../../img/f_gym_mv.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 0 center;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}
@media screen and (max-width: 1400px) {
    .f_gym_mv {
        margin-top: 50px;
        height: calc(100vh - 50px);
    }

}
@media screen and (max-width: 767px) {
    .f_gym_mv {
        background-image: url("../../../../img/f_gym_mv_sp.jpg");
        background-position: center;
    }
}

.f_gym_mv_txt {
    position: relative;
    top: 28vh;

}
@media screen and (max-width: 767px) {
    .f_gym_mv_txt {
        top: 5%;
    }
}
.f_gym_mv_txt h1 {
    text-align: center;
    line-height: 1.1;
     letter-spacing: normal;
    font-weight: bold;
    font-size: 13rem;
    color: #fff;
    text-shadow: 0 0 6px #0000003f;
    font-family: 'Oswald', sans-serif;

}
.f_gym_mv_txt h1 span {
    color: #dbed32;

}
.f_gym_mv_txt p {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 6px #0000003f;
    padding: 0 15px;

}
.f_gym_mv_bottom {
    width: 100vw;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: #202020d7;
}
.f_gym_mv_bottom img {
    width: 100%;
    max-width: 680px;
}
/* 資料請求 */
.contact {
    margin: 9rem 0;
}

/* フランチャイズ　ジム　top */
.f_gym_top {
    flex-direction: row-reverse;
}
.f_gym_top .strength_top_box {
    left: auto;
    right: calc(50vw - 600px);
}
@media screen and (min-width: 1400px) {
    .f_gym_top .strength_top_box {
        left: auto;
        right: calc(50vw - 600px);
    }
}
@media screen and (max-width: 1200px) {
        .f_gym_top .strength_top_box {
            right: 0;
            padding-left: 0;
            padding-right: 15px;
        }
}
@media screen and (max-width: 767px) {
    .f_gym_top .strength_top_box {
        right: calc(50vw - 540px);
        padding-right: 0;
    }
        .f_gym_mv_txt p {
            font-size: 3rem;
        }
}

/* アイランドジムの取り組み */
.approach {
    padding: 14rem 0 16rem;
    background-color: #F5F5F5;
    position: relative;
}
.approach::before,.approach::after {
    content: '';
        width: 0px;
        height: 0px;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-left: 100vw solid #fff;
        border-bottom: 7rem solid #F5F5F5;
        position: absolute;
        top: 0;
        left: 0;
    
}
.approach::after {
    top: initial;
    bottom: 0;
    transform: rotate(180deg);
}   
    

.approach_inner {
    display: flex;
    justify-content: space-between;
}
.approach_content {
    width: 40%;
}
.approach_img {
    width: 55%;
}
.approach_img img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .approach::before,
    .approach::after {
        border-bottom: 30px solid #f5f5f5;
    }
    .approach_inner {
        flex-direction:column;
    }
    .approach_content {
        width: 100%;
    }

    .approach_img {
        width: 100%;
        margin-bottom: 4rem;
    }
}

/* 加入するメリット */
.advantage {
    background-color: #f5f5f5;
    position: relative;
    padding: 14rem 0 16rem;
}
.advantage::before,
.advantage::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F5F5F5;
    position: absolute;
    top: 0;
    left: 0;

}

.advantage::after {
    top: initial;
    bottom: 0;
    transform: rotate(180deg);
}
.advantage_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.advantage_list li {
    width: 48.5%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 3rem;
    margin-bottom: 30px;
}
.advantage_list_img {
    width: 25%;

}
.advantage_list_img img {
    width: 100%;
    max-width: 128px;

}
.advantage_list_box {
    width: 67%;

}
.advantage_list_ttl {

    line-height: 1.3;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    text-align: center;

}
@media screen and (max-width: 767px) {
    .advantage::before,
    .advantage::after {
        border-bottom: 30px solid #f5f5f5;
    }
    .advantage_list {
        flex-direction: column;
    }
    .advantage_list li {
        width: 100%;
        flex-direction: column;
    }
    .advantage_list_img {
        width: 100%;
        text-align: center;
        margin-bottom: 3rem;
    }
    .advantage_list_box {
        width: 100%;
    }
}

/* フランチャイズご契約内容 */
.system {
    padding-top: 7rem;
}
.system_content {
    padding: 4rem 0 9rem;

}
.system_content h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 58px;
    font-weight: bold;
    color: #32A8C7;
    border-left: 3px solid #32A8C7;
    padding-left: 15px;
    line-height: 1;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    margin-bottom: 30px;

}
.system_content h3 span {
    letter-spacing: normal;
    color: #333333;
    font-size: 30px;
    font-weight: 500;
    padding-left: 2.5rem;

}
.system_list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;

}
.system_list_img {
    width: 38%;

}
.system_list_img img {
    width: 100%;

}
.system_list_txt {
    width: 60%;

}
@media screen and (max-width: 767px) {
    .system_content h3 {
        font-size: 40px;
    }
    .system_list li {
        flex-direction: column;
    }
    .system_list_img {
        width: 100%;
        margin-bottom: 3rem;
    }
    .system_list_txt {
        width: 100%;
    }
}

.system_table {
    width: 100%;
    border-collapse: collapse;

}
.system_table tr {
    border-bottom: 2px dotted #888888;

}
.system_table tr:first-child {
    border:none;

}
.system_table tr:last-child {
    border:none;

}
.system_table_wrap01 tr:nth-child(10) {
   border-bottom: 2px solid #888888;

}
.system_table_wrap02 tr:nth-child(12) {
    border-top: 2px solid #888888;
    border-bottom: 2px solid #888888;
}
.system_table th {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 25px 0;

}
.system_table td {
    width: calc(100% / 3);
    text-align: center;
    font-size: 24px;
    font-weight: bold;

}
.system_table td span {
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;

}
.system_table_ttl01 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #32a8c7;
    border-right: 1px solid #888888;

}
.system_table_ttl02 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #bed754;

}
.system_table01 {
    width: calc(100% / 3);
    background-color: #f5f5f5;
}
.system_table02 {
    background-color: #eaf6f9;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;

}
.system_table03 {
    background-color: #f8fbee;

}
.system_table tr:last-child td {
    font-size: 32px;
}
.system_table_wrap02 tr:nth-child(12) td {
    font-size: 32px;
}
.system_table01_1 {
    width: calc(100% / 9);
    background-color: #f5f5f5;
    border-right: 1px solid #888888;
    line-height: 1.3;
}
.system_table01_2 {
    width: calc((100% / 9) * 2);
    background-color: #f5f5f5;
}

/* 出店までの流れ */
.flow {
    background-color: #f5f5f5;
    position: relative;
    padding: 14rem 0 8rem;
    margin-bottom: 10rem;
}
.flow::before {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 7rem solid #F5F5F5;
    position: absolute;
    top: 0;
    left: 0;
}
.flow_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.flow_list li {
    width: 18.3%;
    background-color: #fff;
    padding: 2rem 1.5rem;
   
    margin-bottom: 3rem;
    position: relative;

}
.flow_list_inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.flow_list li:after {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 15px;
    border-color: transparent transparent transparent #ffffff;
}
.flow_list li:nth-child(10):after {
    display: none;
}
.flow_list_num {
    font-family: 'Oswald', sans-serif;
    font-size: 5rem;
    font-weight: 500;
    color: #32A8C7;
    display: inline-block;
    border-bottom: 2px solid #32A8C7;
    margin-bottom: 3rem;
    line-height: 1.3;

}
.flow_list li img {
    width: 100%;
    max-width:130px ;

}
.flow_list_ttl {
    font-size: 18px;
    font-weight: 500;
    padding: 2.5rem 0 1.7rem;
    letter-spacing: normal;
    line-height: 1.3;
}
.flow_list li:nth-child(4) .flow_list_ttl {
    font-size: 17px;
}
.flow_list li p{
    text-align: justify;
    line-height: 1.3;
}
@media screen and (max-width: 767px) {
    .flow_list {
        flex-direction: column;
    }
    .flow_list li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6rem;
      
    }
    .flow_list li img {
        width: 30%;
        max-width: 180px;
        height: auto;
    }
    .flow_list .flow_list_inner {
        width: 67%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .flow_list_num {
        border: none;
        margin-bottom: 0;
        font-size: 6rem;
    }
    .flow_list_ttl {
        font-size: 3rem;
        padding-left: 20px;
        text-align: left;
    }
    .flow_list li:nth-child(4) .flow_list_ttl {
        font-size: 3rem;
    }
    .flow_list li:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -4rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4rem 8rem 0 8rem;
        border-color: #ffffff transparent transparent transparent;
    }
    .flow_list li p {
        padding-top: .5rem;
    }
}

/* ーーーーーtopページ　スライダー変更ーーーーーーー*/
li.voice_stud-li {
    padding: 0;
}
.voice .slick-slide {
    background-color: #F5F5F5;
    margin: 0 10px;
}
/* top　リクルート変更*/
.recruit_txt {
    padding-bottom: 2rem;
}
.info .recruit {
    background-image: url("../../../../img/trainerAll.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.info .recruit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #0000005d;
}
.info .recruit .title_h2 {
    color: #fff;
}
.info .recruit .title_h2 span {
    color: #fff;
}
.info .recruit .recruit_txt p {
    color: #fff;
}
.info .recruit .info_detail_btn a{
    color: #fff;
}

/* ーーーーー会員規則・プライバシーポリシーーーーーーーー*/
.rules_list,.privacy_list {
    padding-bottom: 10rem;
}
/* ーーーーー共通　加盟店募集ーーーーーーーー*/
.business_wrap {
    display: flex;
}

/* ーーーーーメディアページ　スライダーーーーーーーーー*/
.media_slider .slick-dots {
    display: block !important;
}

.media_slider .slick-dots li {
    width: 7.2rem;
    height: 0.4rem;
}

.media_slider .slick-dots li button {
    width: 7.2rem;
    height: 0.4rem;
}

.media_slider .slick-dots li button:before {
    content: '' !important;
    height: 0.4rem !important;
    width: 100% !important;
    background-color: #32A8C7;
}

.media_slider .slick-dots {
    position: absolute;
    z-index: 10;
    bottom: -8.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: auto !important;
}

.media_slider .slick-next,
.media_slider .slick-prev {
    top: initial !important;
    bottom: -8.5rem !important;
    z-index: 99;
}

.media_slider .slick-next {
    right: 12% !important;
}

.media_slider .slick-prev {
    left: initial !important;
    right: calc(12% + 5rem) !important;
}


@media screen and (max-width: 767px) {
    .media_slider .slick-dots li {
        width: 36px;
        height: 2px;
        margin: 0 3px;
    }

    .media_slider .slick-dots li button {
        width: 36px;
        height: 2px;
    }

    .media_slider .slick-dots li button:before {
        height: 2px !important;
    }

    .media_slider .slick-dots {
        bottom: -50px;
        width: 100% !important;
    }

    .media_slider .slick-next,
    .media_slider .slick-prev {
        display: none !important;
    }
   
}



/** 資料ダウンロード（詳細） **/
.download_cat_list {
	margin-bottom: 40px;
	display: flex;
}
.download_cat_list li {
	margin-right: 15px;
}
.download_cat_list li a {
	padding: 5px 20px;
	border: 1px solid #32A8C7;
	font-size: 90%;
	color: #32A8C7;
}
.download_cat_list li a:hover {
background: #32A8C7;
color: #fff;
}
.download_archive_list {}
.download_archive_list img {
max-width: 100%;
height: auto;
width /***/:auto;
}
.download_archive_list > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.download_archive_list > ul::after{
content:"";
display: block;
width: 32%;
}
.download_archive_list > ul > li {
	width: 32%;
	margin-bottom: 4%;
	border: 2px solid #ccc;
	padding: 20px;
}
.download_archive_list a {}
.download_archive_list a:hover{color:#000;opacity:1;text-decoration:none;}



.download_list_link {}
.download_archive_img {margin-bottom: 20px;}
.download_archive_cat {	display: flex;
	flex-wrap: wrap;
color: #32A8C7;
}
.download_archive_cat li {margin-right: 5px;}
.download_archive_list h3 {margin-bottom: 10px; font-size: 110%;}
.download_archive_content {margin-bottom: 20px;}
.download_archive_content p { font-size: 90%;}
.list_btn {
	width: 100%;
	max-width: 280px;
	height: 60px;
	line-height: 60px;
	position: relative;
	display:block;
	font-weight: bold;
	color: #fff;
	border-radius: 0.2em;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	text-decoration: none;
	font-size: 100%;
	background: #32A8C7;
	margin: 0 auto;
}
.list_btn:hover {
border: 1px solid #32A8C7;
background: #fff;
color: #32A8C7 !important;
}


.single_download {
    width: 100%;
    max-width: 1180px;
    display: flex;
	flex-wrap: wrap;
    margin: 0 auto 100px;
}
.single_download_h {
width: 100%;
	margin-bottom: 80px;
}
.single_download_h h1 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 40px;
}
.single_download main {
    width: calc(100% - 30%);
    padding-right: 2em;
}
.single_download article .article_in {
    margin-bottom: 1.5em;
    background-color: white;
    border-radius: 0 !important;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%) !important;
    overflow: unset !important;
    padding: 30px 0;
}


.single_download .o_sidebar {
    width: calc(100% - 70%);
}
.download_img {
    background-color: white;
    border-radius: 0 !important;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%) !important;
    overflow: unset !important;
    padding: 30px;
    margin-bottom: 20px;
}
.download_img img {
max-width: 100%;
height: auto;
width /***/:auto;
}


.download_form {}
.download_form dl {
	font-size: 120%;
}
.download_form dt {
	font-weight: bold;
	padding: 20px 40px 10px;
}
.download_form dt span span {
	font-size: 90%;
	color: #32A8C7;
	margin-left: 5px;
}
.download_form dd {
	padding: 10px 40px 20px;
	border-bottom: 1px solid #ccc;
}
.download_form dd input {
	border: none;
width: 100%;
	font-size: 100%;
}
.download_form dd input:focus {
outline: none;
}
.o_submit {
	margin-top: 40px;
	text-align: center;
}
.o_submit .wpcf7-spinner {
	display: block;
    text-align: center;
	margin: 5px auto;
}


.o_submit .wpcf7-submit {
	width: 100%;
	max-width: 280px;
	height: 60px;
	line-height: 60px;
	position: relative;
	display:block;
	font-weight: bold;
	color: #fff;
	border-radius: 0.2em;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	text-decoration: none;
	font-size: 100%;
	background: #32A8C7;
	margin: 0 auto;
}
.o_submit .wpcf7-submit:hover {
border: 1px solid #32A8C7;
background: #fff;
color: #32A8C7 !important;
}



#pagination {
	color: #2583ad;
	margin: 30px auto;
	line-height:2em;
	text-align: center;
}
a.page-numbers, #pagination .current {
	color: #00019b;
	padding: 10px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
	background:white;
}
a.page-numbers:hover {
	color:white;
	background: #32A8C7;
}
#pagination .current {
	color: white;
	background: #32A8C7;
	border: #32A8C7;
	font-weight:bold;
}
.next,
.prev {
	border:0 none;
	background:transparent;
	font-weight:bold;
}

.o_submit a {
	color: #32A8C7;
	text-decoration: underline;
}


@media (max-width: 768px) {

/** 資料ダウンロード（詳細） **/
.single_download {
	width: 90%;
	display: block;
}
.single_download main {
	width: 100%;
	padding: 0;
	}
.o_sidebar {width: 100% !important;}
.single_download_h {margin-bottom: 50px;}
.single_download_h h1 {
font-size: 120%;
margin-bottom: 20px;
}
.download_form dl {font-size: 100%;}
.o_submit {width: 90%; margin: 40px auto 0;}

/** 資料ダウンロード（アーカイブ） **/
.download_cat_list {
    overflow-x: auto;
    white-space: nowrap;
    padding: 5px 0;
    font-size: 90%;
}
.download_archive_list > ul {display: block;}
.download_archive_list > ul > li {width: 100%;}

}


/** 一覧ページ **/




.blog_pan {margin: 0 auto 50px; width: 100%; max-width: 1180px;}


.slick-initialized .slick-slide {margin: 0 20px;}

.blog_archive_popularity {margin-bottom: 150px;}
.blog_archive_popularity_title {width: 100%; max-width: 1180px; margin: 0 auto;}
.blog_archive_popularity h2 {
	font-size: 150%;
	width: fit-content;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 3px solid #32A8C7;
}

.blog_archive_popularity ul {}
.blog_archive_popularity li {background: #ccc;}
.blog_archive_popularity_img {margin-bottom: 10px;}
.blog_archive_popularity_img img {
max-width: 100%;
height: auto;
width /***/:auto;
}

.blog_archive_popularity_data {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	margin-bottom: 10px;
}
.blog_archive_popularity .time {font-size: 90%;}
.blog_archive_popularity .cat {
	font-size: 90%;
	display: flex;
}
.blog_archive_popularity .cat li {
	width: auto;
	padding: 3px 15px;
    font-size: 90%;
	color: #fff;
	background-color: #32A8C7;
	margin-right: 5px;
}
.blog_archive_popularity h3 {padding: 0 20px; margin-bottom: 20px;}




.blog_archive_list {}
.blog_archive_list h2 {
	font-size: 150%;
	width: fit-content;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 3px solid #ccc;
}
.blog_archive_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog_archive_list li {
	width: 49%;
	background: #ccc;
	margin-bottom: 2%;
}
.blog_archive_list_img {margin-bottom: 10px;}
.blog_archive_list_data {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	margin-bottom: 10px;
}
.blog_archive_list_data .time {font-size: 90%;}
.blog_archive_list_data .cat {
	font-size: 90%;
	display: flex;
}
.blog_archive_list_data .cat li {
	width: auto;
	padding: 3px 15px;
    font-size: 90%;
	color: #fff;
	background-color: #32A8C7;
	margin-right: 5px;
}
.blog_archive_list h3 {padding: 0 20px; margin-bottom: 20px;}

.blog_archive_popularity_title {width: 100%; max-width: 1180px; margin: 0 auto;}
.blog_archive_popularity h2 {
	font-size: 150%;
	width: fit-content;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 3px solid #32A8C7;
}

.o_category_description {margin-bottom: 30px;}

.o_sidebar .o_side ul {padding: 0; border-top: 1px solid #ccc;}
.o_side li a {
	position: relative;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.o_side li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin: -4px 0 0 0;
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.slick-next, .slick-prev {
    top: initial !important;
    bottom: -50px!important;
    z-index: 99;
}


.sp_none {display: block;}
.pc_none {display: none;}
.sp_pickup {margin-bottom: 50px;}
.sp_pickup {text-align: center;}

.blog .slick-dots {display: block !important; bottom: -50px;}
.blog .slick-dots li {
    width: 70px;
    height: 5px;
background: #92e8ff;
}
.blog .slick-dots li button:before {display: none;}
.blog .slick-dots li.slick-active {background: #32A8C7;}
.blog .slick-dots li.slick-active button:before {display: none;}

@media (max-width: 767px) {

.sp_none {display: none;}
.pc_none {display: block;}

.blog .blog_archive_popularity {
    width: 90%;
    padding: 0;
    margin: 0 auto 80px;
}
.blog_archive_popularity h2 {margin: 0 auto 30px;}
.blog_archive_list h2 {margin: 0 auto 30px;}
.blog_archive_list li {
	width: 100%;
	margin-bottom: 30px;
}
.blog_archive_list_data li {margin-bottom: 0;}

.blog .slick-list {padding: 0 50px !important;}

}



/** 詳細ページ **/


.blog .o_container main {
    width: calc(100% - 25%);
    padding-right: 5em;
}

.blog .o_container article {
box-shadow: none !important;
padding: 0;
}



.blog .o_container article header h1 {
	margin-bottom: 20px;
    font-size: 3.5rem;
}

.blog_data {display: flex; align-items: center; margin-bottom: 30px;}
.blog_data .o_time {margin: 0 !important;}
.blog_data .o_time .public {margin: 0 !important;}
.blog_cat {margin-left: 20px;
    line-height: 1.93;
    font-size: 1.6rem;
}
.blog_cat .post-categories {display: flex;}
.blog_cat li {}
.blog_cat li a {
	display: block;
	padding: 3px 15px;
    font-size: 90%;
	color: #fff;
	background-color: #32A8C7;
	margin-right: 5px;
}


.blog_introduction {
	margin-bottom: 30px;

}


.blog_author {
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.blog_author_img {width: 25%;}
.blog_author_img img {border-radius: 50%;}
.blog_author_content {width: 70%;l}
.blog_author_name {margin-bottom: 10px;}
.blog_author_p {font-size: 90%; margin-bottom: 10px;}
.blog_author_sns {display: flex; font-size: 130%;}
.blog_author_sns li {margin-right: 7px;}




#toc {
	margin-bottom: 50px;
	background: #f2f2f2;
	padding: 30px;
}
#toc .index2 {}
#toc .index-bt2 {font-size: 150%; font-weight: bold; margin-bottom: 20px;}
#toc ol li {margin: 0 0 10px 0;}
#toc ol ol {margin-left: 20px;}

.footer_link {
	margin-top: 80px;
	    display: flex;
    justify-content: flex-end;
}
.footer_link a {
	width: fit-content;
	display: block;
	border: 1px solid #333;
	padding: 10px 30px;
}

.blog_content {}
.blog_content h2 {background: #32A8C7; padding: 5px; margin: 50px 0 20px; color: #fff; font-size: 26px;}
.blog_content h3 {border-bottom: 2px solid #32A8C7; padding-bottom: 10px; margin-bottom: 10px; font-size: 24px;}
.blog_content h4 {border-left: 2px solid #32A8C7; padding-left: 10px;; margin-bottom: 10px; font-size: 22px;}
.blog_content .box {}
.blog_content .btna {}
.blog_content .btnb {}
.blog_content .markera {}
.blog_content .markerb {}
.blog_content .markerc {}
.blog_content .markerd {}
.blog_content .balloona {}
.blog_content .balloonb {}


.blog .o_container .o_sidebar {}
.blog .o_sidebar .o_side {
	border: none;
	box-shadow: none;
}
.blog .o_sidebar .o_side h2 {
	padding: 0;
	background: none;
	color: #333;
}


@media (max-width: 767px) {

/** 詳細ページ **/
.blog .o_container main {
    width: 90%;
    padding: 0;
	margin: 0 auto;
}
	.blog_data {justify-content: space-between;}
	.blog_data .o_time {order: 2;}
	.blog_cat {order: 1;}

.blog .o_container article section p {
	    font-size: 2.8rem;
    margin: 0 0 1.5em;
}

.blog .o_container article header h1 {font-size: 24px;}
.blog_content h2 {font-size: 22px;}
.blog_content h3 {font-size: 20px;}
.blog_content h4 {font-size: 18px;}

}



/** 検索 **/

.search_data {margin-bottom: 30px;}




/** 記事装飾 **/
.marker_thin_yellow {background-image: linear-gradient(transparent 75%, #ffe500 0);}
.marker_thick_yellow {background-image: linear-gradient(transparent 50%, #ffe500 0);}
.marker_thin_lightblue {background-image: linear-gradient(transparent 75%, #bce2e8 0);}
.marker_thick_lightblue {background-image: linear-gradient(transparent 50%, #bce2e8 0);}

.cta_btn {
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: relative;
	display:block;
	font-weight: bold;
	color: #fff;
	border-radius: 0.2em;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	text-decoration: none;
	font-size: 90%;
}
.cta_btn:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
	box-shadow: none;
	color: #fff;
}

.btn_yellowgreen {
	background: #b8d200;
	box-shadow: 0 4px 0 rgba(141, 161, 1, 1);
}
.btn_lightblue {
	background: #bce2e8;
	box-shadow: 0 4px 0 rgba(133, 207, 219, 1);
}

.o_box{
	background-color:#fff; /* ボックス背景色 */
	padding:2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #666;/* ボックスの線 (太さ・種類・色)*/
}
.o_box .box_title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	font-weight:800;
	color: #666; /* タイトル文字色 */
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -8px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}


.balloon_left_out {display: flex;}
.balloon_img {width: 100%; max-width: 100px;}
.balloon_left {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  padding: 15px;
  border: 1px solid #000000;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
    height: fit-content;
}

.balloon_left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #000000 transparent transparent;
  translate: -100% -50%;
}

.balloon_left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 3.9px 7.8px 3.9px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% -50%;
}
.balloon_left p {
  margin: 0 !important;
  padding: 0;
}

.balloon_right_out {
	display: flex;
	justify-content: flex-end;
}
.balloon_right {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  padding: 15px;
  border: 1px solid #000000;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
    height: fit-content;
}

.balloon_right::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #000000;
  translate: 100% -50%;
}

.balloon_right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 3.9px 0 3.9px 7.8px;
  border-color: transparent transparent transparent #ffffff;
  translate: 100% -50%;
}

.balloon_right p {
  margin: 0 !important;
  padding: 0;
}


.blog .o_container {flex-wrap: wrap;}

#pagination {width: 100%;}
a.page-numbers, #pagination .current {
	padding: 10px 20px;
	font-size: 1.5em;
	border: solid 1px #6ad3ef;	
	color: #32A8C7;
}
#pagination .current {font-weight: normal;color: white;}

.wp-block-search__label {display: none;}
.wp-block-search__input {border: 1px solid #92e8ff !important; padding: 3px !important;}
.wp-block-search__button {
	padding: 0 10px;
	background: #32A8C7;
	color: #fff;
}

.pan li:last-child:after {display: none;}


/*////////////////// 202502 追加 //////////////////*/

.header_contact a.download-button:hover{
  color: #f2f5f7;
  background-color: #31a8c7;
}
.header_contact a.download-button:hover .fa-file-arrow-down:before{
  color: #f2f5f7;
}
.header_contact a.download-button {
  background-color: #f2f5f7;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  color: #31a8c7;
  width: 100%;
  font-weight: 700;
  text-align: center;
}
.fa-file-arrow-down {
  font-size: 5rem;
  color: #31a8c7;
}
.header_contact a .fa-solid{
  font-size: 4rem;
}
.hero_container{
  max-width: 1200px;
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
}
@media (max-width:1400px) {
  .hero_container{
    max-width: 1080px;
  }
}
@media (max-width:1080px) {
  .hero_container{
    margin: 0 15px;
  }
}
@media (max-width:960px) {
  .hero_container{
    display: flex;
    flex-direction: column;
    align-items: normal;
  }
}
.hero-content {
  gap: 20px;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-top: 20rem;
  margin-bottom: 10rem;
}
@media (max-width:960px) {
  .hero-content{
    margin-top: 0;
    margin-bottom: 0;
  }
}
.hero-content:before {
  display: inline-block;
  content: "";
  background: url(../../../../img/202503/fv_back_1.png);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  background-size: contain;
  vertical-align: middle;
}
@media (max-width:960px) {
  .hero-content:before{
    background-size: 50%;
    background-position: -15rem 70rem;
  }
}
.hero-content:after {
  display: inline-block;
  content: "";
  background: url(../../../../img/202503/fv_back_2.png);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  background-size: contain;
  vertical-align: middle;
  background-position: right;
}
@media (max-width:960px) {
  /*.hero-content:after{
    background-position: 60rem 12rem;
  }*/
}
.hero-subtitle{
  color: #32A8C7;
  font-family: "Noto Sans JP";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width:960px) {
  .hero-subtitle{
    font-size: 2.7rem;
    padding: 0;
    margin: 0 auto;
  }
}
.hero-text-column {
  display: flex;
  flex-direction: column;
  line-height: normal;
  width: 44rem;
}
@media (max-width:960px) {
  .hero-text-column{
    order: 2;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }
}
.hero-text-wrapper {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  font-family: Noto Sans JP, sans-serif;
  margin: auto 0;
}
.hero-text-wrapper .fa-file-arrow-down{
  font-size: 6.65rem;
}
@media (max-width:960px) {
  .hero-text-wrapper .fa-file-arrow-down{
    font-size: 10rem;
  }
}
.hero-title {
  color: #333;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP";
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
  line-height:11.5rem;
  font-feature-settings: "palt" 1;
}
@media (max-width:960px) {
  .hero-title{
    font-size: 8rem;
    line-height: 15rem;
    padding: 0;
    margin: 0 auto;
  }
}
.hero-title-txt1{
  font-size: 14.5rem;
  color: #333;
}
.hero-title-txt2{
  font-size: 10rem;
  color: #333;
  margin-left: -3.7rem;
}
.hero-description {
  color: #333;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 0.2rem;
}
@media (max-width:960px) {
  .hero-description{
    font-size: 17px;
    padding: 0 7rem;
    margin-top: 3rem;
  }
}
.cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-top: 3rem;
}
@media (max-width:960px) {
  .cta-wrapper{
    font-size: 17px;
    margin-top: 38px;
  }
}
.cta-consultation {
  background-color: #32a8c7;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  color: #fff;
  justify-content: space-between;
  padding: 1.5rem 5.8rem;
  border: 2px solid #32a8c7;
}
@media (max-width:960px) {
  .cta-consultation,
  .cta-download{
    width: auto !important;
    padding: 1.5rem 5.8rem !important;
  }
}
.cta-consultation:hover{
  background-color: #FFF !important;
  opacity: 1 !important;
}
.cta-consultation:hover .cta-subtitle,
.cta-consultation:hover .fa-envelope,
.cta-consultation:hover .cta-main-text{
  color:#32a8c7 !important;
}
.cta-consultation .fa-chevron-right{
  font-size: 3rem;
  color: #FFF !important;
}
@media (max-width:960px) {
  .cta-consultation .fa-chevron-right{
    font-size: 5rem !important;
  }
}
.cta-consultation:hover .fa-chevron-right{
  color:#32a8c7 !important;
}
.cta-download {
  background-color: #fff;
  display: flex;
  margin-top: 15px;
  width: 100%;
  gap: 20px;
  white-space: nowrap;
  justify-content: space-between;
  padding: 1.4rem 5.8rem;
  border: 2px solid #32a8c7;
  align-items: center;
}
.cta-download .fa-chevron-right{
  color:#32a8c7;
  font-size: 3rem;
  padding-left: 2.5rem;
}
@media (max-width:960px) {
  .cta-download .fa-chevron-right{
    font-size: 5rem !important;
  }
}
.cta-download:hover{
  background-color: #32a8c7 !important;
  opacity: 1 !important;
}
.cta-download:hover .download-subtitle,
.cta-download:hover .fa-file-arrow-down,
.cta-download:hover .download-main-text,
.cta-download:hover .fa-chevron-right{
  color:#FFF !important;
}
@media (max-width:960px) {
  .fa-file-arrow-down:before{
    font-size: 10rem;
  }
}
.cta-icon {
  aspect-ratio: 1.43;
  object-fit: contain;
  object-position: center;
  width: 43px;
  align-self: stretch;
  margin: auto 0;
}
.cta-text {
  height: auto !important;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.cta-subtitle {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 400;
  align-self: start;
}
.fa-envelope{
  font-size: 5rem;
  color: #FFF;
}
@media (max-width:960px) {
  .fa-envelope{
    font-size: 8rem !important;
  }
}
.cta-main-text {
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.5rem;
}
@media (max-width:960px) {
  .cta-main-text{
    font-size: 4rem !important;
    margin-top: 0!important;
    margin-bottom: 8px;
  }
}
.download-text-wrapper {
  height: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-left: auto !important;
  margin-right: auto !important;
}
.download-subtitle {
  color: #32abc7;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width:960px) {
  .download-subtitle {
    font-size: 16px !important;
  }
}
.download-main-text {
  color: #32a8c7;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.5rem;
}
@media (max-width:960px) {
  .download-main-text {
    font-size: 4rem !important;
    margin-top: 0 !important;
  }
}
.hero-image-column {
  margin-left: 4rem;
}
@media (max-width:960px) {
  .hero-image-column {
    order:1;
    margin-left: 0;
  }
}
.hero-image {
  width: 100%;
}
.section_description{
  margin: 8rem 0;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}
.service-text{
  font-size: 16px;
  margin: 1.5rem 0;
}
.service-list{
  display: flex;
  margin-top: 3rem;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.service-list li a {
  color: #333;
  display: block;
  position: relative;
  width: 100%;
  padding: 1rem 0 1rem 3.5rem;
  border-bottom: solid 2px #DDD;
  margin-bottom: 2rem;
}
.service_studio > li a:hover{
  border-bottom: solid 2px #32A8C7;
}
@media (max-width:960px) {
  .service_studio .service-list li{
    font-size: 16px;
    margin-bottom: 0;
  }
}
.service-list li a::before {
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #569CBF;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
}
@media (max-width:960px) {
  .service-list li a::before{
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
  }
}
.service-list li a::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-35%) translateX(-35%);
  transform: rotate(45deg) translateY(-35%) translateX(-35%);
  position: absolute;
  top: 50%;
  left: 0.6rem;
  bottom: 50%;
}
@media (max-width:960px) {
  .service-list li a::after{
    top: 50%;
    bottom: 50%;
    transform: rotate(45deg) translateY(-30%) translateX(-20%);
  }
}
.service_studio_img{
  display: block;
  overflow: hidden;
}
.voice_ul{
  margin: 6rem 0 10rem;
}
@media (max-width:960px) {
  .voice_ul{
    white-space: initial;
    margin: 0 3rem 5rem;
  }
}
.voice_ul li a{
  display: flex;
  padding: 3.8rem 7rem;
  background: #F8F8F8;
  margin-bottom: 6rem;
}
@media (max-width:960px) {
  .voice_ul li a{
    display: block;
    padding: 3rem;
  }
}
.voice_ul li a:hover{
  opacity: 1;
}
.voice_ul li a img{
  height: auto;
  transition: transform .3s ease;
  scale: 2;
}
.voice_ul li a:hover img{
  transform: scale(1.1);
}
.voice-thumb{
  object-fit: contain;
  object-position: center;
  width: 330px;
  height: 234px;
  overflow: hidden;
}
@media (max-width:960px) {
  .voice-thumb{
    width: 100%;
    height: 100%;
  }
  .voice-thumb img{
    width: 100%;
  }
}
.voice-text{
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 65%;
  margin-left: 5%;
}
@media (max-width:960px) {
  .voice-text{
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
}
.voice_company_name{
  font-size: 24px;
  border-bottom: 2px solid #31A8C7;
  padding: 0 0 2rem;
  margin: 0 0 2rem;
}
.voice_quote{
  font-size: 1.8rem;
}
@media (max-width:960px) {
  .voice_quote{
    font-size: 18px;
    line-height: 120%;
  }
}
.case_ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 6rem 0;
}
@media (max-width:960px) {
  .case_ul{
    display: block;
  }
}
.case_ul li{
  width: 45%;
  margin: 0 0 5rem;
}
@media (max-width:960px) {
  .case_ul li{
    width: 100%;
  }
}
.case_ul li img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.case_ul li a img{
  height: auto;
  transition: transform .3s ease;
}
.case_ul li a:hover img{
  transform: scale(1.1);
}
.case_details{
  margin-top: 3rem;
}
@media (max-width:960px) {
  .case_details{
    text-align: center;
    margin-top: 5rem;
  }
}
.case_company_name{
  font-size: 24px;
  border-bottom: 2px solid #31A8C7;
  padding: 0 0 2rem;
  margin: 0 0 2rem;
}
@media (max-width:960px) {
  .case_company_name{
    display: inline-block;
  }
}
.case_company_name_type{
  font-size: 23px;
}
.media{
  margin-bottom: 14rem;
}
.media_info{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 1.5rem !important;
  margin: 0 !important;
}
.media_category{
  color: #FFF;
  background: #32a8c7;
  font-size: 1.5rem !important;
  padding: 0.2rem 0.8rem;
  margin: 0 !important;
}
@media (max-width:1450px) {
  .media_category{
    font-size: 16px !important;
  }
}
.media_date{
  font-size: 1.5rem !important;
  padding: 0;
  margin: 0 !important;
}
@media (max-width:1450px) {
  .media_date{
    font-size: 16px !important;
  }
}
.media .media_title {
  font-size: 18px !important;
  font-weight: 400 !important;
  padding: 1.5rem !important;
  margin: 0 !important;
}
.company_info_container{
  display: flex;
  background: #F2F5F7;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  margin-bottom: 14rem;
  position: relative;
}
@media (max-width:960px) {
  .company_info_container{
    background-position: bottom;
    padding: 0 0 50vh;
  }
}
.company_info_container img{
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%);
  width: 60vw;
  height: 100%;
  object-fit: cover;
  right: 0;
  position: absolute;
  opacity: 0.8;
}
@media (max-width:960px) {
  .company_info_container img{
    clip-path: polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
    height: 37%;
    bottom: 0;
  }
}
.company_info_content{
  width: 1200px;
  padding: 4rem 78rem 4rem 0;
  margin: 0 auto;
}
.company_info_content h2{
  line-height: inherit;
}
@media (max-width:1450px) {
  .company_info_content{
    padding: 4rem 78rem 4rem 0;
  }
}
@media (max-width:1280px) {
  .company_info_content{
    max-width: 1080px;
  }
}
@media (max-width:1080px) {
  .company_info_content{
    margin: 0 15px;
  }
}
@media (max-width:960px) {
  .company_info_content {
    width: 100%;
    display: block;
    padding: 4rem;
  }
}
.company_info_wrapper{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  margin: auto 0;
}
.company_description{
  line-height: normal;
}
.company_description p,
.company_description ul{
  font-size: 16px;
}
@media (max-width:960px) {
  .company_info_wrapper{
    display: block;
    max-width: 100%;
    margin-top: 4rem;
  }
  .company_info_wrapper .btn_detail{
    width:100%;
  }
}
.company_description ul{
  display: flex;
  margin: 4rem 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width:960px) {
  .company_description ul{
    margin-top: 8rem;
    padding: 0 5rem;
  }
}
.company_description ul li{
  position: relative;
  width: 45%;
  padding-left: 4rem;
  border-bottom: solid 2px #DDD;
  margin-bottom: 2rem;
}
.company_description ul li:hover{
  border-bottom: solid 2px #32a8c7;
}
.company_description ul li:before{
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #569CBF;
  position: absolute;
  top: 1.2rem;
  left: 0;
}
@media (max-width:960px) {
  .company_description ul li:before{
    top: 53%;
    bottom: 47%;
    transform: translateY(-50%);
  }
}
@media (min-width:1280px) {
  .company_description ul li:before{
    top: 1rem;
  }
}
.company_description ul li:after{
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2rem;
  left: 0.6rem;
}
@media (max-width:960px) {
  .company_description ul li:after{
    top: 50%;
    left: 0.3rem;
    transform: rotate(45deg) translateY(-50%);
  }
}
@media (min-width:1280px) {
  .company_description ul li:after{
    top: 1.8rem;
  }
}
.company_description ul li a{
  display: block;
  color: #333;
}
.company_description ul li h3{
  display: inherit;
  font-size: 16px;
  vertical-align: middle;
  padding: 1rem 0;
}
.news_info{
  font-size: 1.6rem;
  color: #333;
  font-weight: 500;
  width: 100%;
  border-bottom: 2px dotted #707070;
  margin: 10rem 0;
}
.news_info ul li a{
  align-self: start;
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
  padding: 2rem 5rem;
  border-top: 2px dotted #707070;
}
@media (max-width:960px) {
  .news_info ul li a{
    padding: 4rem 2rem;
    gap: 16px;
  }
}
.news_info ul li a:hover{
  opacity: 1;
}
.news_headline{
  font-size: 1.8rem;
  border-bottom: solid 1px #FFF;
  margin-bottom: -2px;
}
@media (max-width:960px) {
  .news_headline{
    font-size: 16px;
    width: 100%;
  }
}
.news_info ul li a:hover .news_headline{
  border-bottom: solid 1px #32A8C7;
}
.news_date{
  font-size: 16px;
  align-self: stretch;
}
@media (max-width:960px) {
  .news_date{
    margin-right: 4rem;
  }
}
.news_category{
  color: #333;
  border: solid 1px #333;
  padding: 0 1rem;
}
.cta_container{
  position: relative;
  width: 100%;
  background: url(../../../../img/202503/ftr_bg_cta.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10rem 14rem;
}
@media (max-width:960px) {
  .cta_container{
    padding: 15rem 4rem 20rem;
    background-position: center;
  }
}
.cta_content{
  display: flex  ;
  max-width: 1200px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width:960px) {
  .cta_content{
    display: block;
  }
}
.cta_section{
  width: 50%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding-right: 10rem;
}
@media (max-width:960px) {
  .cta_section{
    width: 100%;
    padding-right: 0;
  }
}
.cta_section_title{
  color: #fff;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  align-self: center;
}
@media (max-width:960px) {
  .cta_section_title{
    font-size: 36px;
  }
}
.cta_section_description{
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 6.6rem;
  margin-bottom: 8.8rem;
  text-align: center;
}
@media (max-width:960px) {
  .cta_section_description{
    font-size: 17px;
  }
}
.cta_consultation{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  width: 100%;
  background-color: #32a8c7;
  gap: 20px;
  padding: 1.9rem 5.8rem;
  border: 2px solid #32a8c7;
}
.cta_consultation:hover{
  background-color: #FFF;
  opacity: 1;
}
.cta_consultation:hover .cta-subtitle,
.cta_consultation:hover .fa-envelope,
.cta_consultation:hover .cta-main-text{
  color:#32a8c7;
}
.cta_consultation .fa-chevron-right{
  font-size: 3rem;
  color: #FFF;
}
@media (max-width:960px) {
  .cta_consultation .fa-chevron-right{
    font-size: 5rem;
  }
}
.cta_consultation:hover .fa-chevron-right{
  color:#32a8c7;
}
.cta_download .fa-chevron-right{
  color:#32a8c7;
  font-size: 3rem;
  padding-left: 2.5rem;
}
@media (max-width:960px) {
  .cta_download .fa-chevron-right{
    font-size: 5rem;
  }
}
.cta_download:hover{
  background-color: #32a8c7;
  opacity: 1;
}
.cta_download:hover .download_subtitle,
.cta_download:hover .fa-file-arrow-down,
.cta_download:hover .download_main_text,
.cta_download:hover .fa-chevron-right{
  color:#FFF;
}
.cta-icon {
  aspect-ratio: 1.43;
  object-fit: contain;
  object-position: center;
  width: 43px;
  align-self: stretch;
  margin: auto 0;
}
.cta-text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cta-subtitle {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 400;
  align-self: start;
}
@media (max-width:960px) {
  .cta-subtitle{
    font-size: 16px !important;
  }
}
.cta-arrow {
  aspect-ratio: 0.48;
  object-fit: contain;
  object-position: center;
  width: 10px;
  align-self: stretch;
  margin: auto 0;
}
.cta_download {
  background-color: #fff;
  display: flex;
  width: 100%;
  white-space: nowrap;
  justify-content: space-between;
  padding: 1.9rem 5.8rem;
  border: 2px solid #32a8c7;
  align-items: center;
}
.download-icon-2 {
  aspect-ratio: 0.76;
  object-fit: contain;
  object-position: center;
  width: 37px;
  align-self: start;
}
.download_text_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.download_subtitle {
  color: #32abc7;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width:960px) {
  .download_subtitle {
    font-size: 3rem;
  }
}
.download_main_text {
  color: #32a8c7;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.5rem;
}
@media (max-width:960px) {
  .download_main_text {
    font-size: 4rem;
    margin-bottom: 1rem;
    margin-top: 1px;
  }
}
.cta_document_section {
  width: 50%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  border-left: solid 2px #FFF;
  padding-left: 10rem;
}
@media (max-width:960px) {
  .cta_document_section {
    white-space: initial;
    width: 100%;
    display: block;
    padding: 0;
    border-left: none;
  }
  .cta_document_section:before {
    content: "";
    display: block;
    border-top: solid 2px #FFF;
    width: 80%;
    margin: 15rem auto 13rem;
  }
}
.cta_document_title {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  align-self: center;
}
@media (max-width:960px) {
  .cta_document_title{
    font-size: 36px;
    text-align: center;
  }
}
.cta_document_description {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 6.6rem;
  margin-bottom: 6rem;
  text-align: center;
}
@media (max-width:960px) {
  .cta_document_description {
    font-size: 17px;
    margin: 7rem 0;
  }
}
/*
.cta_content .cta_download{
  padding: 2.03rem 5.8rem;
  margin: 0;
}
*/
.footer.pc {
  display: flex;
  flex-direction: column;
}
.footer.sp{
  display:none;
}
@media (max-width:960px) {
  .footer.pc{
    display: none;
  }
  .footer.sp{
    display: block;
  }
}
.footer p,
.footer div{
  color: #FFF;
}
@media (max-width:960px) {
  .footer p{
    font-size: 18px;
  }
}
.footer a{
  display: inline-block;
  color:#FFF;
  cursor: pointer;
}
.footer a:hover{
  text-decoration: underline;
  opacity: 1;
  text-underline-offset: 10px;
}
.footer a:hover.footer-cta-button,
.footer a:hover.footer-download-button{
  text-decoration: none;
}
@media (max-width:960px) {
  .acc-list-item:after{
    content: "";
    display: block;
    border-bottom: solid 1px #FFF;
    margin: 3rem 0;
  }
  .acc-title{
    border-left: 5px solid #FFF;
    border-bottom: none;
    padding: 1rem;
  }
  .footer_right_menu{
    display: block;
  }
  .footer_right_menu li.normal{
    padding: 1.5rem 0;
  }
  .acc-list-item .normal a{
    font-size: 18px;
    display: block;
  }
  .acc-list-item .normal a:before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
  }
  .acc-list-item .normal.f_ttl a:before{
    display:none;
  }
  .acc-list-item .down{
    margin-top: 2rem;
  }
  .header-nav_item .footerCtaSp ul li:nth-child(1) a{
    border: solid 1px #31A8C7;
    background: #31A8C7;
  }
  .header-nav_item .footerCtaSp ul li:nth-child(1) a:hover{
    color: #31A8C7;
    border: solid 1px #31A8C7;
    background: #FFF;
    opacity: 1;
  }
  .header-nav_item .footerCtaSp ul li:nth-child(2) a{
    color: #31A8C7;
    border: solid 1px #31A8C7;
  }
  .header-nav_item .footerCtaSp ul li:nth-child(2) a:hover{
    color: #FFF;
    border: solid 1px #31A8C7;
    background: #31A8C7;
    opacity: 1;
  }
  .footerCtaSp{
    margin: 2rem 15rem;
  }
  .footerCtaSp li{
    margin: 4rem 0;
  }
  .footerCtaSp a{
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: 700;
    border: solid 1px #FFF;
    text-align: center;
    padding: 2rem 2rem 2rem 4rem;
  }
  .header-nav_item .footer-company-info{
    margin-bottom: 10rem;
  }
}
.footer-background {
  background-color: #32a8c7;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 6rem 15rem;
}
@media (max-width:960px) {
  .footer-background {
    max-width: 100%;
    padding: 0 2rem 10rem;
  }
}
.footer-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width:960px) {
  .footer-content {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.footer-columns {
  gap: 20px;
  display: flex;
}
@media (max-width:960px) {
  .footer-columns {
    flex-direction: column;
    align-items: stretch;
    gap: 0px;
  }
}
.footer-company-info {
  display: flex;
  flex-direction: column;
  line-height: normal;
  width: 17%;
  margin-left: 0px;
}
@media (max-width:960px) {
  .footer-company-info {
    width: 100%;
  }
}
.footer-company-details {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
}
@media (max-width:960px) {
  .footer-company-details {
    margin-left: 37%;
    width: auto;
  }
}
.footer-company-logo {
  aspect-ratio: 2.37;
  object-fit: contain;
  object-position: center;
  width: 14rem;
}
.footer-company-name-jp {
  font-weight: 700;
  align-self: stretch;
  margin-top: 3.6rem;
}
.footer-company-name-en {
  font-weight: 700;
}
.footer-social-link {
  display: flex;
  align-items: center;
  gap: 15px;
  white-space: nowrap;
  justify-content: start;
}
.footer-social-icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  align-self: stretch;
  margin: auto 0;
}
.footer-social-text {
  align-self: stretch;
  margin: auto 0;
}
@media (max-width:960px) {
  .footer-social-text{
    font-size: 3rem;
    margin-left: 1rem;
  }
}
.footer-twitter-link {
  margin-top: 8rem;
  margin-left: 0.5rem;
}
.footer-twitter-link a,
.footer-youtube-link a,
.footer-facebook-link a{
  display: flex;
  gap: 1rem;
}
@media (max-width:960px) {
  .footer-twitter-link {
    margin: 4rem 0 0;
    white-space: initial;
  }
}
.footer-twitter-icon {
  width: 1.8rem;
}
@media (max-width:960px) {
  .footer-twitter-icon{
    width: 4rem;
  }
}
.footer-youtube-link {
  margin-top: 1.5rem;
}
@media (max-width:960px) {
  .footer-youtube-link {
    margin: 4rem 0;
    white-space: initial;
  }
}
.footer-youtube-icon {
  width: 21px;
}
@media (max-width:960px) {
  .footer-youtube-icon{
    width: 4rem;
  }
}
.footer-facebook-link {
  margin-top: 1.5rem;
}
@media (max-width:960px) {
  .footer-facebook-link {
    margin: 0;
  }
}
@media (max-width:960px) {
  .facebook-link {
    white-space: initial;
  }
}
.footer-facebook-icon {
  width: 20px;
}
@media (max-width:960px) {
  .footer-facebook-icon{
    width: 4rem;
  }
  .social-text{
    font-size: 3rem;
    margin-left: 1rem;
  }
}
.footer-main-content {
  display: flex;
  flex-direction: column;
  line-height: normal;
  width: 83%;
  margin-left: 20px;
}
@media (max-width:960px) {
  .footer-main-content {
    width: 100%;
  }
}
.footer-nav-section {
  display: flex;
  margin-top: 19px;
  width: 100%;
  flex-direction: column;
}
@media (max-width:960px) {
  .footer-nav-section {
    max-width: 100%;
    margin-top: 40px;
  }
}
.footer-nav-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width:960px) {
  .footer-nav-wrapper {
    max-width: 100%;
  }
}
.footer-nav-links {
  display: flex;
  margin-top: 5px;
  align-items: center;
  gap: 2.4rem;
  color: #fff;
  white-space: nowrap;
  justify-content: space-between;
  flex-grow: 1;
  font-weight: 500;
}
.footer-nav-links a{
  font-size: 16px;
}
@media (max-width:960px) {
  .footer-nav-links {
    white-space: initial;
  }
}
.footer-nav-item {
  align-self: stretch;
  margin: auto 0;
}
.footer-cta-button {
  display: flex !important;
  width: 23rem;
  padding: 1rem;
  border: 1px solid #fff;
  align-items: center;
  font-weight: 700;
  position: relative;
  justify-content: space-around;
  text-indent: -5px;
}
.footer-cta-button:hover{
  color: #32a8c7;
  background: #FFF;
  opacity: 1;
}
.footer-cta-button .fa-chevron-right{
  position: absolute;
  right: 10px;
}
.footer-cta-icon-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  aspect-ratio: 0.5;
  width: 6px;
  margin: auto 0;
}
.footer-cta-icon {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.footer-cta-icon-overlay {
  aspect-ratio: 0.5;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
.footer-download-button {
  display: flex !important;
  width: 23rem;
  color: #fff;
  padding: 1rem;
  font-size:2.2rem;
  font-weight: 700;
  border: 1px solid #fff;
  align-items: center;
  position: relative;
  justify-content: space-around;
  text-indent: -10px;
}
.footer-download-button:hover{
  color: #32a8c7;
  background: #FFF;
  opacity: 1;
}
.footer-download-button .fa-chevron-right{
  position: absolute;
  right: 10px;
}
@media (max-width:960px) {
  .footer-download-button {
    white-space: initial;
  }
}
.footer-download-text {
  flex-grow: 1;
}
.footer-download-icon {
  aspect-ratio: 0.5;
  object-fit: contain;
  object-position: center;
  width: 6px;
  margin: auto 0;
}
.footer-services-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 2rem;
}
.footer-services-columns h2{
  font-size: 14px;
  padding-bottom: 16px;
}
.footer-services-columns a{
  font-size: 14px;
  margin: 1.3rem 0;
}
@media (max-width:960px) {
  .footer-services-columns {
    flex-direction: column;
    align-items: stretch;
    gap: 0px;
  }
}
.footer-service-column {
  display: flex;
  flex-direction: column;
  line-height: normal;
  margin-left: 0px;
}
@media (max-width:960px) {
  .footer-service-column {
    width: 100%;
  }
}
.footer-service-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  color: #fff;
  font-size:1.8rem;
  font-weight: 400;
}
@media (max-width:960px) {
  .footer-service-content {
    margin-top: 4rem;
  }
}
.footer-service-title {
  font-size: 20px;
  font-weight: 700;
  margin: 5rem 0 2rem;
}
.footer-service-subtitle {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #FFF;
}
.footer-service-subtitle.advisor{
    margin-bottom: 3rem;
}
.footer-service-divider {
  aspect-ratio: 200;
  object-fit: contain;
  object-position: center;
  width: 193px;
  margin-top: 3rem;
  max-width: 100%;
}
.footer-service-item-wide {
  align-self: stretch;
  margin-top: 1.3rem;
}
.footer-production-column {
  display: flex;
  flex-direction: column;
  line-height: normal;
}
@media (max-width:960px) {
  .footer-production-column {
    width: 100%;
  }
}
.footer-production-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: start;
  color: #fff;
  white-space: nowrap;
  margin: auto 0;
  font-size:1.8rem;
  font-weight: 400;
}
@media (max-width:960px) {
  .footer-production-content {
    margin-top: 4rem;
    white-space: initial;
  }
}
.footer-production-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #FFF;
}
.footer-production-divider {
  aspect-ratio: 90.91;
  object-fit: contain;
  object-position: center;
  width: 91px;
  margin-top: 3rem;
}
.footer-production-item {
  align-self: stretch;
}
.footer-web-strategy-column {
  display: flex;
  flex-direction: column;
  line-height: normal;
}
@media (max-width:960px) {
  .footer-web-strategy-column {
    width: 100%;
  }
}
.footer-web-strategy-content {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width:960px) {
  .footer-web-strategy-content {
    white-space: initial;
  }
}
.footer-web-strategy-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #FFF;
}
@media (max-width:960px) {
  .footer-web-strategy-title {
    margin-right: 0.3rem;
  }
}
.footer-web-strategy-divider {
  aspect-ratio: 142.86;
  object-fit: contain;
  object-position: center;
  width: 100%;
  align-self: stretch;
  margin-top: 3rem;
}
.footer-owned-media-column {
  display: flex;
  flex-direction: column;
  line-height: normal;
}
@media (max-width:960px) {
  .footer-owned-media-column {
    width: 100%;
  }
}
.footer-owned-media-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  color: #fff;
  margin: auto 0;
  font-size:1.8rem;
  font-weight: 400;
}
@media (max-width:960px) {
  .footer-owned-media-content {
    margin-top: 4rem;
  }
}
.footer-owned-media-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #FFF;
}
@media (max-width:960px) {
  .footer-owned-media-title {
    margin-right: 0.3rem;
  }
}
.footer-owned-media-divider {
  aspect-ratio: 200;
  object-fit: contain;
  object-position: center;
  width: 219px;
  margin-top: 3rem;
}
.footer-owned-media-item-last {
  align-self: start;
  margin-top: 1.3rem;
}
.footer-company-info-section {
  align-self: start;
  display: flex;
  gap: 3rem;
  color: #fff;
  white-space: nowrap;
}
@media (max-width:960px) {
  .footer-company-info-section {
    white-space: initial;
  }
}
.footer-company-info-wrapper {
  display: flex;
  flex-direction: column;
}
@media (max-width:960px) {
  .footer-company-info-wrapper {
    white-space: initial;
  }
}
.footer-company-info-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.footer-company-info-item {
  font-size: 14px;
  font-weight: 400;
  align-self: start;
  margin-top: 1.2rem;
}
.footer-company-info-item-last {
  font-size: 1.8rem;
  font-weight: 400;
  align-self: end;
  margin-top: 4rem;
}
@media (max-width:960px) {
  .footer-company-info-item-last {
    margin-top: 44rem;
  }
}

@media (max-width:960px) {
  .spmenuhl{
    color: #31A8C7;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: left;
    margin-top: 15px;
  }
}

/*////////////////// 202503 追加 service //////////////////*/

.personal_gym{
  gap: 20px;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 10rem 0;
}
.personal_gym .hero-description{
  width: 41%;
  position: absolute;
  top: 28rem;
  left: -41rem;
  letter-spacing: 0;
}
@media (max-width:960px) {
  .personal_gym .hero-description{
    width: 100%;
    top: 0;
    left: auto;
    padding: 0 2vw;
    margin: 10rem 0 0;
    position: inherit;
  }
}
.pankz{
  color: #C4C4C4;
  display: flex;
  font-size: 14px;
  position: absolute;
  top: 4rem;
  left: -41rem;
}
@media (max-width:960px) {
  .pankz{
    left: auto;
    right: 0;
    float: right;
    position: inherit;
  }
}
.pankz a{
  color: #333;
}
.pankz a:hover{
  opacity: 1;
}
.pankz li{
  position: relative;
}
.pankz li:first-child:before{
  content: '';
  display: inline-block;
  width: 72%;
  height: 2px;
  border-bottom: 2px solid #fff;
  position: absolute;
  bottom: 0;
}
.pankz li:first-child:hover:before{
  border-bottom: 2px solid #32A8C7;
}
.pankz li:after{
  color: #333;
  content: '>';
  display: inline-block;
  padding: 0 0.8rem;
}
.pankz li:last-child:after{
  content: '';
}
.personal_gym .cta-wrapper{
  width: 48rem;
  position: absolute;
  /*top: 37rem;
  left: -41rem;*/
}
@media (max-width:960px) {
  .personal_gym{
    margin: 6.1vh 0;
  }
  .personal_gym .cta-wrapper{
    width: 100% !important;
    height: auto !important;
    top: 0;
    left: auto;
    margin-top: 7rem !important;
    position: inherit;
  }
}
.service_diagonal{
  padding: 0;
  margin: 0 0 20em;
  position: relative;
}
@media (max-width:960px) {
  .service_diagonal{
    margin: 0 0 20vh;
  }
}
@media (max-width:767px) {
  .service_diagonal{
    margin: 0 0 40vh;
  }
}
@media (max-width:430px) {
  .service_diagonal,
  .service_diagonal_2{
    margin: 0 0 20vh;
  }
}
.service_diagonal_2{
  position: relative;
}
.service_diagonal:after{
    content: '';
    display: block;
    background: #F2F5F7;
    width: 100%;
    height: 120%;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    position: absolute;
    top: -15rem;
    z-index: -1;
}
@media (max-width:960px) {
  .service_diagonal:after{
    height: 98%;
    clip-path: polygon(0 0, 100% 2%, 100% 97%, 0% 100%);
  }
}
.service_list_ul{
  max-width: 1080px;
  margin: 0 auto;
  gap: 20;
}
@media (min-width:1400px) {
  .service_list_ul{
    max-width: 1200px;
  }
}
/* .service_list_ul li{
  margin: 0 0 5vh;
} */
.service_list_ul li p{
  font-size: 18px;
}
.service_list_ul li a{
  display: block;
  overflow: hidden;
}
.service_list_ul li a:hover{
  opacity: 1;
}
.service_list_ul li a img{
  width: 100%;
  transition: transform .3s ease;
}
.service_list_ul li a:hover img{
  transform: scale(1.1);
}
.service_list_ul li a h3{
  font-size: 18px;
  margin: 20px 0;
  color: #569CBF;
  position: relative;
  padding: 1rem 0 1rem 3.5rem;
}
.service_list_ul li a h3:before{
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #569CBF;
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}
.service_list_ul li a h3:after{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-35%) translateX(-35%);
    transform: rotate(45deg) translateY(-35%) translateX(-35%);
    position: absolute;
    top: 50%;
    left: 0.6rem;
    bottom: 50%;
}
.service_diagonal_2 .service_detail_top > img{
  left: 39vw;
}
.service_diagonal_2 .service_detail_top:after{
  left: 0;
}
@media (max-width:960px) {
  .service_detail_top:after{
    width: 30vw;
    top: 7vh;
  }
}
.service_flow_ul{
  margin: 0 0 50px;
}
.service_flow_ul > li{
    max-width: 900px;
    margin: 0 auto 100px;
    background-color: #fff;
    position: relative;
    padding: 30px;
}
.service_flow_ul > li:last-child{
    margin-bottom: 0;
}
.service_flow_ul > li:after{
    content: '';
    display: block;
    width: 80px;
    height: 30px;
    background: #31a8c7;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px;
}
@media (max-width:960px) {
/*   .service_flow_ul > li:after{
    margin: 5vh auto;
  } */
}
.service_flow_ul > li:last-child:after{
  display: none;
}
.service_flow_ul > li > ul{
  display: flex;
  justify-content: space-between;
}
.service_flow_ul > li > ul li:first-child{
  width: 154px;
  position: relative;
}
@media (max-width:960px) {
  .service_flow_ul > li > ul li:first-child{
    width: 35%;
  }
}
.service_flow_ul > li > ul li:first-child span{
  color: #FFF;
  font-size: 30px;
  font-family: system-ui;
  line-height: 100%;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
@media (max-width:960px) {
  .service_flow_ul > li > ul li:first-child span{
    left: 5px;
    bottom: auto;
    top: 18vh;
  }
}
.service_flow_ul > li > ul li:last-child{
  width: 82%;
}
@media (max-width:960px) {
  .service_flow_ul > li > ul li:last-child{
    width: 60%;
  }
}
.service_flow_ul > li > ul li h3{
  font-size: 24px;
  font-weight: 700;
  margin: 2vh 0;
}
@media (max-width:960px) {
  .service_flow_ul > li > ul li h3{
    font-size: 20px;
    margin: 0 0 2vh;
  }
}
.service_flow_ul > li > ul li div{
  font-size: 18px;
}
@media (max-width:960px) {
  .service_flow_ul > li > ul li div{
    line-height: 150%;
  }
}
.service_top_text_description{
  font-size: 18px;
  font-weight: normal;
}
.page_h2{
  display: table;
  color: #32a8c7;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.7;
  margin: 5rem auto 7rem;
  border-bottom: solid 2px #32a8c7;
  text-align: center;
}
.page_sub{
  font-weight: normal;
  margin: 0 0 10rem;
  text-align: center;
}
.feature_top_sub{
  position: relative;
  z-index: 1;
}
.feature_top_sub .container{
  max-width: 1080px;
}
.feature_top_sub .service_top_img img{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.feature_diagonal{
    background-color: #F2F5F7;
    padding: 20rem 0 5rem;
    margin-top: 0rem;
    margin-bottom: 15rem;
    overflow: hidden;
    position: relative;
}
@media (max-width:960px) {
  .feature_diagonal{
    padding: 40rem 0 5rem;
  }
}
.header-image{
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%);
  width: 60vw;
  height: 100%;
  object-fit: cover;
  right: 0;
  position: absolute;
}
@media (max-width:960px) {
  .header-image{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    width: 100% !important;
    object-fit: cover !important;
    right: 0 !important;
    position: inherit !important;
  }
}
.feature_diagonal:before{
  content: '';
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-right: 0px solid transparent;
  border-left: 100vw solid #fff;
  border-bottom: 20rem solid #F2F5F7;
  position: absolute;
  top: 0;
  left: 0;
}
.feature_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width:960px) {
  .feature_list{
    display: block;
  }
  .feature_list li{
    width: 100%;
  }
  .feature_list li h3{
    margin: 2rem 0;
  }
}
.feature_list li{
  display: block;
  width: 48%;
}
@media (max-width:960px) {
  .feature_list li{
    width: 100%;
    margin-bottom: 8rem;
  }
  .feature_list li img{
    width: 100%;
  }
}
.feature_list li h3{
    font-size: 22px;
    font-weight: normal;
    margin: 2rem auto;
}
@media (max-width:960px) {
  .feature_list li h3{
    margin: 2rem 0;
  }
}
.feature_list li div{
  font-size: 16px;
}
.pan{
  width: auto !important;
  max-width: 1200px;
  margin: 0 auto !important;
}
.personal_gym.cp_header div.text-box p.lead{
  width: 45rem;
}
.service_flowbox1,
.service_flowbox2{
  width: 100%;
  max-width: 1080px;
  position: relative;
  margin: -40% auto 0;
  padding-bottom: 40%;
}
@media (min-width:1400px) {
  .service_flowbox1,
  .service_flowbox2{
    max-width: 1200px;
  }
}
@media (max-width:960px) {
  .service_flowbox1,
  .service_flowbox2{
    top:0;
    margin: -30% auto 0;
    padding-bottom: 0;
  }
}
@media (max-width:767px) {
  .service_flowbox1,
  .service_flowbox2{
    top: 0;
    margin: -50% auto 0;
  }
}
@media (max-width:960px) {
  .service_diagonal_2{
    margin-bottom: 10rem;
  }
  .service_diagonal .container,
  .service_diagonal_2 .container{
    padding-bottom: 10rem;
  }
  .service_diagonal .service_detail_top,
  .service_diagonal_2 .service_detail_top{
    margin-bottom: 0;
  }
}
#service div.text-box{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  left: 0;
}
@media (max-width:1280px) {
  #service div.text-box{
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media (max-width:1080px) {
  #service div.text-box{
    margin: 0 15px;
  }
}
#service div.header-content-box{
  width: 100%;
}
#service div.header-content-box .text-box::after {
  content: url(../../../../img/scroll.png);
  position: absolute;
  top: 40%;
  left: -5%;
  display: block;
}
@media (max-width:960px) {
  #service div.header-content-box .text-box::after {
    content: '';
  }
}

@media (max-width:960px) {
  .fv_sub > div{
    width: 100%;
    height: 34vh;
  }
  .fv_sub_title{
    display: block;
    width: 100%;
    font-size: 8rem;
    text-align: center;
    left: auto;
    right: auto;
    top: 5rem;
    transform: none !important;
    clear: both;
    position: inherit;
  }
  .service_top_sub{
    margin-top: 10rem;
  }
  #service_personal .service_detail_top > img{
    width: 11vw;
    right: 37vw;
    top: 5vh;
  }
  #service_personal .service_detail_top_text{
    width: 60% !important;
    padding: 3rem 5rem;
  }
  #service_personal .service_diagonal_2 .service_detail_top_text{
    margin: -10vh auto 0 5vw;
  }
  .service_detail .container{
    min-height: auto;
    margin-bottom: 0;
  }
  .service_detail ul{
    padding: 0 4vw;
  }
  #service.fv_sub > div::after{
    display: block;
    bottom: auto;
    left: 5vw;
    top: 70rem;
  }
  .service_diagonal_2 .service_detail_top > img{
    left: 32vw;
    width: 13.5vw !important;
  }
  .service_flow{
    margin-top: 20vh !important;
  }
  .service_flow .service_top_text h2{
    font-size: 30px;
    border-bottom: none;
  }
  .service_flow .service_top_text h2 span{
    border-bottom: solid 2px #32a8c7;
  }
  .service_detail_top_text p{
    font-size: 18px;
  }
  .service_top_text_sub{
    font-size: 4rem;
  }
  .cp_header div.text-box {
    position: relative !important;
    height: auto !important;
    width: auto !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 10px;
  }
  .cp_header div.pan {
    margin-left: 0;
    width: 100%;
    text-align: right;
  }
  .cp_header .fv_sub_title {
    text-align: center;
    margin: 10px auto 30px;
  }
  .cp_header div.text-box p.lead {
    width: 100% !important;
    font-size: 12px;
    margin: 35px auto;
  }
  .cp_header .cta-wrapper {
    width: 100%;
  }
  .cp_header div.header-content-box{
    height: 100% !important;
  }
  .cp_header div.header-content-box::after {
    display: block;
    left: 10px !important;
    top: 37%;
  }
  .fv_sub_title span.fv_sub_title_big{
    padding: 0;
  }
  .cp_header .fv_sub_title span.fv_sub_title_small{
    max-width: 100% !important;
  }
}

@media (min-width:767px) and (max-width:960px) {
  .service_detail_top:after{
    top: 10vh;
  }
  .service_flow_ul > li > ul li:first-child{
    width: 20%;
  }
  .service_flow_ul > li > ul li:last-child{
    width: 75%;
  }
  .service_flow_ul > li > ul li p{
    margin: 2vh 0;
  }
}
@media (min-width:375px) and (max-width:767px) {
  .service_top_text_sub{
    font-size: 3rem;
  }
  #service.fv_sub > div::after{
    top: 45rem;
  }
}
@media (max-width:375px) {
  #service.fv_sub > div::after{
    top: 45rem;
  }
}



/* 2025renewal */
.inner-1000{
    max-width: 1000px;
    margin: 0 auto;
}
.inner-1200{
    max-width: 1200px;
    margin: 0 auto;
}
.front-page.main-v{
    background-image: url('https://island-n.co.jp/wp-content/uploads/2025/07/island-mv-back.png');
    background-size: cover;
    min-height: 500px;
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.front-page.main-v .main-v-textbox{
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}
.heading-arrow {
  position: relative;
  display: inline-block;
  font-size: 30px;
  color: #fef379;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.heading-arrow::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #fef379;
}
.heading-arrow::before {
  content: '';
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fef379;
  transform: rotate(45deg);
}
.angled-text-box {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
}
.angled-line{
  display: inline-block;
  background-color: #fff;
  padding: 10px 20px;
  margin: 10px 0;
  transform: skew(-20deg);
  display: inline-block;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  font-size: 30px;
}
.angled-line span{
    transform: skew(20deg);
}
.angled-line strong {
  color: #00a4c3;
  font-weight: bold;
}
.angled-line > * {
  transform: skew(20deg);
  display: inline-block;
}
.angled-text-box .angled-line:first-child{
    margin-bottom: 0;
}
.front-page.main-v .h1-box{
    margin-top: 10px;
}
.title-mix {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    font-size: 60px;
    letter-spacing: 3px;
}
.title-mix .large {
  font-size: 125%;
}
.title-mix .medium {
  font-size: 90%;
}
.title-mix .strong {
  font-weight: 700;
}

.cta-wrapper,
.cp_header .cta-wrapper{
    flex-wrap: wrap;
    justify-content: flex-start!important;
    flex-direction: unset!important;
    width: auto!important;
}
.cta-wrapper .cta-consultation,
.cta-wrapper .cta-download,
.cp_header .cta-consultation,
.cp_header .cta-download{
    width: auto!important;
    min-width: 315px;
    padding: 1rem 2rem!important;
}
.cta-wrapper .cta-consultation,
.cp_header .cta-wrapper .cta-consultation{
    margin-right: 20px;
}
.cta-wrapper .cta-download,
.cp_header .cta-wrapper .cta-download{
    margin-top: 0;
}
.cta-wrapper .fa-solid,
.cp_header .cta-wrapper .fa-solid{
    font-size: 30px;
}
.cta-wrapper .cta-subtitle,
.cta-wrapper .download-subtitle,
.cp_header .cta-wrapper .cta-subtitle,
.cp_header .cta-wrapper .download-subtitle{
    font-size: 13px;
}
.cta-wrapper .cta-main-text,
.cta-wrapper .download-main-text,
.cp_header .cta-wrapper .cta-main-text,
.cp_header .cta-wrapper .download-main-text{
    font-size: 20px;
}
.cta-wrapper .fa-chevron-right,
.cp_header .cta-wrapper .fa-chevron-right{
    font-size: 20px;
}


.page_sub{
    font-size: 28px;
}
.service-list-main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.service-list-main .flex-item:nth-of-type(1){
    width: 48%;
}
.service-list-main .flex-item:nth-of-type(2){
    width: 50%;
}
.service-list-main ul.service-list{
    justify-content: flex-start;
}
.service-list-main ul.service-list li{
    width: 32%;
    margin-right: 2%;
}
.service-list-main ul.service-list li:nth-of-type(3n){
    margin-right: 0;
}
.service .service_studio ul.service-list li{
    width: 48%;
}

.consultant{
    margin-bottom: 15rem;
}
.consultant .consultant-container{
    max-width: 1000px;
    margin: 0 auto;
}
.consultant .flex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.consultant .flex-box .consultant-image{
    width: 30%;
}
.consultant .flex-box .consultant-content{
    width: 65%;
}
.consultant .flex-box .consultant-content h3{
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold;
}
.consultant .flex-box .consultant-content .sns-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.consultant .flex-box .consultant-content .sns-box li{
    margin-right: 10px;
}
.consultant .flex-box .consultant-content .sns-box li:last-child{
    margin-right: 0;
}

.strength_sub_title .strength_sub_title_head{
    color: #32A4C7;
    font-size: 18px;
    display: block;
}
.service-pictogram{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.service-pictogram .service-leadtext,
.service-pictogram .service-image{
    width: 48%;
}
.service-pictogram .service-leadtext p{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
}
.service-content-header{
    margin-bottom: 50px;
}
.service-content-header h2{
    font-size: 36px;
    color: #32A8C7;
    margin-bottom: 30px;
}
.service-content-header p{
    font-size: 16px;
}
.service_diagonal.bg-white:after{
    display: none;
}
ul.service_list_single{
    justify-content: space-between;
    align-items: center;
}
ul.service_list_single li.service_list_single_item:first-child{
    width: 32%;
}
ul.service_list_single li.service_list_single_item:last-child{
    width: 64%;
    margin-right: 0;
}
ul.service_list_single li.service_list_single_item:first-child,
ul.service_list_single li.service_list_single_item:last-child{
    margin-bottom: 0;
}
ul.service_list_single .service-list li,
ul.service_list_single .service-list a{
    margin-bottom: 0;
}

.service_top_sub.service_flow{
    background-color: #F2F5F7;
    padding: 100px 0;
    margin-bottom: 0;
}

.flow-title {
  display: flex;
  padding: 0px 30px 20px 30px;
  border-radius: 6px;
  align-items: center;
  gap: 20px;
}
.flow-number {
  font-size: 48px;
  font-weight: bold;
  color: #31A8C7;
  flex-shrink: 0;
  line-height: 1;
}
.flow-title h3 {
  font-size: 24px;
}
.service_flow_ul li p {
  margin: 0;
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}
.m-b_0{
    margin-bottom: 0;
}

.service_list_single_item .service-list{
    display: flex;
    margin-top: 3rem;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}
.service_list_single_item .service-list li {
    width: 20%;
}
.service_list_single_item .service-list li a {
    color: #333;
    display: block;
    position: relative;
    width: 100%;
    padding: 1rem 0 1rem 3.5rem;
    border-bottom: solid 2px #DDD;
    margin-bottom: 2rem;
}
.footer-services-columns{
    margin-top: 30px;
}
.footer-services-columns .footer-company-column{
    width: 20%;
}
.footer-services-columns .footer-service-column-container{
    width: 80%;
}
.footer-services-column-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
a.footer-service-subtitle:hover{
    text-decoration: none;
}
a.footer-service-subtitle{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1rem;
}


.header_gNavi_child_service{
    height: 60rem;
}
.header_gNavi_child_service > ul > li:first-child{
    width: 30%;
}
.header_gNavi_child_service > ul > li:last-child{
    width: 55%;
}
.header_gNavi_child_list{
    display: block;
}
.header_gNavi_child_list li{
    display: inline-block;
}

.pc-box{
    display: block;
}
.sp-box{
    display: none!important;
}




@media (max-width:767px){
.sp-box{
    display: block!important;
}
.pc-box{
    display: none!important;
}
.front-page.main-v{
    margin-top: 50px;
    background-image: url('https://island-n.co.jp/wp-content/uploads/2025/07/island-mv-back-sp.png');
}
.front-page.main-v .main-v-textbox{
    width: 80%;
    margin: 0 auto;
}
.heading-arrow{
    text-align: center;
    margin: 0 auto 10px;
}
.angled-line{
    font-size: 18px;
}
.title-mix{
    font-size: 40px;
}
.cta-wrapper .cta-download,
.cp_header .cta-wrapper .cta-download{
    margin-top: 15px;
}

.service-list-main{
    display: block;
}
.service-list-main .flex-item:nth-of-type(1),
.service-list-main .flex-item:nth-of-type(2){
    width: 100%;
}
.service-list-main ul.service-list{
    justify-content: space-between;
}
.service-list-main ul.service-list li {
    width: 48%;
    font-size: 16px;
    margin-right: 0;
}
.service_studio_img img{
    min-height: auto;
}
.section_description{
    text-align: left;
}
.consultant{
    margin-bottom: 100px;
}
.consultant .flex-box{
    display: block;
}
.consultant .flex-box .consultant-image,
.consultant .flex-box .consultant-content{
    width: 100%;
}
.consultant .flex-box .consultant-image{
    text-align: center;
    margin-bottom: 30px;
}
.consultant .flex-box .consultant-image img{
    width: 50%;
}
.consultant .flex-box .consultant-content{
    width: 90%;
    margin: 0 auto;
}

.service_top_text_sub{
    font-size: 18px;
    text-align: left;
}
.feature_list li h3{
    font-size: 18px;
}


.inner-1200{
    padding: 0 4vw;
}
.service-pictogram{
    display: block;
}
.service-pictogram .service-leadtext,
.service-pictogram .service-image{
    width: 100%;
}
.service-content-header h2{
    font-size: 24px;
    text-align: center;
}
ul.service_list_single li{
    margin: 0 4vw;
}
ul.service_list_single li.service_list_single_item:first-child,
ul.service_list_single li.service_list_single_item:last-child{
    width: 100%;
    margin: 0;
}
ul.service_list_single li.service_list_single_item:last-child p{
    margin-bottom: 15px;
}
ul.service_list_single .service-list li{
    margin-left: 0;
    width: 48%;
}
.service_list_single_item .service-list{
    padding: 0;
}
.flow-title{
    display: block;
    padding: 0px 0px 20px 0px;
}
.flow-number{
    text-align: center;
    margin-bottom: 10px;
}
.flow-title h3{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}



}