@charset "utf-8";
/* - 下層ページ用共通スタイル - */

/* ----------- ヘッダーpc ----------- */
header #h_area .logo_b {
width:18%;
}

#wrapper_nav {
background-color:#222785;
}
nav {width:980px; text-align:center; margin:0 auto;}
nav a {color:#fff; font-weight:bold;
}
nav a:hover {opacity:0.6;
}
nav ul.menu {
margin:0 auto;
display:flex;
justify-content:space-around;
}
nav ul.menu li {
width:calc((100% - 0px) / 4);
border-left:1px solid #fff;
margin:1.56% 0;
padding:0;
}
nav ul.menu li:last-child {
border-right:1px solid #fff;
}

/* ドロップダウンメニュー */
.menu {*zoom:1;} /* IE用 */
.menu:before,
.menu:after {display:table;}
.menu:after {clear:both;}
.menu > .menu__mega li {
width:calc((100% - 0px) / 3);
text-align:left;
margin:0;
padding:0 0 1.56% 0;
}
.menu > .menu__mega li:last-child {
clear:both;
}
.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);
}
ul.menu__second-level { /* ダウンメニューを非表示 */
visibility:hidden;
opacity:0;
}
ul.menu__second-level li a {
display:block;
color:#222785;
}
li.menu__mega ul.menu__second-level {
position:absolute;
top:150px;
left:auto;
box-sizing:border-box;
width:980px;
padding:1.56% 0;
background:#fff;
-webkit-transition:all .2s ease;
transition:all .2s ease;
border-radius:15px;
}
li.menu__mega:hover ul.menu__second-level {
top:150px;
visibility:visible;
opacity:1;
}
ul.menu__second-level .logo_hm{margin:3.12%; width:60%;}
ul.menu__second-level .logo_ad {margin:3.12%; width:50%;}
ul.menu__second-level .logo_sh {margin:1.56% 3.12%; width:60%;}
li.menu__mega ul.menu__second-level p {
margin:0;
font-size:small;
font-weight:normal;
}


ul.locallink {
width:980px;
margin:30px auto -30px;
}
ul.locallink li {
background-color:#ecf1f6;
padding:0.4em 1em;
margin:0 1.56% 2px 0;
border-radius:10px;
box-shadow:1px 2px #ccc;
}



/*フレーム*/
#main_Underlayer {
padding:60px 0;
}
#cont_area {
width:980px;
margin:0 auto 60px;
line-height:1.7em;
}
/*#cont_area_s {
width:980px;
margin:0 auto -40px;
}*/


/*テキスト（汎用classなど）*/
.box_contuctinfo,
.box_priceinfo {
background-color:rgba(236, 241, 246, 0.7);
border-radius:15px;
margin:6.24% 0 0;
padding:4%;
}
b {color:#222785; }
#wrapper_hm b {color:#fb6464; }
#wrapper_ad b {color:#8ec31f; }
.bullet {font-size:0.85em;
}
.bullet:before {
content:"※";
vertical-align:inherit;
margin:0 0.5% 0 0;
}
a.link_pdf:after {
content:'';
display:inline-block;
width:10%;
height:24px;
background:url('../common/icon_pdf.png');
background-size:20%;
background-repeat:no-repeat;
margin:-0.5% 0.5%;
}
.sp_br {
display:none;
}
.mb0 {margin-bottom:0;}


/* ----------- 会社概要/pc ----------- */
table {
width:100%;
border:0;
margin:0 auto 4%;
border-collapse:collapse;
border-spacing:0;
}
table tr {height:2.4em; }
table td {vertical-align:top; }
table td.head {width:15.7%; font-size:0.85em; font-weight:bold; }
table td.text {width:60%; }

#daihyo {display:inline-block; }
#daihyo .face {
width:26.2%;
float:left;
margin:0;
}
#daihyo .daihyo_ttl {
margin:30px 0 0 40px;
font-size:1.4em;
line-height:2em;
float:left;
}
#daihyo .daihyo_ttl p {margin:3.12% 0 0;
}


#cont_area h3.catch {
color:#222785;
text-align:left;
margin:6.24% 0 3.12%;
padding:0;
}
#cont_area h3.rinen {
font-size:1.4em;
line-height:1.7em;
margin: auto;
}
#border_box {
border-radius:15px;
border:1px solid #222785;
padding:40px;
}

#staff {
padding:0;
margin:0 auto;
}
#staff h3.block {
margin: 3.12% 0;
border-left:5px solid #222785;
padding: 1.75% 2%;
border-radius:0;
text-align:left;
}
#staff_img {
position:absolute;
z-index:500;
left:62%;
width:320px;
margin:-24% 0 0;
}
#staff ul p {display:none;}
#staff ul.item_hm,
#staff ul.item_ad {
display:block;
margin:0;
}
#staff ul.item_hm .face,
#staff ul.item_ad .face {
margin:0 0 6.24% 0;
}
#staff ul.item_hm li,
#staff ul.item_ad li {
width:21.5%;
margin:0 0 0 8.2%;
padding:0;
float:left;
text-align:center;
}
#staff ul.item_hm li:nth-child(3n+1),
#staff ul.item_ad li:nth-child(3n+1) {
clear:left;
}


/* Mapエリア */
div.map {margin:0; width:100%; }
div.map iframe {display:block; }



/* ------------ ご利用までの流れ/pc ------------ */
#riyou_flow {
margin:0 9.36%;
}
#riyou_flow h3 {
font-size:1.4em;
color:#d72f12;
}
#riyou_flow h4 {
margin:0;
color:#222785;
font-size:1.2em;
}
#riyou_flow span {
font-size:1.4em;
color:#f7e0de;
margin:-1.56% 1.56% 0 0;
padding:0;
float:left;
}

.company_name,
.telnumber,
.recepttime {
color:#222785;
text-align:center;
font-weight:bold;
margin:0;
}
.company_name img {
margin:0 3.12% 0 0;
width:27.7%;
vertical-align:middle;
}
.telnumber {font-size:2em; margin:1.56% 0; }


#riyou_flow ul li {width:100%;
}
#riyou_flow ul li:after {
content:'';
display:inline-block;
width:70%;
height:30px;
background:url('../common/arrow1.gif');
background-size:8%;
background-repeat:no-repeat;
margin:3.12% 0 0 48%;
}
#riyou_flow ul li:last-child:after {
content:none;
}


/* ------------ サービス紹介/pc ------------ */
#target {
width:100%;
margin:40px 0 0;
}
ul#target li {float:none;
}
#target h3.head_hm {
color:#fb6464; margin:0 0 -10px 0; text-align:left;
}
#target h3.head_hm:before {
content:'';
display:inline-block;
width:10px;
border:3px solid #fb6464;
margin:0 10px 3px -10px;
}
#target h3.head_ad {
color:#8ec31f; margin:0 0 -10px 0; text-align:left;
}
#target h3.head_ad:before {
content:'';
display:inline-block;
width:10px;
border:3px solid #8ec31f;
margin:0 10px 3px -10px;
}
#target h3.head_sh {
color:#8d6f31; margin:0 0 -10px 0; text-align:left;
}
#target h3.head_sh:before {
content: '';
display: inline-block;
width:10px;
border:3px solid #8d6f31;
margin:0 10px 3px -10px;
}
table.schedule {width:100%; margin:1.56% 0;
}
table.schedule tr {border-bottom:1px solid #ccc;
}
table.schedule td {padding:1.2% 3.12%;
}
#target .bullet {color:#222785;
}

ul.more_link li {
padding: 3.12%;
width:calc(42% - 0px);
}
.more_link_anc{
background-color:#00984b;
border-radius:10px;
text-align:center;
padding:5px 0;
}
.more_link_anc a{
color:#fff;
}

div.pc #h2_hmtxt,
div.pc #h2_adtxt {
width:980px;
margin:0 auto 3.12%;
}


/* ----------- 放課後デイとは/pc ----------- */
#houdey h4 {margin:0;
}
#houdey_qst {
background:url('../common/ill04.png');
background-size:50%;
background-repeat:no-repeat;
background-position:right top;
margin:0;
}

#houdey_qst dt {
font-weight:bold;
font-size:1.4em;
color:#222785;
margin:0 0 6.24%;
}
#houdey_qst dt img {
width:6.1%;
margin:-1.21% 2% 0 0;
float:left;
}
#houdey_qst dd {
margin:0 0 6.24%;
margin-inline-start:7.4% !important;
}
#houdey_qst dd img {
width:6.1%;
margin:-1.21% 0 0 -7.8%;
float:left;
}
#houdey_qst ul li {
width:90%;
padding:0;
margin:0 0 0 3.12%;
list-style:disc;
color:#222785;
font-weight:bold;
}


/* ----------- 保護者の声/pc ----------- */
#voice_hm .img,
#voice_ad .img{
width:68%;
}
#voice_hm p,
#voice_ad p{
color:#222785;
margin:6.24% 0 9.36%;
}
#cont_area h3{
color:#222785;
text-align:center;
margin:6.24% 0 0;
}
.comment{
margin:0 12.48% 3.12%;
padding:4%;
position:relative;
background:#FFF;
color:#222785;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.comment:after{
content:'';
border:solid transparent;
pointer-events:none;
position:absolute;
border-color:rgba(255, 255, 255, 0);
border-top-color:#FFF;
border-top-width:14px;
border-bottom-width:14px;
border-left-width:14px;
border-right-width:14px;
margin-left:-14px;
top:100%;
left:50%;
}



/* ----------- お問い合わせ/pc ----------- */
/* 入力フォーム */
.Contact_fm {margin:3.12% 0 0; }
form {margin:0 auto; width:100%; overflow:hidden; }
form div + div {margin-top:1.8em; }
label {width:150px; }
input, textarea {
font:1em sans-serif;
width:80%;
box-sizing:border-box;
border:1px solid #ddd;
float:right;
}
input {height:2.6em; border-radius:12px; }
textarea {vertical-align:top; height:7em; border-radius:12px;}
.button {
width: 100%;
margin: 6.24% 0;
text-align: center;
display: inline-block;
}
button {
width:30%;
padding:15px;
background:#222785;
font-size:1em;
color:#FFF;
border-radius:15px;
}
button:hover {background:#484c96; transition:all 0.1s linear 0.1s;
}

@keyframes colorize {
    0% {
        -webkit-filter:grayscale(100%);
        filter:grayscale(100%);
    }
    100% {
        -webkit-filter:grayscale(0%);
        filter:grayscale(0%);
    }
}