@charset "utf-8";

body,text {
font-family: Meiryo,Arial,Helvetica,Verdana,sans-serif;
word-break:break-all;
margin:0; padding:0;
font-size: 90%;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
-webkit-tap-highlight-color:rgba(0,0,0,0);
color: #47423c;
line-height: 1.6;
letter-spacing: 1px;}

a:link {-webkit-transition: 0.3s; transition: 0.3s;}
a {text-decoration: none;}
a{outline: none;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

a:hover img {opacity: 0.6;}
a img {transition: opacity 0.3s ease-out;}

ul, li {margin: 0; padding: 0; list-style: none;}


/*▼head area--------------------*/
.drawer-menu-item {
z-index: 95;
position: relative;}

.drowlogo {
width: 60%;
margin: 25px 0 0}

.drow_text {
text-align: center;
font-size: 80%;
color: #00178e;
margin-top: 10px;}

.header_inner {
left:0;
top:0;
position: fixed;
width: 100%;
z-index: 10;}

.bgslideshow {
position: fixed;
left:0;
top:0;
z-index: -1;
height: 100%;
width: 100%;}

.bgslideshow img {
position: fixed;
width: 100%;
height: auto;
left:0;
top:0;} 

#main_menu {
width: 100%;
background-color: rgba(255,255,255,0.7);
padding: 0.5% 0;
position: fixed;
border-bottom: 1px solid #ededed;
z-index: 4;}

.glov_menu {
padding: 1.2% 0 0.7%;
overflow: hidden;}

.white {
color: #001db9;
font-weight: bold;}

.glov_menu li {
margin: 0 1.8%;
float: left;
text-align: center;
display: inline;;
font-size: 110%;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.glov_menu ul {
display: flex;
width: 950px;
margin: 0 auto;
list-style: none;}

.glov_menu a {
display: block;
padding: 0 0 5px;
position: relative;
text-decoration: none;}

.glov_menu a::before,
.glov_menu a::after {
border-bottom: solid 3px rgba(231,158,0,0.5);
bottom: 0;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;}

.glov_menu a::before {left: 50%;}
.glov_menu a::after {right: 50%;}
.glov_menu a:hover::before, .glov_menu a:hover::after {width: 50%;}

#logoarea {
z-index: 2;
position: relative;}

.logoname {
text-align: center;
width: 65%;
margin: 22% auto 0;}


/*under1020----------------------------*/
@media screen and (max-width : 1020px) {
.glov_menu ul {width: 750px;}
.glov_menu li {font-size: 100%; margin: 0 1%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
.logoname {
width: 80%;
margin: 18% auto 0;}

#main_menu, .scroll_img {display: none;}
}

/*▼main--------------------*/
#main_bg {
z-index: 3;
background-image: url('image/20170910_02.jpg');
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;}

#main {
z-index: 5;
position: relative;
overflow: hidden;
margin-top: 10.5%;}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#main {
margin-top: 8%;
background-image: none;
background-color: #fff;}
}


/*▼concept area--------------------*/
#concept {
background-color: #fff;
padding: 5% 0 5%;}

.concept_main_ttl1 {
margin-top: 40px;
text-align: center;
font-size: 500%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
font-family:'Alegreya Sans SC', sans-serif;}

.concept_main_ttlsub {
font-size: 120%;
margin-top: -2%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.concept_text_a {
font-size: 120%;
font-weight: bold;
text-align: center;
margin-top: 3%;
color: #1e2e83;
font-family: 'Noto Sans Japanese', serif;
transform: rotate(0.001deg);}

.concept_text_b {
font-size: 110%;
text-align: center;
margin-top: 1%;
color: #696969;
font-family: 'Noto Sans Japanese', serif;
transform: rotate(0.001deg);}

.concept_text {
width: 950px;
font-size: 105%;
margin: 0 auto;
text-align: center;
margin-top: 3%;
line-height: 35px;
color: #696969;
font-family: 'Noto Sans Japanese', serif;
transform: rotate(0.001deg);}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.concept_text {
width: 800px;
font-size: 90%;
line-height: 25px;}

.concept_text_a {font-size: 110%;}
.concept_text_b {font-size: 90%;}
.concept_main_ttl1 {font-size: 340%;}
.concept_main_ttlsub {font-size: 100%; margin-top: -2%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#concept {padding: 10% 0 0%;}
.concept_main_ttl1 {font-size: 12vw; margin-top: 20px;}
.concept_main_ttlsub {font-size: 120%; margin-top: -4%;}
.concept_text {
width: 90%;
font-size: 110%;
margin-top: 5%;
line-height: 30px;}

.concept_text_a {font-size: 100%;}

.concept_text_b {
width: 90%;
margin: 0 auto;
font-size: 90%;
margin-top: 10px;}
}

/*under500----------------------------*/
@media screen and (max-width : 500px) {
.concept_text {font-size: 90%; line-height: 20px;}
}


/*▼service area--------------------*/
#service {
margin-top: 5%;
overflow: hidden;}

.service_in {
font-size: 90%;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
width: 1000px;
float: right;
overflow: hidden;
padding-right: 2%;}

.service_in ul {
width: 90%;
float: right;
overflow: hidden;
list-style: none;
margin: 5% 0;}

.service_in li {
float: left;
width: 21%;
margin: 2%;}

.service_main_ttl {
float: left;
margin-left: -350px;
margin-top: 290px;
position: absolute;}

.service_main_ttl1 {
display: block;
font-size: 900%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
font-family:'Alegreya Sans SC', sans-serif;}

.service_main_ttlsub {
display: block;
font-size: 150%;
margin-top: -9%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.service_icon {width: 60%;}

.service_ttl {
color:#1e2e83;
text-align: center;
margin: 5px auto;
font-size: 120%;
letter-spacing: 2px;
padding: 2% 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);
text-decoration: underline;}

.service_ttl:hover {color:#e79e00;}

.service_ttlmodal {
color:#1e2e83;
font-size: 120%;
letter-spacing: 2px;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);
margin-bottom: 4%;}

/*under1400----------------------------*/
@media screen and (max-width : 1400px) {
.service_in {width: 880px;}
.service_main_ttl {margin-left: -315px;}
.service_main_ttl1 {font-size: 800%;}
}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.service_in {width: 780px; font-size: 80%;}
.service_ttl {font-size: 100%;}
.service_main_ttl {margin-left: -222px;}
.service_main_ttl1 {font-size: 600%;}
}

/*under1000----------------------------*/
@media screen and (max-width : 1000px) {
.service_in {width: 640px;}
.service_main_ttl {margin-left: -160px;}
.service_main_ttl1 {font-size: 400%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#service {margin-top: 20%;}
.service_in {width: 100%; background-color: #f8f8f8;}
.service_in ul {margin: 10% auto 3%; width: 100%;}
.service_in li {width: 42%; margin: 4%;}

.service_main_ttl {
float: none!important;
margin-left: 24%;
margin-top: -11%;
margin-right: 0px;
margin-bottom: 0px;}

.service_main_ttl1 {
font-size: 12vw;}

.service_ttl {font-size: 3vw;}
}


/*▼timeinfo area--------------------*/
#timeinfo {
margin-top: 5%;
overflow: hidden;}

.timeinfo_in {
font-size: 90%;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
width: 800px;
float: left;
overflow: hidden;
padding: 3% 8% 1% 3%;}

.timeinfo_main_ttl {
float: left;
margin-left: 700px;
position: absolute;}

.timeinfo_main_ttl1 {
display: block;
font-size: 900%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
font-family:'Alegreya Sans SC', sans-serif;}

.timeinfo_main_ttlsub {
display: block;
font-size: 150%;
margin-top: -7%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

table {
border-collapse: collapse;
border-spacing: 0;}

.timetable {
width: 100%;
text-align: center;
margin: 3%;}

.side {width: 20%;}
.timeright {width: 10%;}
.timeright_sm {font-size: 90%;}

.timetable th,
.timetable td {
padding: 2% 0;
border: 1px solid #cfcfcf;}

.timetable th {background: #e7e7e7;}
.time_f {font-weight: 600;}
.moji_time {margin-left: 3%; font-size: 90%;}
.spa {letter-spacing: 2px;}
.col2 {background: #fff;}

/*under1400----------------------------*/
@media screen and (max-width : 1400px) {
.timeinfo_in {width: 750px;}
.timeinfo_main_ttl {margin-left: 660px; margin-top: 20px;}
.timeinfo_main_ttl1 {font-size: 800%;}
}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.timeinfo_in {width: 680px; font-size: 80%;}
.timeinfo_main_ttl {margin-left: 610px; margin-top: 35px;}
.timeinfo_main_ttl1 {font-size: 600%;}
}

/*under1000----------------------------*/
@media screen and (max-width : 1000px) {
.timeinfo_in {width: 560px;}
.timeinfo_main_ttl {margin-left: 510px; margin-top: 55px;}
.timeinfo_main_ttl1 {font-size: 400%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#timeinfo {margin-top: 20%;}
.timeinfo_in {width: 100%; background-color: #f8f8f8;}

.timeinfo_main_ttl {
float: none!important;
margin-left: 17%;
margin-top: -14%;
margin-right: 0px;
margin-bottom: 0%;}

.timeinfo_main_ttl1 {font-size: 12vw;}
.timetable {margin-top: 11%;}
.timetable td {padding: 0;}
}


/*▼guide area--------------------*/
#guide {
margin-top: 5%;
overflow: hidden;}

.guide_in {
font-size: 90%;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
width: 1000px;
float: right;
overflow: hidden;
padding-right: 2%;
padding-top: 2%;
padding-bottom: 2%;}

.guide_in ul {
width: 90%;
float: right;
overflow: hidden;
list-style: none;
margin: 2% 0;}

.guide_in li {
margin: 3% 0;}

.guide_main_ttl {
float: left;
margin-left: -250px;
margin-top: 140px;
position: absolute;}

.guide_main_ttl1 {
display: block;
font-size: 900%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
font-family:'Alegreya Sans SC', sans-serif;}

.guide_main_ttlsub {
display: block;
font-size: 150%;
margin-top: -12%;
font-weight: bold;
color:#1e2e83;
letter-spacing:7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.guideTTL {
display: block;
color: #1e2e83;
font-size: 120%;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.cregit_image {
display: block;
width: 30%;}

/*under1400----------------------------*/
@media screen and (max-width : 1400px) {
.guide_in {width: 880px;}
.guide_main_ttl {margin-left: -227px; margin-top: 210px;}
.guide_main_ttl1 {font-size: 800%;}
}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.guide_in {width: 780px; font-size: 80%;}
.guide_main_ttl {margin-left: -160px;}
.guide_main_ttl1 {font-size: 600%;}
}

/*under1000----------------------------*/
@media screen and (max-width : 1000px) {
.guide_in {width: 640px;}
.guide_main_ttl {margin-left: -115px;}
.guide_main_ttl1 {font-size: 400%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#guide{margin-top: 20%;}
.guide_in {width: 100%; background-color: #f8f8f8;}
.guide_in ul {width: 95%; margin: 12% auto 0;}
.guide_in li {margin: 5% 0;}

.guide_main_ttl {
float: none!important;
margin-left: 32%;
margin-top: -13%;
margin-right: 0px;
margin-bottom: 0px;}

.guide_main_ttl1 {
font-size: 12vw;}

.guideTTL {font-size: 2.5vw;}

.cregit_image {width: 43%;}
}


/*▼photo area--------------------*/
#photo_area {
background-color: #f6f6f6;
margin-top: 11%;
padding: 1px 0 150px;}

#photo_area ul {
width: 80%;
margin: 3% auto 0;
overflow: hidden;
display: block;}

#photo_area li {
background: #fff;
border: 1px solid #e7e7e7;
padding: 1%;
width: 23%;
margin: 0 1%;
float: left;
list-style: none;}

#photo_area li img{vertical-align: bottom;}

.photo_main_ttl1 {
text-align: center;
font-size: 500%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
font-family:'Alegreya Sans SC', sans-serif;}

.photo_main_ttlsub {
font-size: 120%;
margin-top: -2%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}


/*▼photo subpage--------------------*/
#subphoto_wrap {
background-color: #f6f6f6;
margin-top: 5%;
padding: 5% 0;}

#subphoto_wrap ul {
width: 80%;
margin: 0 auto;
overflow: hidden;}

#subphoto_wrap li {
background: #fff;
border: 1px solid #e7e7e7;
padding: 1%;
width: 23%;
margin: 1%;
float: left;
list-style: none;}

#subphoto_wrap li img{vertical-align: bottom;}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
#photo_area {padding: 3% 0 120px;}
.photo_main_ttl1 {font-size: 340%;}
.photo_main_ttlsub {font-size: 100%; margin-top: -2%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#photo_area {padding: 0% 0 20px; margin-top: 10%;}
#photo_area ul {width: 95%;}
#photo_area li {width: 48%; margin: 1%; padding: 2%;}
#subphoto_wrap {padding: 4% 0; margin-top: 10%;}
#subphoto_wrap ul {width: 95%;}
#subphoto_wrap li {width: 48%; margin: 1%; padding: 2%;}
}


/*▼access area--------------------*/
#access {
background-color: #fff;
padding: 6% 0;}

.access_in {
width: 1000px;
margin: 0 auto;
overflow: hidden;}

.f_in_L {
width: 40%;
float: left;
margin-top: -10px;}

.f_in_L p {
margin-top: 5%;
text-align: center;}

.f_in_R {
width: 55%;
float: right;}

.access_main_ttl1 {
text-align: center;
font-size: 500%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
font-family:'Alegreya Sans SC', sans-serif;}

.access_main_ttlsub {
font-size: 120%;
margin-top: -7%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 5px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.tel a {
color:#47423c;
text-decoration:none;}

.pc_navi {
width: 90%;
margin: 0 auto;
text-align: center;
font-size: 80%;}

.sp_navi {
width: 100%;
margin: 3% auto 0;
text-align: center;}

.pcnavi_img {width: 10%; margin: 16px 0 0;}
.spnavi_img {width: 12%;}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.access_in {width: 750px;}
.access_main_ttl1 {font-size: 380%;}
.f_in_L {margin-top: -20px;}
.f_in_L p {font-size: 80%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#access {padding: 6% 0 8%;}
.access_in {width: 95%; padding-bottom: 6%;margin-top: 3%;}
.access_main_ttl1 {font-size: 12vw;}
.access_main_ttlsub {margin-top: -4%;}
.f_in_L p {margin-top: 4%; font-size: 90%;}
.f_in_L, .f_in_R {width: 100%; float: none;}
.f_in_L {padding: 0 0 2%;}
.pc_navi, .pc {display: none;}
}

/*under500----------------------------*/
@media screen and (max-width : 500px) {
.f_in_L p {font-size: 80%;}
}

/*over801----------------------------*/
@media screen and (min-width : 801px) {
.sp_navi {display: none;}
}


/*▼access subpage--------------------*/
#access_wrap {
margin: 8% 0 0;}

.mapWrap {
margin: 0 auto;
max-width: 1000px;
padding: 4% 0;
overflow: hidden;}

.mapWrap ul {
overflow: hidden;}

.mapWrap li {
float: left;
width: 292px;
height: 292px;
margin: 20px;}

.map_bg {
background: #f2f2f2;
overflow: hidden;}

.mapinfoTTL {
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);
font-size: 120%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
padding-left: 20px;}

.map_text {
font-size: 100%;
color: #47423c;
letter-spacing: 2px;
padding-left: 20px;}

.denwan {
width: 90%;
margin: 5% auto 0;}

.denwa {width: 46%;
max-width: 900px;
margin-bottom: 5%;}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.mapWrap {
max-width: 750px;}

.mapinfoTTL, .map_text {padding-left: 10px;}

.mapWrap li {
float: left;
width: 227px;
height: 227px;
margin: 10px;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
.mapWrap {
width: 90%;}

.mapinfoTTL, .map_text {padding-left: 0; letter-spacing: 2px;}
.map_text {font-size: 80%;}

.mapWrap li {
float: none;
width: 100%;
height: 87vw;
margin: 0 0 20px;}

.denwa {width: 100%;}
}


/*▼footer area--------------------*/
footer {
background-color: #001066;
padding: 4% 0 2%;}

.foot_in {
width: 80%;
margin: 0 auto;}

.footlogo {width: 30%;}

.boxwrap {
width: 70%;
margin: 3% auto;
overflow: hidden;}

.linkbox {
float: left;
width: 44%;
padding: 2.5% 0;
margin: 3%;
font-weight: bold;
color: #001066;
background-color: #fff;
letter-spacing: 2px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.linkbox,
.linkbox::before,
.linkbox::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;}

.linkbox:hover {letter-spacing: 5px;}

a.linkbox2 {
width: 250px;
display: block;
padding: 1% 0 0.8%;
font-weight: bold;
font-size: 110%;
color: #001066;
border: 1px solid #001066;
background-color: #fff;
letter-spacing: 4px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);
border-radius: 30px;}

a.linkbox2,
a.linkbox2::before,
a.linkbox2::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;}

a.linkbox2:hover {color: #fff; background-color: #001066;}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.boxwrap {width: 85%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
footer {padding: 9% 0 6%;}
.footlogo {width: 70%;}
.boxwrap {width: 100%; margin: 8% auto 3%;}
.linkbox {float: none; width: 100%; margin: 0 0 6% 0; padding: 10px 0; font-size: 80%;}
a.linkbox2 {padding: 13px 0 11px; font-size: 90%; margin: 7% auto 3%; width: 200px;}
}


/*▼recruit page--------------------*/
#saiyou_wrap {
background-color: #f6f6f6;
margin-top: 5%;
padding: 5% 0;}

.saiyou_title {
font-weight: bold;
font-size: 120%;
color: #1e2e83;
letter-spacing: 4px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);
}

.saiyou_list ul {
width: 700px;
margin: 0 auto 30px;}

.saiyou_list li {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-bottom: 20px;}

.saiyou_list li:last-child {
margin-bottom: 0;}

.saiyou_left {width: 250px; font-weight: bold; padding-top: 10px;}
.saiyou_right {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.saiyou_left:first-child {padding-top: 0;}
.saiyou_right:last-child {border-bottom: none; padding-bottom: 0;}

.saiyou_contact {
text-align: center;}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#saiyou_wrap {
margin-top: 10%;
padding: 8% 0 5%;}

.saiyou_list li {
display: block;}

.saiyou_list ul {
width: 90%;}
}

.saiyou_left {width: 100%;}
.saiyou_right {width: 100%;}


/*▼contact page--------------------*/
.contact_wrap {margin: 8% 0 7%;}

#formWrap {
width:90%;
max-width: 700px;
margin:5% auto 0;
font-size:90%;
height: auto;}

input#formbutton {
-webkit-appearance: none;
width: 110px;
height: 40px;
margin: 0 5px;
background: rgba(239,239,239,0.7);
border:1px solid #ccc;
color: #00178e;
border-radius: 6px;
font-size: 110%;
letter-spacing: 2px;
transition: .2s;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

#formbutton:hover {
background-color: #00178e;
color: white;
border:1px solid #00178e;}

.input_area {
width:100%;
border: 1px solid #ccc;
height: 35px;
padding: 10px;
margin: 5px 0 20px;}

.input_area2 {
width:100%;
border: 1px solid #ccc;
padding: 10px;}

.tel2 {
text-align: center;
color: #00178e;
font-size: 300%;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

/*under800------------------------- */
@media screen and (max-width : 800px) {
#formWrap {margin-top: 8%;}
.tel2 {font-size: 8vw; margin: 0% 0 12%;}
}



/*modal----------------------------*/
a.modal-open:hover {cursor:pointer}

.modal-content {
max-width:600px;
position:fixed;
display:none;
z-index:98;
border-radius:20px;
background:#fff;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 0px 0px 15px #ebeaea;
box-shadow: 0px 0px 15px #ebeaea;}

.modal-content2 {
max-width:600px;
width:90%;
position:fixed;
display:none;
z-index:98;
padding: 50px 10px 5px;
background:#fff;
border-radius:10px;
border: 1px solid #e7e7e7;}

a.modal-close {
position:absolute;
top:10px;
right:15px;
color:#b29c33;
font-size:35px;
line-height:1;
font-weight:bold;
text-decoration:none}

a.modal-close:hover {
cursor:pointer;
opacity:.6}

.modal-overlay {
z-index:50;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;/*for old Safari*/
height:100vh;
background-color:rgba(0,0,0,.0)}

.modal-overlay (:target) {height:100%\9} /* IE9,10 */

.modal_text {margin: 8% 8% 6%;}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.modal-content2 {
max-width:450px;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
.modal-content {width: 90%;}
}


/*▼info area▼--------------------*/
#info {
background: #f6f6f6;
padding: 0.1% 0 7%;}

.ifrm {
margin: 50px auto 0;
background: #fff;
padding: 1%;
max-width: 1000px;
width: 90%;
height: 350px;
border: 1px solid #e3e3e3;
display: block;
border-radius: 10px;}

.ifrm iframe{
border: none;
height: 320px;}

.info_main_ttl1 {
margin-top: 40px;
text-align: center;
font-size: 500%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
font-family:'Alegreya Sans SC', sans-serif;}

.info_main_ttlsub {
font-size: 120%;
margin-top: -2%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

/*under1200----------------------------*/
@media screen and (max-width : 1200px) {
.ifrm {width: 80%; height: 280px;}
.ifrm iframe{height: 250px;}

.info_main_ttl1 {font-size: 340%;}
.info_main_ttlsub {font-size: 100%; margin-top: -2%;}
}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
#info {height: auto; padding: 5% 5% 8%;}

.ifrm {
margin: 20px auto 0;
padding: 8px;
width: 100%;
height: 180px;
overflow: auto!important;
-webkit-overflow-scrolling: touch!important;
display: inline-block;}

.ifrm iframe{height: 155px;}

.info_main_ttl1 {font-size: 12vw; margin-top: 0;}
.info_main_ttlsub {font-size: 120%; margin-top: -4%;}
}


/*▼other--------------------*/
.ico_denwa{width: 73px; margin: 5%  auto 0;}
.jushin {margin-top: 5%; color: #e14500; font-size: 90%;}

.mgn {margin: 5% 0 1%;}

.topbuck {
position: fixed;
bottom: 18px;
right: 18px;
color: #001db9;}

.huwari {
z-index: 10;
transition: opacity 1.5s;
-moz-transition: opacity 1.5s;
-webkit-transition: opacity 1.5s;
-o-transition: opacity 1.5s;
transition: transform 1.5s;
-moz-transition: transform 1.5s;
-webkit-transition: transform 1.5s;
-o-transition: transform 1.5s;}

.anc {
padding-top: 80px; 
margin-top: -80px;}

.blue {color:#1e2e83;}
.blue2 {color:#4493c6;}
.red {color:#c11c1c;}
.moji_g{color:#d02424; font-size: 90%;}

.link_a {
color:#1e2e83;
font-weight: bold;
font-size: 110%;}

.googlemap {
position: relative;
padding-bottom: 35%;
padding-top: 30px;
height: 0;
overflow: hidden;}

.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.copy {
padding: 0.7% 0;
color: #f8f4d7;
font-size: 75%;
text-align: center;
letter-spacing: 2px;}

.text_c {
letter-spacing: 2px;
font-size: 120%;
margin-bottom: 8px;
color: #00126f;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

input[type=text], textarea {
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);}
.banner {width: 350px;}

.center, .center2 {text-align: center;}

.bosyu {font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: bold; color: #1e2e83; font-size: 250%; margin: 50px 0 0;}

.subpage-inner {
margin: 0 auto;
max-width:  1000px;
width:  95%;}

.trimer-img {margin: 5% 0;}

.flow-list {width: 100%; margin: 2% 0;}
.flow-list ul {width: 100%!important;}

.flow-list li {
border-radius: 15px;
float: left;
width: 48%!important;
margin: 0 1%;
background-color: #fff;
padding: 2%!important;}

.flow-wrap {
background-color: #fff;
border-radius: 15px;
padding: 4%;}

.flow-text {margin-top: 10px;}

.flow-price {
font-size: 180%;
margin: 0 0 3%;
font-weight: bold;
color: #1e2e83;
letter-spacing: 7px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.001deg);}

.triming-dog {
display: block;
margin-top: 6%;}

.red {font-size: 120%; color: #de0000; font-family: 'M PLUS Rounded 1c', sans-serif;}
.bold {font-weight: bold;}

.calendar {
margin: 30px auto 0;
max-width: 1000px;
width: 80%;
padding: 20px;
background-color: #fff;
border-radius: 10px;
border: 1px solid #e3e3e3;}

/*under800----------------------------*/
@media screen and (max-width : 800px) {
body, text {font-size: 80%;}
.pc {display: none;}

.text_a {font-size: 13px;}
.text_b {font-size: 13px;}

.anc {
padding-top: 0px; 
margin-top: -00px;}

.copy {font-size: 70%; letter-spacing: 1px;}
.ico_denwa{width: 45px; margin: 8%  auto 0;}
.jushin {margin-top: 10%; color: #e14500; font-size: 80%;}
.mgnsp {margin-bottom: 10%;}
.center2 {text-align: left;}

.bosyu {font-size: 180%; margin: 30px 0 0;}

.flow-list li {
float: none;
width: 100%!important;
margin: 0 0% 10px!important;
padding: 4%!important;}

.calendar {
margin: 15px auto 0;
width: 100%;
padding: 10px;}
}

/*under500----------------------------*/
@media screen and (max-width : 500px) {
.text_a {font-size: 100%;}
.text_b {font-size: 110%;}
.guideTTL {font-size: 120%;}
.service_ttl {font-size: 120%;}
.banner {width: 200px;}
}

/*over801----------------------------*/
@media screen and (min-width : 801px) {
#head {display: none;}
.sp {display: none;}
}