@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 1.5em; font-weight:normal;}
h2 {font-size: 1.4em; font-weight:normal;}
h3 {font-size: 1.4em; font-weight:normal;}
h3 span{font-size: 1em; margin:8px; color:#888888;}
h4 {font-size: 1.4em; font-weight:normal; color:#325097;}
h4 span{font-size: 0.8em; margin:8px; color:#888888;}
h5 {font-size: 1.2em; font-weight:normal;}
h5 span{font-size: 0.88em; margin:8px; color:#888888;}
h6 {font-size: 1.2em; font-weight:normal;}
h6 span{font-size: 2em; font-weight:bolder;}
h6 i{color:#888888; padding:0 8px 0 0;}

/* text --------------------------------------------*/
.texts {font-size: 0.8em;}
.textlg {font-size: 1.3em;}
.textlgg {font-size: 2em;}
.textlg15 {font-size: 1.5em; font-weight: normal; margin:0 auto; color: #000000; letter-spacing:1px; line-height: 1.2em;}/*related-title h4 同期*/
.textb {font-weight: bolder; font-size:1em;}
.textwhite {color:#ffffff;}
.textblue {color:#325097;}
.textgreen {color:#28a452;}
.textred {color:#d90000;}
.textredb {color:#d90000; font-size:1.2em;}
.textredbb {color:#d90000; font-size:1.5em;/* font-weight: bold;*/}
.textgray {color:#888888;}
.tel {font-size:1.3em; font-weight:normal;}
.mail {font-size:1.3em; font-weight:normal;}
.text00 {color:#317bae; font-size:1.2em; font-weight:normal;}
.text01 {color:#4BB5B5; font-size:1.2em; font-weight:normal;}
.text02 {color:#b8b05e; font-size:1.2em; font-weight:normal;}  /*  max768 span{display: block;}  */
.text03 {color:#e9464a; font-size:1.2em; font-weight:normal;}
.text04 {color:#367c7a; font-size:1.2em; font-weight:normal;}
.text05 {color:#89be6d; font-size:1.2em; font-weight:normal;}
.border-text {background: linear-gradient(transparent 50%, #cde3ce 50%); font-size:1.2em; color:#0c562e;}
.border-yellow {background: linear-gradient(transparent 60%, #ffff66 60%); font-size:1.5em; padding:0 18px;}
.border-green {background: linear-gradient(transparent 60%, #a8d49c 60%);}
.border-emeraldgreen {background: linear-gradient(transparent 60%, #cde9ea 60%);}
.border-recruit {/*background: linear-gradient(transparent 60%, #d8ecdf 60%);*/ color:#000000; padding:0 18px;}
.border-recruit-mama {/*background: linear-gradient(transparent 60%, #f4d8d8 60%);*/ color:#e01766; padding:0 18px;}
.border-recruit_bkg {background: linear-gradient(transparent 60%, #d8ecdf 60%); color:#000000; padding:0 18px;}
.border-recruit-mama_bkg {background: linear-gradient(transparent 60%, #ffd6ed 60%); color:#e01766; padding:0 18px; font-weight:bolder;}

/* ------------------------------------------------------------*/
.eria-c{text-align:center;}
.eria-r{text-align:right;}
.eria-l{text-align:left;}
.eria-c_l{text-align:center;} /* center--left */
.eria-r_c{text-align:right;} /* right--center */
/*--related_stage-contents同記述----*/
    .eria-tab{text-align:left; margin:0 18px; padding:0 22px;}
    .eria-margin22{margin:22px auto; padding:0;}
    .eria-topmargin22{margin:22px auto 0; padding:0;}
    .eria-topmargin{margin:48px auto 0; padding:0;}
/*--related_stage-contents同記述----*/


/*- hr.style -----------------------------------------------------*/
hr.style {border-top: 1px solid #888888;  margin:2px auto;}
hr.style-00 {border-top: 1px dashed #cccccc;  margin:28px auto;}
hr.style-01 {border-top: 1px solid #888888; margin:22px auto;}
hr.style-02 {margin:22px auto;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:    -moz-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:     -ms-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:      -o-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
}
hr.style-03 {border-top: 2px dashed #28a452; margin:70px auto;}
hr.style-03-s {border-top: 2px dashed #28a452; margin:35px auto;}
hr.style-03-ss {border-top: 1px dashed #28a452; margin:22px auto;}
hr.style-04 {border-top: 1px solid #328D66; margin:55px auto;}
hr.style-05 {border-top: 1px solid #cccccc; margin:70px auto;}
/* img-overlap --------------------------------------------*/
.img-overlap {position: relative; margin:0 auto; text-align: center; width:fit-content; /*親要素img width指定*/}
.img-overlap img {max-width: 100%; height: auto; }
.img-overlap_zoom{position: absolute; color: #ffffff; font-weight: normal; bottom:20px; right:10px; /*右下テキスト*/}
.img-overlap_zoom i {font-size:1.5em; margin: 0;}
.img-overlap_zoom a:hover i { background: #fff000; }

/* - timeline ハック----------------------------------------------*/
dl {margin:auto; clear:both;}
dt {float:left; margin:auto; padding:0; clear:both;}
dd {margin:auto; padding:0 0 0;}
/* ------------------------------------------------------------*/
ul.lists{list-style:none; margin:8px; padding:0;}
ul.lists li{margin:4px; padding:0; list-style: none; font-size:0.88em;}
ul.lists li.sub{margin:4px 0 0 18px; padding:0; list-style: none;}
ul.lists i{margin:0 8px 0 0; font-size:1.1em; color:#cccccc; }
ul.lists span{}

ul.list{list-style:none; margin:8px 0 18px 0; padding:0;}
ul.list li{margin:8px; padding:0; list-style: none; font-size:1em;}
ul.list li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1em;}
ul.list i{margin:0 8px 0 0; font-size:1em;}
ul.list span{}

ul.sitemap{list-style:none; margin:8px 0 18px 0; padding:0;}
ul.sitemap li{margin:4px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li.sub{margin:4px 0 0 18px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li:before {margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101"; color:#888888;}
ul.sitemap i{margin:0 8px 0 0; font-size:1em;}
ul.sitemap span{}

ul.news{list-style:none; margin:100px 0 18px 0; border-top: dashed #888888 1px; border-bottom: dashed #888888 1px; padding: 0.5em 0 0.5em 1.5em;}
ul.news li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.news li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.news i{margin:0 8px 0 0; font-size:1.1em;}
ul.news span{display: block;}

ul.listdesign_00{list-style:none; margin:8px auto 0; padding:0;}
ul.listdesign_00 li{font-size:1.1em; color:#333333; margin:0 0 0; padding:0; list-style: none;}
ul.listdesign_00 li i{color:#3d85b8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_00 li.sub{font-size:1em; color:#333333; margin:0 18px 22px; padding:0; list-style: none;}
ul.listdesign_00 li.sub i{color:#3d85b8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_00 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

ul.listdesign_02{list-style:none; margin:30px auto; padding:0;}
ul.listdesign_02 li{font-size:1.1em; color:#333333; margin:0 auto 8px 18px; padding:0; list-style: none;}
ul.listdesign_02 li.sub{font-size:1em; color:#333333; margin:0 0 8px 33px; padding:0; list-style: none;}
ul.listdesign_02 li:before {margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f138"; color:#888888;}
ul.listdesign_02 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

/**-- share-hotpepper_line ------------------------------------------------------**/
.share-hotpepper_line{margin:8px auto; padding:0px;}
.share-hotpepper_line ul{margin: 0px; padding: 0; list-style: none; line-height:1.5;}
.share-hotpepper_line ul:after{content: ""; display: block; clear: both;}
.share-hotpepper_line li:nth-child(1) {float: left; margin:0 0.5% 0 0; padding:0; width: 49.5%; border: solid 1px #a21e4e;}
.share-hotpepper_line li:nth-child(2) {float: right; margin:0 0 0 0.5%; padding:0; width: 49.5%; border: solid 1px #06c755;}
.share-hotpepper_line li span{display: block; font-size: 1.5em; font-weight: bold; color:#333333;}
.share-hotpepper_line i{color:#a21e4e; margin:0px 4px; padding:0; font-size: 1.5em;}
.share-hotpepper_line p{margin: 0 auto; padding: 0; color: #a21e4e; font-size: 1.08em; text-align: center;}
.share-hotpepper_line li a{display: block; margin: 0px auto; padding: 0; color: #a21e4e; font-size: 0.88em; text-align: center; text-decoration: none;}
.share-hotpepper_line li a:hover{opacity: 0.5;}

/**-- share-contact ------------------------------------------------------**/
.share-contact{margin:8px auto; padding:0px;}
.share-contact ul{margin: 0px; padding: 0; list-style: none;}
.share-contact ul:after{content: ""; display: block; clear: both;}
.share-contact li{float: none; margin:0; padding:0; width: 100%;}
.share-contact i{color:#ffffff; margin:0px 4px; padding:0; font-size: 1.5em;}
.share-contact p{margin: 0 auto; padding: 4px; color: #ffffff; font-size: 1.08em; text-align: center;}
.share-contact li a{display: block; margin: 0px auto; padding: 8px; color: #ffffff; font-size: 1.1em; text-align: center; text-decoration: none;}
.share-contact li a:hover{opacity: 0.5;}
/**-- share-contact_480 ------------------------------------------------------**/
.share-contact_480{margin:8px auto; padding:0px; width: 480px;}
.share-contact_480 ul{margin: 0px; padding: 0; list-style: none; line-height:1.5;}
.share-contact_480 ul:after{content: ""; display: block; clear: both;}
.share-contact_480 li:nth-child(1) {float: left; margin:0 10px 0 0; padding:0; width: 230px;}
.share-contact_480 li:nth-child(2) {float: right; margin:0 0 0 10px; padding:0; width: 230px;}
.share-contact_480 li span{font-size: 0.8em; display: block;}
.share-contact_480 i{color:#ffffff; margin:0px 4px; padding:0; font-size: 1.2em;}
.share-contact_480 p{margin: 8px auto; padding: 8px; color: #ffffff; font-size: 1.08em; text-align: center;}
.share-contact_480 li a{display: block; margin: 0 auto; padding: 8px; color: #ffffff; font-size: 1.1em; text-align: center; text-decoration: none;}
.share-contact_480 li a:hover{opacity: 0.5;}

/**-- share-contact_one ------------------------------------------------------**/
.share-contact_one{margin:8px auto; padding:0px;}
.share-contact_one ul{margin: 0px; padding: 0; list-style: none; line-height:1.5;}
.share-contact_one ul:after{content: ""; display: block; clear: both;}
.share-contact_one li {float: left; margin:0 auto 0; padding:0; width: 100%;}
.share-contact_one li span{font-size: 0.88em; display: block;}
.share-contact_one i{color:#ffffff; margin:0px 4px; padding:0; font-size: 1.2em;}
.share-contact_one p{margin: 8px auto; padding: 8px; color: #ffffff; font-size: 1.08em; text-align: center;}
.share-contact_one li a{display: block;
margin: 0 auto;
padding: 8px;
color: #ffffff;
font-size: 1.2em;
text-align: center;
text-decoration: none;}
.share-contact_one li a:hover{opacity: 0.5;}

/**-- share-contact2カラム ------------------------------------------------------**/
.share-contact2row{margin:8px auto; padding:0px;}
.share-contact2row ul{margin: 0px; padding: 0; list-style: none; line-height:1.5;}
.share-contact2row ul:after{content: ""; display: block; clear: both;}
.share-contact2row li:nth-child(1) {float: left; margin:0 0.5% 0 0; padding:0; width: 49.5%;}
.share-contact2row li:nth-child(2) {float: right; margin:0 0 0 0.5%; padding:0; width: 49.5%;}
.share-contact2row li span{font-size: 0.7em; display: block;}
.share-contact2row i{color:#ffffff; margin:0px 4px; padding:0; font-size: 1.2em;}
.share-contact2row p{margin: 8px auto; padding: 8px; color: #ffffff; font-size: 1.08em; text-align: center;}
.share-contact2row li a{display: block; margin: 0 auto; padding: 8px; color: #ffffff; font-size: 1.1em; text-align: center; text-decoration: none;}
.share-contact2row li a:hover{opacity: 0.5;}

/* share-共通 ----------------------------------------------- */
.share-phone{background-color: #239e3a; border: solid 1px #ffffff;}
.share-mail{background-color: #4199d5; border: solid 1px #ffffff;}
.share-tel{background-color: #efb917; border: solid 1px #ffffff;}
.share-line{background-color: #06c755; border: solid 1px #ffffff;}
.share-rss{background-color: #13a4a0; border: solid 1px #ffffff;}
.share-line-w{background-color: #06c755; border: solid 1px #ffffff;}
.share-hpb{background-color: #a21e4e; border: solid 1px #ffffff;}
.share-youtube{background-color: #ff0000; border: solid 1px #ffffff;}

/* ovlight_2-banner 2カラム------------------------------------------------------------*/
.ovlight_2-banner{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_2-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-banner ul:after{content: ""; display: block; clear: both}
.ovlight_2-banner li:nth-child(1) {float: left; margin:0; padding:0 0.25%; width: 50%;}
.ovlight_2-banner li:nth-child(2) {float: right; margin:0; padding:0 0.25%; width: 50%;}
.ovlight_2-banner li:nth-child(3) {float: left; margin:0; padding:0 0.25%; width: 50%;}
.ovlight_2-banner li:nth-child(4) {float: right; margin:0; padding:0 0.25%; width: 50%;}

/* ovlight_3-banner 3col カラム pricemenu css------------------------------------------------------------*/
.ovlight_3-banner{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_3-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_3-banner ul:after{content: ""; display: block; clear: both}
.ovlight_3-banner li:nth-child(1) {float: left; margin:0; padding:0 0.5% 0 0; width: 33.3%;}
.ovlight_3-banner li:nth-child(2) {float: left; margin:0; padding:0 0.5% 0; width: 33.3%;}
.ovlight_3-banner li:nth-child(3) {float: left; margin:0; padding:0 0 0 0.5%; width: 33.3%;}

/**-- social-iconlist ------------------------------------------------------**/
.social-iconlist{display: flex; justify-content: space-between; flex-wrap: wrap; /*align-items: center;*/ margin: 0 auto 48px; padding: 5% 5% 0;}
.social-iconlist:after{content: ""; display: block; clear: both}
.social-iconlist dl{margin: 0 auto; padding: 0;}
.social-iconlist dl{color:#333333;}
.social-iconlist dt,
.social-iconlist dd,
.social-iconlist ul,
.social-iconlist ul li{display: inline-block;}
.social-iconlist dt{text-transform: uppercase;}
.social-iconlist ul li{margin:0 8px;}
.social-iconlist ul img{width:20px;}
.social-iconlist ul li i{font-size:1.8em; color:#28a452;}

/* menu-img4row 4col servicemenu-------------------------------------------------------*/
.menu-img4row{margin: 0 auto; padding:0px;}
.menu-img4row ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img4row li a{display: block; padding: 8px; transition: all .3s;}
.menu-img4row li a:hover{background:rgba(40,164,82,0.3); }
.menu-img4row ul:after{content: ""; display: block; clear: both}
.menu-img4row li{float: left; margin:0.25%; padding:0; width: 24.5%; border:solid 1px #28a452; line-height:1.3;}
.menu-img4row img{max-width: 100%; height: auto; padding:0;}
.menu-img4row h3{font-size: 1.3em; letter-spacing: 0.01em; font-weight: 300; color:#28a452;}
.menu-img4row p{font-size: 0.8em; letter-spacing: 0.01em; font-weight: normal; color:#888888;}
/* menu-img3row 3col servicemenu-------------------------------------------------------*/
.menu-img3row{margin: 0 auto; padding:0px;}
.menu-img3row ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img3row li a{display: block; padding: 2px 8px; transition: all .3s;}
.menu-img3row li a:hover{background:rgba(40,164,82,0.3); }
.menu-img3row ul:after{content: ""; display: block; clear: both}
.menu-img3row li{float: left; margin:0.5%; padding:0; width: 32.33%; border:solid 1px #28a452; line-height:1.3;}
.menu-img3row img{max-width: 100%; height: auto; padding:0;}
.menu-img3row h3{font-size: 1.3em; letter-spacing: 0.01em; font-weight: 300; color:#28a452;}
.menu-img3row p{font-size: 0.8em; letter-spacing: 0.01em; font-weight: normal; color:#888888;}
/* menu-img5row 5col servicemenu-------------------------------------------------------*/
.menu-img5row{margin: 0 auto; padding:0px;}
.menu-img5row ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img5row li a{display: block; padding: 8px; transition: all .3s;}
.menu-img5row li a:hover{background:rgba(40,164,82,0.3); }
.menu-img5row ul:after{content: ""; display: block; clear: both}
.menu-img5row li{float: left; margin:0.25%; padding:0; width: 19.5%; border:solid 1px #28a452; line-height:1.3;}
.menu-img5row img{max-width: 100%; height: auto; padding:0;}
.menu-img5row h3{font-size: 1.3em; letter-spacing: 0.01em; font-weight: 300; color:#28a452;}
.menu-img5row p{font-size: 0.8em; letter-spacing: 0.01em; font-weight: normal; color:#888888;}

/* ovlight-img2 2カラム------------------------------------------------------------*/
.ovlight-img2{margin: 0 auto 18px; padding:0px;}
.ovlight-img2 p{margin:0; padding:0; text-align: center;}
.ovlight-img2 ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.ovlight-img2 li a{display: block; background: #333333; }
.ovlight-img2 ul:after{content: ""; display: block; clear: both}
.ovlight-img2 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 img{max-width: 100%; height: auto; padding:0;}
/* ovlight-img4 4カラム------------------------------------------------------------*/
.ovlight-img4{margin: 0 auto 48px; padding:0px;}
.ovlight-img4 p{text-align: center;}
.ovlight-img4 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img4 li a{display: block; }
.ovlight-img4 ul:after{content: ""; display: block; clear: both}
.ovlight-img4 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(2) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(3) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(4) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 img{max-width: 100%; height: auto; padding:0;}
.ovlight-img4 h6{font-size: 1.5em; margin: 0 auto; padding:0; line-height:1.5;}
.ovlight-img4 h6 span{font-size:0.7em; margin:0 8px 0; padding:0; color:#888888; font-weight:normal;}

/* column4-ovlight 4col shadow none------------------------------------------------------------*/
.column4-ovlight{margin: 8px auto 18px; padding:0px;}
.column4-ovlight ul{margin: 8px auto; padding: 0; list-style: none;}
.column4-ovlight li a{display: block; padding: 4px;}
.column4-ovlight li a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
.column4-ovlight ul:after	{content: ""; display: block; clear: both}
.column4-ovlight li{float:left; margin: 0.25%; padding:0; width: 24.5%; text-align: center;}
.column4-ovlight img{max-width: 100%; height: auto;}
.column4-ovlight h5{font-size: 1.2em; margin: 0 auto; padding:0; line-height:1.2;}
.column4-ovlight h5 span{font-size:0.7em; margin:0 8px 0; padding:0; color:#333333;}
.column4-ovlight h6{font-size: 1.2em; margin: 8px auto; padding:0; line-height:1.5;}
.column4-ovlight h6 span{font-size:0.7em; margin:0 8px 0; padding:0; color:#888888; font-weight:normal;}

/* column4-staff 4col shadow none------------------------------------------------------------*/
.column4-staff{margin: 22px auto; padding:0px;}
.column4-staff ul{margin: 8px auto; padding: 0; list-style: none;}
.column4-staff li a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
.column4-staff ul:after	{content: ""; display: block; clear: both}
.column4-staff li{float:left; margin: 1%; padding:1% 0.5%; width: 23%; text-align: center; background:#ededec;}
.column4-staff img{max-width: 100%; height: auto;}
.column4-staff h5{font-size: 1.3em; margin: 8px auto; padding:0; line-height:1.2;}
.column4-staff h5 span{font-size:0.8em; margin:0 8px 0; padding:0; color:#333333;}
.column4-staff h6{font-size: 1.3em; margin: 0 auto; padding:0; line-height:1.5;}
.column4-staff h6 span{font-size:0.7em; margin:0 8px 0; padding:0; color:#888888;}

/* column-recruit-ovlight 4col shadow none　リクルート限定------------------------------------------------------------*/
.column-recruit-ovlight{margin: 18px auto 0; padding:0px;}
.column-recruit-ovlight ul{margin: 8px auto; padding: 0; list-style: none;}
.column-recruit-ovlight li a{display: block; padding: 4px;}
.column-recruit-ovlight li a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
.column-recruit-ovlight ul:after	{content: ""; display: block; clear: both}
.column-recruit-ovlight li{float:left; margin: 0.25%; padding:0; width: 19.5%; text-align: center;}
.column-recruit-ovlight img{max-width: 100%; height: auto;}

/* course-list ------------------------------------------------------------*/
.course-list{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: stretch; margin:0 auto;}
.course-list-inner:nth-child(1) {width:50%; position: relative; margin:8px auto 22px; padding:0 2px;}
.course-list-inner:nth-child(2) {width:50%; position: relative; margin:8px auto 22px; padding:0 2px;}
.course-list aside{width:48%; position: relative; margin:1%; padding:18px 18px; border:solid 1px #cccccc;}

/* img-left --------------------------------------------*/
.img-left{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-left img{float: left; margin: 0 22px 0 0; vertical-align: top; max-width: 48%; height: auto;/* border-radius:4px;*/}
.img-left p{margin: 4px auto; padding:0;}
.img-left:after{content: ""; display: block; clear: both;}
.img-left{*zoom: 1;}
/* img-left-sub --------------------------------------------*/
.img-left-sub{width: 80%; padding:8px; margin:22px auto; border-radius:8px; background:#ffffff;}
.img-left-sub img{float: left; margin: 0 33px 0 0; vertical-align: top; max-width: 48%; height: auto;/* border-radius:4px;*/}
.img-left-sub p{margin: 4px auto; padding:0;}
.img-left-sub:after{content: ""; display: block; clear: both;}
.img-left-sub{*zoom: 1;}

/* img-left_recruit --------------------------------------------*/
.img-left_recruit{width: 100%; padding:8px; margin:8px auto; border:solid 1px #cccccc; border-radius:10px; background:#ffffff; }
.img-left_recruit img{float: left; margin: 0 18px 0 0; vertical-align: top; max-width: 40%; height: auto; border-radius:10px;}
.img-left_recruit p{margin: 4px auto; padding:0;}
.img-left_recruit:after{content: ""; display: block; clear: both;}
.img-left_recruit{*zoom: 1;}

/* img-left-RicoFeliche-staff --------------------------------------------*/
.img-left-RicoFeliche-staff{width: 100%; padding:8px; margin:22px auto 0; border-radius:8px; border: 2px dashed #ffffff;}
.img-left-RicoFeliche-staff img{float: left; margin: 0 33px 0 0; vertical-align: top; max-width: 48%; height: auto;/* border-radius:4px;*/}
.img-left-RicoFeliche-staff p{margin: 4px auto; padding:0; font-size: 0.88em;}
.img-left-RicoFeliche-staff:after{content: ""; display: block; clear: both;}
.img-left-RicoFeliche-staff{*zoom: 1;}

/* img-right --------------------------------------------*/
.img-right{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-right img{float: right; margin: 0 0 0 22px; vertical-align: top; max-width: 48%; height: auto;/* border-radius:4px;*/}
.img-right p{margin: 4px auto; padding:0;}
.img-right:after{content: ""; display: block; clear: both;}
.img-right{*zoom: 1;}

/* div_box --------------------------------------------*/
.div_box000{width: 100%; margin:22px auto; padding:18px; border:solid 1px #cccccc; border-radius: 4px; background-color: #ffffff;}
.div_box001{width: 100%; margin:0 auto; padding:4px; border:solid 1px #ffffff; border-radius: 4px; background-color: #28a452; color: #ffffff; line-height:1.2;}
.div_box001 span{font-size: 0.8em;}
.div_box002{width: 100%; margin:8px auto; padding:4px; border:solid 1px #ffffff; background-color: #ffffff; text-align:center; line-height:1.5;}
.div_boxfooter{width: auto; margin:18px auto 88px; padding:0; text-align:center;}

/* arrow_box ------------------------------------------------------------*/
.arrow_box {position: relative; text-align:center; background: #eeeeee; padding:18px; color:#222222; font-size: 1.3em; font-weight:normal;}
.arrow_box span{font-size: 0.88em; padding:0 8px;}
.arrow_box br{display: none;/*display: block;*/}
.arrow_box:after {top: 100%; left: 50%; border: solid transparent;
content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
border-color: rgba(255, 255, 255, 0); border-top-color: #eeeeee; border-width: 20px; margin-left: -20px;}

/**--table_price ---------------------------------------------**/
.table_price{width: 80%; margin:0 auto; border-collapse: collapse; letter-spacing: 0.1em;}
.table_price th{text-align: right; font-size: 1.1rem; font-weight: normal; padding:8px; border-bottom: 1px solid #cccccc; line-height:1.8;}
.table_price td{text-align: left; color:#333333; font-size: 1rem; font-weight: normal; padding:8px; border-bottom: 1px solid #cccccc;}
.table_price th span{display: block; font-size: 0.8rem;}
.table_price td span{/*display: block;*/ font-size: 0.8rem;}
.table_price th.nor {white-space: nowrap;}
.table_price td.nor {white-space: nowrap;}
.table_price thead th{padding:8px; background-color: #ffffff; border-bottom: 1px solid #ebefe2;}

/**--table_price-100 ---------------------------------------------**/
.table_price-100{width: 100%; margin:18px auto 8px; border-collapse: collapse; letter-spacing: 0.1em;}
.table_price-100 th{text-align: left; font-size: 1.3rem; font-weight: normal; padding:8px 18px; border-bottom: 1px solid #cccccc; line-height:1.8;}
.table_price-100 td{text-align: right; color:#333333; font-size: 1.5rem; font-weight: normal; padding:8px 18px; border-bottom: 1px solid #cccccc;}
.table_price-100 th span{display: block; font-size: 1rem;}
.table_price-100 td span{/*display: block;*/ font-size: 1rem;}
.table_price-100 th.nor {white-space: nowrap;}
.table_price-100 td.nor {white-space: nowrap;}
.table_price-100 td.color {color:#de3d27; font-size: 1.1rem; }
.table_price-100 th.color {color:#de3d27; font-size: 1.1rem; }
.table_price-100 th.taxin {border-bottom: none; padding:0 8px 18px;} /*tax表記*/
.table_price-100 td.taxin {border-bottom: none; padding:0 8px 18px;} /*tax表記*/
.table_price-100 th.option {border-bottom: none; padding:0 8px 48px;} /*シャンプー・ブロー表記*/
.table_price-100 td.option {border-bottom: none; padding:0 8px 48px;} /*シャンプー・ブロー表記*/
.table_price-100 thead th{padding:8px; background-color: #ffffff; border-bottom: 1px solid #ebefe2;}

/**--table_info ---------------------------------------------**/
.table_info{width: 80%; margin:22px auto; border-collapse: collapse; font-size:1rem;}
.table_info td{text-align: left; font-size: 1.1rem; font-weight: normal; padding:18px 22px; border-bottom: 1px solid #cccccc;}
.table_info th{text-align: left; font-size: 1.1rem; font-weight: normal; padding:18px 22px; border-bottom: 1px solid #cccccc;}
.table_info td.nor {white-space: nowrap; font-weight: normal;}
.table_info th.nor {white-space: nowrap; font-weight: normal;}
.table_info thead th{padding:8px; border-bottom: 1px solid #cccccc;}
.table_info span{padding:0 18px;}
.table_info td.red,.table_info th.red {color:#d90000;}
.table_info i{margin:0 4px; font-size:1.5em; color:#333333; }

/**--table_info fontsize s border white---------------------------------------------**/
.table_info-sub{width: 100%; margin:0px auto 18px; border-collapse: collapse;}
.table_info-sub td{text-align: left; font-size: 1rem; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2;}
.table_info-sub th{text-align: left; font-size: 1rem; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2;}
.table_info-sub td.nor {white-space: nowrap;}
.table_info-sub th.nor {white-space: nowrap;}
.table_info-sub i{color:#555555; font-size:2em; padding:0 4px 0 0;}

/**--table_recruit ---------------------------------------------**/
.table_recruit{width: 1000px; margin:22px auto 88px; border-collapse: collapse; border: 1px solid #cccccc;}
.table_recruit td{text-align: left; font-weight: normal; padding:18px; border-bottom: 1px solid #cccccc;}
.table_recruit th{text-align: left; font-weight: normal; padding:18px; border-bottom: 1px solid #cccccc; background-color: #d7f1f9;}
.table_recruit td.nor {white-space: nowrap; font-weight: normal;}
.table_recruit th.nor {white-space: nowrap; font-weight: normal;}
.table_recruit thead th{padding:8px; border-bottom: 1px solid #cccccc;}
.table_recruit p{margin:8px auto 8px; padding:4px; border:1px solid #cccccc;}
.table_recruit ul{list-style:none; margin:0; padding:0;}
.table_recruit ul li{margin:0 auto; padding:0; list-style: none; font-size:1em;}
.table_recruit ul li span{margin:2px 0 3px 22px; padding:0; list-style: none; font-size:0.88em;}
.table_recruit li.sub{margin:2px 0 18px 18px; padding:0; list-style: none; font-size:1em;}
.table_recruit i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
.table_recruit span{}


/**--table_info-reruit ---------------------------------------------**/
.table_info-reruit{width: 100%; margin:0px auto 18px; border-collapse: collapse;}
.table_info-reruit i{color:#555555; font-size:2em; padding:0 4px 0 0;}
.table_info-reruit td{text-align: left; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2;}
.table_info-reruit th{text-align: left; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2; font-size:0.88em;}
.table_info-reruit td span{/*display: block; font-size: 0.8rem;*/}
.table_info-reruit th span{/*display: block; font-size: 0.8rem;*/}
.table_info-reruit td.nor {white-space: nowrap;}
.table_info-reruit th.nor {white-space: nowrap; font-weight: bold;}

/**--table_staff---------------------------------------------**/
.table_staff{width: 100%; margin:0px auto 18px; border-collapse: collapse;}
.table_staff td{text-align: left; font-size: 1rem; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2;}
.table_staff th{text-align: left; font-size: 1rem; font-weight: normal; padding:8px 18px 8px; border-bottom: 1px solid #ebefe2;}
.table_staff td.nor {white-space: nowrap;}
.table_staff th.nor {white-space: nowrap;}
.table_staff i{color:#555555; font-size:2em; padding:0 4px 0 0;}

/**--table_news ---------------------------------------------**/
.table_news{width: auto; margin:18px auto 18px; padding:0 22px; border-collapse: collapse;}
.table_news i{color:#555555; font-size:2em; padding:0 4px 0 0;}
.table_news td{text-align: right; font-weight: normal; padding:18px; border-bottom: 1px solid #cccccc;}
.table_news th{text-align: left; font-weight: normal; padding:18px; border-bottom: 1px solid #cccccc;}
.table_news td span{/*display: block; font-size: 0.8em;*/}
.table_news th span{/*display: block; font-size: 0.8em;*/}
.table_news td.nor {white-space: nowrap;}
.table_news th.nor {white-space: nowrap;}


/* --- map google -----------------------------------------------*/
/* google-maps -----------------------------------------------------*/
.google-maps {width: 100%; position: relative; padding-top: 56.25%; border: 1px solid #cccccc;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#maps {width: 100vw; margin: 0 auto; padding:0; height: 480px;}