@charset "utf-8";
/*-------------------------
汎用パーツ
---------------------------*/
/*iconlink*/
.btnlink{
  display:inline-block;
  background:#f385a8;
  border-radius:4px;
  box-shadow: 0px 0px 3px #e9e9e9;
  color:#fff;
  font-size:14px;
  padding:11px 20px;
  line-height:100%;
}
.btnlink:hover{
  color:#fff;
  background:#f83b77;
  text-decoration:none;
}
.morelink{
  display:inline-block;
  background:#eee;
  border-radius:2px;
  color:#5b8d9f;
  font-size:14px;
  padding:5px 10px;
  line-height:100%;
  margin-left:5px;
}
.morelink:hover{
  color:#fff;
  background:#8badb9;
  text-decoration:none;
}
.circle{overflow: hidden;border-radius:9999px;}
.serif{font-family: serif;}
/*h2-h6*/
H2{}
H3{font-weight:normal;}
H4{}
H5{}
H6{}
/*date*/
.date{font-size:12px;color:#999;}

/*-------------------------
#h1_wrap
---------------------------*/
/*-------------------------
#header
---------------------------*/
#header{background:#ffffff;border-bottom:1px solid #d1ebf4}
#header #sitelogo{position:relative;width:1000px;margin:0 auto;}
#header #sitelogo p{position:absolute;top:0px; left:0px;box-shadow:0 0 2px #bbb;}
#header #sitelogo a:hover img{opacity:1;}
#header #h1_wrap{background:#d1ebf4;height:26px;overflow: hidden;}
#header #h1_wrap h1{
  color:#7b98a2;font-size:13px;text-align:right;font-weight:normal;
  line-height:26px;width:1000px;margin:0 auto;padding:0;
}
#header .headnav{
  width:1000px;
  margin:0 auto;
  text-align:right;
  height:46px;
  padding:0px;
  padding-top:5px;
}
#header .headnav ul{list-style-type: none;text-align:right;margin-top:0px;}
#header .headnav li{display:inline-block;padding:0px;}
#header .headnav li a.txtlink{
  font-size:14px;
  color:#1eb9ee;
  line-height:30px;
  display:inline-block;
  border-left:1px dotted #1eb9ee;
  padding:0px 16px;
  margin-top:5px;
}
#header .headnav li:nth-of-type(2) a.txtlink{border-right:1px dotted #1eb9ee;}
#header .headnav li a.homelink{background:url(../img/common/home_icon.png) no-repeat 10px 49%;padding-left:35px}
#header .headnav li a.btnlink{
  margin-left:18px;
}
#header #gnav{width:1000px;margin:0 auto;height:50px;}
#header #gnav UL{overflow: hidden;padding-left:156px;}
#header #gnav UL LI{float:left;}
#header #gnav UL LI a{}
#header #gnav UL LI a:hover IMG{opacity: 1;}

/*-------------------------
#contact_banner
---------------------------*/
#contact_banner{width:920px;height:110px;margin:50px auto 0;background:url(../img/common/contact_bg.jpg);position:relative;}
#contact_banner .tellink {position:absolute;top:22px;left:379px;}
#contact_banner .formlink{position:absolute;top:22px;right:29px;}
#contact_banner a:hover{background:#fff;}

/*-------------------------
#footer
---------------------------*/
#footer{background:#f3f7f9;margin-top:80px;padding-bottom:40px;padding-top:30px;}
#footer .logo{float:left;width:25%;}
#footer .fmenu{float:left;width:25%;}
#footer .fmenu li{margin-top:10px;}
#footer .fmenu a{color:#666f73;}
#footer .fmenu a:hover{color:#1eb9ee;}
#footer .lower{padding-top:45px;}
#footer .school{width:228px;border:1px solid #1eb9ee;background:#fff;float:left;margin-right:13px;padding:4px 0px 0px;}
#footer .school:nth-of-type(4){margin-right:0;}
#footer .school .school_name{font-size:16px;color:#1eb9ee;border-bottom:1px solid #cedbe2;margin:0px 4px;}
#footer .school .school_adress{font-size:14px;color:#666f73;margin:0px 4px;}
#footer .school.china .school_adress{font-size:12px;color:#666f73;margin:0px 4px;}
#footer .school .school_tell{background:#1eb9ee;text-align:center;color:#fff;font-size:14px;}
#copy{background:#1eb9ee;padding:10px 0}
#copy P{text-align:center;color:#fff;font-size:14px;}
#footer .impactlink{text-align:right;margin-top:20px;}
/*-------------------------
#gototop
---------------------------*/
#gototop{position:fixed;bottom:100px;right: 0px;}
#gototop a{display:inline-block;background:rgba(255,255,255,0.3);box-shadow:0px 0px 3px #ccc;}
#gototop a:hover{background:rgba(255,255,255,0.8);}

/*-------------------------
HOME
---------------------------*/
#kv{background:#eee url(../img/home/kv.jpg) no-repeat 50% top;}
#kv h2{text-align:center;}
#home_bdy{}
#home_bdy H3{text-align:center;color:#3e3e3e;line-height:120%;margin-bottom:24px;}
#home_bdy H3 .eng{font-size:23px;}
#home_bdy H3 .jpn{font-size:14px;}
/* -------- news -------- */
#home_bdy #news{position:relative;margin-top:50px;}
#home_bdy #news li{border-bottom:1px dashed #d3dadc;padding:5px 10px;font-size:14px;}
#home_bdy #news li .day{display:inline-block;margin-right:15px;color:#717171;}
#home_bdy #news li .cat_icon{display:inline-block;width:8em;border-radius:2px;text-align:center;margin-right:15px;color:#fff;background:#1eb9ee}
#home_bdy #news .more{position:absolute;top:0px;right:0px;}
/* -------- pr_banner -------- */
#home_bdy #pr_banner{margin-top:30px;}
#home_bdy #pr_banner li{width:294px;border:3px solid #d2dde1;float:left;margin-right:10px;}
#home_bdy #pr_banner li:nth-of-type(3){margin-right:0;}
/* -------- bg2 -------- */
#home_bdy .bg2{background-color:#edf8fc;padding:40px 0 60px;margin-top:70px;}
#home_bdy .bg2 H3{color:#1eb9ee;}
/* -------- garelly -------- */
#home_bdy #garelly{position:relative;margin-top:70px;}
#home_bdy #garelly li{width:145px;float:left;margin-right:10px;border-radius:8px;overflow: hidden;position:relative;}
#home_bdy #garelly li:nth-of-type(6){margin-right:0;}
#home_bdy #garelly li img{width:145px;height:145px;}
#home_bdy #garelly li .overlay{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:145px;
  height:145px;
}
#home_bdy #garelly li .overlay span{
  display:table-cell;
  width:145px;
  height:145px;
  background:rgba(30, 185, 238, 0.38);
  text-align:center;
  vertical-align:middle;
  color:#fff;
  text-decoration: none;
  text-shadow:0px 0px  2px #000;
  opacity:0;
  transition: opacity 0.3s ease-out;
}
#home_bdy #garelly li .overlay:hover{text-decoration: none;}
#home_bdy #garelly li .overlay span:hover{
  opacity:1;
  transition: opacity 0.3s ease-out;}
#home_bdy #garelly .more{position:absolute;top:0px;right:0px;}
/* -------- instructor -------- */
#home_bdy #instructor{position:relative;margin-top:70px;}
#home_bdy #instructor dl{width:200px;float:left;margin-right:40px;}
#home_bdy #instructor dl:nth-of-type(4){margin-right:0;}
#home_bdy #instructor dt{text-align:center;}
#home_bdy #instructor .photo{border-radius:999px;overflow: hidden;margin-top:10px;}
#home_bdy #instructor .name{text-align:center;margin-top:10px;}
#home_bdy #instructor .name .jpn{font-size:20px;}
#home_bdy #instructor .name .eng{font-size:12px;}
#home_bdy #instructor .name a{color:#f380a4;}
#home_bdy #instructor .name a:hover{color:#f83b77;}
/* -------- consulting -------- */
#home_bdy #consulting .photobox{overflow: hidden;}
#home_bdy #consulting .photobox .photo{width:280px;float:left;}
#home_bdy #consulting .photobox .detail{width:600px;float:right;padding-top:20px;}
#home_bdy #consulting .photobox .photo img,
#home_bdy #consulting .photobox .photoR img{width:100%;}
#home_bdy #consulting .photobox .detail P{margin-bottom:20px;line-height:180%;font-size:18px;}



/*-------------------------
#page_title
---------------------------*/
#page_title{background:#f7f9fa;border-bottom:1px solid #e6eef2;margin-bottom:10px;}
#page_title .title_wrap{position:relative;height:80px;}
#page_title .title{
  font-size:24px;font-weight: normal;
  position:absolute;
  top:25px;
  left:0px;
  color:#356777;
  text-shadow: 1px 1px 0px #fff;
}
#page_title .title small{font-size:16px;display:inline-block;margin-left:15px;}
#page_title .subnav{
  position:absolute;
  bottom:0px;
  right:0px;
  text-align:right;
  border-right:dotted #ccc 1px;
}
#page_title .subnav li{
  display:inline-block;
  border-left:dotted #ccc 1px;
  padding-bottom:3px;
}
#page_title .subnav li a{display:block;padding:5px 10px 5px 18px;font-size:14px;background:url(../img/common/sublink.png) no-repeat 5px 50%;transition: background-position 0.3s ease-out;}
#page_title .subnav li a:hover{background-position:8px 50%;text-decoration:none;}
/*-------------------------
.breadcrumb
---------------------------*/
.breadcrumb{margin-top:5px;font-size:14px;padding-left:0px;}
.breadcrumb ul{list-style-type: none;}
.breadcrumb li{display:inline;font-size:14px;}

/*-------------------------
#page_bdy
---------------------------*/
#page_bdy{overflow: hidden;}
.page_main {margin-top:50px;}
.page_main H3{font-size:28px;font-weight:normal;color:#3e3e3e;text-align:center;margin-bottom:50px;}
.page_main H4{font-size:20px;font-weight:normal;border-bottom:2px solid #1eb9ee;padding:0px 5px 5px;color:#1eb9ee;}
.page_main H5{font-size:18px;font-weight:normal;}
.page_main H5:before{content:'◆ ';color:#1eb9ee;}
.page_main H6{font-weight:normal;font-size:16px;}
.page_main H6:before{content:'●　';color:#1eb9ee;font-size:10px;position:relative;top:-3px;}
.page_main IMG{max-width:100%;}
/* page_main */
.page_main * + H3{margin-top: 80px;}
.page_main * + H4{margin-top: 30px;}
.page_main * + H5{margin-top: 20px;}
.page_main * + H6{margin-top: 10px;}
.page_main * + P{margin-top: 10px;}
.page_main * + DL{margin-top: 20px;}
.page_main * + DIV{margin-top: 10px;}
.page_main * + TABLE{margin-top:20px;}
.page_main * + OL{margin-top:20px;}
.page_main P{line-height:160%;}
.page_main .border_btm{border-bottom: 1px dotted #ccc;}

.page_main .photobox{overflow: hidden;}
.page_main .photobox .photo{width:260px;float:left;}
.page_main .photobox .detail{width:640px;float:right;}
.page_main .photobox .photoR{width:260px;float:right;}
.page_main .photobox .detailL{width:640px;float:left;}
.page_main .photobox .photo img,
.page_main .photobox .photoR img{width:100%;}
.page_main .photobox div{margin-top:0px;}
/*about*/.about .page_main .service  .photobox{margin-bottom:50px;}
/*salon*/.salon .page_main .photobox .photoR{width:400px;}
/*salon*/.salon .page_main .photobox .detailL{width:500px;}
/*consulting*/.consulting .page_main .photobox{margin-top:30px;}
/*consulting*/.consulting .page_main .photobox .photoR{width:500px;}
/*consulting*/.consulting .page_main .photobox .detailL{width:400px;}

.page_main .list_area li{margin:8px 0;}
.page_main .list_area li:before{content:'● ';color:#1eb9ee;font-size:12px;position:relative;top:-2px;}
.page_main .list_area li li{margin-left:20px;}
.page_main .list_area li.none:before{content:'';}

.page_main .col3{overflow: hidden;margin-top:10px;}
.page_main .col3 li{width:300px;margin-right:6px;float:left;text-align:center;}
.page_main .col3 li:nth-of-type(3n){margin-right:0px;}
.page_main .col3 li:nth-of-type(n+4){margin-top:10px;}

.page_main .col2{overflow: hidden;margin-top:10px;}
.page_main .col2 li{width:455px;margin-right:10px;float:left;text-align:center;}
.page_main .col2 li:nth-of-type(2n){margin-right:0px;}
.page_main .col2 li:nth-of-type(n+3){margin-top:10px;}

.page_main blockquote{padding-left:20px;color:#333;font-style: italic;margin:20px 0;line-height:160%;}

.page_main table{border:1px solid #8badb9;background:#fff;border-collapse: collapse;width:100%;}
.page_main table th{border:1px solid #8badb9;background:rgba(30, 185, 238, 0.31);color:#4c626a;text-align: center; padding:3px 10px;}
.page_main table td{border:1px solid #8badb9;text-align: left;padding:3px  10px;}

.page_main .listmark{margin-left:20px;}
.page_main .listmark li{font-style: normal;margin:10px 0;line-height:160%;font-size:18px;}
.page_main .listmark li:before{content:'● ';color:#fc8db1;font-size:12px;position:relative;top:-2px;}

.page_main DL{margin-top:20px;}
.page_main DT{color:#1eb9ee;font-weight: bold;}
.page_main DD{padding-left:20px;}
.page_main .dltable dl{display:table;border:1px solid #8badb9;background:#fff;border-collapse: collapse;width:100%;margin-bottom:2px;margin-top:0px;box-sizing: border-box;}
.page_main .dltable dt{display:table-cell;border:1px solid #8badb9;background:rgba(30, 185, 238, 0.31);color:#4c626a;text-align: center; padding:3px 10px;width:30%;box-sizing: border-box;}
.page_main .dltable dd{display:table-cell;border:1px solid #8badb9;text-align: left;padding:3px  10px;width:70%;box-sizing: border-box;}

.page_main .rows_area{overflow: hidden;margin-top:10px;}
.page_main .rows_area li{width:290px;margin-right:7px;float:left;text-align:center;padding:5px;border:1px solid #ccc;}
.page_main .rows_area li:nth-of-type(3n){margin-right:0px;}
.page_main .rows_area li:nth-of-type(n+4){margin-top:10px;}
.page_main .rows_area li IMG{width:100%;}
.page_main .rows_area li P{margin-top:5px;text-align:left;}

.page_main .circle{overflow: hidden;border-radius:9999px;}

.page_main .thumnails{position:relative;}
.page_main .thumnails li{width:175px;float:left;margin-right:10px;border-radius:8px;overflow: hidden;position:relative;}
.page_main .thumnails li:nth-of-type(5n){margin-right:0;}
.page_main .thumnails li:nth-of-type(n+6){margin-top:20px;}
.page_main .thumnails li img{width:175px;height:175px;}
.page_main .thumnails li .overlay{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:175px;
  height:175px;
}
.page_main .thumnails li .overlay span{
  display:table-cell;
  width:175px;
  height:175px;
  background:rgba(30, 185, 238, 0.38);
  text-align:center;
  vertical-align:middle;
  color:#fff;
  text-decoration: none;
  text-shadow:0px 0px  2px #000;
  opacity:0;
  transition: opacity 0.3s ease-out;
}
.page_main .thumnails li .overlay:hover{text-decoration: none;}
.page_main .thumnails li .overlay span:hover{
  opacity:1;
  transition: opacity 0.3s ease-out;}

.page_main .databox{background:#e8f6fa;border-bottom:2px solid #8badb9;padding:10px;box-sizing: border-box;margin-bottom:30px;}
.page_main .databox *{margin:0px;}
.page_main .databox dl{overflow:hidden;margin-top:8px;font-size:14px;}
.page_main .databox dt{background:#1eb9ee;color:#fff;float:left;width:8em;text-align:center;border-radius:999px;font-weight: normal;}
.page_main .databox dd{padding-left:8.5em;}
.page_main .databox h4{border-bottom-width: 0px;}
.page_main .databox P{margin-top:8px;font-size:14px;line-height:140%;}
.page_main .databox .photobox .photo{width:300px;}
.page_main .databox .photobox .detail{width:580px;}

.page_main .datalist dl{overflow:hidden;margin-top:8px;}
.page_main .datalist dt{background:#1eb9ee;color:#fff;float:left;width:7em;text-align:center;font-weight: normal;border-radius:999px;}
.page_main .datalist dd{padding-left:7.5em;}


.page_main .mapbox{overflow: hidden;}
.page_main .mapbox .photo{width:490px;float:left;border:3px solid #ccc;margin:0;padding:0;line-height:0px;}
.page_main .mapbox .photo IFRAME{width:100%;height:350px;margin:0;padding:0;}
.page_main .mapbox .detail{width:400px;float:right;}
.page_main .mapbox .photoR{width:490px;float:right;}
.page_main .mapbox .detailL{width:400px;float:left;}
.page_main .mapbox_full IFRAME{width:100%;height:300px;}
/*salon*/.salon .page_main .mapbox_full{margin-top:30px;}
.mapbox_full.-shop{margin-top:30px;}

.page_main .reasonbox{overflow: hidden;}
.page_main .reasonbox .photo {width:300px;}
.page_main .reasonbox .detail{width:600px;}
.page_main .reasonbox .photo img{width:100%;}
.page_main .reasonbox dt{font-size:32px;font-weight:normal;}
.page_main .reasonbox dd{font-size:20px;color:#666;}
.page_main .reasonlist .reasonbox:nth-child(2n+1) .photo{float:left;}
.page_main .reasonlist .reasonbox:nth-child(2n+1) .detail{float:right;}
.page_main .reasonlist .reasonbox:nth-child(2n) .photo{float:right;}
.page_main .reasonlist .reasonbox:nth-child(2n) .detail{float:left;}

/* for contact*/
.page_main .likeTbl{display:table;width:100%;background:#eee;margin:1px 0 0!important;padding:0;}
.page_main .likeTbl .likeTh{display:table-cell;width:30%;background:#d8e5ea;color:#333;vertical-align:middle;padding:10px;box-sizing: border-box;border-right:1px solid #fff;font-weight: normal;text-align:left;margin:0;}
.page_main .likeTbl .likeTd{display:table-cell;width:70%;background:#e8f1f5;vertical-align:middle;padding:10px;box-sizing: border-box;margin:0;}
.page_main .likeTbl .likeTd input[type=text]{width:60%;line-height:200%;padding:5px;}
.page_main .likeTbl .likeTd input#zip{width:30%;}
.page_main .likeTbl .likeTd input#old{width:30%;}
.page_main .likeTbl .likeTd label{display:inline-block;padding:5px 10px;margin-right:20px;}
.page_main .likeTbl .likeTd label:hover{box-shadow: 0 0 3px rgba(0,0,0,0.5);border-radius:6px;}
.page_main .likeTbl .likeTd textarea{width:80%;height:200px;padding:5px;}
.page_main .sendbtn{margin-top:30px;}
.page_main .input_btn .btnlink{
  width:60%;
  padding:20px 0;
  font-size:24px;
}
.page_main .thanks P{text-align: center;}

/* for salon*/
.salon .page_main .datalist dt{background:#815c1b;}

/* for menu*/
.pricelist_wrap{overflow:hidden;}
.pricelist_wrap H3{margin:50px 0 20px;padding-top:30px;color:#464543;}
.pricelist_wrap H4{text-align:center;border-bottom-width: 0px;color:#5d4417;}
.pricelist DL{overflow:hidden;border-bottom:1px dotted #ccc;width:80%;margin:20px auto 0px}
.pricelist DT{float:left;width:80%;text-align:left;padding:0px 0px;font-weight:normal;color:#815c1b;}
.pricelist DT span{display:block;font-size:12px;color:#666;}
.pricelist DD{float:right;width:20%;text-align: left;padding:0px 0px;color:#862929;}

/* for menu*/
.anchornav{text-align:center;margin-top:20px;}
.anchornav li{display:inline-block;border-left:1px solid #eee;border-right:1px solid #eee;margin:5px 3px 0px;}
.anchornav li a{display:block;padding:5px 10px 10px;font-size:14px;background:url(../img/common/anchorlink.png) no-repeat 50% 90%;color:#815c1b;transition: background-position 0.3s ease-out;}
.anchornav li a:hover{background-position:50% bottom;color:#333;}

/* for recruite*/
.recruite .page_main .datalist dt{width:8em;}
.recruite .page_main .datalist dd{padding-left:8.5em;}
.recruite h4{text-align:left;font-size:24px;}
.recruite h4 small{font-size:14px;color:#333;}

/* for educator */
.educator .page_main .border_btm{padding-bottom:70px;}
.educator .profL{float:left;width:49%;}
.educator .profR{float:right;width:49%;}

/*------------------------
archive_area
------------------------*/
.archive_area .photobox{overflow: hidden;background:#fff;border-bottom:1px dotted #8badb9;padding:10px 0px;box-sizing: border-box;margin-top:10px;}
.archive_area .photobox .photo{width:200px;height:150px;border-radius:8px;overflow: hidden;float:left;}
.archive_area .photobox .detail{width:700px;float:right;}
.archive_area .photobox .detail .post_ttl{font-size:20px;}
.archive_area .photobox .detail .date{font-size:12px;text-align:right;color:#999;}
.archive_area .photobox .detail .excerpt{margin-top:5px;}


/*------------------------
ページナビ
------------------------*/
.pagenav {
  overflow: hidden;
  margin: 50px auto 0;
  text-align: center;
  color: #1eb9ee;
}
.pagenav span.current {
  color: #fff;
  text-decoration: none;
  height: 33px;
  width: 33px;
  line-height: 33px;
  border: 1px solid #1eb9ee;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  background:#1eb9ee;
}
.pagenav a {
  color: #1eb9ee;
  text-decoration: none;
  height: 33px;
  width: 33px;
  line-height: 33px;
  border: 1px solid #1eb9ee;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.pagenav a:hover {
  color: #fff;
  text-decoration: none;
  background: #1eb9ee;
}
.pagenav .next a {
  border: none;
}
.pagenav .next a:hover {
  background: none;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pagenav .back a {
  border: none;
}
.pagenav .back a:hover {
  background: none;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* list_article */
.list_article{overflow:hidden;margin-top:40px;}
.list_article .previous{float:left;width:50%;}
.list_article .next{float:right;width:50%;text-align:right;}