@charset "utf-8";
/* ----------------------------------------
レイアウト
------------------------------------------- */
body {
background: #ffffff url(../img/body_bg.jpg) no-repeat center center fixed;
font-family:"Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
/*font-family:"Hiragino Mincho ProN", serif;*/
/*font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;*/
/*font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;*/
color: #000;
font-size: 18px;
letter-spacing: 2px;
line-height: 2.0;
word-wrap: break-word;
height: 100%;
margin: 0;
padding: 0;
}
main {width: 100%;}
main#main {width: 100%;background:#fff url(../img/bg-2.jpg) no-repeat center center fixed;;}
section{padding: 6em 0;}
/*#subPage {background:#fff;}*/
#subPage section{padding: 5em 0;}
.wrap_s {
width: 1000px;
max-width:100%;
margin:0 auto;
}
.wrap_xs {
width: 900px;
max-width:100%;
margin:0 auto;
}
.wrap {
width: 1200px;
max-width:100%;
margin:0 auto;
}
.wrap_w {
width: 1400px;
max-width:100%;
margin:0 auto;
}
.inner {
/*padding:1.5em;*/
padding:20px;
}

/*-------------------------------
BOX
-------------------------------*/
.box_bg {
padding: 1.5em;
background:#eaf2f4 url(../img/bg-1.jpg) repeat center center scroll;
border-radius: 10px;
}
.box_border {
background: #fff;
border: #00a0e9 1px solid;
padding: 1.5em;
margin: 1.5em auto;
}

/*-------------------------------
BOX::after
-------------------------------*/
.box_af{
position: relative;
display: flex;
z-index: 1;
margin-top: 40px;
}
.box_af::after {
content: '';
position: absolute;
background:#f1f1f1;
width: 150%;
height: 100%;
top: 0px;
right: 0;
z-index: -1;
}
.box_border_af{
position: relative;
display: flex;
z-index: 1;
margin-top: 40px;
}
.box_border_af::after {
content: '';
position: absolute;
background: #ffffff;
border: #eef3ec 15px solid;
width: 150%;
height: 100%;
top: 0px;
left: 0;
z-index: -1;
}
.box_af .txt{
padding:2em 2em 2em 2em;
}
.z3 {
position: relative;
width: 60vw;
text-align: right;
top: -10px;
z-index: 3;
}
.flexbox.reverse .box_af::after{
left: 0;
}

@media screen and (max-width:1500px) {
.wrap_w{width:1200px;margin: 0 auto;}
}

@media screen and (max-width:1280px) {
.wrap_w,.wrap,.wrap_s,.wrap_xs{width: 90%;margin: 0 auto;}
section, #subPage section {padding:3em 0;}
}

@media screen and (max-width:768px) {
body {font-size: 15px;}
section {padding:4em 0;}
#subPage section{padding: 2em 0;}
.inner {padding:2% 3%;}
.txt_box {padding:2%;}
.box_bg {padding:3%;}
.box_border {padding:3%;}
.box_af {margin-top: 0px;}
}

@media screen and (max-width:599px) {
section {padding: 4em 0;}
}

/*-------------------------------
BTN
-------------------------------*/
.btn_more a {
color: #fff;
background-color: #00a0e9;
border: #00a0e9 2px solid;
margin: 1em auto 0;
padding:1.2em 1.5em 1.2em 1em;
line-height: 1;
font-weight: bold;
letter-spacing: 0.1em;
width: 480px;
max-width: 94%;
font-size: 100%;
text-align: center;
text-decoration: none;
clear: both;
display: block;
border-radius: 50px;
box-shadow: #333 3px 3px 3px;
}
.btn_more a:hover {
opacity: 0.9;
color: #00a0e9;
background-color: transparent;
background-color: #fff;
}
.btn_more a:before {
content: "\f178";
content: "\f101";
content: "\f105";
content: "\f138";
font-family: FontAwesome;
margin-right: 1.2em;
}
/* ----------------------------------------
ul
------------------------------------------- */
/**/
ul.check-list{
padding: 0 1em 0.5em 1.5em;
}
ul.check-list li{
text-align: left;
padding: 7px;
border-bottom: #333 1px dashed;
}
ul.check-list li::before {
content: "\2714";
display: inline-block;
text-indent: -1.2em;
color: #F44336;
}
/**/
ul.point-list{
padding: 1em;
}
ul.point-list li{
text-align: left;
padding-left: 1em;
}
ul.point-list li::before {
content: "\2756";
display: inline-block;
text-indent: -1.2em;
color: #F44336;
}
/**/
ul.list-a{
padding: 0 1em 0.5em 1.5em;
}
ul.list-a li{
text-align: left;
padding: 7px;
border-bottom: #333 1px dashed;
}
ul.list-a li::before {
content: "\2756";
display: inline-block;
text-indent: -1.2em;
color: #F44336;
}
/* ----------------------------------------
title
------------------------------------------- */
h1,h2,h3,h4{
line-height: 1.5;
letter-spacing: 1px;
font-feature-settings: "palt";/*文字詰め*/
font-weight: 400;
font-style: normal;
}
.title_top{/*HOMEタイトル*/
font-family:"Hiragino Mincho ProN", serif;
/*font-family: "Cormorant Garamond", "Shippori Mincho B1", serif;*/
color: #00a0e9;
font-size: 400%;
padding: 0px 0 0px;
margin: 0 auto 0.5em;
width: 900px;
max-width: 100%;
height: auto;
/* background: url(../img/title_top_bg.png) center 15px no-repeat; */
background-size: contain;
line-height: 1;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
clear: both;
display: block;
}
.title_top .small{
display: block;
font-size: 30%;
margin-top: 25px;
letter-spacing: 5px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
}
.title_top_harf{/*HOMEタイトル*/
font-size: 38px;
color: #ffffff;
text-align: center;
letter-spacing: 5px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 600;
margin-bottom: 1em;
}
.explain{text-align: center;padding: 15px;}

@media screen and (max-width:1024px) {
.explain{text-align:left;}
}

@media screen and (max-width:768px) {
.title_top_img-01{width: 42vw;}
.title_top{background: none;}
.title_top .small{
margin-top: 5px;
}
}

/* ----------------------------------------
sub_title
------------------------------------------- */
.title_a{
font-size: 120%;
background:linear-gradient(90deg, rgb(32 156 255 / 90%) 0%, rgb(103 223 208 / 60%) 100%);
color: #fff;
font-weight: normal;
line-height: 1.6;
padding:0.6em 1.5em 0.6em;
margin-bottom: 1.5em;
border-radius: 5px;
box-shadow: #999 1px 1px 1px;
}
/*.title_a:before {
content: "\f184";
content: "\f260";
content: "\f299";
content: "\f069";
content: "\f142";
font-family: FontAwesome;
font-weight: normal;
padding: 0 1em;
}*/
.title_b {
font-family:"Hiragino Mincho ProN", serif;
font-size: 210%;
border-bottom: #00a0e9 1px solid;
padding: 0 0 0.5em;
margin: 0em auto 0.5em;
line-height: 1.6;
letter-spacing: 3px;
font-weight: bold;
text-align: left;
color: #333;
}
.title_c{
font-size: 120%;
border-left: #a6dbf3 10px solid;
color: #333;
padding: 0px 0 0px 1em;
margin-bottom: 1em;
line-height: 1.8;
letter-spacing: 2px;
font-weight: bold;
}
.title_d {
font-family:"Hiragino Mincho ProN", serif;
font-size: 160%;
border-bottom: #00a0e9 5px solid;
padding: 0 0 0.5em;
margin: 0em auto 1em;
line-height: 1.6;
letter-spacing: 3px;
font-weight: bold;
text-align: left;
}
.title_e {
font-family:"Hiragino Mincho ProN", serif;
background: url(../img/title_bg.png) center bottom no-repeat;
/* background-size: contain; */
font-size:220%;
padding: 0em 0px 1.2em;
margin: 0 auto 0.5em;
width: auto;
max-width: 100%;
height: auto;
color: #00a0e9;
/* border-bottom: #00a0e9 1px solid; */
line-height: 1.4;
letter-spacing: 1px;
font-weight: 600;
text-align: center;
clear: both;
display: block;
}
.title_e .en {
display: block;
font-size: 52%;
padding-top: 10px;
}
.title_g {
font-family:"Hiragino Mincho ProN", serif;
font-size: 220%;
color: #00a0e9;
border-bottom: #00a0e9 1px solid;
padding: 0.5em 0;
margin: 0em auto 0.5em;
line-height: 1.6;
letter-spacing: 3px;
font-weight: bold;
text-align: left;
}
.title_s{
font-family: "Zen Maru Gothic", sans-serif;
font-weight: bold;
color: #00a0e9;
font-size: 140%;
line-height: 1.6;
letter-spacing: 3px;
margin-bottom: 1em;
}

@media screen and (max-width:1024px) {
.title_top{font-size: 60px;}
.title_a{font-size: inherit;}
.title_b{font-size:150%;}
.title_c{
font-size: 110%;
line-height: 1.6;
font-weight: bold;
padding:0 0 0 1em;
}
.title_d {
font-size: 130%;
text-align: left;
}
.title_e{
font-size: 170%;
font-weight: bold;
padding: 0.4em 0px 1.5em;
letter-spacing: 3px;
/*background-size: contain;*/
}
}

@media screen and (max-width:599px) {
.title_top{
/*background-position: center bottom;*/
font-size: 9vw;
padding: 0px 8vw 0;
letter-spacing: 1px;
line-height: 1.3;
}
.title_top .small{font-size: 50%;}
.title_top_harf{font-size: 5.5vw;}
.title_d {font-size: 120%;/*padding: 0em 0 0.5em;margin: 0 0 0.5em;*/}
.title_e{font-size: 150%;line-height:1.8;margin-bottom: 0.5em;background-size: cover;}
}

@media only screen and (min-width: 769px) {
.title_c .pc-tb {display: inline-block !important;}
}
@media only screen and (min-width:600px) and (max-width:768px)  {
.title_c .pc-tb {display: inline-block !important;}
}
@media only screen and (max-width:599px) {
.title_c .pc-tb {display: none !important;}
}

/* ----------------------------------------
font
------------------------------------------- */
.font-min {font-family:"Hiragino Mincho ProN", serif;}
.font-go {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.font-robot{font-family: 'Roboto', sans-serif;}
.font-maru{font-family: 'Kosugi Maru', sans-serif;}

/*------------------------------------------
color
------------------------------------------*/
.red {font-weight: bold;color: #dd0000;}
.blue {font-weight: bold;color: #006699;}
.gold {font-weight: bold;color: #826641;}
.clr-1 {color: #00a0e9;}
.clr-2 {color: #0c2b64;}
.bgclr-1 a {background-color: #00a0e9;color:#fff;}
.bgclr-2 a {background-color: #b28850;color:#fff;}
.bgclr-3 a {background-color: #efefef;color:#fff;}

/*-------------------------------
背景
-------------------------------*/
.bg-0 {background: rgba(255,255,255,0.4);}
.bg-1 {background: #eaf2f4 url(../img/bg-1.jpg) repeat center center scroll;}
/*.bg-2 {background: #efefef url(../img/bg-2.jpg) repeat top center scroll;background-size: cover;}*/
.bg-3 {background: #f4eee2 url(../img/bg-3.png) repeat top center scroll;}
.bg-4 {background: #efefef url(../img/bg-4.png) repeat top center scroll;}
.bg-5 {background: #fffdf2 url(../img/bg-5.png) repeat top center scroll;;}
.bg-c {background: #f8f0d7 url(../img/bg-c.png) repeat top center scroll;}
.bg-s {background: #e4f3fd url(../img/bg-s.png) repeat top center scroll;}
.bg-w {background: #ffffff;}
.bg-b {background: #000;}
.rgba{background: rgba(0,0,0,0.2);}

@media screen and (max-width:1024px) {
.bg-2 {background-size: auto;}
}

/*------------------------------------------
【共通】TOP js無④　https://turicco.com/css-slider/
------------------------------------------*/
#top_fade{
background: #fff url(../img/top_bg.jpg) no-repeat 0 center scroll;
/*padding-top: 100px;*/
background-size: contain;
}
/*txt*/
#top_fade .top_txt_bg{
display: none;
position: relative;
top: 30%;
left: 200px;
width: 300px;
height: 400px;
padding: 25px;
text-align: center;
background: #fff;
}
#top_fade .top_txt{}

/*基本*/
.slider-container {
position: relative;
width: 100%;
aspect-ratio: 1800 / 1000;/*【PCアスペクト比】*/
max-width: 1800px;
max-height: 1000px;
margin: 0 auto;
overflow: hidden;
}

.slideimg {
position: absolute;
inset: 0;/*親要素内にフルサイズで配置*/
opacity: 0;
background-size: cover;/* 画像をスライド全体にカバー */
animation: slideAnime 32s infinite; /* ●秒で1サイクル　※画像の枚数に応じて★等間隔に修正★ */
background-position:100%;
}

@keyframes slideAnime {
0%, 50%, 100% { opacity: 0; }/* スライドの非表示タイミング 初期0%, 30%, 100%*/
10%, 20% { opacity: 1; }/* スライドの表示タイミング 初期10%, 20%*/
}

/* 各スライドのアニメーションタイミングを均等にずらす */
.slideimg:nth-of-type(1){background-image: url('../img/top/main_img_01.jpg');animation-delay: 0s;}
.slideimg:nth-of-type(2) {background-image: url('../img/top/main_img_02.jpg');animation-delay: 8s;}
.slideimg:nth-of-type(3) {background-image: url('../img/top/main_img_03.jpg');animation-delay: 16s;}
.slideimg:nth-of-type(4) {background-image: url('../img/top/main_img_04.jpg');animation-delay: 24s;}
/*.slideimg:nth-of-type(5) {background-image: url('../img/top/main_img_05.jpg');animation-delay: 20s;}*/

/*PC*/
@media only screen and (max-width:1280px)  {
.slideimg {background-size: 100% !important;}
}
/*TB*/
@media only screen and (max-width:1279px)  {
.slideimg {background-size: 110% !important;}
#top_fade{padding-top: 60px;}
}
/*SP*/
@media only screen and (max-width:599px)  {	
.slideimg {background-size: 100% !important;}
/*SP画僧*/
.slider-container {aspect-ratio: 1 / 1;/*【SPアスペクト比】*/}
.slideimg:nth-of-type(1) {background-image: url(../img/top/main_img_01_sp.jpg) ;}
.slideimg:nth-of-type(2) {background-image: url(../img/top/main_img_02_sp.jpg) ;}
.slideimg:nth-of-type(3) {background-image: url(../img/top/main_img_03_sp.jpg) ;}
.slideimg:nth-of-type(4) {background-image: url(../img/top/main_img_04_sp.jpg) ;}
/*.slideimg:nth-of-type(5) {background-image: url(../img/top/main_img_05_sp.jpg) ;}*/
}

/*-------------------------------------------
〇【下層共通】下層ヘッダー画像（簡易最終）
-------------------------------------------*/
#subPage section#sup_top_set  {
padding: 0em 0;
padding-top: 105px;
}
#sup_top_set .sub_top_image_bg{
background: #fff url(../img/top_bg.jpg) no-repeat 0 center scroll;
background-size: contain;
}
#sup_top_set {padding-top: 100px;}

/**/
#sup_top_set .sub_top_obi {
background: linear-gradient(90deg, rgb(32 156 255 / 90%) 0%, rgb(103 223 208 / 60%) 100%);
position: relative;
height: 120px;
bottom: 120px;
margin-bottom: -120px;
display: flex;
align-items: center;
}
#sup_top_set .sub_top_obi_wrap{
width: 1200px;
max-width: 100%;
margin: 0 auto;
padding: 1em 0;
line-height: 1.6;
}

#sup_top_set .sub_top_obi_wrap{
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: space-around;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
#sup_top_set h2{/*下層*/
font-family:"Hiragino Mincho ProN", serif;
font-size: 240%;
color: #fff;
text-align: left;
font-weight: 700;
letter-spacing: 5px;
width: fit-content;
padding: 0px;
display: inline-block;
margin-right: 0.5em;
}

/**/
#sup_top_set .txt_wrap {
width: fit-content;
margin: 5px;
}
#sup_top_set .sub_top_txt {
font-size: 115%;
color: #fff;
/* font-weight: bold; */
letter-spacing: 2px;
padding: 0;
margin-top: 0px;
display: inline-block;
}

/**/
#sup_top_set .area_wrap{
margin: 0em 0;
font-size: 130%;
}
#sup_top_set .area_wrap .area {
color:#fff;
background: #ccc;
padding: 0.5em 1.2em;
margin: 5px;
border-radius: 47px;
line-height: 1;
display: inline-block;
}
#sup_top_set .area_wrap .area-1 {background: #0077d6;}
#sup_top_set .area_wrap .area-2 {background: #31ae36;}

/*sub_top_a*/
#sup_top_set .sub_top_a .sub_top_obi {
height: 120px;
bottom: 120px;
margin-bottom: -120px;
}
#sup_top_set .sub_top_a h2 {
font-size: 250%;
}

/*sub_top_b*/
#sup_top_set .sub_top_b .sub_top_obi {
height: 100px;
bottom: 100px;
margin-bottom: -100px;
}
#sup_top_set .sub_top_b h2 {
font-size: 200%;
}

@media only screen and (max-width:1279px)  {
#subPage section#sup_top_set {padding-top: 85px;}
#sup_top_set .sub_top_a .sub_top_obi,
#sup_top_set .sub_top_b .sub_top_obi {
height: auto;bottom: 0;margin-bottom: 0;
}
#sup_top_set .sub_top_obi_wrap {max-width: 90%;padding: 10px;}
#sup_top_set .sub_top_a h2 {font-size: 240%;}/*職種のみ*/
#sup_top_set .sub_top_b h2 {font-size: 140%;letter-spacing: 2px;}
#sup_top_set .area_wrap {font-size: 100%;}
}
@media screen and (max-width:768px) {
#sup_top_set h2 {font-size: 160%;}
#sup_top_set .sub_top_txt {font-size: 100%;}
ul.sub_top_point_txt li {font-size: 100%;}
}
@media screen and (max-width:599px) {
#sup_top_set h2 {font-size: 150%;}
}

/* ----------------------------------------
【下層】pankuzu
------------------------------------------- */
.breadcrumbs {
    max-width: 1200px;
    margin: 0 auto;
}
.pankuzu {
font-size: 15px;
width: 100%;
padding: 1em;
/* background: #efefef; */
}
.pankuzu ul {
width: 96%;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.pankuzu li {
display: inline-block;
}
.pankuzu li a {
text-decoration:underline;
color: #432b18;
}
.pankuzu li::after {
content: ">";
padding-left: 10px;
padding-right: 10px;
}
.pankuzu li a:hover {
color: #432b18;
}
.pankuzu li i {
padding-right: 5px;
}
.pankuzu li:last-child::after {
display: none;
}
@media screen and (max-width:599px) {
.pankuzu {display: none;}
}

/* ----------------------------------------
【共通】募集職種リンク（boshuphp）
------------------------------------------- */
.boshu dl{
font-weight: bold;
color: #3a3a3a;
border: #00a0e9;
background: #e1f7ff;
padding: 8px 15px;
border-radius: 5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-around;
justify-content: flex-start;
align-items: center;
}
.boshu2 dl {
    font-weight: bold;
    color: #3a3a3a;
    border: #05a20d;
    background: #daf3db;
    padding: 8px 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
}
.boshu dl dt,.boshu2 dl dt{
font-weight: bold;
}
.boshu dl dt:before {
content: "\f138";
font-family: FontAwesome;
margin-right: 1em;
color: #3ba9fd;
}
.boshu2 dl dt:before {
    content: "\f138";
    font-family: FontAwesome;
    margin-right: 1em;
    color: #038109;
}
.boshu dl dd,.boshu2 dl dd{
display: flex;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: nowrap;
align-content: space-between;
align-items: stretch;
margin-left: 1em;
}
.boshu dl dd a{
background: linear-gradient(0deg, rgb(32 156 255 / 90%) 0%, rgb(114 204 239) 100%);
color: #ffffff;
border: #00a0e9 1px solid;
line-height: 1.4;
padding: 5px 10px;
margin: 5px;
border-radius: 5px;
}
.boshu dl dd a:hover{
background: #ffffff;
color: #00a0e9;
}
.boshu2 dl dd a{
    background: linear-gradient(0deg, rgb(3, 129, 9) 0%, rgb(5, 162, 13) 100%);
    color: #ffffff;
    border: #038109 1px solid;
    line-height: 1.4;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
}
.boshu2 dl dd a:hover{
    background: #ffffff;
    color: #038109;
}

/*------------------------------------------
【HOME】MASSAGE／あべひろ
-------------------------------------------*/
section#message0{
padding: 1em 0 3em;
text-align: center;
}
section#message0 .title_b {
text-align: center;
}

section#message1{
background:url(../img/bg-2.jpg) no-repeat center center scroll;
padding: 3em 0 3em;
}
section#message2{
position: relative;	
}
.messe-left .title_b {
border-bottom: #ffffff 1px solid;
color: #ffffff;
padding-top: 15px;
}
.messe-left {
color: #fff;	
line-height: 2;
}
.messe-left::after {
content: '';
position: absolute;
width: 60%;
height: 100%;
top: -25px;
left: -25px;
z-index: -1;
background: linear-gradient(0deg, #01a0e9 0%, #7fcff4 100%);
padding: 5em 0 5em;
box-shadow: #efefef 15px 15px 0px 5px;
}
.messe-right {
text-align: right;
line-height: 2.0;
}
.messe-right a{
background:#0070ac;
color: #fff;
padding: 5px 20px 7px;
margin: 5px;
border-radius: 35px;
line-height: 1;
letter-spacing: 1px;
display: inline-block;
}
.messe-right a:hover{opacity: 0.8;}

@media screen and (max-width:1024px) {
.messe-left::after {
content: '';
position: absolute;
width: 110%;
height: 104%;
top: -26px;
left: -5%;
z-index: -1;
background: linear-gradient(0deg, #01a0e9 0%, #d4f1ff 100%);
padding: 5em 0 8em;
box-shadow: none;
}
.messe-left {
line-height: 2.0;
}
}
@media screen and (max-width:1024px) {
.messe_img_hiro {
max-width: 400px !important;
width: 100%;
}
}
@media screen and (max-width:599px) {
section#message0{
text-align: left;
}
section#message0 .title_b {
text-align: left;
}
}

/*------------------------------------------
【HOME】YOUTUBE　ショート
-------------------------------------------*/
#home-youtube ul li .video_center{
display: flex;
justify-content: center;
}
#home-youtube ul.slider-3 li{
background: #efefef;
}

/*モーダルを縦表示にするためmodal-video.jsへの追記*/
.modal-video-body{
max-height: 100%;
max-width: 100%;
position: relative;
width: calc(56.25vh - 100px) !important; /* 動画の比率にあわせて調整 */
}
.modal-video-movie-wrap {
aspect-ratio: 9 / 16;
height: fit-content !important;
max-height: 100%;
width: 100%;
}
.modal-video-movie-wrap iframe  {
border: 0;
height: 100%;
width: 100%;
position: unset;
}
/**/

/*------------------------------------------
【HOME】YOUTUBE　横長
-------------------------------------------*/
/*共通*/
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe{
width: 100%;
height: 100%;
}

/*職種*/
#youtube-area ul li{width: 46%;margin: 2% auto;}

/*教育体制*/
.youtube-70 .youtube{width:100%;max-width:780px;margin: 0 auto;}

/*治療レベルと方針*/
.youtube-90 .youtube{width:100%;max-width:1000px;margin: 0 auto;}

@media screen and (max-width:1024px) {
#youtube-area ul li{width: 80%;margin: 2% auto;}
}

/*------------------------------------------
【HOME】CLINIC
-------------------------------------------*/
.class_set {
align-content: flex-start;
justify-content: flex-start;
}
.class_set dt {
width: 50%;
}
.class_set dd {
width: 50%;
}
.clinic_info{
line-height: 2.0;
font-size: 90%;
}

/**/
.clinic-1 .class_set,
.clinic-2 .class_set {
background: #fff;
}
.clinic-1 h3,
.clinic-2 h3 {
background: #00a0e9;
color: #fff;
font-size: 28px;
padding: 0.5em 1.5em;
}
.clinic-1 h3 {background: linear-gradient(90deg, #4285ec 0%, #0bbafb 100%);}
.clinic-2 h3 {background: linear-gradient(90deg, #009688 0%, #03c686 100%);}
.clinic-1 .btn a,
.clinic-2 .btn a{
background: #00a0e9;
border: none;
width: 100%;
padding: 15px 20px;
line-height: 1.4;
color: #fff;
display: block;
text-align: center;
border-radius: 50px;
box-shadow: #ccc 3px 3px 0;
}
.clinic-1 .btn a{background: #00a0e9;border: none;}
.clinic-2 .btn a{background: #009788;border: none;}
.clinic-1 .btn a:hover,.clinic-2 .btn a:hover{opacity: 0.8;color: #fff;}
.clinic-1 .btn a:before {
content: unset;
}

/*サムネslickスライダー*/
.slider7-wrap {
width: 100%;
margin: 0 auto;
position: relative;
}
.slider-7 .slick-slide {
height: auto;
overflow: hidden;
}
.slider-7 .slick-slide img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.slider-7 .slick-arrow {
width: 30px;
height: 30px;
/*background: rgb(177 177 177 / 60%);*/
cursor: pointer;
border: none;
outline: none;
font-size: 0;
position: absolute;
top: 45%;
z-index: 1;
/*filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));*/
}
.slider-7 .slick-arrow::before {
content: "";
display: block;
width: 15px;
height: 15px;
border: 1px solid #9E9E9E;
border-width: 3px 3px 0 0;
position: absolute;
top: 30%;
transform: rotate(45deg);
}

.slider-7 .slick-next {right: -15px;}
.slider-7 .slick-prev {left: -15px;}
.slider-7 .slick-next::before {left: 2px;}
.slider-7 .slick-prev::before {border-width: 0 0 3px 3px;right: 2px;}
.slick_count {padding-right: 10px;}
.slick_count .num {display: none;font-size: 15px;text-align: right;}
.slick_count .num .nowcnt,.slick_count .num .allcnt {font-size: 18px;}

@media screen and (max-width: 1240px) {
.clinic-1 h3, .clinic-2 h3 {
font-size: 18px;
}
.class_set {
display: block;
}
.class_set dt {
width: auto;
max-width: 100%;
margin: 0 auto;
}
.class_set dd {
width: 100%;
}

}
/*------------------------------------------
★【共通】RECRUIT／キャリアモデル
------------------------------------------*/
/*4列のみ*/
.anker_set .pick_up_04 ul {
max-width: 1200px;
}
.anker_set .pick_up_04 ul li {
width: 23%;
margin: 1%;
}
.anker_set .pick_up_04 ul li a .btn_check {
font-size: 130%;
padding: 15px;
}

@media screen and (max-width: 1024px) {
.anker_set .pick_up_04 ul li {
width: 40%;
margin: 2%;
}
}
@media screen and (max-width: 599px) {
.anker_set .pick_up_04 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
align-content: space-around;
align-items: stretch;
}
.anker_set .pick_up_04 ul li a {
height: auto;
}
.anker_set .pick_up_04 ul li a .btn_check {
font-size: 100%;
padding: 7px;
}
.anker_set .pick_up_04 ul li {
margin: 3%;
width: 44%;
margin: 3%;
}
}

/*5列*/
.pick_up_04 ul {
max-width: 1920px;
}
.pick_up_04 ul {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
align-content: space-around;
align-items: stretch;
}
.pick_up_04 ul li {
width: 28%;
margin: 2%;
box-shadow: #ccc 10px 10px 0px;
border: #fff 2px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.pick_up_04 ul li a {
display: block;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
overflow: hidden;
}
.pick_up_04 ul li a img {
width: 100%;
max-width: 100%;
-webkit-transition: 1.0s ease-out;
-moz-transition: 1.0s ease-out;
transition: 1.0s ease-out;
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.pick_up_04 ul li a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.pick_up_04 ul li a:hover {
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}
.pick_up_04 ul li a .btn_check {
color: #FFF;
background: #00a0e9;
background: linear-gradient(90deg, #209cff 0%, #67dfd0 100%);
font-size: 155%;
padding: 0.6em 1em;
text-decoration: none;
line-height: 1;
letter-spacing: 3px;
display: block;
width: 100%;
margin-bottom: 0%;
margin-left: -50%;
position: absolute;
left: 50%;
bottom: 0%;
font-weight: normal;
text-align: center;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
a:hover .btn_check {
color: #000;
background-color: #FFF;
}
.pick_up_04 ul li a .btn_check .small {
display: block;
margin-top:10px;
font-size: 60%;
color: #e8e3db;
}
.pick_up_04 ul li a .btn_check i {
padding-right: 10px;
padding-left: 5px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
a:hover .btn_check i {
padding-right: 5px;
padding-left: 10px;
}

@media screen and (max-width:1280px) {
.pick_up_04 ul li {
width: 46%;
margin: 2%;
}
.pick_up_04 ul li a .btn_check {
font-size: 120%;
padding: 1em 1em;
}
}

@media screen and (max-width:599px) {
.pick_up_04 ul {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: column;
align-content: space-around;
align-items: center;
}
.pick_up_04 ul li {
margin: 4%;
width: 80%;
}
.pick_up_04 ul li a .btn_check {
font-size: 120%;
padding: 1em 1em;
}
.pick_up_04 ul li a {
height: 250px;
}
}

/*-------------------------------------------
【HOME】model
-------------------------------------------*/
section#model{
position:relative;
padding: 4em 0 4em;
}
section#model .wrap{
position:relative;
z-index: 1;
}
section#model::after {
content: '';
position: absolute;
width: 94%;
height: 100%;
bottom: 0;
right: 0;
/*z-index: -1;*/
background: #64b3ee url(../img/career_bg.jpg) no-repeat center bottom scroll;
box-shadow: #ddd 20px 10px 0px 5px;
}

.model_list dl{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: space-between;
justify-content: flex-start;
margin: 1em auto;
background: #4489ca;
background: #fff;
border: #4489ca 1px solid;
font-size: 110%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
border-radius: 10px;
line-height: 1.6;
align-items: stretch;
height: 100%;
}
.model_list dl dt{
background: #4489ca;
color: #fff;
width: 20%;
text-align: center;
padding:12px;
font-size: 110%;
border-radius: 10px 0px 0px 10px;
}
.model_list dl dd{
width: 80%;
padding: 13px 1.5em;
color: #666666;
font-weight: bold;
background: #fff;
border-radius: 0 10px 10px 0px;
}
#model .btn_more a {
color: #fff;
background-color: #4489ca;
border: #4489ca 1px solid;
}
#model .btn_more a:hover {
color: #4489ca;
background-color: #fff;
}
@media screen and (max-width:1500px) {
section#model::after {
width: 100%;
background: #64b3ee url(../img/career_bg.jpg) no-repeat right bottom scroll;
background-size: 150%;
}
}
@media screen and (max-width:580px) {
section#model{
padding: 3em 0 3em;
}
section#model::after {
background-size: 200%;
}
.model_list dl {
font-size: 100%;
}
.model_list dl dt {
width: 30%;
padding: 10px;
}
.model_list dl dd {
line-height: 1.4;
padding: 10px;
}
}

/*-------------------------------------------
【HOME】理念
-------------------------------------------*/
section#philosophy{
position:relative;
padding: 4em 0 4em;
}
section#philosophy .wrap{
position:relative;
z-index: 1;
}
section#philosophy::after {
content: '';
position: absolute;
width: 94%;
height: 100%;
bottom: 0;
left: 0;
/*z-index: -1;*/
background: #84ccc9 url(../img/philosophy_bg.jpg) no-repeat 0 bottom scroll;
box-shadow: #ddd 10px 20px 0px 5px;
}
.philosophy_box{
background: #fff;
padding: 1.8em 2em;
border-radius: 15px;
}
.philosophy_box ul li{
border-bottom: #cc0000 2px dotted;
font-size: 110%;
line-height: 1.6;
padding: 0.5em;
}
.philosophy_box ul li i{
color: #cc0000;
font-size: 130%;
}
#philosophy .btn_more a {
color: #fff;
background-color: #009e96;
border: #009e96 1px solid;
}
#philosophy .btn_more a:hover {
color: #009e96;
background-color: #fff;
}
@media screen and (max-width:1500px) {
section#philosophy::after {width: 100%;background:#84ccc9;}
}
@media screen and (max-width:780px) {
.philosophy_box ul li {font-size: 100%;}
section#philosophy {
padding: 3em 0 3em;
}
}
/*-------------------------------------------
【HOME】一緒に働きませんか？
-------------------------------------------*/
.note_box{
width: 1300px;
max-width: 90%;
background: #d1c0a5;
border-radius: 15px;
padding: 2em;
margin: 0 auto;
font-weight: 600;
}
.note_bg{
background: #ffffff url(../img/note_bg.png) repeat 0 0 scroll;
border-radius: 15px;
box-shadow: #95856b 5px 5px 5px;
text-align: center;
position: relative;
}
.note_txt_1,.note_txt_3 {
font-family: "Zen Maru Gothic", sans-serif;
}

.note_txt_1 {
background: url(../img/note_hito_22.png) no-repeat center center scroll;
background-size: 85%;
}
.note_txt_1 h2{
font-size: 40px;
color: #00a0e9;
margin: 1.6em auto 0.8em;
font-weight: 600;
line-height: 1.6;
}
.note_staff{
position: relative;
top: -880px;
left: 50%;
margin-left: -100%;
margin-bottom: -850px;
}

/**/
.note_txt_3 {
background: url(../img/note_staff.png) no-repeat center center scroll;
background-size: contain;
line-height: 2.2;
}
.note_txt_3 .tb-sp {display: none !important;}
@media screen and (max-width:1200px) {
.note_txt_1 {background: none;}
.note_txt_3 {background: none;}
.note_txt_3 .tb-sp {display: block !important;}
}
/**/

@media screen and (max-width:820px) {
.note_txt_1 h2 {font-size: 34px;text-align: center;line-height: 1.8;font-family: "Zen Maru Gothic", sans-serif;}
.note_box {padding: 1em;}
.note_txt_1 {padding: 1em 1.5em;}
.note_txt_1 {background: none;}
}

@media screen and (max-width:580px) {
.note_txt_1 h2 {font-size: 5.2vw;}
section#wish {background: #d1c0a5;padding: 2em 0;}
section#wish .wrap {width: 95%;}
.note_box {padding: 0;}
.note_txt_1,.note_txt_3 {
font-family: 'Noto Sans JP';
padding: 1em 1em;
font-size: 90%;
}
}

/*-------------------------------------------
【HOME】データ
------------------------------------------*/
ul.data_list li {
width: 46%;
height: auto;
margin: 2%;
}
ul.data_list li dl {
display: flex;
box-shadow: #efefef 10px 10px 0;
border: #4acdc1 2px solid;
flex-direction: row;
flex-wrap: nowrap;
align-content: space-around;
justify-content: space-between;
align-items: stretch;
}
ul.data_list li dl dt {
width: 50%;
}
ul.data_list li dl dd {
width: 50%;
padding: 30px 30px;
color: #fff;
background: #00a0e9;
background: linear-gradient(90deg, #209cff 0%, #4ccfbf 100%);
}
.data_txt{
background: #fff;
/* font-family: "Zen Maru Gothic", sans-serif; */
color: #333;
color: #00a0e9;
border-radius: 80px;
line-height: 1;
letter-spacing: 0;
font-weight: bold;
font-size: 18px;
padding: 10px;
margin-bottom: 10px;
}
.data_cap{
font-size: 60px;
font-weight: bold;
line-height: 1;
}
.data_cap .small {
font-size: 60%;
}
.data_img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/**/
ul.primary_list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-around;
justify-content: flex-start;
align-items: stretch;
}
ul.primary_list li{
border: #00a0e9 1px solid;
background: #f7fdff;
color: #00a0e9;
padding: 5px 10px;
margin: 5px;
}
@media screen and (max-width:1024px) {
.data_list{display: flex;}
ul.data_list li {width: 48%;height: auto;margin: 1%;}
ul.data_list li dl dd {width: 50%;padding: 15px;}
.data_cap {font-size: 45px;}
.data_txt {font-size: 15px;}
}
@media screen and (max-width:960px) {
.data_list{display: block;}
ul.data_list li {
width: 90%;
margin: 5%;
}
}
@media screen and (max-width:599px) {
ul.data_list li {
width: 100%;
margin: 0 0 2em;
}
ul.data_list li dl dd {padding: 1.5em 1em;}
.data_cap {font-size: 10vw;}
.data_txt {font-size: 13px;}
}

/*------------------------------------------
【HOME】インスタグラム
------------------------------------------*/
#instagram{

}

/*------------------------------------------
【HOME】STEP
------------------------------------------*/
#step .wrap,
#step .wrap_s{
background: #eaf2f4 url(../img/bg-1.jpg) repeat center center scroll;
padding: 2em;
border-radius: 20px;
}
#step .title_top_harf {
font-size: 32px;
color: #333;
margin-top: 15px;
}
ul.step_list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
justify-content: space-evenly;
align-items: stretch;
}

ul.step_list li{
background: #fff;
padding: 1em;
margin: 1em;
line-height: 1.6;
border-radius: 15px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
box-shadow: #00a0e9 5px 5px 0px;
border: #00a0e9 1px solid;
}
ul.step_list li .num{
display: inline-block;
background: #00a0e9;
color: #fff;
border-radius: 100%;
width: 40px;
height: 40px;
margin: 0px 0 15px;
text-align: center;
line-height: 40px;
}
ul.step_list li .txt{
writing-mode: vertical-rl;
}
ul.step_list::after {
content: '';
display: block;
position: absolute;
width: 80%;
height: 3px;
top: 32%;
left: 50%;
margin-left: -40%;
z-index: -1;
background: #00a0e9;
}

@media screen and (max-width:1200px) {
ul.step_list {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: space-around;
align-items: stretch;
}
ul.step_list li .txt {
writing-mode: unset;
text-align: left;
}
ul.step_list li {
background: #fff;
padding: 1em;
margin: 1em;
line-height: 1.6;
border-radius: 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: space-around;
justify-content: flex-start;
align-items: baseline;
box-shadow: #0276ab 5px 5px 5px;
}
ul.step_list li {
padding: 10px;
margin: 10px;
}
ul.step_list li .num {
margin: 0px 15px 0 0;
}
ul.step_list::after {
content: '';
display: block;
position: absolute;
width: 4px;
height: 70%;
top: 180px;
left: 0;
margin-left: 50%;
z-index: -1;
background: #00a0e9;
}
#step .title_top_harf {font-size: 150%;	}
}
@media screen and (max-width:580px) {
#step .wrap, #step .wrap_s {padding: 2em 5px;}
}


/*------------------------------------------
【下層】　個人情報保護方針
------------------------------------------*/
.privacy dl dt{
border-bottom: #00a0e9 1px dotted;
color: #00a0e9;
font-size: 110%;
font-weight: bold;
margin: 1em auto;
padding: 8px 20px 5px 0;
}
.privacy dl dt:before{
content: "■ "
}

/*------------------------------------------
【下層】　サイトマップ
------------------------------------------*/
.sitemap_links a{
color: #333;
line-height: 1.6;
text-decoration: none;
padding: 1em;
display: block;
border-bottom: #333 1px dotted;
}
.sitemap_links a:before{
content: "\f138";
font-family: FontAwesome;
margin-right: 1.2em;
color: #00a0e9;
font-size: 100%;
}
.sitemap_links a:hover{
opacity: 0.8;
}

/*------------------------------------------
【共通】Google map
------------------------------------------*/
/*googlemap彩度*/
.googlemap iframe,
.googlemap object,
.googlemap embed {
width: 100%;
height: 400px;
-webkit-filter: saturate(60%);
filter: saturate(60%);
-webkit-transition: all 0.7s ease;
transition: all  0.7s ease;
}
.googlemap iframe:hover,
.googlemap object:hover,
.googlemap embed:hover {
-webkit-filter: saturate(90%);
filter: saturate(90%);
}

/*-------------------------------------------
【共通】footer
-------------------------------------------*/
section#footer_area {
background: #36a4df url(../img/footer_bg.jpg) no-repeat bottom center scroll;
background-size: cover;
color: #fff;
padding: 0;
width: 100%;
display: block;
clear: both;
margin: 0;
}
footer .wrap,
footer .wrap_w{
margin: auto;
padding: 7em 1em 5em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: flex-start;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}

/* footer box */
footer .f_box {
/*width: 18%;*/
padding:0;
}
footer .lg {
width: 40%;
}
footer .f_box p {
font-size: 14px;
padding: 5px 0;
line-height: 1.8;
}
footer .f_box p.logo_footer {
font-size: 140%;
font-weight: bold;
margin-bottom: 10px;
}
footer .f_box p.logo_footer img {
width: auto;
}

/* footer link */
footer ul.f_link li a {
display: block;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-align: left;
padding: 0.5em 1em 0.5em 0;
border-bottom: #ffffff dotted 1px;
}
footer ul.f_link li a::before {
color:#ffffff;
content: "\f138";
font-family: FontAwesome;
padding-right: 0.5em;
}
footer ul.f_link li.no-icon a::before {
color:#ffffff;
content:none;
padding-right: 0.5em;
}
footer ul.f_link li a:hover {
opacity: 0.8;
}
address {
color: #fff;
font-size: 12px;
font-style: normal;
padding: 1em 0;
text-align: center;
letter-spacing: 1px;
}

@media screen and (max-width:1279px) {
footer .wrap {
display: block;
max-width: 100%;
width: 100%;
padding: 1em 0;
margin: 0 auto;
}
footer .f_box {
width: 100%;
padding: 0;
}
footer .lg {
width: 100%;
padding: 2em;
}
footer ul.f_link{

}
/*footer ul.f_link {
width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: flex-start;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
footer ul.f_link li {
width: 50%;
}*/
footer ul.f_link li a {
font-size: 14px;
color: #333;
border-top: #fff 1px solid;
border-bottom: unset;
padding: 0.8em 2em;
display: block;
text-decoration: none;
text-align: left;
background: #36a4df;
color: #fff;
}
footer ul.f_link li a:hover{
background: rgba(255,255,255,0.98);
color: #00a0e9;
}
section#footer_area {
background: #36a4df url(../img/footer_bg_sp.jpg) no-repeat top right scroll;
background-size: auto;
}
}
@media screen and (max-width:1279px) {
footer .f_box p.logo_footer img {
width: 250px;}

footer ul.f_link li a:hover::before {
color:#36a4df;
}
}

/*-------------------------------------------
TOPへ戻る
-------------------------------------------*/
.to_top {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 800;
}
.to_top a {
background-color: #00a0e9;
color: #fff;
text-decoration: none;
text-align: center;
display: block;
width: 60px;
height: 60px;
font-size: 30px;
line-height: 60px;
}
.to_top a:hover {
opacity: 0.9;
}

/*------------------------------------------
【共通】CTA
------------------------------------------*/
section.cta_area {
background: #e9dfd6 url(../img/cta_bg.jpg) repeat center center scroll;
background-size: cover;
padding:4em 0 4em;
text-align: center;
}

/*BOX*/
.cta_area .tel-box,
.cta_area .line-box{
width: 46%;
margin: 2%;
background: #fff;
font-size:15px;
line-height: 1.8;
border-radius: 20px;
border: #00b900 5px solid;
border-top: none;
}
.cta_area .tel-box{
border: #00a0e9 5px solid;
}
.cta_area .tel-box h2,
.cta_area .line-box h2{
background: #00a0e9;
color: #fff;
font-size: 140%;
padding: 0.5em;
border-radius: 15px 15px 0 0;
}
.cta_area .line-box h2{
background: #00b900;
}
.cta_area .info_line{
color: #00b900;
font-size: 30px;
font-weight: bold;
}
.cta_area .info_cont{
padding: 25px;
}
@media screen and (max-width:580px) {
    .cta_line_qr{
        display:none;
    }
}

/* TEL */
.cta_area .info_tel {
padding-right: 15px;
}
.cta_area .info_tel a{
/* font-family: impact; */
font-family: "Noto Serif JP", serif;
font-weight: 600;
padding-left: 10px;
margin: 5px auto;
line-height: 1.2;
letter-spacing: 0px;
color: #333;
font-size: 50px;
}
.cta_area .info_tel a i{
transform: skew(30deg, -30deg);
display: inline-block;
font-size: 90%;
vertical-align: top;
padding-left: 6px;
padding-top: 4px;
color:#00a0e9;
}

/* BTN */
.cta_area .cta_btn a {
background: linear-gradient(0deg, #02a1f9 0%, #06d07a 100%);
width: 95%;
font-size: 140%;
font-weight: bold;
color: #fff;
text-align: center;
padding: 15px 10px 18px;
margin: 15px auto;
display: block;
border-radius: 76px;
box-shadow: #ccc 2px 2px 0;
}
.cta_area a:hover {
opacity: 0.80;
/*background: rgb(255 255 255 / 90%);
color: #00a0e9;*/
}

/* SNS */
.sns_btn_box{
width: 97%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: flex-start;
align-items: stretch;
flex-direction: row;
}
.sns_btn_box a{
width: 30%;
margin: 1.5%;
padding: 10px 5px 5px;
border-radius: 10px;
font-size: 90%;
line-height: 1;
}
.sns_btn_box a i{
display: block;
font-size: 28px;
line-height: 1;
margin-bottom: 5px;
}
.sns_btn_box a.btn-02 {border: #8f82bc 3px solid;color: #fff;background: #8f82bc;}
.sns_btn_box a.btn-03 {border: #d83534 3px solid;color: #fff;background: #d83534;}
.sns_btn_box a.btn-04 {border: #000000 3px solid;color: #fff;background: #000000;}
.sns_btn_box a.btn-01:before {
content: "\f138";
font-family: FontAwesome;
margin-right: 1em;
}

@media screen and (max-width:1024px) {
.cta_area .tel-box,.cta_area .line-box{width: 90%;max-width: 500px;margin: 0 auto 3em;}
.cta_area .info_tel a {font-size: 42px;}
.cta_area .info_line {font-size: 28px;}
}
@media screen and (max-width:768px) {
section.cta_area {padding: 3em 0 3em;}
}

@media screen and (max-width:599px) {
.cta_area .info_tel a {font-size: 8.2vw;}
.cta_area .info_line {font-size: 5vw;}
.cta_area .tel-box,.cta_area .line-box{width: 100%;margin: 5% 0;}
}