@charset "utf-8";
/* CSS Document */

body { width: 100%; overflow-x: hidden; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px; line-height: 1.4; color: #333; }
p {line-height: 1.8; }
main p { margin-bottom: 24px; }
a.nrm_link { color: #3764ff; }
a.nrm_link:hover { background-color: rgba(55,100,255,0.6); color: #fff; }
a.nrm_link2 { color: #000; border-bottom: 1px solid #333; }
a.nrm_link2:hover { font-weight: 500; }
a.nrm_link3 { color: #888; }
a.nrm_link3:hover { color: #aaa; }

*{ box-sizing: border-box !important; }
@media all and (min-width: 811px) {
body { min-width: 1024px !important; }
}

img { max-width: 100%; height: auto; width: 100%; }
a,img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a:hover img { opacity: 0.7; }

/*リンクの形状*/
#page-top {
  display: flex;
  justify-content: space-between;
  align-items:center;
  width: 100%;
  padding: 40px 52px 40px 40px;
  background: rgba(255,255,255,0.8);
  margin: 0 auto;
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  position: relative;
  z-index: 999999999999999999;
}
.btn_wrap { max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#page-top a { width: 48.5%; }
#page-top a:hover{ opacity: 0.9; }
@media all and (max-width: 810px){ #page-top { padding: 30px; } }
@media all and (max-width: 560px){
#page-top { padding: 20px; }
#page-top a { width: 100%; display: block; }
#page-top a:first-child { margin-bottom: 16px; }
main p { margin-bottom: 18px; }
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  left: 0;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(200px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(200px);
  }
}

/* レイアウト */
.flex_wrap { display: flex; justify-content: space-between; height: 100%; }
.box_l01 { width: 50%; padding: 50px 5%; position: relative; z-index: 8; }
.img01 { max-width: 540px; width: 100%; height: auto; }
.box_r01 { width: 50%; height: 70.2vh; position: relative; margin-top: -2.2vh; }
.bg_box01 { 
background-size: cover;
background-position: center center;
background-image: url("../img/kv/mv01-01.jpg");
}
.bg_box02 { background-image: url("../img/kv/mv01-02.jpg"); }
.bg_box03 { background-image: url("../img/kv/mv01-03.jpg"); }

@media all and (min-width: 811px){
.box { min-width: 1024px !important; }
.box.attention_box { max-width: 10000000000px !important; }
}
@media all and (max-width: 810px){
.bg_box01 { margin: 20px 0; }
.box { flex-wrap: wrap; }
.box_l01,.box_r01 { width: 100%; }
.box_l01 { padding: 20px; }
.box_r01 { height: 40vw; }
}

.kv_area { position: relative; z-index: 8;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: calc(100vh - 63px);
display: flex; align-items: center;
margin-top: 63px; }
.kv_area2 { height: 24vw !important; background-size: cover; background-position: right center; background-size: cover; margin-top: 63px; }
.kv_01 { background-image: url("../img/kv/mv02-01.jpg"); justify-content: center; }
.kv_02 { background-image: url("../img/kv/mv01-01.jpg"); height: 66vh; }
.kv_03 { background-image: url("../img/kv/mv01-02.jpg"); height: 66vh; }
.kv_04 { background-image: url("../img/kv/mv01-03.jpg"); height: 66vh; }
.kv_05 { background-image: url("../img/kv/service_head.jpg"); background-size: 100% auto; height: 36vw !important; }
.kv_06 { background-image: url("../img/kv/product_head.jpg"); background-size: 100% auto; height: 36vw !important; }
.kv_dv { background-size: 100% auto; height: 48vw !important; background-size: cover; }
.kv_product01{ background-size: 100% auto; height: 50vw !important; background-position: center center !important; }
.kv_product02 { background-size: 100% auto; height: 40vw !important; background-position: center center !important; }
.kv_prd_n { background-image: url("../img/kv/product/n_pc.jpg"); }
.kv_prd_r { background-image: url("../img/r_pc.jpg"); }
.kv_prd_rnv { background-image: url("../img/rnv_pc.jpg"); }
.kv_prd_nv { background-image: url("../img/kv/product/nv_pc.jpg"); }
.kv_prd_u { background-image: url("../img/kv/product/u_pc.jpg"); }
.kv_prd_g { background-image: url("../img/kv/product/g_pc.jpg"); }
.kv_prd_yag { background-image: url("../img/kv/product/yag_pc.jpg"); }
.kv_prd_astra { background-image: url("../img/kv/product/astra_pc.jpg"); }
.kv_prd_original { background-image: url("../img/kv/product/original_pc.jpg"); }
.kv_prd_next { background-image: url("../img/kv/product/next_pc.jpg"); }
.kv_prd_sec2 { background-image: url("../img/kv/product/sec2_pc.jpg"); }
.kv_prd_sec3 { background-image: url("../img/kv/product/sec3_pc.jpg"); }

.kv_txt { font-size: 1000%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; color: #fff; opacity: 0.4; position: absolute; bottom: 3%; left: 7%; }

.kv_c01 { background-image: url("../img/kv/c01.jpg"); background-size: 100% auto; height: 30vw !important; }
.kv_books { background-image: url("../img/kv/books_head.jpg"); background-size: 100% auto; height: 36vw !important; }
.kv_info { background-image: url("../img/kv/info_head.jpg"); background-size: 100% auto; height: 36vw !important; }
.kv_event { background-image: url("../img/kv/event_head.jpg"); background-size: 100% auto; height: 36vw !important; }
.kv_welfare { background-image: url("../img/kv/wellbeing_head.jpg"); background-size: 100% auto; height: 36vw !important; }

.recruit_bg { background-size: 100vw auto; background-repeat: no-repeat; background-position: top center; background-image: url("../img/kv/recruit_bg2.jpg"); background-attachment: fixed; background-color: #0761d2;
 }
 @media all and (max-width: 810px){
 .recruit_bg { background-size: 180vw auto; }
 }
 @media all and (max-width: 560px){
 .recruit_bg { 
 background-image: url("../img/kv/recruit_bg_sp.jpg");
 background-size: 100% auto; }

.kv_prd_n { background-image: url("../img/kv/product/n_sp.jpg"); }
.kv_prd_r { background-image: url("../img/r_sp.jpg"); }
.kv_prd_rnv { background-image: url("../img/rnv_sp.jpg"); }
.kv_prd_nv { background-image: url("../img/kv/product/nv_sp.jpg"); }
.kv_prd_u { background-image: url("../img/kv/product/u_sp.jpg"); }
.kv_prd_g { background-image: url("../img/kv/product/g_sp.jpg"); }
.kv_prd_yag { background-image: url("../img/kv/product/yag_sp.jpg"); }
.kv_prd_astra { background-image: url("../img/kv/product/astra_sp.jpg"); }
.kv_prd_original { background-image: url("../img/kv/product/original_sp.jpg"); }
.kv_prd_next { background-image: url("../img/kv/product/next_sp.jpg"); }
.kv_prd_sec2 { background-image: url("../img/kv/product/sec2_sp.jpg"); }
.kv_prd_sec3 { background-image: url("../img/kv/product/sec3_sp.jpg"); }
 }

.kv_support { background-image: url("../img/kv/mv03-01.jpg"); justify-content: center; }
.kv_cc { background-image: url("../img/service/cc/top_bg.jpg"); justify-content: center; }
.kv_logo img { width: 230px; height: auto; }

.inner0 { width: 100%; max-width: 1200px; margin: 0 auto; }
.inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 30px; }

.inner_gr { padding: 60px 0; background-color: #f4f4f4; }
.inner2 { width: 100%; max-width: 1200px; margin: 0 auto; padding: 60px 60px 0; margin-top: -100px; background: #fff; z-index: 9; position: relative; min-height: 100px; }
.inner2.inner2_tn { margin-top: 0 !important; padding-top: 120px; }
.inner3 { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 30px; }
.inner4 { width: 100%; max-width: 1200px; margin: 0 auto; padding: 40px 60px 0; margin-top: -40px; background: rgba(255,255,255,0.8); z-index: 9; position: relative; }
.inner_w { width: 100%; max-width: 1500px; margin: 0 auto; }
.inner_sw { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 60px; }
.ss_block { width: 100%; margin: 50px 0 130px; display: flex; padding: 80px 0; background-size: 46% auto; background-repeat: no-repeat; }



.ss02 { background-image: url("../img/corporate/business/d_01.jpg"); background-position: right center; }
.ss03 { background-image: url("../img/corporate/business/d_02.jpg"); background-position: left center; }
.ss04 { background-image: url("../img/corporate/business/d_03.jpg"); background-position: right center; }
.ss03_box { width: 48%; margin-left: 52%; }
.ss02_box, .ss04_box { width: 48%; }

.contact_box { background-image: url("../img/common/cbg.jpg"); background-size: 100% auto; background-position: left bottom 20%; }

.local_block {
 padding: 30px 0;
 margin-top: 60px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat; }
.lb_bg01 { background-image: url("../img/common/corporate_bg.jpg"); }
.lb_bg02 { background: #efefef; }
.lb_bg03 { background-image: url("../img/recruit/recruit_bg03.jpg"); }



@media all and (max-width:1440px){
.ss_block { background-size: 60% auto;}
.ss03 { background-position: left -32% center; }
.ss02, .ss04 { background-position: right -32% center; }
.inner2 { padding: 70px 60px 0;}
.ss03_box { width: 45%; margin-left: 52%; }
.ss02_box, .ss04_box { width: 45%; margin-left: 3%; }}

header .inner { max-width: 1400px; }
.block00 { margin: 40px auto; display: block; }
.block01 { margin: 80px auto; display: block; }
.block02 { padding-top: 40px; display: block; }
.block03 { padding-top: 160px; display: block; }
.block04 { padding-top: 100px; display: block; }
.block05 { margin: 0 auto; padding: 50px 0; display: block; border: 1px solid;}

.inner_gr .block02 { padding-top: 0; }
.kv_img { width: 50%; height: auto; max-width: 720px; }
.kv_img2 { width: 100%; height: 40vw; position: relative; }
.kv_img3 { width: 100%; height: 20vw; position: relative; }
.kv_img_dv { width: 100%; height: 48vw; position: relative; }
.kv_img4 { width: 100%; display: flex; justify-content: space-between; align-content: center; align-items: center; height: 24vw; }

.kv_ttl { position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);}
.up_kv_ttl { margin-top: -50px; }
.kv_ttl2 { position: absolute;
    top: 45%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);}


.kv_ttl h1, h1.kv_ttl_cmn { color: #3764ff; font-size: 280%; font-weight: 500; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; }
.kv_ttl2 h1, h1.kv_ttl_ovv { color: #000; font-size: 240%; font-weight: 300; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important;}
h1.kv_ttl_comp { color: #000; font-size: 240%; font-weight: 300; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important;}

.kv_ttl h1.kv_ttl_l { font-size: 480%; }
.kv_ttl p { font-size: 150%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; }
.kv_ttl p.kv_sub_l { font-size: 180%; }
.kv_sub_cmn { font-size: 50% !important; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important; color: #333 !important; position: relative; top: -16px; }

.kv_ttl h1.ff_nrm, .kv_ttl p.ff_nrm { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important; }
.kv_ttl h1.ff_nrm { font-weight: 300 !important; } 
.kv_ttl p.ff_nrm { font-weight: 400 !important; } 

.kv_img3 { width: 100%; height: calc(100% - 80px); display: flex; justify-content: center; align-content: center; flex-flow: column; text-align: center; padding: 30px; }
.kv_img3 span { color: #fff; }
/* .kv_img3 span { text-shadow: 0 0 4px #3b537d, 0 0 8px #556b91; color: #fff; } */
.kv_img3 span:nth-child(1) { font-size: 140%; }
.kv_img3 span:nth-child(2) { font-size: 450%; letter-spacing: 0.1em; padding: 0 0 10px; }
.kv_img3 span:nth-child(3) { font-size: 110%; }

.kv_img5 { width: 100%; height: 100%; display: flex; justify-content: space-between; align-content: center; align-items: center; flex-flow: column; padding: 40px; }
.kv_img5 span { font-size: 160%; }

.kv_img6 { max-width: 1000px; width: 100%; height: calc(100% - 120px); display: flex; justify-content: center; align-content: flex-start; align-items: flex-start; flex-flow: column; padding: 40px; margin: 0 auto; }
.kv_img6 span { width: 60%; padding-top: 40px; font-size: 100%; display: block; text-align: center; line-height: 1.6 !important; }

.cc_ttl_img { max-width: 450px; margin-left: 5%; }
.cc_ttl_img2 { max-width: 300px; float:right; margin: 23% 5% 0 0 ; }

.kv_rec { width: 100%; height: calc(100vh - 80px); display: flex; justify-content: center; align-content: center; }
.kv_rec_01 { width: 45%; display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; flex-flow: column; padding: 0 0 0 60px; }
.kv_rec_01 h1 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; color: #fff; font-size: 400%; line-height: 1.8; margin-bottom: 44px; }
.kv_rec_02 { width: 55%; display: flex; align-items: center; align-content: center; }
@media all and (max-width: 1200px){ .kv_rec_01 h1 { font-size: 4.6vw;} }
@media all and (max-width: 810px){ .kv_img6 { height: 100%; } .cc_ttl_img { width: 44%; margin-left: 6%; } .cc_ttl_img2 { width: 50%; margin: 5% 0 0 0 ;  } .kv_img6 span { width: 54%; text-align: left; font-size: 90%; padding-top: 20px; }
.kv_rec { flex-flow: column-reverse; height: auto; }
.kv_rec_01 { width: 100%; max-width: 600px; margin: 0 auto; padding: 90px 30px 30px; }
.kv_rec_02 { display: none; }
.kv_rec_01 h1 { font-size: 5.1vw; margin-bottom: 16px; }
}
@media all and (max-width: 560px){
.kv_img6 { padding: 40px 20px; }
.cc_ttl_img { width: 90%; margin-left: 0; }
.kv_img6 span { width: 90%; text-align: center; }
.kv_rec { height: calc(100vh - 60px); margin-top: 60px; }
.kv_rec_01 { padding: 20px 10px; justify-content: space-between; height: 100%; align-content: center; align-items: center; }
.sp_rec_img { width: 100%; }
.kv_rec_01 h1 { font-size: 5.0vw; text-align: center; font-weight: 500; margin: 0 auto; }
}

@media all and (max-width: 420px){.kv_rec_01 h1 { font-size: 5.6vw;}}

.sss_contact { width: 70%; max-width: 720px; height: auto; margin-top: 40px; }

.kv_01 .kv_img { position: relative; left: -17%; }
.kv_02 .kv_img,
.kv_03 .kv_img,
.kv_04 .kv_img,
.kv_05 .kv_img,
.kv_06 .kv_img { position: relative; width: 100%; }

.main_bg01 {
background-image: url("../img/kv/partner_head.jpg");
background-size: 100% auto;
background-repeat: no-repeat; }
.main_bg02 {
background-image: url("../img/corporate/profile/map_bg.jpg");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-top: 80px; }

.box4_01 { width: 100%; background: #009ae1; padding: 60px 0; }

.ss_img { display: none; }

.rnd_img { border-radius: 18px; }
@media all and (max-width: 810px){
.main_bg02 { padding-top: 60px; }
.kv_img2, .kv_img_dv { padding: 40px 0; }
.kv_img3, .kv_img5 { height: calc(100% - 60px); }
.kv_img5 { padding: 0 20px; }
.kv_img5 span { font-size: 140%; }
.kv_logo { position: absolute; right: 0; bottom: 0; opacity: 0.5; }
.kv_logo img { width: 160px; }
.kv_txt { font-size: 600%; bottom: 0; right: -12px; left: auto; }
.kv_02 { background-image: url("../img/kv/mv01-01_sp.jpg"); }
.kv_03 { background-image: url("../img/kv/mv01-02_sp.jpg"); }
.kv_04 { background-image: url("../img/kv/mv01-03_sp.jpg"); }
.block01 { margin: 40px 0; }
.block02 { padding-top: 40px; display: block; }
.block04 { padding-top: 50px; display: block; }
.block05 {  padding:20px;  display: block; }
.inner_gr .block02 { padding-top: 0; }
.inner_gr { padding: 40px 0; }

.kv_img3 span:nth-child(2) { font-size: 300%; }

.kv_area { margin-top: 0px; background-size: cover; }
.kv_area2 { margin-top: 60px; height: 40vw !important; background-size: cover;}

.kv_img4 { height: 40vw !important; position: relative; }
.kv_ttl h1 { font-size: 240%; text-shadow:1px 1px 6px #fff; }
h1.kv_ttl_cmn { font-size: 240%; text-shadow:1px 1px 6px #fff; }
h1.kv_ttl_ovv { font-size: 180%;  text-shadow:1px 1px 6px #fff; }
h1.kv_ttl_comp { font-size: 110%;  text-shadow:1px 1px 6px #fff; }

.kv_ttl h1.kv_ttl_l { font-size: 290%; }
.kv_ttl p { font-size: 130%; text-shadow:1px 1px 6px #fff; }
.kv_ttl p.kv_sub_l { font-size: 140%; text-shadow:1px 1px 6px #fff; }
.kv_sub_cmn { font-size: 110%; text-shadow:1px 1px 6px #fff; }
.inner2 { padding: 30px 30px 0; min-height: 60px; margin-top: -20px; }
.inner4 { padding: 30px 30px 0; margin-top: -10px; }
.inner_sw { padding: 0 30px; }

.up_kv_ttl { margin-top: -20px; }
.ss_block { margin: 0 0 40px !important; padding: 20px 0 0 !important; background-color: #fff; }
.ss02_box, .ss03_box, .ss04_box { width: 100%; margin-left: 0; }
.ss02, .ss03, .ss04 { background-position: center center; background-size: 140% auto; }
.ss_img { display: block; width: 130%; background-size: cover; background-position: center center; height:  30vw; margin-left: -15%; margin-top: 30px; }
.ss02, .ss03, .ss04 { background-image: none; background-color: #fff; }
.ss02 .ss_img { background-image: url("../img/corporate/business/d_01.jpg"); }
.ss03 .ss_img { background-image: url("../img/corporate/business/d_02.jpg"); }
.ss04 .ss_img { background-image: url("../img/corporate/business/d_03.jpg"); }

.local_block { margin-top: 45px; }
.block03 { padding-top: 100px; }
}
@media all and (max-width: 560px){
.kv_area { height: 63vw !important; }
.kv_area.kv_02, .kv_area.kv_03, .kv_area.kv_04 { height: 58vh !important; }
.kv_area.kv_welfare { height: 58vh !important; background-image: url("../img/kv/wellbeing_head_sp.jpg"); }
.kv_area.kv_cc { height: calc(100vh - 60px) !important; background-image: url("../img/service/cc/top_bg_sp.jpg"); }
.kv_area.kv_dv { height: 96vw !important; }
.kv_area., .kv_area.kv_product02 { height: calc(100vh - 60px) !important; }
.kv_txt { font-size: 450%; bottom: -10vw; right: -7px; }
.local_block { margin-top: 30px; }
.kv_img3 span:nth-child(1) { font-size: 4.4vw; font-weight: 500; }
.kv_img3 span:nth-child(2) { font-size: 13vw; letter-spacing: 0.05em; line-height: 1.1 !important; font-weight: 400; margin: 5px auto 14px !important; }
.kv_img3 span:nth-child(3) { font-size: 3.8vw; font-weight: 500; }
.kv_img5 { display: block; position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); }
.kv_img5 span { font-size: 5.5vw; text-align: center; position: absolute; top: 0; left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	white-space: nowrap;
	line-height: 1.6;
	font-weight: 500;}
.sss_contact { width: 100%; }

.kv_support { height: calc(100vh - 60px) !important; background-image: url("../img/kv/mv03-01_sp.jpg"); background-size: 100% auto; background-position: center center; }
.sss_c2 { position: absolute; top: 30px; left: 20%; width: 60%; height: auto; }
.sss_cbtn { position: absolute !important; bottom: 20px !important; right: 20px !important; width: 33% !important; height: auto !important; }

.kv_sss { height: calc(100vh - 60px) !important; background-image: url("../img/kv/mv02-01_sp.jpg"); background-size: 100% auto; background-position: center center; }
.kv_img3 { padding: 26vh 20px 0; }
.kv_sss .kv_img3 { padding: 16vh 20px 0; }
}

/* フェードイン */
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fadein.active {
  opacity : 1;
  transform : translate(0, 0);
}

/* more_link_btn */
.more_btn { text-align: right; position: relative; z-index: 9999;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
left: 0; }
.more_btn a { display: block; }
.more_btn a img { width: 180px; height: auto; }
.more_btn:hover { left: 2px; }
.more_btn.more_btn02 { position: absolute; right: 0; bottom: 0; margin-bottom: 0; }
.more_btn.more_btn02 a, .more_btn.more_btn03 a { display: inline-block; }
.more_btn02 a img, .more_btn03 a img { width: 120px; height: auto; }
.more_btn.more_btn02:hover, .more_btn.more_btn02:hover { right: -2px; }

a.link_btn { width: 158px; height: 36px; background: rgba(255,255,255,0); display: block; position: absolute; z-index: 8; }
a.link_btn:hover { background: rgba(255,255,255,0.3); }
.link_01 { top: 23.2%; left: 33.5%; }
.link_02 { top: 46.5%; right: 1%; }

.link_lead01 { padding-right: 240px; margin-top: 24px; position: relative; }
.link_lead02 { padding-right: 150px; margin-top: 24px; position: relative; }

@media all and (max-width: 810px){
.link_lead01, .link_lead02 { padding-right: 0; margin-top: 20px; }
.more_btn.more_btn02 { position: relative; right: auto; bottom: auto; text-align: right; margin-top: 16px; }
}
@media all and (max-width: 720px){
.fcolumn_s03t .more_btn03 a img { width: 90px; height: auto; } }
@media all and (max-width: 640px){
.fcolumn_s03t .more_btn.more_btn03 { display: block; width: 100%; padding-top: 10px; }
.fcolumn_s03t .more_btn03 a img { width: 100px; height: auto; } }

.contact_btn01 { max-width: 840px; }

/* ナビゲーション */
header { height: 64px; }
.gNav {
    position: relative;
    top: 0;
    left: 0;
	z-index: 99999;}

a.meanmenu-reveal{ display:none; }

.mean-container .mean-bar{
  width:100%;
  position:fixed;
  background:none;
  min-height:60px;
  z-index:999998;
  top:0;
  left:0;
}
.mean-container .mean-bar {
	width: 100%;
	position: fixed;
	background: none;
	min-height: 60px;
	z-index: 98;
	top: 0;
	left: 0;
}
.meanmenu-reveal-btn {
  position: absolute;
  display: block;
  z-index: 99999;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  right: 0;
  top: 0;
}
.meanmenu-reveal {
  width: 26px;
  height: 20px;
  margin: 13px 17px 27px 17px;
  display: block !important;
  position: relative;
}
.meanmenu-reveal:after {
	content: "MENU";
	position: absolute;
	bottom: -20px;
	color: #6bb5cb;
	font-size: 10px;
	width: 60px;
	left: -17px;
	text-align: center;
	display: block;
	font-family:serif;
}
.meanmenu-reveal.meanclose:after {
	content: "CLOSE";
}
.meanmenu-reveal span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
  top: 0;
  background: #6bcbba;
}
.meanmenu-reveal span:nth-of-type(2) {
  top: 8px;
  background: #6bcacb;
}
.meanmenu-reveal span:nth-of-type(3) {
  top: 16px;
  background: #6bbacb;
}

.meanmenu-reveal  span:nth-of-type(1) {
  -webkit-animation: menu-ber01 .75s forwards;
  animation: menu-ber01 .75s forwards;
}
.meanmenu-reveal  span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.meanmenu-reveal  span:nth-of-type(3) {
  -webkit-animation: menu-ber02 .75s forwards;
  animation: menu-ber02 .75s forwards;
}

.meanclose span:nth-of-type(1) {
  -webkit-animation: active-menu-ber01 .75s forwards;
  animation: active-menu-ber01 .75s forwards;
  top: -2px;
}
.meanclose span:nth-of-type(2) {
  opacity: 0;
}
.meanclose span:nth-of-type(3) {
  -webkit-animation: active-menu-ber03 .75s forwards;
  animation: active-menu-ber03 .75s forwards;
}

@-webkit-keyframes menu-ber01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}

@keyframes menu-ber01 {
  0% {
    transform: translateY(8px) rotate(45deg);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes menu-ber02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}

@keyframes menu-ber02 {
  0% {
    transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes active-menu-ber01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}

@keyframes active-menu-ber01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}

@-webkit-keyframes active-menu-ber03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
}

@keyframes active-menu-ber03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
  }
}
.mean-container .mean-nav{
	width:100%;
	margin-top:60px;
	max-height:100vh;
	overflow-y:auto;
}
.mean-container .mean-nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	position: relative;
	z-index: 99;
	max-height: 100vh;
	max-height: calc(100vh - 60px);
  background: #eef7f9;
}
.mean-container .mean-nav ul ul{
	padding-bottom:0;
	margin-bottom:0;
}
.mean-container .mean-nav ul li{
	position:relative;
  width:100%;
	box-sizing: border-box;
}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{
	display:block;
	width:100%;
	padding:1em;
	margin:0;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
  color:#477684;
  box-sizing: border-box;
}
.mean-container .mean-nav ul li li a{
	width:100%;
	padding:1em 10%;
	text-shadow:none !important;
	visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a{
	border-bottom:none;
	margin-bottom:0;
}
.mean-container .mean-nav ul li li li a{
	width:70%;
	padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a{
	width:60%;
	padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a{
	width:50%;
	padding:1em 25%;
}
.mean-container .mean-nav ul li a:hover{
	background:#252525;
	background:rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand{
	/*margin-top:1px;*/
	width:60px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
  padding: 0.2em;
  font-size: 24px;
  color: #6bb5cb;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background:#a0c6d1;
  color: #fff;
}
.mean-container .mean-push {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  clear:both;
}
.mean-nav .wrapper{
  width:100%;
  padding:0;
  margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.mean-remove{
  display:none !important;
}

#header {
  z-index: 999999;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(0, 154, 225, 1.0), rgba(55, 100, 255, 1.0));
}
#gNav a:hover {
  color: #999;
}
nav li a {
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 400 !important;
}

@media all and ( max-width : 810px ) {
nav .sub-menu,.mean-container .mean-nav ul ul {background: #fff;}
  #header {
    padding: 10px 0;
    height: 60px;
  }
  .h_logo {
    width: 140px;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 100;
  }
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }
  nav .sub-menu,.mean-container .mean-nav ul ul {  
  background-image: none;
  overflow-y: hidden;
}
}

@media all and ( min-width : 811px ) {
  #header {
    height: 64px;
	min-width: 1024px !important;
  }
  #h_top { padding: 0 30px; }
  .container { padding: 0 20px; }
  .h_logo img {
    width: 150px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #gNav ul.nav {
    position: relative;
    display: flex;
  }
  #gNav li {
    position: relative;
    margin-right: 3em;
  }
  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 64px;
  }
  nav .sub-menu,.mean-container .mean-nav ul ul { background: rgba(255,255,255,0.8); }
  .nav ul {background: rgba(255,255,255,0.8);
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);}
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	margin-top: 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  }
  #gNav .sub-menu a {
    display: block;
    border-bottom: none;
    padding: 20px 10px;
    line-height: 1.2em;
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }
  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {
    color: #bfd0ff;
  }
  #gNav li:hover ul.sub-menu {
    top: 64px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  #gNav li ul li:after {
    content: none;
  }
 #gNav li:hover ul.sub-menu a {
    color: #111;
  }
  #gNav .sub-menu li a:hover {
    background: rgba(170,200,230,0.9);
  }
  #gNav .contact_btn a:hover {
    color: #fff;
  }
ul.sub-menu li ul li a { font-size: 12px !important; }

/*全てのリスト・リンク共通*/
.nav li {
    list-style: none;
    position: relative;
}
.nav li a {
    display: block;
    width: 100%;
}
/*子階層以降共通*/
.nav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}

.nav li:hover > ul > li {
    height: 54px;
    overflow: visible;
}
.nav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/*一番右のメニュー*/
.nav > li:nth-child(5) ul li ul {
    left: -100%;
}
}


/* common */
.flex_wrap2n { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.flex_wrap2, .flex_wrap2r { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.flex_wrap4 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.flex_wrap5 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.flex_wrap6, .flex_wrap6r { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

@media all and ( min-width : 811px ) { .flow_rr, .flex_wrap2r, .flex_wrap6r { flex-flow: row-reverse; } }
.flex_wrap3 { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; align-content: center; align-items: center; }
.fcolumn_s04 { width: 23%; position: relative; }

.link_ttl { width: 100%; padding: 15px 0; font-size: 16px; }
.box_txt { width: 35%; }
.box_img { width: 62%; }

.box_txt2 { width: 40%; }
.box_img2 { width:30%; }


.box_brd { padding: 36px; border: 1px solid #333; }

@media all and (max-width: 810px) { .box_brd { padding: 28px; } .link_ttl { font-size: 14px; } .flex_wrap2n { flex-wrap: wrap; } }
@media all and (max-width: 560px) { .box_brd { padding: 22px 20px; } }

.more_btn2 img { width: 40%; max-width: 240px; height: auto; }
.more_btn2 { position: absolute; right: 0; bottom: 0; text-align: right; }
.link_ttl .more_btn2 { bottom: 20px; }
.more_btn3 img { width: 54%; max-width: 120px; height: auto; }

.prd_ttl { width: 100%; padding: 25px 0; font-size: 110%; }
@media all and (max-width: 560px) {.prd_ttl { padding: 15px 0; font-size: 100%; }}
@media all and (max-width: 480px) {.prd_ttl { padding: 15px 0; font-size: 90%; }}

.news_block p { margin-bottom: 8px; line-height: 1.6; }
.news_ttl { font-weight: 500; font-size: 110%; margin-bottom: 8px; margin-top: 14px; }
.news_ttl span { font-size: 80%; font-weight: 400; }
.news_link { border: 1px solid #fff; padding: 6px 20px 7px; line-height: 1.0; position: absolute; top: -64px; right: 0; font-size: 14px; }
.news_link:hover { background: #fff; color: #3764ff !important; opacity: 1.0 !important; }
@media all and (max-width: 480px) { .news_link { position: relative; width: 100%; margin-top: 60px; text-align: center; top: 0; padding: 15px; } }

.local_link { background-color: rgba(255,255,255,0.8); padding: 20px; background-image: url("../img/common/arrow.png"); background-position: right 24px center; text-align: center; padding-right: 48px; background-size: 24px 24px; background-repeat: no-repeat; }
.local_link:hover { background-color: rgba(255,255,255,1.0); }
.local_link span { font-size: 80%; }

.sss_ttl { font-size: 180%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: center; margin-bottom: 24px; font-weight: 500; }
.sss_ttl span { font-size: 180%; color: #3764ff; padding-left: 18px; position: relative; top: 4px; font-weight: 400; letter-spacing: 1px; }
.sss_ttl02 { font-weight: 500; color: #3764ff; font-size: 110%; margin: 14px 0 8px; }
.sss_ttl02.txt_num { padding-left: 36px; background-position: left center; background-size: 26px 26px; background-repeat: no-repeat; }
.num_01 { background-image: url("../img/support/n01.jpg"); }
.num_02 { background-image: url("../img/support/n02.jpg"); }
.num_03 { background-image: url("../img/support/n03.jpg"); }
.num_04 { background-image: url("../img/support/n04.jpg"); }
.num_05 { background-image: url("../img/support/n05.jpg"); }
.num_06 { background-image: url("../img/support/n06.jpg"); }
.num_07 { background-image: url("../img/support/n07.jpg"); }
.num_08 { background-image: url("../img/support/n08.jpg"); }
.sss_ttl02_sprt { font-size: 130%; padding-top: 9px; padding-bottom: 10px; position: relative; }
.sss_ttl02.sss_ttl02_sprt.txt_num { background-size: 32px 32px; padding-left: 48px; }
.sss_ttl02_sprt::before { content: "Support"; position: absolute; left: 0; top: -36px; font-size: 90%; font-weight: 400; }

.sss_ttl03 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 420%; color: #E5E5E5; text-align: center; position: relative; margin-bottom: 64px; }
.sss_ttl03 span { 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 30%;
color: #3764ff;
margin-top: 54px;
font-weight: 500; }

.sss_ttl04 { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 100%; color: #505050; text-align: center; position: relative; margin-bottom: 30px; margin-top: 30px;line-height: 1.5;}
.sss_ttl04 span { 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 30%;
color: #3764ff;
margin-top: 54px;
font-weight: 500; }

.sss_head { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.sh_01 { background-image: url("../img/support/3point/01v.jpg"); }
.sh_02 { background-image: url("../img/support/3point/02v.jpg"); }
.sh_03 { background-image: url("../img/support/3point/03v.jpg"); }
.sss_head .inner { display: flex; justify-content: flex-start; align-items: center; height: 34vw; }
.sss_head p { font-size: 150%; font-weight: 500; line-height: 1.1; margin-bottom: 0; }
.sss_head p span { display: inline-block; padding: 5px 10px 7px 20px; background-color: #fff; margin: 10px 0; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
.sss_img { width: 80%; }
.spr_box { padding-bottom: 48px; }
.spr_box h2 { font-weight: 500; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
.spr_box h2 span:first-child { display: inline-block; color: #fff; padding: 3px 30px 4px; font-size: 90%; background-color: #3764ff; line-height: 1.0; }
.spr_box h2 span:nth-child(2) { color: #3764ff; padding: 32px 0 24px; font-size: 140%; display: block; }
.spr_img { background-position: center center; background-size: cover; }
.sss_link { font-weight: 500; font-size: 110%; text-align: center; line-height: 1.4; padding: 4px 60px 6px; background-color: #267cda; color: #fff; border: 3px solid #cee1f7; border-radius: 8px; }
.sss_cbtn { position: absolute; bottom: 50px; right: 50px; width: 180px; height: 180px; }
.sss_cbtn2 { position: absolute; bottom: 50px; right: 50px; width: 120px; height: 120px; }

.dv_ttl { max-width: 440px; }

.dc_wrap2 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 80px auto; width: 80%; }
.dc_wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 80px 0; }
.dc_SW { width: 80%; margin: 0 auto; }
.dc_HH { width: 47.5%; }
.dc_box01 { width: 70%; }
.dc_box02 { width: 25%; }
.dc_box01_2 { width: 65%; }
.dc_box02_2 { width: 32%; }

.dc_box03 { width: 50%; }
.dc_box04 { width: 44%; }
.dc_box05 { width: 58%; }
.dc_box06 { width: 38%; }

.dc_ttl_sub { font-size: 90%; color: #3764ff; line-height: 1.4; font-weight: 500; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom: 16px; }
.dc_ttl_sub span { font-size: 120%; }
.dc_ttl { font-size: 140%; line-height: 1.6; padding-bottom: 18px; margin-bottom: 20px; font-weight: 500; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; position: relative; }
.dc_ttl2 { font-size: 140%; line-height: 1.6; padding: 18px 0 18px 110px; margin-bottom: 32px; font-weight: 500; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; position: relative; min-height: 80px; display: flex; justify-content: flex-start; align-items: center; background-position: left center; background-size: 80px 80px; background-repeat: no-repeat; }
.point01 { background-image: url("../img/support/voice/p01.jpg"); }
.point02 { background-image: url("../img/support/voice/p02.jpg"); }
.point03 { background-image: url("../img/support/voice/p03.jpg"); }
.point04 { background-image: url("../img/support/voice/p04.jpg"); }
h2.dc_ttl { font-size: 150%; padding-bottom: 0; }
.dc_ttl::after { content: ""; width: 40px; height: 1px; border-bottom: 1px solid #333; position: absolute; left: 0; bottom: 0; }
h2.dc_ttl::after { display: none; }
.dc_tblock { font-size: 90%; padding: 4px 10px 5px; width: 100%; text-align: center; border: 1px solid #333; }

.info_ttl { padding: 12px 0 14px 50px; background-size: 40px 40px; background-position: left center; background-repeat: no-repeat; font-size: 160%; margin-bottom: 20px; border-bottom: 1px solid #333; color: #000; }
.ico01 { background-image: url("../img/service/info/ico01.png"); }
.ico02 { background-image: url("../img/service/info/ico02.png"); }
.ico03 { background-image: url("../img/service/info/ico03.png"); }
.doc_photo { display: none; }
@media all and (max-width: 1320px) {.sss_cbtn { bottom: 30px; right: 30px; width: 12vw; height: 12vw; } .kv_cc .sss_cbtn { bottom: 30px; } }
@media all and (max-width: 1200px) { .sss_cbtn { width: 14vw; height: 14vw; } .kv_cc .sss_cbtn { bottom: 30px; } .sss_head .inner { height: 28vw; } }
@media all and (max-width: 810px) {
.doc_img_t { width: 70%; margin: 0 auto; max-width: 480px; display: block; }
.dc_ttl2 { margin-bottom: 14px; background-size: 60px; padding: 4px 0 4px 80px; }
.dc_SW { width: 100%; }
.doc_photo { display: block; text-align: center;}
.doc_photo img { width: 50%; max-width: 240px; height: auto; }
.dc_box01, .dc_box01_2, .dc_box03, .dc_box04, .dc_box05, .dc_box06 { width: 100%; }
.dc_box02, .dc_box02_2 { display: none; }
.dc_wrap2 { margin: 60px 0; width: 100%; } .sss_cbtn { bottom: 20px; right: 20px; width: 14vw; height: 14vw; } .kv_cc .sss_cbtn { bottom: 20px; }.sss_head .inner { height: 32vw; } .sss_img { width: 60%; } .spr_box { padding-bottom: 24px; } .spr_img { width: 100%; height: 36vw; display: block; margin-bottom: 48px !important; } .dc_HH { width: 100%; } .dc_mg { margin-bottom: 40px !important; } .sss_cbtn2 { width: 90px; height: 90px;  bottom: 30px; right: 30px; } }
@media all and (max-width: 560px) { .kv_cc .sss_cbtn { bottom: 20px; } .sss_head .inner { height: 36vw; } .sss_head p { font-size: 130%; } .sss_head p span { padding: 3px 7px 5px 12px; margin: 5px 0; background-color: rgba(255,255,255,0.9) } .sss_img { width: 90%; } .sss_link { display: block; padding: 5px 10px 6px; text-align: center; } .dc_wrap { margin: 60px 0; } .dc_ttl { font-size: 130%; } h2.dc_ttl { font-size: 140%; }
.dc_ttl2 { 
margin-bottom: 10px; background-size: 48px; padding: 4px 0 4px 60px; font-size: 120%; }
.point01 { background-image: url("../img/support/voice/p01_sp.jpg"); }
.point02 { background-image: url("../img/support/voice/p02_sp.jpg"); }
.point03 { background-image: url("../img/support/voice/p03_sp.jpg"); }
.point04 { background-image: url("../img/support/voice/p04_sp.jpg"); }
.sss_cbtn2 { width: 100px; height: 100px;  bottom: 140px; right: 20px; }
 }
@media all and (max-width: 400px) { .sss_head p { font-size: 4vw; } }



.w_100 { width: 100%; }
.ww_90 { width: 90%; }
.ww_80 { width: 80%; }
.ww_70 { width: 70%; }
.ww_60 { width: 60%; }
.w_95 { width: 95%; }
.w_90 { width: 90%; }
.w_80 { width: 80%; }
.w_70 { width: 70%; }
.w_60 { width: 60%; }
.w_50 { width: 50%; }
.box_H { width: 50%; position: relative; }
.box_HH0, .box_HH, .box_HH2 { width: 48%; position: relative; }
.box_HH3 { width: 47%; position: relative; }
.box_HH4 { width: 47.6%; position: relative; }
.box_HH6 { width: 47%; position: relative; }

.service_block .box_HH, .service_block .box_HH3 { margin-bottom: 80px; }
.btn_s03 { width: 32.5%; margin-bottom: 16px; }

.lct_card_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.lct_card { background-color: rgba(255,255,255,0.8); border: 1px solid #333; padding: 16px 20px; margin-bottom: 14px; }
.lct_card p { margin-bottom: 0; line-height: 1.6; }
.lct_card a { font-size: 80%; padding: 3px 12px 4px; line-height: 1.1; margin-left: 8px; display: inline-block; border: 1px solid #333; color: #333; border-radius: 20px; }
.lct_card a:hover { color: #fff; border: 1px solid #3764ff; background-color: #3764ff; }

@media all and (min-width: 811px) {
.f_3sp, .f_3spw { position: relative; }
.f_3sp::after { content: ""; width: 31.5%; display: block; }
.f_3spw::after { content: ""; width: 30%; display: block; }
.fcolumn_s03 { width: 31.5%; margin-bottom: 30px; }
.f_3spw .fcolumn_s03 { width: 29.5% !important; margin-bottom: 60px; }
.fcolumn_s03:nth-last-child(-n+3) { margin-bottom: 0; }
.lct_card { width: 24%; }
.lct_card_wrap::before, .lct_card_wrap::after { content: ""; width: 24%; display: block; }
.lct_card_wrap::before { order:1; } }

@media all and (max-width: 810px) and (min-width:561px){
.fcolumn_s03 { width: 48.5%; margin-bottom: 24px; }
.f_3spw .fcolumn_s03 { width: 47% !important; margin-bottom: 50px; }
.fcolumn_s03:nth-last-child(-n+2) { margin-bottom: 0; }
.f_3sp.f_3sp_t3 .fcolumn_s03:nth-last-child(2) { margin-bottom: 24px; }
.f_3sp.f_3sp_t3 .fcolumn_s03:last-child { margin-bottom: 0; }
.service_block .box_HH:last-child { margin-bottom: 0; } }

@media all and (max-width: 810px) and (min-width:641px){
.lct_card { width: 32%; }
.lct_card_wrap::after { content: ""; width: 32%; display: block; }

}
@media all and (max-width: 640px) and (min-width:481px){
.lct_card { width: 48.5%; }
}

.sss_block .fcolumn_s04 { margin-bottom: 24px !important; }
.dc_mg00 { margin-bottom: 60px !important; }

@media all and (max-width: 810px) {
.w_95, .w_90, .w_80, .w_70, .w_60, .w_50, .box_H, .box_HH, .box_HH3 { width: 100%; }
.mgBsp01 { margin-bottom: 60px; }
.box_txt, .box_img { width: 100%; }
.box_txt2{ width: 100%; }
.box_img2 { width: 70%; }
.fcolumn_s04 { width: 48%; margin-bottom: 60px; }
.fcolumn_s04:nth-last-child(-n+2) { margin-bottom: 0 !important; }
.news_block .fcolumn_s04:nth-last-child(-n+3) { margin-bottom: 0 !important; }
.btn_s03 { width: 49%; margin-bottom: 16px; }
.news_ttl { margin-bottom: 6px; margin-top: 16px; }
.dc_mg00 { margin-bottom: 40px !important; } }

@media all and (max-width: 560px) {
.ww_90, .ww_80, .ww_70, .ww_60 { width: 100%; }
.wsp_60 { width: 60% !important; }
.box_HH2, .box_HH4, .box_HH6 { width: 100%; }
.service_block .box_HH { margin-bottom: 60px; }
.service_block .box_HH:last-child { margin-bottom: 40px; }
.fcolumn_s04 { width: 47.5%; margin-bottom: 50px; }
.fcolumn_s04.fcolumn_s04w { width: 100%; margin-bottom: 50px; }
.fcolumn_s04.fcolumn_s04w:nth-last-child(2) { margin-bottom: 50px; }
.fcolumn_s03 { width: 100%; margin-bottom: 20px; }
.fcolumn_s03.fcolumn_s03t { width: 47%; margin-bottom: 20px; }
.f_3spw .fcolumn_s03 { margin-bottom: 44px; }
.fcolumn_s03:last-child { margin-bottom: 0; }
.fcolumn_s03.fcolumn_s03t:nth-last-child(2) { margin-bottom: 20px; }
.btn_s03 { width: 100%; margin-bottom: 12px; }
.news_ttl { margin-bottom: 2px; margin-top: 14px; font-size: 100%; }
.sss_ttl { font-size: 140%; margin-bottom: 20px; display: flex; flex-flow: column-reverse; justify-content: center; align-content: center; }
.sss_ttl span { display: block; padding-left: 0; padding-bottom: 12px; }
.sss_ttl02 { margin: 12px 0 4px; }}

@media all and (max-width: 480px) { .lct_card { width: 100%; } }

/* news */
.news_block { background-color: #009ae1; color: #fff !important; padding: 60px 0 20px; }
.news_block a { color: #fff !important; }
.news_block a:hover { opacity: 0.7; }
.news_block .fcolumn_s04 { padding-bottom: 30px; }
.news_block h2 { font-weight: 600; font-size: 240%; margin-bottom: 30px; }

.news_block02 { background-color: #ededed; padding: 60px 0 30px; }
.news_block02 p { line-height: 1.6; }
.news_block02 h2 { margin-bottom: 32px; }
.news_block02 h2 img { max-width: 360px; }
.news_block02 .fcolumn_s03 { position: relative; }
.news_block02 .fcolumn_s03 .more_btn2 { bottom: -20px; }

@media all and (max-width: 810px) {
.news_block02 .fcolumn_s03 { margin-bottom: 80px !important; }
.news_block02 .fcolumn_s03:last-child { margin-bottom: 0 !important; }
.news_block .fcolumn_s04 { padding-bottom: 20px; }}

@media all and (max-width: 560px) {
.news_block { padding: 40px 0 6px; }
.news_block02 { padding-bottom: 20px; }}


/* Contact block */
.recruit_block02 { 
background-image: url("../img/recruit/recruit_bg02.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: auto;
margin-top: 80px;
color: #fff; }
.btn_cc01 { display: flex; justify-content: center; align-content: center; align-items: center; flex-flow: column; height: 100%; }
a.btn_cc01 { color: #fff; }
a.btn_cc01:hover { color: rgba(55,100,255,1.0); }
.btn_brd01 { border: 1px solid #fff; padding: 6px 10px 7px; display: block; color: #fff; text-align: center; }
.btn_brd01:hover { background-color: #fff; color: #123A59; }

.btn_brd02 { border: 1px solid #333; padding: 6px 10px 7px; display: block; color: #333; text-align: center; }
.btn_brd02:hover { background-color: #3764ff; color: #fff; border: 1px solid #3764ff; }

.recruit_block02 .btn_cc01 { padding: 70px 40px; }


@media all and (max-width: 810px) {
.recruit_block02 { padding: 30px 0; background-image: url("../img/recruit/recruit_bg02_sp.jpg"); background-size: cover; background-position: right bottom; margin: 60px 0; }
.btn_cc01 { padding: 16vw 20px; }
.recruit_block02 .btn_cc01 { padding: 3vw 30px 0; }
}


/* footer */
#footer { margin-top: 60px; }
.footer_in { padding-top: 60px; border-top: 1px solid #333; color: #333 !important; }
.footer_in a { color: #333 !important; }
.footer_in a:hover { opacity: 0.7; }
.footer_in h2 { font-size: 110%; font-weight: 600; margin-bottom: 36px; }
.footer_in ul li { margin-bottom: 18px; }
.cr { padding: 40px 0; font-size: 10px; text-align: center; }
.f_logo { margin-bottom: 24px; }
.f_logo img { width: 140px; height: auto; }
.fB h2 { color: #3764ff; padding-bottom: 8px; border-bottom: 2px solid #3764ff; width: 100%; display: block; white-space: nowrap; margin-bottom: 20px; letter-spacing: -0.3px; }
@media all and (min-width: 811px) {
.footer_in div { width: 13%; }
.footer_in div.fB { width: 17%; }
.footer_in div.fB:nth-child(3) { width: 20%; } }

@media all and (max-width: 810px) { 
.fB { display: none; }
#footer { margin-top: 40px; }
.footer_in { padding-top: 40px; }
.footer_in a { font-size: 90%; }
.footer_in ul li { margin-bottom: 10px; }
.cr { padding: 40px 0 20px; font-size: 8px; }
.f_logo { margin-bottom: 12px; }
}


/* List */
.gg_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.gg_list li { width: 9%; }
.gg_list li a { border: 1px solid #3764ff; color: #3764ff; background-color: #fff; display: block; padding: 10px; text-align: center; font-size: 110%; }
.gg_list li a:hover,
.gg_list li a.current { color: #fff; background-color: #3764ff; }
.gg_list li a.an_off { color: #ADADAD; border: 1px solid #ADADAD; pointer-events: none; }

.gg_list.cc_btn { display: none !important; }
.kv_img6 .gg_list { width: 51%; margin-top: 60px; margin-left: 4.5%; }
.kv_img6 .gg_list li, .gg_list.cc_btn li { width: 31%; }
.kv_img6 .gg_list li a { background-color: rgba(255,255,255,0); }
.kv_img6 .gg_list li a:hover { color: #fff; background-color: #3764ff; }
@media all and (max-width: 1200px){ .kv_img6 .gg_list { margin-top: 40px; padding-bottom: 10px; } }
@media all and (max-width: 810px){ .kv_img6 .gg_list { margin-top: 30px; padding-bottom: 10px; width: 58%; margin-left: 0; } .kv_img6 .gg_list li { font-size: 1.6vw;} }
@media all and (max-width: 660px){ .kv_img6 .gg_list { width: 56%; margin-top: 10px;  margin-left: 0; } .kv_img6 .gg_list li a { font-size: 10px !important; }}
@media all and (max-width: 560px){ 
.kv_img6 .gg_list { display: none; }
.kv_img6 { justify-content: space-between; align-content: center; align-items: center; }
.gg_list.cc_btn { display: block !important; margin-top: 0; } }
.gg_list.cc_btn li { width: 100%; }
.gg_list.lct_list00 { width: 70%; margin-bottom: 10px; }
.gg_list.lct_list00 li { width: 48%; }
.gg_list.lct_list01 { width: 32.8%; margin-bottom: 10px; }
.gg_list.lct_list01 li { width: 48.780487%; }
.gg_list.lct_list02 li { width: 16%; }
.gg_list.lct_list01 li a, .gg_list.lct_list02 li a { font-size: 90%; padding: 7px; }
.gg_list.lct_list02 li a { background-color: #3764ff; color: #fff; }
.gg_list.lct_list01 li a:hover, .gg_list.lct_list02 li a:hover { border: 1px solid #3054d2; background-color: #3054d2; }
@media all and (max-width: 810px) {
.gg_list.lct_list00 { width: 100%; }
}

.gg_list_in { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
@media all and (max-width: 720px) { .gg_list.lct_list01 li a, .gg_list.lct_list02 li a { font-size: 80%; padding: 5px; } }
@media all and (max-width: 640px) {
.gg_list.lct_list01 { width: 66%; margin-bottom: 10px; }
.gg_list.lct_list01 li { width: 48.4848485%; }
.gg_list.lct_list02 li { width: 32%; margin-bottom: 10px; } }
@media all and (min-width: 561px) {
.gg_list_in::after { content: ""; width: 32.5%; display: block; } }

.btn_link { 
text-align: center;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
border: 1px solid #333;
color: #333;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease; }
.btn_link a { display: block; width: 100%; height: 100%; padding: 24px 36px 24px 16px; }
.btn_link:hover { border: 1px solid #3764ff; color: #3764ff; background-color: #fff; }

.ic_out { background-image: url("../img/common/ex_link.png"); background-repeat: no-repeat; background-position: right 18px center; background-size: 20px 20px; }

.ic_new { padding-right: 56px; background-image: url(../img/service/product/new.png); background-repeat: no-repeat; background-position: right center; background-size: 44px 44px; }

.mark01 { font-size: 70%; font-weight: 600; color: #3764ff; position: relative; padding-left: 3px; top: -3px; }

.info_tag { margin: 12px 0; }
.info_tag li { line-height: 1.0; padding: 3px 24px; border: 1px solid #333; font-size: 90%; display: inline-block; margin: 0 6px 8px 0; border-radius: 30px; }

@media all and (max-width: 560px){
.gg_list li { width: 19%; margin-bottom: 6px; }
.gg_list li a { padding: 7px; font-size: 100%; }
.btn_link { justify-content: flex-start; }
.btn_link a { text-align: left; }
.ic_out { background-size: 16px 16px; background-position: right 8px center; }
.ic_out a { padding: 16px 28px 16px 16px; font-size: 90%; }
.ic_new { padding-right: 40px; background-size: 30px 30px; }
}


/* テーブル */
table { border-top: 1px solid #888 !important; width: 100%; }

th { padding: 20px 80px 20px 20px; font-weight: 400; border-bottom: 1px solid #888 !important; width: 200px; line-height: 2.0; }
table.table_01 th { width: 20%; padding: 10px 20px 10px 0; }
td { padding: 20px; border-bottom: 1px solid #888 !important; line-height: 2.0; }
table.table_01 td { padding: 10px 0; }
table.table_02 th, table.table_02 td { font-size: 90%; padding: 5px 10px; }
table.table_02 th { width: 20%; }
table.table_04 th, table.table_04 td { padding: 4px 8px 5px !important; font-size: 90%; }

table.table_00 { border-top: none !important; }
table.table_00 th { width: 20%; padding: 12px; border: none !important; }
table.table_00 td { width: 80%; padding: 12px; border: none !important; }
table.table_03 { border-right: 1px solid #888; margin-top: 20px; }
table.table_03 th, table.table_03 td { padding: 5px; font-size: 90%; border-left: 1px solid #888; }
table.table_03 th { text-align: center; vertical-align: middle; font-weight: 500; }
td.td_cm { text-align: center; vertical-align: middle; }

@media all and (max-width: 810px) {
th { width: 15%; white-space: nowrap; padding: 15px 5px; }
td { padding: 15px 5px 15px 15px; }
table.table_01 th, table.table_01 td { width: 100%; white-space: inherit; padding: 8px; display: block; }
table.table_01 th { background-color: #efefef; border-bottom: 1px solid #ddd !important; }
table.table_01 td { padding-bottom: 20px; } }
@media all and (max-width: 560px) {
table.table_00 th { width: 100%; padding: 3px 12px; background-color: #EFEFEF; width: 100%; display: block; text-align: center; font-weight: 500; }
table.table_00 td { width: 100%; padding: 10px 0 25px; width: 100%; display: block; }
table.table_00 tr:last-child td { padding-bottom: 0; }
table.table_03 th, table.table_03 td { font-size: 80%; }
}

.table06 {
	width:90%;
	line-height:2;
	border-collapse:collapse;
	margin: 0 auto;
}

.table06 th {
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	padding:10px 0 10px;
}
.table06 td {
	padding:10px 0 10px 3px;
}

@media only screen and (max-width: 810px) {
.table06 { line-height:1.4;}
.table06 th { padding:10px 0;}
.table06 td { padding:10px 0 10px 15px;}

}
/* 見出し */
.mds_00 { color: #333; font-weight: 400; font-size: 200%; line-height: 1.6; }
.mds_01 { color: #333; font-weight: 400; line-height: 1.7; display: flex; justify-content: flex-start; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; align-items: baseline; flex-wrap: wrap; font-size: 125% !important; margin-bottom: 24px; }
.mds_01 strong { font-size: 210% !important; font-weight: 500; color: #3764ff; margin-right: 24px; }
.mds_01 span { font-size: 90% !important; font-weight: 500; }
.mds_02 { color: #333; font-size: 170%; line-height: 1.5; padding-bottom: 12px; border-bottom: 1px solid #999; margin-bottom: 36px; }
.mds_02.non_brd { border-bottom: none !important; margin-bottom: 8px; }
.mds_03 { font-size: 130%; font-weight: 400; margin-bottom: 20px; padding-left: 20px; position: relative; }
.mds_03::after { content: "■"; font-size: 12px; position: absolute; left: 0; top: 4px; }
.mds_04 { color: #333; font-size: 110%; line-height: 1.5; padding-bottom: 8px; border-bottom: 1px solid #999; margin-bottom: 28px; display: block; }
@media all and (max-width: 810px){
.mds_01 { font-size: 115% !important; display: block; }
.mds_01 strong { font-size: 170% !important; display: block; }
.mds_01 strong.nonbr { font-size: 170% !important; display: inherit; }
.mds_01 span { font-size: 80% !important; }
}
@media all and (max-width: 560px){
.mds_00 { font-size: 175%; }
.mds_02 { font-size: 150%;}
.mds_03 { font-size: 120%; padding-left: 17px; }
.mds_03::after {font-size: 10px;}
.mds_04 { font-size: 105%; } }

.label_ttl { width: 80px; text-align: center; color: #fff; margin: 48px 0 16px; font-size: 110%; padding: 8px 8px 9px; background-color: #3764ff; line-height: 1.1; }

/* 会社概要 */
.ovv dl{

 border-bottom: 1px solid #000;
	padding-bottom:  20px;
	margin-bottom:  20px;
}
.ovv dt{
  float:left;
  margin-left:20px;
}
.ovv dd{
  margin-left:200px;
  
}
.ovv h2 { font-size: 140%;  text-shadow:1px 1px 6px #fff; border-bottom: 1px solid #000000;
padding-bottom:10px;
margin: 30px auto 20px;}

.right{text-align: right;}

@media all and (max-width:560px){
	.ovv dl{
	padding-bottom:  10px;
	margin-bottom:  10px;
}
.ovv dt{
  float:left;
  margin-left:10px;
}
.ovv dd{
  margin-left:120px;
  
}
	
.ovv h2 { font-size: 140%;  text-shadow:1px 1px 6px #fff; border-bottom: 1px solid #000000;
padding-bottom:10px;
margin: 20px auto 10px;}

}

/* 沿革 */
.box_3SP { width: 31%; }
.box_3SP2 { width: 31%; }
.box_4SP { width: 23%; }
.box_4SP2 { width: 21%; }
.lcnav_hst { width: 100%; max-width: 600px; display: flex; justify-content: space-between; margin-top: 48px; padding-right: 30px; }
.lcnav_hst2 { display: none; }
.btn_nrm { padding: 7px 7px 8px; line-height: 1.0; color: #3764ff; border: 1px solid #3764ff; background-color: #fff; font-size: 12px; text-align: center; display: block; }
.btn_nrm:hover { background-color: #3764ff; color: #fff; }
.kv_area3 { height: 50vw !important; margin-top: 80px; }
.kv_history { background-image: url("../img/kv/history.png"); height: 50vw !important; display: flex; flex-flow: column; justify-content: center; background-size: auto 90%; background-position: right center; background-repeat: no-repeat; }
.inner5 { width: 100%; margin-top: 0; margin-bottom: 0; margin-left: calc(50% - 600px); padding: 0 0 0 30px; }

.kv_sub_hst { font-size: 60% !important; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important; color: #3764ff; !important; font-weight: 400 !important; }
.hst_catch { width: 100%; padding: 30px 36px; position: relative; margin-top: 12px; }
.hst_catch:before { content: ""; mix-blend-mode: multiply; background: #3764ff; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.hst_catch p { font-size: 280%; color: #fff; position: relative; z-index: 4; margin-bottom: 0; line-height: 1.0; font-weight: 300 !important; white-space: nowrap; }
.hst_c01 { letter-spacing: 4px; }
.hst_c02 { font-size: 50%; margin-left: 30px; position: relative; top: -6px; }

.hst_year01, .hst_year02 { background: #3764ff; color: #fff; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display: flex; flex-flow: column; text-align: center; padding: 12px; }
.hst_year02 { display: none; }
.hst_y_s { font-size: 10px; }
.hst_y_l { font-size: 24px; }

@media all and (min-width: 561px) { .hst_y_b { transform: rotate(90deg); margin-bottom: 4px; } }

.hst_content { width: calc(100% - 160px); }
.hst_c_ttl { display: flex; justify-content: space-between; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom: 48px; }
.hst_c_ttl h2 { font-size: 280%; white-space: nowrap; font-weight: 500; letter-spacing: 3px; line-height: 1.0; }
.hst_c_ttl p { margin-left: 80px; line-height: 1.35; }
.hst_c_c { display: flex; justify-content: space-between; }
.hst_c_photo { width: 23%; }
.hst_c_photo li { margin-bottom: 48px; }
.hst_c_txt { width: 72%; padding-top: 22px; }
.hst_c_txt li { font-size: 14px; margin-bottom: 82px; position: relative; padding-left: 26px; }
.hst_c_txt li::before { content: "■"; position: absolute; font-size: 14px; left: 0; top: 0; }
@media all and (max-width:1200px){
.inner5 { margin: 0 auto; }
}

@media all and (max-width:900px){
.kv_history  { background-size: 80% auto; }
.inner5 { margin: 0 auto; }
}
@media all and (max-width:810px){
.box_3SP2 { width: 48.5%; }
.box_4SP { width: 47%; }
.box_4SP2 { width: 44%; }
.kv_area3 { margin-top: 60px; height: 70vw !important; }
.kv_history { background-image: url("../img/kv/history_s.png"); background-size: auto 100%; height: 70vw !important; }
.inner5 { margin: 0 auto; }
.kv_sub_hst { font-size: 55% !important; }
.hst_catch { padding: 20px; margin-top: 8px; }
.hst_catch p { white-space: normal; font-size: 240%; }
.hst_c01 { letter-spacing: 2px; }
.hst_c02 { display: block; margin-left: 0; margin-top: 16px; font-size: 45%; }

.hst_content { width: calc(100% - 110px); }
.hst_c_ttl h2 { font-size: 220%; }
.hst_c_ttl p { margin-left: 40px; }
.hst_c_photo { width: 30%; }
.hst_c_photo li { margin-bottom: 36px; }
.hst_c_txt { width: 64%; padding-top: 2vw; }
.hst_c_txt li { margin-bottom: 60px; }
.hst_c_txt li::before { padding-right: 8px; }
}
@media all and (max-width:560px){
.box_4SP2 { width: 47%; }
.box_3SP2 { width: 100%; }
.box_3SP { width: 100%; margin-bottom: 10px; }
.box_3SP:last-child { margin-bottom: 0; }
.lcnav_hst { display: none; }
.lcnav_hst2 { display: block; width: 100%; padding: 0 60px 60px; flex-wrap: wrap; }
.kv_sub_hst { font-size: 50% !important; }
.hst_catch { padding: 10px 16px; margin-top: 8px; }
.hst_catch p { white-space: normal; font-size: 200%; }
.hst_c01 { letter-spacing: 2px; }
.hst_c02 { display: block; margin-left: 0; margin-top: 16px; font-size: 45%; }

.hst_year01 { display: none; }
.hst_year02 { width: 100%; display: flex; flex-flow: row; text-align: left; align-content: center; align-items: center; padding: 6px 14px 8px; margin-bottom: 30px; }
.hst_y_l { font-size: 20px; margin-right: 8px; }
.hst_y_s, .hst_y_b { margin-right: 8px; }
.hst_y_s { padding-top: 2px; }
.hst_content { width: 100%; }
.hst_c_c { display: block; }
.hst_c_ttl { display: block; }
.hst_c_ttl p { margin: 16px 0 0; line-height: 1.6; }
.hst_c_photo { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.hst_c_photo li { width: 47%; margin-bottom: 40px; }
.hst_c_txt { width: 100%; margin-top: -20px; }
.hst_c_txt li { margin-bottom: 20px; padding-left: 22px; }
}



/* 福祉製品 */
.back_btn { border: 1px solid #333; line-height: 1.1; padding: 10px 10px; display: block; width: 180px; text-align: center; text-decoration: none; color: #333; font-size: 13px !important; }
.back_btn:hover { background-color: #aaa; color: #fff; border: 1px solid #aaa; }
.back_btn01 { position: absolute; right: 0; bottom: 12px; }
.back_btn02 { display: none !important; }
.back_btn03 { display: block; margin: 0 auto; }
@media all and (max-width: 640px){
.back_btn01 { display: none !important; }
.back_btn02 { display: block !important; margin: -16px auto 60px; }
}

/* 取扱製品 */
.box_prd_l01 { width: 70%; }
.box_prd_r01 { width: 26%; }
.bg_yag01 { background-color: #e9e9e9; }
.bg_yag02 { background-color: #2a2b30; }
.bg_yag02_in {
background-image: url("../img/service/product/yag/05.png");
background-position: right center;
background-size: auto 115%;
background-repeat: no-repeat;
padding-right: 54%;
color: #fff;
width: 100%; }
.bg_yag03 { background-color: #f0f0f0; }
.box_yag01 { width: 52%; }
.box_yag02 { width: 44%; }
.box_yag03 { padding: 80px 60% 80px 0; }
.box_yag04_t { border-top: 1px solid #555; }
@media all and (min-width: 811px) {
.box_yag04 { display: flex; justify-content: space-between; align-content: center; align-items: center; border-bottom: 1px solid #555; padding: 30px 0 33px; }}

.yag_tag { list-style: none; }
.yag_tag li { font-size: 100%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.3; margin-bottom: 0 !important; display: inline-block; padding: 8px 15px 9px; border-radius: 40px; border: 1px solid #000; margin-right: 18px; }
.yag_tag li:last-child { margin-right: 0; }
.box_yag04_01 { width: 55%; font-size: 120%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.3; margin-bottom: 0 !important; }
.box_yag04_01 span { font-size: 80%; }
.box_yag04_02 { width: 42%; text-align: right; font-size: 230%; font-weight: 400; color: #3764ff; margin-bottom: 0 !important; }
.box_yag04_02 span { font-size: 50%; font-weight: 400; padding-left: 4px; }
.box_yag05 { width: 28%; }
.box_yag06 { width: 54%; margin-right: 12%; }
.box_yag07 { width: 34%; box-sizing: border-box; padding-left: 88px; background-position: left center; background-size: 72px 72px; background-repeat: no-repeat; min-height: 76px; display: flex; justify-content: flex-start; align-items: center; }
.check01 { background-image: url("../img/service/product/yag/c1.jpg"); }
.check02 { background-image: url("../img/service/product/yag/c2.jpg"); }
.check03 { background-image: url("../img/service/product/yag/c3.jpg"); }
.check04 { background-image: url("../img/service/product/yag/c4.jpg"); }
.check05 { background-image: url("../img/service/product/yag/c5.jpg"); }
.box_yag08 { width: 64%; box-sizing: border-box; padding-left: 80px; background-position: left center; background-size: 72px 72px; background-repeat: no-repeat; background-image: url("../img/service/product/yag/a.jpg"); }
.box_yag06 p, .box_yag08 p { font-size: 90% !important; margin-bottom: 0 !important; }
.box_yag07 p { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom: 0 !important; font-size: 110%; }
@media all and (max-width: 810px) {
.box_yag04 { display: flex; flex-wrap: wrap; border-bottom: 1px solid #555; padding: 20px 0; }
.box_yag05 { width: 100%; }
.box_yag07 { width: 100%; background-size: 60px 60px; background-position: left 6px center; padding-left: 80px; }
.box_yag08 { width: 100%; margin-top: 10px; }
.box_yag06 { width: 100%; margin-right: 0; margin-top: 12px; } }
@media all and (max-width: 560px) {
.box_yag04 { padding: 20px 0 22px; }
.box_yag04_01 { font-size: 110%; }
.box_yag04_02 { font-size: 180%; }
.box_yag07 { background-size: 44px 44px; background-position: left 4px center; padding-left: 60px; }
.box_yag08 { margin-top: 0; padding-left: 60px; background-size: 60px 60px; background-position: left -4px center; } }

.back_btn.back_btn_ln { font-size: 10px !important; width: 15%; padding: 8px 5px; }

.back_btn.back_btn_lno { font-size: 10px !important; width: 22%; padding: 8px 5px; }


.block_prd { padding: 60px 30px !important; }
.block_yag { padding: 40px 30px !important; background: #fff; }
.block_yag_in { padding: 0 30px !important; }
.inner_yag { width: 100%; max-width: 1260px; margin: 0 auto; }
@media all and (max-width: 1260px){
.block_yag_in { padding: 0 !important; }
}

.img_yag01 { border: 1px solid #888; }
.mg_yag01 { margin-top: 60px; }
@media all and (min-width: 811px){
.mg_yag01 { margin-top: -39px; }
.fw_prd01 { position: relative; }
.fw_prd01::before, .fw_prd01::after { content: ""; width: 15.5%; } }

.back_btn.back_btn_lg { width: 80%; max-width: 360px; margin: 0 auto; }
.mds_prd01 { color: #333; font-size: 230%; padding-bottom: 5px; border-bottom: 1px solid #999; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 500; }
.mds_prd02 { color: #000; font-size: 200%; padding-bottom: 5px; border-bottom: 1px solid #999; font-weight: 500; }
.color_prd01 { color: #2a557e; }
.color_prd02 { color: #6fbb98; }


.yag_ttl01 span { padding: 6px 20px 8px; display: block; width: 320px; background-color: #3764ff; color: #fff; font-size: 120%; font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
.yag_ttl02 { width: 100%; height: 20vw; position: relative; }
.yag_ttl03 { 
background-image: url("../img/service/product/yag/hbg.png");
background-size: 100% auto;
font-size: 140%;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
margin: 24px 0;
padding: 24px;
color: #fff; }
.yag_c_box { border: 1px solid #333; padding: 20px; display: flex; justify-content: space-between; width: 48%; flex-wrap: wrap; margin-bottom: 48px; }
.yag_c_box_img { width: 30%; }
.yag_c_box_txt { width: 64%; }
@media all and (max-width: 810px) {
.yag_c_box { width: 100%; margin-bottom: 30px; }
.yag_c_box_txt { width: 66%; }
.yag_ttl03 { background-size: auto 100%; background-position: center center; }
}
@media all and (max-width: 560px) {.yag_ttl03 { padding: 16px; }}
@media all and (max-width: 480px) {
.yag_c_box { display: block; }
.yag_c_box_img { width: 100%; text-align: center; }
.yag_c_box_img img { max-width: 180px; margin: 0 auto 20px; }
.yag_c_box_txt { width: 100%; position: relative; }
}


@media all and (min-width: 811px) {
.yag_section { margin-top: -80px; }
.yag_ttl02 img { 
width: 480px;
height: auto;
position: absolute; right: 0; top: 50%;
margin-top: -40px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%); } }
@media all and (max-width: 1360px) { .yag_ttl02 { height: 30vw;} }
@media all and (max-width: 400px) { .yag_ttl01 span { padding: 6px 12px 8px; font-size: 115%; width: 100%; text-align: center; } }
@media all and (max-width: 810px) { 
.box_yag01, .box_yag02 { width: 100%; }
.box_yag03 { padding: 0 0 42vw; }
.bg_yag02_in {
background-position: center bottom 40px;
background-size: auto 40vw; }
.yag_ttl02 { height: auto; text-align: right; padding: 40px 30px; }
.yag_ttl02 img { width: 100%; height: auto; max-width: 480px; } }
@media all and (max-width: 560px) {
.box_yag03 { padding: 0 0 60vw; }
.bg_yag02_in {
background-position: center bottom 40px;
background-size: auto 55vw; }
.yag_ttl02 { padding: 0; } }

.mds_prd01 span { font-size: 50%; color: #333; position: relative; left: 24px; top: -3px; }

.sub_prd01 { background-color: #7f99b1; color: #fff; font-size: 100%; text-align: center; display: block; width: 100%; }
.w_tks01 { width: 48% !important; }
.w_tks02 { width: 80px!important; 
           margin: 0 auto;}
.w_tks02a { width: 80px!important; 
           }
.option01 {
font-size: 90%;
background-image: url("../img/service/product/option.jpg");
background-size: 80px auto;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 100px;
padding-top: 4px;
padding-bottom: 3px;
line-height: 1.3;
}

.option02 {
font-size: 90%;
background-image: url("../img/service/product/normal_option.jpg");
background-size: 174px auto;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 194px;
padding-top: 4px;
padding-bottom: 3px;
line-height: 1.3;
}


.sub_prd02 { background-color: #6fbb98; color: #fff; font-size: 100%; text-align: center; display: block; width: 100%; }
.sub_prd03 { background-color: #fff; color: #6fbb98; border:#6fbb98 solid 1px; font-size: 100%; text-align: center; display: block; width: 100%;line-height: 2; }
.sub_prd04 { background-color: #fff; color: #000; border:#000 solid 1px; font-size: 100%; text-align: center; display: block; width: 100%; }



.img_prd01 { width: 80px; height: auto;  left: 0; bottom: 24px; }

.kv_prd_ttl {
padding: 30px;
position: absolute;
top: 50%;
left: 5%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
width: 40%; 
max-width: 700px; }
.prd_btn { margin-top: 70px; display: flex; justify-content: center; }
.prd_btn.prd_btn_mg { margin-top: 40px; }
.prd_btn2 { display: flex; justify-content: center; width: 50%; margin: 80px auto 90px; flex-wrap: wrap; }
.btn_mg { margin: 80px auto 90px; }
.prd_btn a, .prd_btn2 a { width: 40%; }
.prd_btn a:nth-child(2), .prd_btn2 a:nth-child(2) { margin-left: 6%; }

.kv_prd_ttl2 {
padding: 30px;
position: absolute;
top: 40%;
left: 5%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
width: 25%; 
max-width: 600px; }
.prd_btn { margin-top: 70px; display: flex; justify-content: center; }
.prd_btn.prd_btn_mg { margin-top: 40px; }
.prd_btn2 { display: flex; justify-content: center; width: 50%; margin: 80px auto 90px; flex-wrap: wrap; }
.btn_mg { margin: 80px auto 90px; }
.prd_btn a, .prd_btn2 a { width: 40%; }
.prd_btn a:nth-child(2), .prd_btn2 a:nth-child(2) { margin-left: 6%; }

@media all and (max-width: 810px){
.prd_btn2 { width: 90%; margin: 70px auto; }
.prd_btn2 a { width: 40%; }
.btn_mg { margin: 70px auto; }
.kv_prd_ttl { width: 50%; }
.back_btn.back_btn_ln { width: 31%; margin-bottom: 16px; }
.back_btn.back_btn_lng { width: 50%; margin-bottom: 16px; }
.mds_prd01 span { display: none; }
}

@media all and (max-width: 560px){
.block_prd, .block_yag { padding:44px 30px !important; }

.kv_prd_ttl { left: 0; }
.prd_btn2 { margin: 60px auto 30px; }
.prd_btn2 a { width: 100%;max-width: 280px; }
.prd_btn2 a:nth-child(2) { margin-left: 0; margin-top: 20px; }
.btn_mg { margin: 60px auto; }

.mds_prd01 { font-size: 200%; }
.mds_prd02 { font-size: 150%; }
.back_btn.back_btn_ln { width: 48%; margin-bottom: 12px; }
.back_btn.back_btn_lno { width: 48%; margin-bottom: 12px; }
.img_R { float: right; width: 44%; margin: 0 0 3px 2%; position: relative; top: 6px; }

.option01, .option02 { padding: 33px 0 0; }
.kv_prd_ttl { width: 100vw; height: calc(100vh - 60px) !important; padding: 0; }
.w_tks01 { width: 100% !important; }
.w_tks02 { width: 80px !important; }
.w_tks03{ width: 50% !important; 
	      text-align: center;}

.prd_logo { position: absolute; top: 15%;
width: 70%;
left: 49%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);}
.prd_btn { position: absolute; bottom: 5%;
width: 90%;
left: 49%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);}
}

@media all and (max-width: 400px){
.back_btn.back_btn_ln { font-size: 2.5vw !important; }
.back_btn.back_btn_lno { font-size: 2.5vw !important; }}

.box_3SP3 { width: 30%; margin-bottom: 60px; }
.box_3SP3:nth-last-child(-n+2) { margin-bottom: 0 !important; }
.box_3SP4 { width: 30%; }
.box_4SP3 { width: 22%; margin-bottom: 48px; }
.fw_yag01 { position: relative; }
.fw_yag01::after { content: ""; display: block; height: 100%; position: relative; width: 22%; }
@media all and (max-width: 810px) and (min-width: 561px) { .box_3SP3 { width: 46%; margin-bottom: 48px; } .box_4SP3 { width: 30%; margin-bottom: 40px; }
.fw_yag01::after { width: 30%; }
.fw_yag01::before { content: ""; display: block; height: 100%; position: relative; width: 30%; order: 1; } }
@media all and (max-width: 560px) { .box_3SP3 { width: 100%; } .box_4SP3 { width: 47%; margin-bottom: 32px; } .box_3SP4 { width: 47%; margin-bottom: 40px; } }


/* Recruit */
.ent_btn_wrap { display: flex; justify-content: space-between; }
.ent_btn { width: 48%; display: block; }
.rec_ttl01 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 110%; color: #3764ff; display: flex; justify-content: flex-start; align-items: center; max-width: 1200px; margin: 0 auto 36px; padding: 0 30px; flex-wrap: wrap; }
.rec_ttl01 span { font-size: 200%; padding-left: 20px; letter-spacing: 0; font-weight: 500; }

.rec_ttl02 { font-family: 'Hind', sans-serif !important; font-weight: 600 !important; letter-spacing: 0.1em; font-size: 280%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 40%; vertical-align: middle; }
.rec_ttl02 span { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important; font-weight: 500 !important; font-size: 30%; padding-left: 20px; letter-spacing: 0; font-weight: 500; position: relative; top: -4px; }

.rec_ttl03 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 100%; color: #fff; }
.rec_ttl03 span { font-size: 210%; padding-left: 12px; position: relative; top: 6px; }
.rec_ttl04 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 140%; color: #000000; }
.rec_ttl05 { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 130%; color: #000000; }

.rec_ttl06 { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 100%; color: #000000; margin-bottom: 10px; }

.rec_ttl06 span { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 170%; color: #000000; }

.rec_btn { width: 60%; }
.rec_btn .btn_brd01 { padding: 0 !important; background-size: cover; }
.rec_btn .btn_brd01:nth-child(1) { background-image: url("../img/recruit/entry_btn_01ww_pc.png"); }
.rec_btn .btn_brd01:nth-child(2) { background-image: url("../img/recruit/entry_btn_02ww_pc.png"); }
.rec_btn .btn_brd01:nth-child(1):hover { background-image: url("../img/recruit/entry_btn_01w_pc.png"); }
.rec_btn .btn_brd01:nth-child(2):hover { background-image: url("../img/recruit/entry_btn_02w_pc.png"); }


.top_flow_ttl { background-image: url("../img/recruit/top/flow_pc.jpg"); background-size: cover; background-position: center center; height: 20vw; width: 100%; display: flex; justify-content: center; align-items: center; }
.top_flow_ttl .rec_ttl03 { position: relative; top: -10px; }

.top_flow_txt { width: 32%; }
.top_flow_img { width: 64%; }

.msg_flow_txt { width: 30%; margin-right: 26% }
.msg_flow_txt2 { width: 30%; margin-left: 26% }
.msg_flow_img { width: 40%; }

.work_flow_txt { width: 48%; }
.work_flow_img { width: 48%; }

.flow_bnr { width: 60%; margin: 0 auto; }

.rec_link:hover { opacity: 0.7; } 

@media all and (min-width: 811px) {
.top_flow_txt .more_btn{position: absolute;right:68%; bottom: 0; margin-bottom: 0 !important; }

}

.recruit_contact { 
background-color: #0096d2;
background-image: linear-gradient(90deg, #0096d2 0%, #3764ff 100%);
color: #fff;
display: flex;
padding: 40px 100px;
flex-wrap: wrap;
 }
 
@media all and (max-width: 810px) {
.recruit_contact { padding: 30px; }
.rec_ttl02 { width: 100%; }
.rec_btn { width: 100%; margin-top: 12px; }
.rec_btn .btn_brd01 { padding: 0px !important; }

.top_flow_ttl { background-image: url("../img/recruit/top/flow_sp.jpg"); height: 36vw; }
.top_flow_txt,  .top_flow_img { width: 100%; }
.msg_flow_img { width: 100%;  }
.msg_flow_txt { width: 90%; margin:20px auto; }
.msg_flow_txt2 { width: 90%; margin:20px auto; }
.rec_ttl04 { font-size: 120%; }
.top_flow_txt  .more_btn{ margin-top: 24px !important; }
.work_flow_txt,  .work_flow_img { width: 90%; margin:20px auto; }
.flow_bnr { width: 100%; }
}

@media all and (max-width: 560px) {
.rec_ttl01 { margin-bottom: 24px; }
.rec_ttl01 span { font-size: 170%; padding-left: 0; display: block; width: 100%; padding-top: 8px; }
.recruit_contact { padding: 20px; }
.rec_ttl02 { font-size: 220%; }
.rec_ttl02 span { font-size: 45%; padding-left: 13px; }
.rec_ttl06 { margin-bottom: 5px; }
.ent_btn_wrap { position: absolute; bottom: 30px; padding: 0 20px; }

}


/* C&C */
.cc_ttl { display: flex; justify-content: flex-start; align-content: center; align-items: center; margin-bottom: 40px; }
.cc_new { padding-left: 68px; background-image: url("../img/service/cc/new.jpg"); background-size: 48px 48px; background-position: left center; background-repeat: no-repeat; }
.cc_thumb { width: 72px; height: auto; margin-right: 16px; }
.cc_txt { display: flex; justify-content: flex-start; align-content: center; align-items: center; font-size: 208%; letter-spacing: 0.1px; }
.cc_txt span.cc_sub { font-size: 15px; margin-left: 10px; position: relative; top: 2px; font-weight: 500; letter-spacing: 0.4px !important; }
span.cc_attention { font-size: 11px; width: 100%; display: block; padding: 5px 0; }

a.cc_pdf_btn { font-size: 90%; border: 1px solid #3764ff; color: #3764ff; width: 110px; text-align: center; margin-left: 20px; line-height: 1; padding: 4px 10px 5px; position: relative; top: -1px; display: inline-block; }
a.cc_pdf_btn2 { font-size: 90%; border: 1px solid #3764ff; color: #fff; background: #3764ff; width: 110px; text-align: center; margin-left: 20px; line-height: 1; padding: 4px 10px 5px; position: relative; top: -1px; display: inline-block; }
a.cc_pdf_btn:hover, a.cc_pdf_btn2:hover { opacity: 0.7; }

.cc_block { width: 48%; background: #fff; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); padding: 40px; position: relative; margin-bottom: 44px; }
.cc_block p { margin-bottom: 0; }
.cc_flist { list-style: none; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; margin: 12px 0; }
.cc_flist li { position: relative; margin-bottom: 2px; padding-left: 14px; }
.cc_flist li:last-child { margin-bottom: 0; }
.cc_flist li:before { content: "・"; margin-left: -14px; }
.cc_flist_txt { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; margin: 12px 0; }
.cc_flist_txt p { line-height: 1.5; }

.cc_b_ttl_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }

.cc_b_h3 { font-size: 100%; font-weight: 500; display: flex; justify-content: flex-start; align-content: center; align-items: center; margin-bottom: 18px; }
.cc_b_h3 span { padding-left: 24px; font-size: 70%; font-weight: 400; }
.cc_b_ttl { width: 67%; }
.cc_b_img { width: 30%; }
.cc_b_ttl img { max-width: 160px; height: auto; width: 100%; }
.cc_b_ttl h4 { font-size: 125%; color: #3764ff; margin-bottom: 24px; font-weight: 500; }
.cc_b_ttl p { line-height: 1.4; }

.dots-class button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.dots-class {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.dots-class li {
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border: 1px solid #ccc;
    margin-right: 8px;
    cursor: pointer;
    transition: background-color .5s ease;
}
.dots-class li.slick-active {
    background-color: #3764ff;
	border: 1px solid #3764ff;
}
.dots-class li:hover {
    background-color: #3764ff;
	border: 1px solid #3764ff;
}
.dots-class li:last-child {
    margin-right: 0;
}
.slick-dotted.slick-slider { margin-bottom: 20px !important; }

@media all and (max-width: 810px) { 
.cc_ttl { margin-bottom: 32px; }
.cc_block { width: 100%; padding: 30px; margin-bottom: 32px; }
a.cc_pdf_btn, a.cc_pdf_btn2 { font-size: 80%; } }
@media all and (max-width: 560px) {
.cc_txt { flex-wrap: wrap; font-size: 160%; }
.cc_txt span { width: 100%; }
.cc_txt span.cc_sub { margin-left: 0; margin-top: 0; font-size: 13px; }
.cc_new { padding-left: 40px; background-size: 30px 30px; }
.cc_thumb { width: 48px; }
.cc_ttl { margin-bottom: 24px; }
.cc_block { padding: 20px; }
.cc_b_ttl { width: 100%; }
.cc_b_img { display: none; }
.cc_b_ttl h4 { margin-bottom: 20px; }
.cc_ttl a.cc_pdf_btn, .cc_ttl a.cc_pdf_btn2 { display: none; }
a.cc_pdf_btn, a.cc_pdf_btn2 { width: 160px; display: block; margin: 0 auto; }
span.cc_attention { padding-top: 12px; }
}


/* C&C 2 */
.box_cnc { width: 48.4%; margin-bottom: 60px; position: relative; }
.box_cnc_in { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; }
.box_cnc_in_img { width: 30%; }
.cnc_img_brd img { border: 1px solid #ddd; }
.box_cnc_in_txt { width: 66%; padding-bottom: 30px; }
.box_cnc_in_txt p { margin-bottom: 7px !important; line-height: 1.4; font-size: 12px; padding-left:1em; text-indent:-1em; }
.box_cnc_in_btn { display: flex; justify-content: space-between; width: 66%; position: absolute; max-width: 240px; }
@media all and (min-width:561px){ .box_cnc_in_btn { bottom: 0; left: 34%; } }
.box_cnc_in_btn a { width: 48.5%; font-size: 10px; line-height: 1; padding: 6px 8px 7px; text-align: center; border: 1px solid #3764ff; color: #3764ff; }
.box_cnc_in_btn a:last-child { color: #fff; background: #3764ff; }
.box_cnc_in_btn a:hover { opacity: 0.7; }
.box_cnc_in_btn a.pdf_smp { border: 1px solid #3764ff !important; color: #3764ff !important; background: #fff !important; }
.cnc_ttl { display: flex; justify-content: center; font-size: 20px; font-weight: 500; align-content: center; align-items: center; letter-spacing: 0.1px; margin-bottom: 24px; }
.cnc_ttl span { font-size: 12px; font-weight: 400; }

.gg_list.btn_cnc li { width: 22.6%; font-size: 90%; }
.gg_list.btn_src01 li { width: 30%; font-size: 90%; }
.gg_list.btn_src02 li { width: 9.6%; }

.gg_list.btn_src01 { margin-bottom: 32px; }
.gg_list.btn_cnc, .gg_list.btn_src02 { margin-bottom: 48px; }



ul.cnc_card li {
    margin-bottom: 14px;
	width: 31.5%;
	display: flex;
}
ul.cnc_card:after { content: ""; width: 31.5%; }
ul.cnc_card li a {
    border: 1px solid #333;
    padding: 16px 20px;
	display: flex;
	width: 100%;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 80%;
	min-height: 80px;
}
ul.cnc_card li a:hover { 
    border: 1px solid #3764ff;
	color: #3764ff;
}
.cnc_on { width: 88px; text-align: center; padding: 7px; line-height: 1; background: #3764ff; color: #fff; }


@media all and (max-width:810px){
ul.cnc_card:after { display: none; }
ul.cnc_card li { width: 48.5%; }
.box_cnc { width: 100%; }
}

@media all and (max-width:560px){
.cnc_ttl { margin-bottom: 16px; }
.box_cnc_in_img { width: 100%; text-align: center; margin-bottom: 16px; }
.box_cnc_in_img img { max-width: 160px; }
.box_cnc_in_txt { width: 100%; padding-bottom: 0; }
.box_cnc_in_btn { width: 100%; position: relative; margin-top: 12px; max-width: 560px; justify-content: center; }
.box_cnc_in_btn a { width: 120px; }
.box_cnc_in_btn a:last-child { margin-left: 3%; }
.gg_list.btn_src01 { margin-bottom: 20px; }
.gg_list.btn_cnc, .gg_list.btn_src02 { margin-bottom: 30px; }
.gg_list.btn_cnc li { width: 48.5%; margin-bottom: 10px; }
ul.cnc_card.cnc_card2 li { width: 100%; }
.gg_list.btn_src01 li { width: 48.5%; }
.gg_list.btn_src02 li { width: 19%; }
.gg_list.btn_src01 li:last-child { margin-top: 8px; }
}
@media all and (max-width:420px){
.gg_list.btn_src01 li:last-child { margin-top: 4px; }
ul.cnc_card li a { font-size: 10px; min-height: 60px; }
}


/*タブのスタイル*/

.tabs {
  width: 100%;
  margin: 28px auto 0; }

.tab_item1, .tab_item2, .tab_item3, .tab_item4, .tab_item5 {
  width: 48.5%;
  float: left;
  padding: 6px;
  border: 1px solid #333;
  font-size: 14px;
  text-align: center;
  color: #333;
  display: block;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  font-weight: 500;
}
.tab_item1:hover, .tab_item2:hover, .tab_item3:hover, .tab_item4:hover, .tab_item5:hover {
  opacity: 0.70;
}
.tab_mg { margin-right: 3%; }

/*ラジオボタンを全て消す*/
input[name="tab_item1"], input[name="tab_item2"], input[name="tab_item3"], input[name="tab_item4"], input[name="tab_item5"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding-top: 14px;
  clear: both;
  overflow: hidden;
}
.tab_content p { line-height: 1.5; font-size: 14px; }
.tab_content p a:hover { text-decoration: underline; opacity: 0.7; }
@media all and (max-width:560px){
.tab_item1, .tab_item2, .tab_item3, .tab_item4, .tab_content p { font-size: 12px; }
}

/*選択されているタブのコンテンツのみを表示*/
#info1:checked ~ #info1_content,
#prof1:checked ~ #prof1_content,
#info2:checked ~ #info2_content,
#prof2:checked ~ #prof2_content,
#info3:checked ~ #info3_content,
#prof3:checked ~ #prof3_content,
#info4:checked ~ #info4_content,
#prof4:checked ~ #prof4_content,
#info5:checked ~ #info5_content,
#prof5:checked ~ #prof5_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item1,
.tabs input:checked + .tab_item2,
.tabs input:checked + .tab_item3,
.tabs input:checked + .tab_item4,
.tabs input:checked + .tab_item5 {
  background-color: #787878;
  border: 1px solid #787878;
  color: #fff;
}


/* txt mg pd */
.txt_cc, .txt_cl, .txt_cr { text-align: center !important; }
.txt_rr, .txt_rc { text-align: right !important; }
.txt_ll, .txt_lc, .txt_lc2 { text-align: left !important; }
.ff_srf { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important; }
.ff_nrm { font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important; }
.ff_en { font-family: 'Hind', sans-serif !important; font-weight: 500 !important; letter-spacing: 0.1em; }
.ff_enB { font-family: 'Hind', sans-serif !important; font-weight: 600 !important; letter-spacing: 0.1em; }
.fw_5 { font-weight: 500 !important; }
.fw_6 { font-weight: 600 !important; }
.fw_7 { font-weight: 700 !important; }
.fs_30 { font-size: 300% !important; }
.fs_28 { font-size: 280% !important; }
.fs_26 { font-size: 260% !important; }
.fs_24 { font-size: 240% !important; }
.fs_22 { font-size: 220% !important; }
.fs_20 { font-size: 200% !important; }
.fs_19 { font-size: 190% !important; }
.fs_18 { font-size: 180% !important; }
.fs_17, .fs_17r { font-size: 170% !important; }
.fs_16, .fs_16r { font-size: 160% !important; }
.fs_15, .fs_15r { font-size: 150% !important; }
.fs_14, .fs_14r { font-size: 140% !important; }
.fs_13, .fs_13r { font-size: 130% !important; }
.fs_12, .fs_12r { font-size: 120% !important; }
.fs_11 { font-size: 110% !important; }
.fs_10 { font-size: 100% !important; }
.fs_09 { font-size: 90% !important; }
.fs_08 { font-size: 80% !important; }
.fs_07 { font-size: 70% !important; }
.fs_06 { font-size: 60% !important; }
.fs_05 { font-size: 50% !important; }
.lh_22 { line-height: 2.2 !important; }
.lh_18 { line-height: 1.8 !important; }
.lh_16, .lh_16r { line-height: 1.6 !important; }
.lh_14 { line-height: 1.4 !important; }
.lh_12 { line-height: 1.2 !important; }
.ls_00 { letter-spacing: 0 !important; }
.ls_m01 { letter-spacing: -0.1em !important; }
.ls_mpx { letter-spacing: -2px !important; }
.ls_mpx1 { letter-spacing: -1px !important; }
.ls_mpx05 { letter-spacing: -0.5px !important; }
.color_bl { color: #3764ff !important; }
.color_w { color: #fff !important; }
.mgB0 { margin-bottom: 0 !important; }
.mgB4 { margin-bottom: 4px !important; }
.mgB8 { margin-bottom: 8px !important; }
.mgB11 { margin-bottom: 11px !important; }
.mgB12 { margin-bottom: 14px !important; }
.mgB16 { margin-bottom: 18px !important; }
.mgB24 { margin-bottom: 24px !important; }
.mgB36 { margin-bottom: 36px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB48 { margin-bottom: 48px !important; }
.mgB60 { margin-bottom: 60px !important; }
.mgB8r { margin-bottom: 8px !important; }
.mgB12r { margin-bottom: 14px !important; }
.mgB16r { margin-bottom: 18px !important; }
.mgB24r { margin-bottom: 24px !important; }
.mgB36r { margin-bottom: 36px !important; }
.mgB48r { margin-bottom: 48px !important; }
.mgB60r, .mgB60r2 { margin-bottom: 60px !important; }
.mgB80r { margin-bottom: 80px !important; }
.mgB24tab2 { margin-bottom: 0 !important; }
.mgSA { margin: 0 auto; }
.mgT0 { margin-top: 0 !important; }
.mgT8 { margin-top: 8px !important; }
.mgT12 { margin-top: 14px !important; }
.mgT16 { margin-top: 18px !important; }
.mgT24 { margin-top: 24px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT36 { margin-top: 36px !important; }
.mgT48 { margin-top: 48px !important; }
.mgT60 { margin-top: 60px !important; }
.mgT80 { margin-top: 80px !important; }
.mgT8r { margin-top: 8px !important; }
.mgT12r { margin-top: 14px !important; }
.mgT16r { margin-top: 18px !important; }
.mgT24r { margin-top: 24px !important; }
.mgT36r { margin-top: 36px !important; }
.mgT48r { margin-top: 48px !important; }
.mgT60r,
.mgT60r2 { margin-top: 60px !important; }
.mgT80r { margin-top: 80px !important; }
.mgT120r { margin-top: 120px !important; }
.mgT120r2 { margin-top: 120px !important; }
.mgTM8 { margin-top: -8px !important; }
.mgTM16 { margin-top: -16px !important; }
.mgTM20 { margin-top: -20px !important; }
.mgTM40 { margin-top: -40px !important; }
.pdB40 { padding-bottom: 40px !important; }
.pbB80 { padding-bottom: 80px !important; }
.pbB60 { padding-bottom: 60px !important; }
.pbB10 { padding-bottom: 10px !important; }
.pbB16 { padding-bottom: 16px !important; }
.pdT40 { padding-top: 40px !important; }
.pdL_ind10 { padding-left: 1.0em; }
.pdL_ind15 { padding-left: 1.5em; }
.pdL_ind20 { padding-left: 2.0em; }
.pdL_ind25 { padding-left: 2.5em; }
.ind10 { padding-left:1em; text-indent:-1em; }
.ind12 { padding-left:1.2em; text-indent:-1.2em; }
.ind15 { padding-left:1.5em; text-indent:-1.5em; }
.ind20 { padding-left:2em; text-indent:-2em; }
.ind25 { padding-left:2.5em; text-indent:-2.5em; }
.ind30 { padding-left:3.0em; text-indent:-3.0em; }
.spD01 { width: 100%; height: 40px; display: block; }
.spD02 { width: 100%; height: 40px; display: block; }
.spD03 { width: 100%; height: 80px; display: block; }
.h2_wel { 
background-image: url("../img/corporate/business/wel_bg.jpg");
background-position: right 20% center;
background-size: 80px auto;
background-repeat: no-repeat;
padding-right: 80px; }

.ilb01 { display: inline-block; margin: 0 10px; }

@media all and (min-width:811px){ .tks_pdT01 { padding-top: 80px;} .tks_pdT02 { padding-top: 50px; padding-bottom: 50px; } }
@media all and (max-width:810px) {
.txt_cr { text-align: right !important; }
.txt_cl { text-align: left !important; }
.txt_lc, .txt_rc { text-align: center !important; }
.pbB80 { padding-bottom: 50px !important; }
.pbB60 { padding-bottom: 40px !important; }
.h2_wel { background-position: right center; background-size: 66px auto; padding-right: 70px; }
.spD01 { height: 16vw; }
.mgBsp01 { margin-bottom: 20px; }
.spD03 { height: 60px; }
.ilb01 { display: block; margin: 0 0 6px; }
.mgT60tab { margin-top: 60px !important; }
.mgT48tab { margin-top: 48px !important; }
.mgT48tab_sp { margin-top: 48px !important; }
.mgT12tab { margin-top: 12px !important; }
.mgT24tab { margin-top: 24px !important; }
.mgT36tab { margin-top: 36px !important; }
.mgB24tab_sp, .mgB24tab { margin-bottom: 24px !important; }
.mgB24tab2 { margin-bottom: 24px !important; }
.mgB36tab { margin-bottom: 36px !important; }
.mgB48tab { margin-bottom: 48px !important; }
.mgB60tab { margin-bottom: 60px !important; }
.mgB80tab { margin-bottom: 80px !important; }
.mgT60r2 { margin-top: 48px !important; }
.mgT120r2 { margin-top: 70px !important; }
.pdT12tab { padding-top: 12px !important; }
.pdT24tab { padding-top: 24px !important; }
.pdT36tab { padding-top: 36px !important; }
.pdB20tab_sp { padding-bottom: 20px !important; }
}

@media all and (max-width:560px){
.txt_lc2 { text-align: center !important; }
.fs_17r { font-size: 140% !important; }
.fs_16r { font-size: 130% !important; }
.fs_15r { font-size: 125% !important; }
.fs_14r { font-size: 125% !important; }
.fs_13r { font-size: 115% !important; }
.fs_12r { font-size: 110% !important; }
.mgB8r { margin-bottom: 5px !important; }
.mgB12r { margin-bottom: 9px !important; }
.mgB16r { margin-bottom: 11px !important; }
.mgB24r { margin-bottom: 15px !important; }
.mgB36r { margin-bottom: 22px !important; }
.mgB48r { margin-bottom: 30px !important; }
.mgB60r2 { margin-bottom: 48px !important; }
.mgB60r { margin-bottom: 38px !important; }
.mgB80r { margin-bottom: 48px !important; }
.mgT8r { margin-top: 5px !important; }
.mgT12r { margin-top: 9px !important; }
.mgT16r { margin-top: 11px !important; }
.mgT24r { margin-top: 15px !important; }
.mgT36r { margin-top: 22px !important; }
.mgT48r { margin-top: 30px !important; }
.mgT60r { margin-top: 36px !important; }
.mgT80r { margin-top: 48px !important; }
.mgT120r { margin-top: 80px !important; }
.mgT120r2 { margin-top: 60px !important; }
.mgB16sp { margin-bottom: 16px !important; }
.mgB24sp { margin-bottom: 24px !important; }
.mgB32sp { margin-bottom: 32px !important; }
.mgB36sp { margin-bottom: 36px !important; }
.mgB24tab_sp { margin-bottom: 16px !important; }
.mgT48tab_sp { margin-top: 24px !important; }
.mgT36sp { margin-top: 36px !important; }
.mgT48sp { margin-top: 48px !important; }
.pdT16sp { padding-top: 16px !important; }
.pdT24sp { padding-top: 24px !important; }
.pdT36sp { padding-top: 36px !important; }
.pdB20tab_sp { padding-bottom: 12px !important; }
.h2_wel { background-position: right -10px bottom; padding-right: 60px; }
.spD01 { height: 30vw; }
}

/* pc sp */
.pcB1, .pcB2 { display: inherit; }
.pcB1il { display: inline; }
.spB1, .spB2, .spB3 { display: none; }
.anchor { padding-top: 80px; margin-top: -80px; }
.ps_rlt { position: relative; }
.non { display: none; }
@media all and (max-width: 810px) { .pcB1 { display: none; } .spB1 { display: inherit; }
.anchor { padding-top: 60px; margin-top: -60px; } .pcB1il { display: none; } }
@media all and (max-width: 560px) { .pcB2 { display: none; } .spB2 { display: inherit; } .dc_tc { display: none; } }
@media all and (max-width: 420px) { .spB3 { display: inherit; } }

/* to top */
.page_top { position: fixed; bottom: 20px; right: 20px; z-index: 9999999999999; }
.page_top img { width: 40px; height: auto; }
.page_top:hover { opacity: 0.7; }

/* Confirm */
.overlay {
display: none;
width: 100%;
height: calc(100% + 200px);
background: rgba(0,0,0,0.6);
position: fixed;
margin-top: -200px;
z-index: 9999999999999999999999;
}
.btn_area {
width: 540px;
height: auto;
padding: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
text-align: center;
z-index: 999999999999999999999;
}
.btn_area .ttl {
font-weight: bold
}
.btn_area p {
padding: 15px;
font-size: 10px;
}
.btn_area button, .c_non {
display: block;
background: #3764ff;
color: #fff;
width: 160px;
text-align: center;
padding: 10px;
border: none;
}
.c_non { background: #7393ff; margin-left: 30px; }
.btn_area button:hover, .c_non:hover {
opacity: 0.7;
}
.c_select { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 0; }
.btn_area p.conf_ttl { font-weight: 500; font-size: 14px !important; }
@media all and (max-width:660px){
.c_non { margin-left: 20px; }
.btn_area { width: 90%; } }
@media all and (max-width:480px){
.btn_area { padding: 20px; }
.btn_area p { padding: 0; }
.c_select { flex-flow: column; align-content: center; align-items: center; }
.c_non { margin: 20px 0 0; }
}

/* dv modal */
.lg-backdrop { 
background-color: rgba(0,0,0,0.7) !important;
z-index: 100000000000 !important; }
.lg-outer { 
z-index: 100000000001 !important; }
.lg-actions .lg-next, .lg-actions .lg-prev { 
z-index: 100000000002 !important; }
.lg-toolbar { 
z-index: 100000000003 !important; }
.lg-download { display: none !important; }
.dv_g { display: flex; justify-content: space-between; flex-wrap: wrap; }
.dv_g a { width: 24.7%; margin-bottom: 4px; }
.lg-img-wrap { padding: 60px !important; }
.lg-image { border: 4px solid #fff; }
@media all and (max-width: 810px){
.dv_g a { width: 49.5%; margin-bottom: 4px; }
.lg-actions .lg-prev { left: 5px !important; }
.lg-actions .lg-next { right: 5px !important; }
.lg-img-wrap { padding: 40px !important; }
}