@charset "utf-8";
/* ----------------------------------------
レイアウト
------------------------------------------- */
body {
/*background: #ffffff url(../img/body_bg.jpg) no-repeat center center fixed;*/
background: #ffffff;
/*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%;}
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: #001c58 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) {
body {font-size: 15px;}
.wrap_w,.wrap,.wrap_s,.wrap_xs{width: 90%;margin: 0 auto;}
section, #subPage section {padding:4em 0;}
}

@media screen and (max-width:768px) {
body {font-size: 14px;}
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) {
body {font-size: 14px;}
section {padding: 4em 0;}
}

/*-------------------------------
BTN
-------------------------------*/
.btn_more a {
color: #fff;
background-color: #001c58;
border: #001c58 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: #001c58;
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: #001c58;
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(1 29 89) 0%, rgb(63 91 152) 100%);
color: #fff;
font-weight: normal;
line-height: 1.6;
padding: 0.6em 0.6em 0.6em;
margin-bottom: 1em;
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: 240%;
border-bottom: #001c58 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: #001c58 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,.title_w {
font-family: "Noto Serif JP", serif;
background: url(../img/title_bg.png) center bottom no-repeat;
/* background-size: contain; */
font-size: 240%;
padding: 0em 0px 1.2em;
margin: 0 auto 0.5em;
width: auto;
max-width: 100%;
height: auto;
color: #001c58;
line-height: 1.2;
letter-spacing: 3px;
font-weight: 700;
text-align: center;
clear: both;
display: block;
}
.title_e .en {
display: block;
font-size: 52%;
padding-top: 10px;
}
.title_w {
background: url(../img/title_bg_w.png) center bottom no-repeat;
color: #ffffff;
}
.title_g {
font-family:"Hiragino Mincho ProN", serif;
font-size: 220%;
color: #001c58;
border-bottom: #001c58 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: #001c58;
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:180%;}
.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,.title_w{
font-size: 180%;
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: 180%;line-height:1.4;margin-bottom: 0.5em;letter-spacing: 0;}
}

@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: #7896c0;}
.clr-2 {color: #40b49d;}
.clr-3 {color: #001c58;}
.bgclr-1 a {background-color: #001c58;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: #181937;}
.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
------------------------------------------- */
.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: #001c58;
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;
}
.boshu dl dt{
font-weight: bold;
}
.boshu dl dt:before {
content: "\f138";
font-family: FontAwesome;
margin-right: 1em;
color: #3ba9fd;
}
.boshu 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: #001c58 1px solid;
line-height: 1.4;
padding: 5px 10px;
margin: 5px;
border-radius: 5px;
}
.boshu dl dd a:hover{
background: #ffffff;
color: #001c58;
}

/*------------------------------------------
【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;}
}

/*------------------------------------------
【下層】　個人情報保護方針
------------------------------------------*/
.privacy dl dt{
border-bottom: #001c58 1px dotted;
color: #001c58;
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: #001c58;
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: #131d55 url(../img/footer.jpg) repeat bottom center scroll;
background-size: auto;
color: #fff;
padding: 0;
width: 100%;
display: block;
clear: both;
margin: 0;
}
footer .wrap,
footer .wrap_w{
margin: auto;
padding:0em;
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: inherit;
font-style: normal;
padding: 2em 0;
text-align: center;
letter-spacing: 1px;
}

@media screen and (max-width:1279px) {
footer .wrap {
display: block;
max-width: 100%;
width: 100%;
padding: 0em 0;
margin: 0 auto;
}
footer .f_box {
width: 100%;
padding: 0;
}
footer .lg {
width: 100%;
padding: 2em;
}
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: #001c58;
}
}
@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: #001c58;
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: #001c58 5px solid;
}
.cta_area .tel-box h2,
.cta_area .line-box h2{
background: #001c58;
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;
}

/* 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:#001c58;
}

/* 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: #001c58;*/
}

/* 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;}
}