@charset "utf-8";

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

/* 余白調節 */
.ui-content {
padding-top:0;
}
.yohakuReset {
/*width:calc(100% + 30px);
margin-left:-15px;*/
}

/* スマホ非表示・特有 */
.sp_none {
display:none;
}
.nomal_p{
 width: 94%;
 margin: 0 auto 0.5em auto;
 display: block;
}

/* 高汎用 */
/*.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.clear_left{
 clear: left;
}*/
.centering{
 text-align: center;
}
.font_orange{
 color: #f27320;
}
.font_pink{
 color: #EE416b;
}
.font_pink_bold{
 color: #EE416b;
 font-weight: 900;
}
.font_yellow{
 color: #FFD300;
}
.font_red{
 color: #ef3e37;
}
.font_bold_red{
 font-weight: 900;
 color: #ef3e37;
}
.font_bold{
 font-weight: 900;
}
.font_bold_110{
 font-weight: 900;
 font-size: 110%;
}
.font_bold_160{
 font-weight: 900;
 font-size: 160%;
}
.font70{
 font-size: 70%;
}
.font80{
 font-size: 80%;
}
.font90{
 font-size: 90%;
}
.y_marker{
 background: linear-gradient(transparent 70%, #ffff66 70%);
}
.no_margin{
 margin: 0!important;
}

/* リンクチップ */
.linkChip {
 z-index: 4;
 position: fixed;
 width: 100%;
 padding:5px 0;
 text-align: center;
 left: 0;
 bottom: 0;
 background-color: #0f76bb;
 border-top: 3px solid #ee416b;
}
.linkChip ul{
 display: block;
 width: 96%;
 margin: 0 auto;
 padding: 0 2%;
}
.linkChip li{
 display: block;
 width: 49%;
 margin-right: 1%;
 float:left;
}
.linkChip li img{
 width: 100%;
}
span.c_yellow{
 color: #ffff73;
}
span.small{
	font-size:80%;
}
.linkChip img{
	vertical-align:middle!important;
	margin-left:0.5em;
}

/* パンくず */
#breadCrumb {
margin:0 auto;
}
#breadCrumb ol {
position: relative;
padding: 4px 10px 6px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #fefefe;
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);
line-height: 1.4;
z-index: 10;
}
#breadCrumb ol li {
display: inline-block;
padding: 0 0.5em 0 10px;
background: url(/files/img/common/s/ico_topicpath_01.png) 0 50% no-repeat;
background-size: 4px 7px;
font-size: 10px;
}
#breadCrumb ol li,#breadCrumb ol li a {
/*padding: 10px 0;*/
}
#breadCrumb ol li:first-of-type {
padding-left: 0;
	background-image: none;
}


/* コンテンツ　見出し */
#all_back .infoTitle > .intro p {
font-size:14px;
padding:0.5em 1em;
}


/* 画像伸縮 */
#all_back img {
width:100%;
max-width:100%;
height:auto;
}


/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
#other_service {
 width: 94%;
 margin: 0 0 1em 0;
 padding: 0.5em 3%;
 background-color: #ECECEC;
 border-top: 3px solid #212121;
 border-bottom: 3px solid #212121;
 position: relative;
 z-index: 1;
}
#other_service div {
 width: 100%;
 height: auto;
 text-align: center;
}
#other_service ul {
 list-style: none;
 display: block;
 width: 100%;
 margin: 0 auto;
}
#other_service ul li {
 display: block;
 float: left;
 width: 48%;
 margin: 0 1% 10px 0;
}
#other_service div.before {
 margin: 0 auto 0.5em auto;
 border-bottom: 1px dotted #333;
}
#other_service img {
 width: 100%;
}
#other_service h3 {
 font-weight: 900;
 font-size: 120%;
 display: block;
 margin: 0 auto;
 padding: 0;
}


/* コンテンツ全体、MV
---------------------------------------------- */
#all_back {
 transition: ease-in-out 1.4s;
 font-size:14px!important;
 line-height:1.5em!important;
 padding: 0 0 10px;
 margin: 0 auto;
}
#all_back .keyV {
 width: 100%;
 background-size: 100%;
}
#all_back .keyV .inner {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding:0;
}
#all_back h1{
 display: block;
 width: 100%;
 height: auto;
 text-align:center;
 margin:0 auto;
}


/* .gaiyou
---------------------------------------------- */
.gaiyou{
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
.g_inner{
 width: 94%;
 margin: 0 auto;
 padding: 0 3%;
}
.g_inner p{
 margin-bottom: 1em;
 line-height: 1.6em;
}
p.tit_common{/*汎用タイトル*/
 width:88%;
 height:auto;
 background-image:url(../img/sp/titback_2line.gif);
 background-repeat:no-repeat;
 background-size:100% 100%;
 display: block;
 color:#fff;
 text-shadow: 2px 2px 1px #3e403f;
 padding: 0.3em 6%;
 margin: 1em 0;
 font-size: 120%;
 font-weight: 900;
 line-height:1.5em;
 position:relative;
}
p.tit_common img{
 position:absolute;
 width:3.4em!important;
 right:0;
 bottom:0;
}
ul.point3{
 width: 100%;
 margin: 2.5em 0 1em 0;
 display: block;
 list-style: none;
}
ul.point3 li{
 display: block;
 background-color: #f7f4db;
 border-radius: 10px;
 width: 89%;
 margin: 0 0 2em 5%;
 padding: 2em 3% 0em 3%;
 float: left;
 position: relative;
 box-shadow:0px 1px 4px #706e5c;

}
ul.point3 li.p3_end{
 margin-bottom: 0!important;
}
ul.point3 li p.ribbon{
 display: block;
 width: 50%;
 height: 2em;
 padding:0.5em 0 0 0;
 background-image: url("../img/sp/point_ribbon.png");
 background-repeat: no-repeat;
 background-size:100% 100%;
 position:absolute;
 top:-1.5em;
 left:-5%;
 color:#fff;
 font-size:160%;
 font-weight:900;
 text-align:center;
 text-shadow:0 0 3px #d40c44;
}
ul.point3 li p.ribbon span{
 font-size:140%;
}
ul.point3 li p span.pink_bold_140{
 color:#ee416b;
 font-size:120%;
 font-weight:900;
}
img.hokkaido_map{
 float: right;
 margin: 0 0 1em 1em;
 width:40%!important;
}
.corona{
 clear: both;
 width: 95%;
 margin: 0 auto 3em auto;
 padding: 0.5em 2%;
 border: 2px solid #ef3e37;
 background-color: #f7f4db;
}
.corona img{
 float: right;
 width: 25%!important;
}
.corona p{
 display: block;
 background-color: #ef3e37;
 color: #fff;
 text-shadow:none;
 font-size: 110%;
 font-weight: 900;
 text-align: center;
 padding: 0.5em 2%;
}
.corona dl,
.corona dt,
.corona dd{
 display: block;
}
.corona dl{
 width: 100%;
}
.corona dt{
 margin: 0 0 0.2em 0;
 font-size: 110%;
 font-weight: 900;
 color: #ef3e37;
}
.corona dd{
 margin: 0 0 1em 0;
 padding: 0 0 0 1em;
 font-size:90%;
}

/* #school
---------------------------------------------- */
#school {
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
.s_inner1 {
 width: 96%;
 margin: 0 auto;
 padding: 0 2%;
 position: relative;
 z-index: 0;
}
.s_inner2 {
 width: 94%;
 margin: 0 auto;
 padding: 0 3% 0 3%;
 z-index: 0;
}
.school01_base, .school02_base, .school03_base, .school04_base, .school05_base, .school06_base {
 width: 100%;
 margin: 1em auto 3em auto;
 padding: 0;
 box-shadow: 0 2px 2px 2px #d2d2d2;
 border-radius: 10px 10px 0 0;
}
.school01_base {
 background-image: url("../img/school01_back.gif");
}
.school02_base {
 background-image: url("../img/school03_back.gif");
}
.school03_base {
 background-image: url("../img/school05_back.gif");
}
.school04_base {
 background-image: url("../img/school02_back.gif");
}
.school05_base {
 background-image: url("../img/school04_back.gif");
}
.school06_base {
 background-image: url("../img/school06_back.gif");
}
.school_inner {
 margin: 0;
 padding: 1em;
 position: relative;
}
.school_inner p {
 color: #fff;
 font-weight: 700;
 font-size: 900;
 text-shadow: 1px 1px 3px #333;
}
.school_tit {
 font-size: 150%;
 line-height: 1.3em;
 color: #fff;
 text-shadow: 1px 1px 3px #333;
 font-weight: 900;
}
img.location{
 width: 1.6em!important;
 margin:0.2em 0.2em 0 0;
}
.school_tit span {
 font-size: 80%;
}
.school01_base .tel_qr {
 border: 3px solid #3fbea5;
}
.school02_base .tel_qr {
 border: 3px solid #9a7cb8;
}
.school03_base .tel_qr {
 border: 3px solid #6fa6d2;
}
.school04_base .tel_qr {
 border: 3px solid #f7941d;
}
.school05_base .tel_qr {
 border: 3px solid #00adee;
}
.school06_base .tel_qr {
 border: 3px solid #36b449;
}
.tel_qr {
 width: auto;
 padding: 1em 3%;
 margin:0 0.5em 0.5em 0.5em;
 background-color: #fff;
 border-radius: 10px;
 position:relative;
}
.tel_qr:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
.tel_qr{
 display: ;
}
.tel_qr p.freecall {
 font-size: 180%;
 font-weight: 900;
 color: #ef3e37;
 text-shadow: none;
 line-height: 1.1em;
 padding: 0 0 0 1.7em;
 background-image: url(/files/img/common/icon_tel_03.png);
 background-repeat: no-repeat;
 background-size: 1.5em;
}
.tel_qr .box {
    display: flex;
}

.tel_qr .box .other_link {
}
.tel_qr .box .other_link a {
 display: block;
 font-weight: 900;
 color: #0f76bb;
}
.tel_qr .box .other_link a img {
 width: 1em!important;
 vertical-align: middle;
 margin-left: 0.3em;
}
.gakka{
 clear: both;
 margin: 0;
 width: 100%;
 background-color: #fff;
}
.gakka .sp_mv{
    width:100%!important;
}
.gakka dl{
display: flex;
flex-wrap: wrap;
 width: 96%;
 padding: 0.5em 2%;
 margin: 0 auto;
justify-content: space-between;
}

.gakka dd{
 margin: 0 1% 0.5em 0;
 padding:0.3em 2%;
 font-weight: 900;
}
.gakka dl dt{
 color: #fff;
 text-shadow:none;
 font-weight: 900;
 text-align:center;
 border-radius:5px;
    width: 100%;
    margin-bottom: 2%;
}
.gakka dl dd{
    background-color:#ededed;
    width: 45%;
    margin-bottom: 2%;
    padding: 0.4em;
}
.school01_base .gakka dl dt{
 background-color: #3fbea5;
}
.school02_base .gakka dl dt{
 background-color: #9a7cb8;
}
.school03_base .gakka dl dt{
 background-color: #6fa6d2;
}
.school04_base .gakka dl dt{
 background-color: #f7941d;
}
.school05_base .gakka dl dt{
 background-color: #00adee;
}
.school06_base .gakka dl dt{
 background-color: #36b449;
}
.school03_base img.numb{
 width: 1.2em!important;
 margin: 0 0.5em 0 0;
 vertical-align:top;
}

.oc_menu,
.oc_tokuten{
 margin: 0;
 padding:0.5em 2%;
 width: 96%;
 background-color: #fff;
}
.oc_menu ul,
.oc_tokuten ul{
    display:block;
    margin:0 auto;
}
.oc_menu,
.oc_menu li,
.oc_tokuten,
.oc_tokuten li{
    padding:0.5em 2%;
}
.oc_menu,
.oc_tokuten{
    font-weight:900;
    font-size:120%;
}
.oc_menu li{
    width:90%;
    padding-left:2em!important;
    background-image:url(/files/img/common/nav_next_01.png);
    background-repeat:no-repeat;
    background-size:1.2em;
    background-position:8px 10px;
}
.oc_tokuten li{
    width:94%;
    padding-left:2em!important;
    background-image:url(/files/img/common/nav_next_01.png);
    background-repeat:no-repeat;
    background-size:1.2em;
    background-position:8px 10px;
}
.oc_menu .menu_tit,
.oc_tokuten .menu_tit{
    text-align:center;
}
.oc_menu .menu_tit img,
.oc_tokuten .menu_tit img{
 width: 2em!important;
 margin-right:0.5em;
 vertical-align: middle;
}
.school01_base .oc_menu .menu_tit{
    float:none;
    width:96%;
    border:none;
}

.school01_base .oc_menu li{
    float:left;
    margin-bottom:0.2em;
}
.school01_base .oc_menu li{
    clear:left;
    width:22%;
    border:2px dashed #e2e2e2;
}
.school01_base .oc_menu li{
    width:60%;/*max72%*/
}


/* #route
---------------------------------------------- */
#route{
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
#route p.tit_common{/*汎用タイトル*/
 background-image:url(../img/sp/titback_1line.gif);
}

#route .route .item ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10%;
}
#route .route .item  ul li{
    background: #4CAF50;
    padding: 2%;
    width: 30%;
    text-align: center;
}
#route .route .item  ul li a{
    color: #fff;
}
#route .route .item  ul li a:after{
    content: "▼";
}

#route .route .item .op{
    margin-bottom: 10%;
}
.r_inner{
 width: 94%;
 margin: 0 auto;
 padding: 0 3% 0 3%;
 position: relative;
 z-index: 0;
}
.r_inner iframe{
 margin-top:80px;
 width:100%;
 height:400px;
}
.r_inner img.qr_map{
 display:none;
}
.r_inner p.map_fukidashi{
 display:block;
 left:0;
 top:4em;
 width:90%;
 padding:0.5em 5% 4em 5%;
 position:absolute;
 background-image:url(../img/map_fukidashi.png);
 background-repeat:no-repeat;
 background-position:0 0;
 background-size:100% 100%;
 font-size:90%;
 line-height:1.5em;
}
.r_inner p.map_fukidashi img{
    width:1.5em!important;
}
.route_tit{
 display: block;
 background-image: url(../img/route.png);
 background-repeat: no-repeat;
 background-size: 50px;
 background-position: 0 top;
 padding: 20px 0 0 60px;
 margin:0 0 0.5em 0;
 height: 30px;
 font-weight: 900;
 font-size: 110%;
 clear:both;
}
.route_tit span{
 font-size: 140%;
}

#chuijikou{
 clear: both;
 width: 92%;
 margin: 20px 0 0 0;
 padding: 0.5em 3%;
 border: 2px solid #3e403f;
 background-color: #f7f4db;
}
#chuijikou p{
 display: block;
 background-color: #3e403f;
 color: #fff;
 text-shadow:none;
 font-size: 120%;
 font-weight: 900;
 text-align: center;
 padding: 10px 0;
 margin:0 0 1em 0;
}
#chuijikou ul,
#chuijikou li{
 display: block;
}
#chuijikou ul{
 width: 100%;
}
#chuijikou li{
 margin: 0 0 0.7em 0;
 padding: 0 0 0 1.6em;
 background-image: url("../img/checkmark.png");
 background-repeat: no-repeat;
 background-size: 1.4em;
 color: #3e403f;
}
#chuijikou li span{
 color:#2292fe;
}
#chuijikou li.corona_chui{
 background-image: url("../img/check_red.png");
 background-repeat: no-repeat;
 background-size: 1.4em;
 color: #EF3E37;
}
#chuijikou li.uketsuke_chui{
 background-image: url("../img/check_yellow.png");
 background-repeat: no-repeat;
 background-size: 1.4em;
 color: #9c7109;
}

.a_black{
 margin: 0 auto;
 width: 93%;
 padding: 1em 0 3em 0;
 background-image: url("../img/a_black.png");
 background-repeat:no-repeat;
 background-position: center bottom;
 background-size:10em auto;
}
.a_black p{
 display: block;
 border: 2px solid #3e403f;
 background-color: #f7f4db;
 border-radius:10px;
 padding: 0.5em 2%;
 width: auto;
 margin: 0 auto;
 font-size: 90%;
 font-weight: 900;
 text-align: center;
}

.r_l_wrapper{
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
.r_r_wrapper{
 display:none;
}
.opencampus{
 clear: both;
 width: 90%;
 margin: 0 auto 1em auto;
 padding: 0.5em 3%;
 color:#fff;
 font-weight:900;
 text-shadow:none;
}
.nemuro .opencampus{
 border:3px solid #ef3e37;
 background-color: #ef3e37;
}
.abashiri .opencampus{
 border:3px solid #8159ca;
 background-color: #8159ca;
}
.hakodate .opencampus{
 border:3px solid #ff9831;
 background-color: #ff9831;
}
.wakkanai .opencampus{
 border:3px solid #11b366;
 background-color: #11b366;
}
.uketsuke_end{/*受付終了時の黒網掛け*/
position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
}
.uketsuke_end p{
 display:block;
 padding:1em 3%;
 color:#fff;
 font-weight:900;
 font-size:120%;
 line-height:1.3em;
 text-shadow: none;
}
.nemuro,
.abashiri{
 width: 100%;
 margin: 0 auto 1em auto;
}
.nemuro ul,
.abashiri ul,
.hakodate ul,
.wakkanai ul{
 display: block;
 list-style: none;
 float:left;
 width: 55%;
 margin:0;
}
.nemuro li p,
.abashiri li p,
.hakodate li p,
.wakkanai li p{
 margin:10px 3px 3px 3px;
}
.nemuro ul li{
 display: block;
 width: 94%;
 margin: 0 0 0.5em 0;
 padding: 0;
 border: 3px solid #ef3e37;
 border-radius: 10px;
 background-color: #f7f4db;
 text-align: center;
 font-size: 140%;
 font-weight: 900;
 position: relative;
}
.nemuro ul li:after{
 content: '';
 display: inline-block;
 width: 20%;
 height: 1em;
 background: url(../img/sp/a_red.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -1em;
 left:3.5em;
}
.nemuro ul li span{
 font-size: 60%;
 line-height: 1.3em;
 display:block;
 font-weight:100;
}
.nemuro dl.arrow_red{
 width: 21%;
 margin:0 1% 0 0;
 padding:5px 0;
 float:left;
 border:none!important;
 border-radius:0;
 background-color:#ef3e37;
 background-position: left top;
 background-size:100% 100%;
 color:#fff;
}
dl.arrow_red dd{
 display: block;
 width: 100%;
 margin: 0 0 1em 0;
 padding: 0.8em 0;
 text-align: center;
 font-size: 120%;
 font-weight: 900;
 color: #fff;
 text-shadow:none;
 position: relative;
}
.nemuro dl.arrow_red dd:after{
 content: '';
 display: inline-block;
 width: 40%;
 height: 1.2em;
 background: url(../img/sp/a_white_down.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -0.8em;
 left:1.3em;
}
dl.arrow_red dd span{
 font-size: 60%;
 display: inline!important;
 line-height: 1.3em;
 font-weight:700;
}
.nemuro dl.arrow_gray,
.abashiri dl.arrow_gray,
.hakodate dl.arrow_gray,
.wakkanai dl.arrow_gray{
 width: 21%;
 margin:0 0 0 1%;
 padding:5px 0;
 float:left;
 border:none!important;
 border-radius:0;
 background-color:#807f7d;
 background-size:100% 100%;
 color:#fff;
 text-shadow:none;
}
.nemuro dl.arrow_gray dd,
.abashiri dl.arrow_gray dd,
.hakodate dl.arrow_gray dd,
.wakkanai dl.arrow_gray dd{
 display: block;
 width: 100%;
 margin: 0 0 1em 0;
 padding: 0.8em 0;
 text-align: center;
 font-size: 120%;
 font-weight: 900;
 color: #fff;
 text-shadow:none;
 position:relative;
}
.nemuro dl.arrow_gray dd:after,
.abashiri dl.arrow_gray dd:after,
.hakodate dl.arrow_gray dd:after,
.wakkanai dl.arrow_gray dd:after{
 content: '';
 display: inline-block;
 width: 40%;
 height: 1.2em;
 background: url(../img/sp/a_white_up.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -0.8em;
 left:1.3em;
}
dl.arrow_gray dd span{
 font-size: 60%;
 display: inline!important;
 line-height: 1.3em;
 font-weight:700;
}

/*.abashiri*/
.abashiri ul li{
 display: block;
 width: 94%;
 margin: 0 0 0.5em 0;
 padding: 0;
 border: 3px solid #8159ca;
 border-radius: 10px;
 background-color: #f7f4db;
 text-align: center;
 font-size: 140%;
 font-weight: 900;
 position: relative;
}
.abashiri ul li:after{
 content: '';
 display: inline-block;
 width: 20%;
 height: 1em;
 background: url(../img/sp/a_purple.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -1em;
 left:3.5em;
}
.abashiri ul li span{
 font-size: 60%;
 line-height: 1.3em;
 display:block;
 font-weight:100;
}
.abashiri dl.arrow_purple{
 width: 21%;
 margin:0 1% 0 0;
 padding:5px 0;
 float:left;
 border:none!important;
 border-radius:0;
 background-color:#8159ca;
 background-position: left top;
 background-size:100% 100%;
 color:#fff;
}
dl.arrow_purple dd{
 display: block;
 width: 100%;
 margin: 0 0 1em 0;
 padding: 0.8em 0;
 text-align: center;
 font-size: 120%;
 font-weight: 900;
 color: #fff;
 text-shadow:none;
 position: relative;
}
.abashiri dl.arrow_purple dd:after{
 content: '';
 display: inline-block;
 width: 40%;
 height: 1.2em;
 background: url(../img/sp/a_white_down.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -0.8em;
 left:1.3em;
}
dl.arrow_purple dd span{
 font-size: 60%;
 line-height: 1.3em;
 font-weight:700;
 display: inline;
}

/*.hakodate*/
.hakodate ul li{
 display: block;
 width: 94%;
 margin: 0 0 0.5em 0;
 padding: 0;
 border: 3px solid #ff9831;
 border-radius: 10px;
 background-color: #f7f4db;
 text-align: center;
 font-size: 140%;
 font-weight: 900;
 position: relative;
}
.hakodate ul li:after{
 content: '';
 display: inline-block;
 width: 20%;
 height: 1em;
 background: url(../img/sp/a_yellow.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -1em;
 left:3.5em;
}
.hakodate ul li span{
 font-size: 60%;
 line-height: 1.3em;
 display:block;
 font-weight:100;
}
.hakodate dl.arrow_yellow{
 width: 21%;
 margin:0 1% 0 0;
 padding:5px 0;
 float:left;
 border:none!important;
 border-radius:0;
 background-color:#ff9831;
 background-position: left top;
 background-size:100% 100%;
 color:#fff;
 text-shadow:none;
}
dl.arrow_yellow dd{
 display: block;
 width: 100%;
 margin: 0 0 1em 0;
 padding: 0.8em 0;
 text-align: center;
 font-size: 120%;
 font-weight: 900;
 color: #fff;
 text-shadow:none;
 position: relative;
}
dl.arrow_yellow dd:after{
 content: '';
 display: inline-block;
 width: 40%;
 height: 1.2em;
 background: url(../img/sp/a_white_down.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -0.8em;
 left:1.3em;
}
dl.arrow_yellow dd span{
 font-size: 60%;
 line-height: 1.3em;
 font-weight:700;
 display: inline;
}

/*.wakkanai*/
.wakkanai ul li{
 display: block;
 width: 94%;
 margin: 0 0 0.5em 0;
 padding: 0;
 border: 3px solid #11b366;
 border-radius: 10px;
 background-color: #f7f4db;
 text-align: center;
 font-size: 140%;
 font-weight: 900;
 position: relative;
}
.wakkanai ul li:after{
 content: '';
 display: inline-block;
 width: 20%;
 height: 1em;
 background: url(../img/sp/a_green.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -1em;
 left:3.5em;
}
.wakkanai ul li span{
 font-size: 60%;
 line-height: 1.3em;
 display:block;
 font-weight:100;
}
.wakkanai dl.arrow_green{
 width: 21%;
 margin:0 1% 0 0;
 padding:5px 0;
 float:left;
 border:none!important;
 border-radius:0;
 background-color:#11b366;
 background-position: left top;
 background-size:100% 100%;
 color:#fff;
 text-shadow:none;
}
dl.arrow_green dd{
 display: block;
 width: 100%;
 margin: 0 0 1em 0;
 padding: 0.8em 0;
 text-align: center;
 font-size: 120%;
 font-weight: 900;
 color: #fff;
 text-shadow:none;
 position: relative;
}
dl.arrow_green dd:after{
 content: '';
 display: inline-block;
 width: 40%;
 height: 1.2em;
 background: url(../img/sp/a_white_down.png) no-repeat;
 background-size:100%;
 position:absolute;
 bottom: -0.8em;
 left:1.3em;
}
dl.arrow_green dd span{
 font-size: 60%;
 line-height: 1.3em;
 font-weight:700;
 display: inline;
}

dl.arrow_gray dd.line1,
dl.arrow_red dd.line1,
dl.arrow_purple dd.line1,
dl.arrow_yellow dd.line1,
dl.arrow_green dd.line1{
margin-bottom: 40%;
}

dl.arrow_gray dd.line2,
dl.arrow_red dd.line2,
dl.arrow_purple dd.line2,
dl.arrow_yellow dd.line2,
dl.arrow_green dd.line2{
 padding-bottom: 2em!important;
}


/* .btn_band
---------------------------------------------- */
.btn_band {
 width: 100%;
 background-color: #0F76BB;
 margin: 0 0 3em 0;
 padding: 0;
 border-top: 3px solid #ee416b;
 border-bottom: 3px solid #ee416b;
 position: relative;
 z-index: 1;
}
.btn_inner{
 width: 94%;
 margin: 0;
 padding: 0.5em 3%;
}
.btn_inner ul{
 list-style: none;
}
.btn_inner ul,
.btn_inner li{
 display: block;
 margin: 0;
 padding: 0;
}
.btn_inner li.l_kikan{
 width: 100%;
}
.btn_inner p{
    color: #fff;
}
.l_kikan .kikan_date{
	display: block;
	padding: 0;
	margin: 0.5em 0 0.1em 0;
	font-weight: 900;
	font-size: 140%;
	color:#fff;
 line-height: 1.4em;
 text-shadow:0 0 3px #063d62;
}
.l_kikan .kikan_date span{
    font-size: 200%;
}
.btn_inner dl,
.btn_inner dt,
.btn_inner dd{
 display: block;
 font-weight: 900;
	font-size: 100%;
}
.btn_inner dl{
	width:90%;
	padding-left:1em;}
.btn_inner dt{
 margin: 0 0 0.4em 0;
 clear: both;
 text-shadow:0 0 2px #063d62;
 color: #FFD300;
}
.btn_inner dd{
 color:#fff;
 font-size: 110%;
 text-shadow:0 0 2px #063d62;
}

.btn_inner li.r_btn{
 width: 100%;
 text-align: center;
}
.btn_inner li.r_btn p{
 display:block;
 color:#fff;
 font-size:80%;
 margin:0;
 padding:0;
 text-shadow:none;
}


/* 店舗情報
-------------------------------- */
.resStore {
margin:30px 2%;
border:#ff7b00 solid 4px;
padding:20px;
box-sizing:border-box;
position:relative;
}
.resStore::before {
content:'お問い合わせはこちらの店舗へ';
display:block;
background:#FFF;
height:20px;
line-height:20px;
position:absolute;
left:calc(50% - 8em); top:-10px;
color:#ff7b00;
font-size:16px;
font-weight:bold;
padding:0 1em;
}
.resStore .img01 {
display:table;
width:100%;
margin-bottom:10px;
}
.resStore .img01 p {
display:table-cell;
width:50%;
text-align:center;
padding:0!important;
box-sizing:border-box;
margin:0;
}
.resStore .img01 p img {
max-width:100%;
}
.resStore .txt {

}
.resStore .txt .name {
font-weight:bold;
font-size:1.4em;
}

.resStore .txt .address {
margin-bottom:20px;
}
.resStore p.btn img{
 width:100%!important;
}

.resStore .txt .name a {
    font-size: 140%;
    font-weight: 700;
    line-height: 2.2;
    margin-bottom: 8px;
    background: url(/files/img/common/icon_logo_01.png) 0 5px no-repeat;
    padding: 10px 0px 8px 40px;
}

.nearest_station {
    padding-top: 5px;
    min-height: 31px;
    height: auto !important;
    background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 0px 3px transparent;
    line-height: 1.4em;
    font-family: "メイリオ", Arial, Helvetica, sans-serif;
    font-size: 140%;
    font-weight: 700;
    color: #F8450B;
    padding-left: 35px;
}

.resStore .tel {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-family: 'arial', serif;
font-size: 31px;
font-weight: 700;
line-height: 1;
color: #ff3e17;
margin-bottom: 5px;
    display: table-footer-group;
    text-align: center;
    font-size: 31px;
    text-decoration: underline;
}
.resStore .tel a {
color: #ff3e17;
}
.resStore .tel:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 46px;
height: 34px;
background: url(/area/images/ico_tel.png) no-repeat;
-webkit-background-size: 46px auto;
background-size: 46px auto;
margin-right: 10px;
position: relative;
top: -2px;
}

/* #about_uni
---------------------------------------------- */
#about_uni{
 width: 100%;
 margin: 0 auto 3em auto;
 padding: 0;
}
#about_uni p.tit_common{/*汎用タイトル*/
 background-image:url(../img/sp/titback_1line.gif);
 margin: 1em 0 1em 0;
}
.u_inner {
 width: 94%;
 margin: 0 auto;
 padding: 0 3%;
 position: relative;
 z-index: 0;
}
.green{
 background-image:url(../img/unilife_reback.gif);
 padding:10px;
 border-radius:20px;
}
.green .gr_inner{
 padding:14px;
 margin: 0;
 background-color: #fff;
}
.green p{
 display:block;
 margin:0 0 1em 0;
}
.green p span{
 font-weight:900;
 font-size:110%;
 background-image:url(../img/underline_y.png);
 background-size:auto 100%;
 background-repeat:repeat-x;
}
.green p.nairan a{
 padding: 0.5em 0.5em 0.5em 3em;
 margin:0 0 2em 0;
 display:block;
 background-color:#ffe999;
 border-radius:10px;
 font-size: 110%;
 font-weight: 900;
 line-height: 1.6em;
 background-image: url("../img/icon_mail.png");
 background-repeat: no-repeat;
 background-size: 2em;
 background-position:0.5em;
}
.green img{
 width: 100%;
 margin:0 0 1em 0;
}
h2{
 margin:0.5em 0;
 font-size:120%;
 line-height:1.6em;
 font-weight:900;
 text-align:center;
 text-shadow: 1px 1px 1px #fff,
             -1px 1px 1px #fff,
             1px -1px 1px #fff,
             -1px -1px 1px #fff;
}
h2 span{
 color:#ee416b;
 font-size:120%;
}

.logo_kcska{
    margin-bottom:3%;
}