@charset "utf-8";
/* ------ SP用css ------ */
@media screen and (max-width:768px) {

body {width:100%; margin:0; min-width:inherit;
}

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

    
/* フレーム */
#wrapper {
padding:0;
margin:0;
width:100%; 
}

#wrapper_hm,
#wrapper_ad,
#wrapper_sh {
padding:9.36% 0;
}
#wrapper_blue,
#wrapper_f {
padding:0;
}

#inner {
margin:0 auto;
width:auto; 
}
section .boxContainer {
overflow:hidden;
}
section .box_l1 {
position:absolute;
left:0;
z-index:100;
width:60%;
margin:0 0 0 6.24%;
}
section .box_l2 {
position:absolute;
right:4%;
z-index:100;
width:60%;
}
section .box_r,
section .box_l {
width:auto;
margin:100% 3.12% 0;
}

#main {
padding:12.24% 0;
}    



/* ヘッダーsp */
header {
background-color:rgba(34, 39, 133, 1.0);
margin:0;
width:100%;
}
header #inner {
margin:0;
width:100%;
}
header #h_area {
width:100%;
display:table;
margin:0;
}
header #h_area .logo_b {
margin:3.12%;
width:34.30%;
}
header ul li {}
header ul li:last-child {
border-bottom:none;
clear:both;
}
header ul li.bnr {
width:auto;
border:none;
margin:6.24% 0 0;
padding:0;
}


/* ナビゲーションsp */
#Navigation {
width:100%;
background:none;
border-radius:0;
margin:1.5rem 0;
padding:0;
top:0;
position:absolute;
}
#Navigation nav {
margin:0 auto;
width:85%;
text-align:left;
}
#Navigation nav a {
color:#222785;
margin-left:0;
font-size:large;
}
#Navigation nav ul li {
width:100%;
float:left;
font-size:1.1em;
margin:.5em 0;
padding:4% 0;
font-weight:bold;
/*border-bottom:1px dotted #000;*/
}
#Navigation .init-arrow:before {
}
#Navigation dl {
width:80%;
margin:-5% auto;
font-size:x-small;
line-height:1.5em;
}
#Navigation dl img {
width:180px;
float:left;
/*height:36px;*/
}
#Navigation dl dd {
margin: 2em 0;
text-align: left;
clear: left;
}


/* ----ドロワーメニュー指定--- */ 
#nav-drawer {position:relative;
}
/*チェックボックス等は非表示に*/
.nav-unshown {display:none;
}
/*アイコンのスペース*/
#nav-open {display:inline; width:50px; height:50px;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span {
position:absolute;
width:8.5%;
display:block;
right:0;
margin:4.5% 3.12% 0 0;
}
#nav-close {/*閉じる用の薄黒カバー*/
display:block;/*隠しておく場合はnone*/
position:fixed;
z-index:99;
top:3.12%;
right:8.24%;
width:8%;
height:8%;
background:#fff;
opacity:1;
transition:.3s ease-in-out;
}
#nav-content {/*中身*/
overflow:auto;
position:fixed;
top:0;
left:0;
z-index:9999;/*最前面に*/
width:90%;/*右側に隙間を作る*/
/* max-width:330px; 最大幅*/
height:100%;
background:#fff;/*背景色*/
transition:.3s ease-in-out;/*滑らかに表示*/
-webkit-transform:translateX(-105%);
transform:translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
display:block;/*カバーを表示*/
opacity:.5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform:translateX(0%);
transform:translateX(0%);/*中身を表示*/
}
/*-------------------------------------------*/

.top_info_movie {
width: 100%;
margin: 0 auto;
}
h4.movie_txt {
margin: 0;
color:#222785;
}
.top_info_movie_wrap h5 {
font-size:large;
margin:6.24% 0 1.56%;
}


/* フッターsp */
footer #f_area {
width:auto;
margin:6.24%;
}
footer #f_area .logo_b {
width:60%;
padding:0 0 3.12% 0;
float:left;
}
footer div.info {
padding:0;
float:left;
}
footer div.info .number {
font-size:1.4em;
font-weight:bold;
}
footer div.info .number_s {
font-size:1.4em;
font-weight:bold;
}
footer #sublinks {
padding:6.24%;
}
footer ul.item {
display:block;
}
footer ul.item li {
width:auto;
float:none;
margin:3.12% 0;
}
footer ul.item li:first-child {
width:auto;
}
#copyright {letter-spacing:normal;}


/* コンテンツsp */
.bg_hm {
width:90%;
position:absolute;
z-index:0;
right:20px;
}
.bg_ad {
margin:0;
width:90%;
position:absolute;
z-index:0;
left:20px;
}
.main_visual {
display:inherit;
padding:0;
margin:0 0 30px;
background-image:none;
}
.bg_ill01 {
width:42.8%;
margin:0;
position:absolute;
right:0;
bottom:12%;
}
.bg_ill02 {
width:53.4%;
margin:0 0 0 -8%;
position:absolute;
top:23%;
}
.link_more {
width:61%;
margin:0 auto;
}
.link_fb {
width:40px;
padding:6.24% 0 0;
}
footer .link_fb {
width:13.2%;
float:right;
padding:3.12% 0 0;
}
#read {
margin:0;
padding:6.24%;
}
#feature_bnr {
margin: 2em auto 0em;
width: 84.5%;
padding: 6.24% 0 0;
}

h1 {
width:auto;
margin:36.8% 6.24%;
position:absolute;
}
h2 {
margin:0 auto;
width:100%;
}
h3 {
color:#fff;
margin-bottom:40px;
padding:10px;
border-radius:15px;
}
h3.houday,h3.kaigo,h3.josanin {
margin:0 3.12% 10%;
}
.service__item {
display: flex;
margin:0 0 12%;
}
.service__item:last-child {
margin:0 0 15.6%;
}
.service__item li {
width:70%;
margin: 0 auto;
float: none;
}
.service__item li:nth-child(1) {
padding:9.36%;
margin: 0 auto;
}
.service__item .logo {
width:100%;
}


/* トップへ戻るボタン */
#pageTop {
padding:12% 9.36% 9.36%;
}
#pageTop i {}
#pageTop a {
display:block;
width:14.46%;
margin:0 auto;
}
.fa-chevron-up:before {}

/* - thanksページ - */
header.Underlayer {}
h1.Underlayer {
width:45%;
margin:9.36% auto;
position:absolute;
top:0;
left:26%;
}

}