@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* ------ 共通css ------ */

html {
background:#fff;
-webkit-font-smoothing:antialiased;
overflow:auto;
}

body {
width:100%;
margin:0px auto;
font-family:'Noto Sans JP', sans-serif;
font-size:16px;
line-height:1.7em;
letter-spacing:0.08em;
color:#3a3a3a;
overflow:hidden;
}
img {margin:0 auto; width:100%; vertical-align:middle;
}
a {color:#222785; text-decoration:none; transition:all 0.3s linear 0s;
}
a:hover {transition:all 0.3s linear 0s; opacity:0.5;
}
p {width:100%; }
p.b {font-weight:bold;}
span {font-size:14px;}
samp {display:none;}


/* PCのみ表示*/
.pc {/*display:inline !important;*/}
.sp {display:none !important; }



/* コンテンツフレーム */
#wrapper,
#inner {
width:980px;
padding:0;
margin:0 auto;
}

#wrapper_blue,
#wrapper_hm,
#wrapper_ad,
#wrapper_sh,
#wrapper_f {
padding:60px 0;
margin:0;
}
#wrapper_blue {background-color:rgba(236, 241, 246, 0.7);}
#wrapper_hm {background-color:rgba(251, 100, 100, 0.1);}
#wrapper_ad {background-color:rgba(142, 195, 31, 0.1);}
#wrapper_sh {background-color:rgba(141, 111, 49, 0.1);}
#wrapper_f {background-color:rgba(34, 39, 133, 1.0);}

section {}
section .boxContainer {
overflow:hidden;
}
section .box_r {
width:41.83%;
float:right;
}
section .box_l {
width:41.83%;
float:left;
}

#main {padding:0;}

.clearfix:after {content:""; clear:both; display:block;
}



/* TOPヘッダー */
header #h_area {
width:980px; 
display:table;
margin:14px auto;
}
header #h_area .logo_b {
width:21.4%;
padding:0;
float:left;
}
header ul li {
margin:0 0 0 3.12%;
font-size:14px;
color:#222785;
}
header ul li:nth-child(1),
header ul li:nth-child(2),
header ul li:nth-child(3),
header ul li:nth-child(4),
header ul li:nth-child(5){
}
header ul.link {
margin:0;
margin:0;
float:right;
}
header ul.link p {
margin:0;
line-height:.9em;
}
header ul.link li.bnr {
margin:0 10px 0 0;
padding:14px;
width:214px;
border:1px solid #222785;
border-radius:30px;
text-align:center;
}
header ul.link li.bnr:last-child {
margin:0;
font-size:x-large;
padding:6px;
}
header ul.link li.bnr a:last-child {font-size:1.4em;}
header ul.link li.bnr span {font-size:small;}


/* ナビゲーション/pc */
#Navigation {
position:absolute;
background:#222785;
border-radius:15px;
margin:520px 0 0;
padding:0;
z-index:200;
}
#Navigation nav {width:980px; text-align:center; }
#Navigation nav a {color:#fff; font-weight:bold;
}
#Navigation nav a:hover {opacity:0.6;
}
#Navigation nav ul.menu {
margin:0 auto;
display:flex;
justify-content:space-around;
}
#Navigation nav ul.menu li {
width:calc((100% - 0px) / 4);
border-left:1px solid #fff;
margin:1% 0;
padding:1.56% 0;
}
#Navigation nav ul.menu li:nth-child(1){border:none;}


/* ドロップダウンメニュー */
#Navigation .menu {}
#Navigation .menu {*zoom:1;} /* IE用 */
#Navigation .menu:before,
#Navigation .menu:after {display:table;}
#Navigation .menu:after {clear:both;}

#Navigation .menu > .menu__mega li {
width: calc((95% - 0px) / 3);
text-align: left;
margin: 0;
padding: 0 1.5% 1.56% 0;
}
#Navigation .menu > .menu__mega li:nth-child(2),
#Navigation .menu > .menu__mega li:nth-child(4) {
clear:both;
}
#Navigation .init-arrow:before { /* メニュー項目に矢印 */
content:'';
display:inline-block;
width:6px;
height:6px;
margin:0;
border-right:2px solid #222785;
border-bottom:2px solid #222785;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#Navigation ul.menu__second-level { /* ダウンメニューを非表示 */
visibility:hidden;
opacity:0;
}
#Navigation ul.menu__second-level li a {
display:block;
color:#222785;
}
#Navigation li.menu__mega ul.menu__second-level {
position:absolute;
top:78px;
left:0;
box-sizing:border-box;
width:100%;
padding:3.12%;
background:#fff;
-webkit-transition:all .2s ease;
transition:all .2s ease;
border-radius:15px;
}
#Navigation li.menu__mega:hover ul.menu__second-level {
top:78px;
visibility:visible;
opacity:1;
}
#Navigation ul.menu__second-level .logo_hm{margin:3.12%; width:60%;}
#Navigation ul.menu__second-level .logo_ad {margin:3.12%; width:50%;}
#Navigation ul.menu__second-level .logo_sh {margin:1.56% 3.12%; width:60%;}
#Navigation ul.menu__second-level .logo_yano {margin:3.12%; width:80%;}
#Navigation li.menu__mega ul.menu__second-level p {
margin:0;
font-size:small;
font-weight:normal;
}

.top_info_movie {
position:relative;
width:100%;
padding:56.24% 0 0;
}
.top_info_movie_wrap {
padding:4%;
}
.top_info_movie iframe {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
h4.movie_txt {
margin: 0;
color:#222785;
}
.top_info_movie_wrap h5 {
font-size:1.4em;
margin:3.12% 0 1.56%;
}


/*---- TOPフッター ----*/
footer {
font-size:12px;
line-height:2.5em;
width:100%;
}
footer p {
margin:0;
}
footer a {
color:#fff;
border-bottom:1px solid #fff;
}
footer #inner {}
footer #f_area {
width:100%;
display:table;
margin:0 0 3.12%;
}
footer #f_area .logo_b {
width:21.76%;
padding:0 3.12% 2% 0;
float:left;
}
footer div.info {
padding:0 0 0 3.12%;
color:#222785;
display:inherit;
}
footer div.info .number {
font-size:1.6em;
line-height:1.5em;
font-weight:bold;
}
footer #sublinks {
margin:0 auto;
padding:0 0 3.12%;
border-bottom:1px solid #4e529d;
}
footer ul.item {
display:flex;
}
footer ul.item li {
width:calc((100% - 0px) / 5);
}
footer ul.item li:first-child {
width:36%;
}
footer ul.item ul.item_s {
margin:0 0 1.56% 3.12%;
}
footer ul.item ul.item_s li.s {
width:100%;
margin:0;
border-bottom:none;
}
footer ul.item ul.item_s li.s a {
border-bottom:none;
}
#copyright {
padding:1.56% 0;
color:#666699;
text-align:center;
}


.bg_top {
padding:0 33.333333%;
width:100%;
}
.main_visual {
background-image:url(../common/main_pc.png);
background-position:50% 50%;
background-size:cover;
display:flex;
height:520px;
justify-content:center;
padding:0 33.5% 30px;
}
.bg_hm {
padding:0;
margin:0 0 0 3.12%;
width:48%;
float:left;
}
.bg_ad {
padding:0;
margin:0 3.12% 0 0;
width:48%;
float:right;
}

.bg_ill01 {
width:auto;
margin-right:8%;
position:absolute;
right:0;
}
.bg_ill02 {
width:auto;
margin-left:3.12%;
position:absolute;
left:0;
top:45%;
}

.toptxt1,
.toptxt2 {
position:absolute;
}
.link_more {
width:200px;
}
.link_fb {
width:3%;
float:left;
padding:1.56% 0 0;
display:none;
}
#read {margin:0 auto; padding:0;
}
#feature_bnr {
margin: 2em auto 3em;
width: 60%;
}


h1 {
display:none;
margin:3.12% 33.333333%;
padding:0;
position:absolute;
font-size:2em;
font-weight:bold;
line-height:1.7em;
left:4.12%;
}
h2 {
font-size:1.6em;
font-weight:bold;
margin:6.24% 25% 4.12%;
text-align:center;
color:#222785;
line-height:1.7em;
}
h2 img {width:100%;
}
h3 {
color:#fff;
margin-bottom:40px;
padding:10px;
border-radius:15px;
}
h3.houday {background-color:#00984b;}
h3.kaigo {background-color:#8d6f31;}
h3.josanin {background-color:#e5b0e5;}
h3.rinen {color:#333;}
h4 {
font-weight:bold;
line-height:2em;
margin:0 0 40px;
}
ul {
margin:0 auto;
padding:0;
list-style:none;
overflow:hidden;
}
ul li {
padding:0;
float:left;
}

.service__item {
display:flex;
margin:0 0 3.12%;
}
.service__item:last-child {
margin:0 0 6.24%;
}
.service__item li {
width:calc((80% - 40px) / 2);
margin:0;
}
.service__item li:nth-child(1) {
background-color:#f9f9f9;
border-radius:110px;
padding:4% 6.24%;
margin-right:50px;
}
.service__item .logo {
width:100%;
}


/* トップへ戻るボタン */
#pageTop {padding:3.12% 49%;
}
#pageTop i {padding-top:6px
}
#pageTop a {display:block; width:44px;
}
.fa-chevron-up:before {}
#pageTop a:hover {text-decoration:none; opacity:0.5;
}