@charset "UTF-8";
/*
Theme Name: BM SP
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 10px; font-size: 1rem; font-family: Helvetica, "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; line-height: 180%; background: #fff; position: relative; -webkit-text-size-adjust: 100%; max-width: 750px; margin-left: auto; margin-right: auto; }
body br { font-family: sans-serif; }

#container { font-size: 14px; font-size: 1.4rem; line-height: 180%; }

a:link, a:visited { color: #1AAACC; text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 0. 共通パーツ */
.u-mt0 { margin-top: 0; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt25 { margin-top: 25px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb25 { margin-bottom: 25px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0; }

.u-col { color: #81C4B3; }
.u-col__red { color: #D80000; }
.u-col__green { color: #006633; }

.u-mincho { font-family: "M+ C Type-1 (basic latin) Regular", "M+ Type-1 (general-j) Regular", Helvetica, "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-gothic { font-family: Helvetica, "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.u-top { vertical-align: top !important; }
.u-top th, .u-top td { vertical-align: top !important; }

.u-middle { vertical-align: middle !important; }
.u-middle th, .u-middle td { vertical-align: middle !important; }

.u-bottom { vertical-align: bottom !important; }
.u-bottom th, .u-bottom td { vertical-align: bottom !important; }

.c-wrap { max-width: 750px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

.c-wrap__separate { margin-left: 10px; margin-right: 10px; }

.u-bg__gray { background: #F6F6F6; }

.c-separate1 { margin-bottom: 60px; }

.c-column-2 > div, .c-column-2 > li { float: left; width: 48.591%; margin-left: 2.818%; margin-bottom: 2.818%; }
.c-column-2 > div:nth-child(2n+1), .c-column-2 > li:nth-child(2n+1) { clear: both; margin-left: 0; }
.c-column-2 .c-btn1 a { font-size: 13px; font-size: 1.3rem; }

.c-column-3 > div, .c-column-3 > li { float: left; width: 31.86%; margin-left: 2.21%; margin-bottom: 2.11%; }
.c-column-3 > div:nth-child(3n+1), .c-column-3 > li:nth-child(3n+1) { clear: both; margin-left: 0; }

.c-btn1 { text-align: center; }
.c-btn1 a, .c-btn1 span { display: block; text-align: center; color: #fff; font-weight: bold; background-color: #E0456C; padding: 15px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; font-size: 15px; font-size: 1.5rem; }
.c-btn1 a:after, .c-btn1 span:after { display: inline-block; *display: inline; *zoom: 1; vertical-align: -4px; content: ""; width: 9px; height: 19px; background: url(../img/common/icon_2.png) no-repeat center; background-size: contain; margin-left: 12px; }
.c-btn1__red { background-color: #D81B2F !important; }
.c-btn1__magenta { background-color: #D71669 !important; }

.c-title1 { text-align: center; font-size: 23px; font-size: 2.3rem; line-height: 140%; color: #331E12; padding: 18px 10px; font-weight: bold; }
.c-title1:first-letter { color: #E41F1F; }

.c-title2 { text-align: center; }
.c-title2 h3, .c-title2 h4 { display: inline-block; *display: inline; *zoom: 1; border-radius: 5px; margin-bottom: 20px; font-size: 22px; font-size: 2.2rem; line-height: 140%; padding: 8px 15px; position: relative; min-width: 80%; background-color: #ECE4E3; }
.c-title2 h3:before, .c-title2 h4:before { display: block; content: ""; position: absolute; left: 50%; bottom: -8px; margin-left: -5px; border-top: 8px solid #ECE4E3; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.c-title2__white h3, .c-title2__white h4 { background-color: #FFF; color: #E41F1F; }
.c-title2__white h3:before, .c-title2__white h4:before { border-top-color: #fff; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

.u-anchor { position: relative; margin-top: -70px; padding-top: 70px; }

.u-youtube-wrap { position: relative; width: 100%; padding-top: 56.875%; }
.u-youtube-wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.js-tab { margin-bottom: 20px; }
.js-tab ul { position: relative; }
.js-tab ul:before { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #000; z-index: 1; }
.js-tab li { float: left; width: 48.55%; margin-left: 2.9%; text-align: center; background: #ddd; color: #666; padding: 8px 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; font-size: 15px; font-size: 1.5rem; font-weight: bold; border: 1px solid #ddd; border-bottom: 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; font-weight: bold; }
.js-tab li:nth-child(2n+1) { clear: both; margin-left: 0; }
.js-tab li.is-active { padding-bottom: 8px; background: #fff; color: #000; border-color: #000; }
.js-tab_content > div { display: none; }
.js-tab_content > div.is-active { display: block; }

.tabMenu { display: flex; justify-content: center; align-items: stretch; list-style: none; text-align: center; border-top: 1px solid #bebfbf; border-left: 1px solid #bebfbf; border-right: 1px solid #bebfbf; }

.tabMenu__item { position: relative; width: 25%; padding: 20px 0; font-size: 1.7rem; font-weight: 400; line-height: 1.3; border-right: 1px solid #bebfbf; border-bottom: 1px solid #bebfbf; background-color: #fff; color: #000; cursor: pointer; box-sizing: border-box; }

.tabMenu__item:last-child { border-right: none; }

.tabMenu__item.is-active { color: #fff; background-color: #D71669; border-bottom: 2px solid transparent; }

.tabMenu__item.is-active:after { content: ""; border: 1.2rem solid transparent; border-bottom-width: 0; border-top-color: #D71669; position: absolute; bottom: -1.16rem; left: calc(50% - 1.2rem); }

.tabMenu__item > small { display: block; font-size: 1.2rem; }

.tabMenu__item > small > span { font-size: 1.0rem; }

.tabBody__item { display: none; }

.tabBody__item.is-active { display: block; }

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); }
  100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

.js-animate { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animate.is--animate { -webkit-animation: fadeInUp 0.8s 1 ease-in-out; -moz-animation: fadeInUp 0.8s 1 ease-in-out; -ms-animation: fadeInUp 0.8s 1 ease-in-out; -o-animation: fadeInUp 0.8s 1 ease-in-out; animation: fadeInUp 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.js-animate--delay1 { -webkit-animation-delay: 0.4s !important; -moz-animation-delay: 0.4s !important; -ms-animation-delay: 0.4s !important; -o-animation-delay: 0.4s !important; animation-delay: 0.4s !important; }
.js-animate--delay2 { -webkit-animation-delay: 0.5s !important; -moz-animation-delay: 0.5s !important; -ms-animation-delay: 0.5s !important; -o-animation-delay: 0.5s !important; animation-delay: 0.5s !important; }
.js-animate--delay3 { -webkit-animation-delay: 0.6s !important; -moz-animation-delay: 0.6s !important; -ms-animation-delay: 0.6s !important; -o-animation-delay: 0.6s !important; animation-delay: 0.6s !important; }
.js-animate--delay4 { -webkit-animation-delay: 0.7s !important; -moz-animation-delay: 0.7s !important; -ms-animation-delay: 0.7s !important; -o-animation-delay: 0.7s !important; animation-delay: 0.7s !important; }

/* フェードインのみ */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; transform: translateY(0); } }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

.js-animateFadeIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeIn.is--animate { -webkit-animation: fadeIn 0.8s 1 ease-in-out; -moz-animation: fadeIn 0.8s 1 ease-in-out; -ms-animation: fadeIn 0.8s 1 ease-in-out; -o-animation: fadeIn 0.8s 1 ease-in-out; animation: fadeIn 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header__logo { float: left; width: 79.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3.06%; }
.l-header__logo p { margin-top: 8px; }
.l-header__btn1 { float: right; width: 19.77%; }
.l-header__btn1 ul { display: table; width: 100%; }
.l-header__btn1 li { display: table-cell; width: auto; }

/*=======================================
ナビゲーション
=========================================*/
.l-menu { position: fixed; width: 100%; z-index: 999; left: 0; bottom: 0; }
.l-menu ul { max-width: 750px; margin-left: auto; margin-right: auto; }
.l-menu li { float: left; width: 25%; text-align: center; }
.l-menu li img { width: 100%; }

/* =======================================
スマホメニュー
========================================*/
div#slideMenu { width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; background: url("../img/common/bg_20.png"); z-index: 9999; display: none; }

/*
#wrap,
#header,
#footer{ display: none;}
*/
div#slideMenu .close a { display: block; text-align: center; color: #FFF; padding: 2% 0 2% 0; }

div#slideMenu .close span { background: url("../img/common/icon_67.png") 0 50% no-repeat; display: inline-block; padding: 3% 0 3% 7%; font-size: 110%; -webkit-background-size: 20%; -o-background-size: 20%; background-size: 20%; }

#sp_menu { border-top: 1px solid #FFF; }

#sp_menu li { border-bottom: 1px solid #FFF; text-align: left; }

#sp_menu li.pink { background: #D71568; border-bottom: 0px; margin: 0 0 1px 0; }

#sp_menu a, #sp_menu span { cursor: pointer; display: block; text-align: left; padding: 14px 0 14px 3%; line-height: 100%; color: #FFF; text-decoration: none; background: url(../img/common/icon_64.png) right 47% no-repeat; background-size: 5%; margin: 0 3.12% 0 0; }

#sp_menu span.open { background-image: url(../img/common/icon_66.png); }

#sp_menu ul ul li { background: #FFF; border-bottom: 1px solid #000; }

#sp_menu ul ul li:last-child { border-bottom: 0px; }

#sp_menu ul ul li a { color: #000; padding-left: 7%; }

#sp_menu ul ul li.hair{ background: #EB6E95;}
#sp_menu ul ul li.hair-make{ background: #6B2A90;}
#sp_menu ul ul li.beauty{ background: #F49845;}
#sp_menu ul ul li.esthe{ background:#01B3C4;}

#sp_menu ul ul li.hair a, #sp_menu ul ul li.beauty a, #sp_menu ul ul li.esthe a , #sp_menu ul ul li.hair-make a { color: #FFF; }

#sp_contents { padding: 3.12% 3.12% 5% 3.12%; }

#sp_contents p { color: #FFF; }

#sp_contents .c01 { margin: 12px 0 0 0; }

#sp_contents .c01 li { background: #FFF; width: 50%; float: left; margin: 0 0 1px 0; }

#sp_contents .c01 a, #sp_contents .c01 span { color: #000; text-align: center; text-decoration: none; display: block; padding: 5% 0 5% 0; }

#sp_contents .c01 li:nth-child(2n+1) { clear: left; background: url("../img/common/bg_21.png") right 0 repeat-y #FFF; }

#sp_contents .c02 { margin: 30px 0 0 0; }

#sp_contents .c02 li { background: #D71568; margin: 0 0 1px 0; }

#sp_contents .c02 a { color: #FFF; text-decoration: none; display: block; background: url("../img/common/icon_65.png") 3% 47% no-repeat; padding: 10px 0 10px 12%; -webkit-background-size: 6%; -o-background-size: 6%; background-size: 6%; }

/*=======================================
コンテンツ
=========================================*/
/*=======================================
ページタイトル
=========================================*/
/*=======================================
パンくずリスト
=========================================*/
/*=======================================
コンテナ
=========================================*/
#container { padding-bottom: 40px; }

/*=======================================
フッター
=========================================*/
.l-footer { padding-top: 10px; }
.l-footer__menu { padding-left: 10px; padding-right: 10px; margin-bottom: 15px; }
.l-footer__menu ul { border-radius: 5px; border: 1px solid #ddd; }
.l-footer__menu li { float: left; width: 50%; }
.l-footer__menu li a { display: block; font-weight: bold; padding: 8px; font-size: 12px; font-size: 1.2rem; color: #000; }
.l-footer__menu li a span { display: block; background: url(../img/common/icon_1.png) no-repeat right center; background-size: 5px 10px; padding-right: 8px; }
.l-footer__menu li:nth-child(2n+1) { clear: both; }
.l-footer__menu li:nth-child(2n+1) a { border-right: 1px solid #ddd; }
.l-footer__menu li:nth-child(n+3) a { border-top: 1px solid #ddd; }
.l-footer__info { margin-top: 15px; background: #000; text-align: center; padding: 25px 0; color: #fff; }
.l-footer__info h1 { margin-bottom: 11px; }
.l-footer__info p { font-size: 12px; font-size: 1.2rem; line-height: 175%; }
.l-footer__info p.tel { margin-bottom: 15px; }
.l-footer__info2 { text-align: center; padding: 20px; }
.l-footer__info2 .copy { margin-top: 10px; font-size: 11px; font-size: 1.1rem; }

/* スライドバナー
-----------------------------------------*/
#bn-2 { margin: 30px 3.12% 0; position: relative; background: #fff; padding: 8px; }

#bn-2 .bx-wrapper { padding-left: 10px; }

#bn-2 .bx-wrapper img { max-width: 100%; height: auto; }

#bn-2 .bx-controls-direction a { display: block; /*top:-8px;*/ position: absolute; }

#bn-2 .bx-prev { left: -15px; background: url(../img/common/icon_22.png) center center no-repeat #282828; width: 15px; }

#bn-2 .bx-next { left: auto; right: -15px; background: url(../img/common/icon_23.png) center center no-repeat #282828; width: 15px; }

/* 外国語リンク
-----------------------------------------*/
#lang_link { width: 100%; background-color: #FFF; padding: 15px 0 15px; }

#lang_link ul { text-align: center; }

#lang_link ul li { display: inline-block; }

#lang_link ul li a { font-size: 0.9em; color: #333; }

#lang_link ul li img { vertical-align: middle; padding-left: 5px; padding-right: 5px; }

#lang_link ul li.lang_bold { font-size: 14px; font-weight: bold; display: block; }

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
キービジュアル
=========================================*/
.l-kv { position: relative; }

.l-kv ul li{
  position: relative;
}

.a-side{
transform:translate(-100%);
opacity:0;
transition: all .75s ease-out;
  
}
.a-side.started{
   transform:none; opacity:1; 
}

/*
.a-side.started:after{
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;  
}

.a-side.started:before{
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;  
}
*/
@keyframes img-wrap {
  100% {  
    transform: translateX(100%);
  }
}

.a-bottom{
  transition: all .5s ease-out;
  transform: translateY(10%);
  opacity: 0;
}
.a-bottom.started{
 transform: none; opacity: 1;
}

/*=======================================
トップページ
=========================================*/
.p-top .u-bg1 { background: url(../img/common/bg1.png) center top; background-size: 34px auto; }
.p-top__content { margin-bottom: 2.6666%; }
.p-top__content .sep { margin-bottom: 2.6666%; }
.p-top__bnr2 { padding: 2.6666%; }
.p-top__bnr2 li { margin-bottom: 2.6666%; }
.p-top__bnr2 li:last-child { margin-bottom: 0; }
.p-top__tentative { background: url(../img/top/tentative_img1.jpg) no-repeat center; background-size: cover; }
.p-top__tentative a { display: block; position: relative; }
.p-top__tentative a:after { display: block; content: ""; position: absolute; width: 64px; height: 64px; right: 0; bottom: 0; z-index: 2; background: url(../img/common/icon_readmore.png) no-repeat right center; background-size: cover; }
.p-top__tentative a h3, .p-top__tentative a h4 { padding: 10px; }
.p-top__tentative a h3 { padding-top: 20px; margin-bottom: 60%; }
.p-top__qual { padding: 25px 15px; text-align: center; }
.p-top__qual .box1 { margin-bottom: 40px; }
.p-top__qual .box1:last-child { margin-bottom: 0; }
.p-top__qual h3 { margin-bottom: 15px; }
.p-top__qual p { margin-bottom: 28px; }
.p-top__qual p img { max-width: 90%; }
.p-top__qual p.whole { margin-bottom: 36px; position: relative; margin-top: -14px; }
.p-top__qual p.whole img { max-width: 100%; }
.p-top__convention1 { background: url(../img/top/convention1_img1.jpg?180807) no-repeat center; background-size: cover; text-align: center; }
.p-top__convention1 a { display: block; position: relative; }
.p-top__convention1 a:after { display: block; content: ""; position: absolute; width: 64px; height: 64px; right: 0; bottom: 0; z-index: 2; background: url(../img/common/icon_readmore.png) no-repeat right center; background-size: cover; }
.p-top__convention1 a h3, .p-top__convention1 a h4 { padding: 10px; }
.p-top__convention1 a h3 { padding-top: 20px; margin-bottom: 37%; }
.p-top__convention2 { background: url(../img/top/convention2_img1.jpg) no-repeat center; background-size: cover; text-align: center; }
.p-top__convention2 a { display: block; position: relative; }
.p-top__convention2 a:after { display: block; content: ""; position: absolute; width: 64px; height: 64px; right: 0; bottom: 0; z-index: 2; background: url(../img/common/icon_readmore.png) no-repeat right center; background-size: cover; }
.p-top__convention2 a h3, .p-top__convention2 a h4 { padding: 10px; }
.p-top__convention2 a h3 { margin-bottom: 32%; }
.p-top__convention3 { background: url(../img/top/convention3_img1.jpg) no-repeat center; background-size: cover; text-align: center; }
.p-top__convention3 a { display: block; position: relative; }
.p-top__convention3 a:after { display: block; content: ""; position: absolute; width: 64px; height: 64px; right: 0; bottom: 0; z-index: 2; background: url(../img/common/icon_readmore.png) no-repeat right center; background-size: cover; }
.p-top__convention3 a h3, .p-top__convention3 a h4 { padding: 10px; }
.p-top__convention3 a h3 { margin-bottom: 50%; }
.p-top__access { background: url(../img/top/access_img1.jpg) no-repeat center; background-size: cover; text-align: center; }
.p-top__access a { display: block; position: relative; }
.p-top__access a:after { display: block; content: ""; position: absolute; width: 64px; height: 64px; right: 0; bottom: 0; z-index: 2; background: url(../img/common/icon_readmore.png) no-repeat right center; background-size: cover; }
.p-top__access a h3 { padding: 20px 10px 10px; margin-bottom: 107%; text-align: left; }
.p-top__access a h4 { padding-bottom: 10px; }
.p-top__license { background: url(../img/top/license_img1.jpg) no-repeat center; background-size: cover; text-align: center; }
.p-top__license a { display: block; position: relative; padding: 15px 25px; }
.p-top__license h3 { margin-bottom: 106%; }
.p-top__movie { padding: 25px; text-align: center; }
.p-top__movie h3 { margin-bottom: 14px; }
.p-top__movie .c-btn1 { margin-top: 15px; }
.p-top__oc { background: url(../img/common/bg1.png) center top; background-size: 34px auto; padding-top: 15px;/* padding-bottom: 25px;*/ text-align: center; }
.p-top__oc .oc_date { text-align: center; margin-bottom: 20px; }
.p-top__oc h3 { margin-bottom: 30px; }
.p-top__oc li { margin-bottom: 20px; }
.p-top__social { background: #EEE; padding-top: 15px; padding-bottom: 10px; }
.p-top__social h3 { margin-bottom: 14px; text-align: center; }
.p-top__social .box1 { float: left; width: 48.55%; margin-left: 2.9%; margin-bottom: 2.9%; background: #fff; }
.p-top__social .box1-wrap { margin-bottom: 15px; }
.p-top__social .box1:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-top__social .box1 .img { text-align: center; }
.p-top__social .box1 .txt { padding: 10px; font-size: 14px; font-size: 1.4rem; line-height: 140%; }
.p-top__social .box1 .txt p:before { content: ""; display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 7px; }
.p-top__social .box1 .txt p.twitter:before { background-image: url(../img/top/social_icon_twitter.png); }
.p-top__social .box1 .txt p.instagram:before { background-image: url(../img/top/social_icon_instagram.png); }
.p-top__social .box2 { text-align: center; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; margin-top: 40px; }
@media screen and (max-width: 768px) and (min-width: 480px) { .p-top__social .box2 iframe.twitter-timeline-rendered { width: 430px !important; } }
@media screen and (max-width: 480px) { .p-top__social .box2 iframe.twitter-timeline-rendered { width: 255px !important; } }
.p-top__social .instagram h4 { text-align: center; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 160%; margin-bottom: 8px; }
.p-top__social .instagram li { float: left; width: 31.333%; margin-left: 3.0005%; margin-bottom: 3.0005%; line-height: 100%; border-bottom: 0; }
.p-top__social .instagram li a { padding-top: 0; padding-bottom: 0; display: block; padding-top: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.p-top__social .instagram li:nth-child(3n+1) { clear: both; margin-left: 0; }
.p-top__social .instagram li img { width: 100%; }
.p-top__social .instagram .btn1 { padding-top: 0; }
.p-top__sns { background: #EEE; padding-top: 15px; padding-bottom: 25px; text-align: center; }
.p-top__sns .box1 { margin-bottom: 15px; }
.p-top__sns .box2 { background: #fff; padding: 10px; }
.p-top__sns .box2 p { float: left; width: 35.64%; font-weight: bold; line-height: 140%; text-align: left; padding-top: 4px; }
.p-top__sns .box2 ul { float: right; width: 62.26%; }
.p-top__sns .box2 ul li { float: left; width: 22.72%; margin-left: 3.04%; }
.p-top__sns .box2 ul li:nth-child(4n+1) { clear: both; margin-left: 0; }
.p-top__topics { padding: 15px; padding-bottom: 25px; }
.p-top__topics h3 { text-align: center; margin-bottom: 18px; }
.p-top__topics .bx-wrapper .bx-controls-direction a { width: 18px; height: 30px; z-index: 9; margin-top: -15px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.p-top__topics .bx-wrapper .bx-controls-direction a:hover, .p-top__topics .bx-wrapper .bx-controls-direction a:hover img { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.p-top__topics .bx-wrapper .bx-controls-direction a.bx-prev { left: -40px; background-image: url(../img/common/slider_prev.png); }
.p-top__topics .bx-wrapper .bx-controls-direction a.bx-next { right: -40px; background-image: url(../img/common/slider_next.png); }
.p-top__topics .box1, .p-top__topics .box2 { padding-bottom: 20px; }
.p-top__topics .box1 li, .p-top__topics .box2 li { border-bottom: 1px dotted #ddd; padding-bottom: 5px; padding-top: 5px; }
.p-top__topics .box1 li:last-child, .p-top__topics .box2 li:last-child { border-bottom: 0; }
.p-top__topics .box1 li .img, .p-top__topics .box2 li .img { margin-bottom: 10px; }
.p-top__topics .box1 li:after, .p-top__topics .box2 li:after { display: block; content: ""; clear: both; }
.p-top__topics .box1 li a, .p-top__topics .box2 li a { display: block; color: #282828; text-decoration: none; }
.p-top__topics .box1 li a:hover, .p-top__topics .box2 li a:hover { text-decoration: underline; }
.p-top__topics .box1 li .news_category, .p-top__topics .box2 li .news_category { display: inline-block; width: 75px; text-align: center; padding: 1px 0; margin-right: 8px; color: #fff; font-size: 86%; line-height: 160%; text-transform: uppercase; }
.p-top__topics .box1 li .news_category.movie, .p-top__topics .box2 li .news_category.movie { background: #D71669; }
.p-top__topics .box1 li .news_category.news, .p-top__topics .box2 li .news_category.news { background: #f5628b; }
.p-top__topics .box1 li .news_category.graduate, .p-top__topics .box2 li .news_category.graduate { background: #561049; }
.p-top__topics .box1 li .news_category.students, .p-top__topics .box2 li .news_category.students { background: #e0456c; }
.p-top__topics .box1 li .news_category.event, .p-top__topics .box2 li .news_category.event { background: #A91049; }
.p-top__topics .box1 li h4, .p-top__topics .box2 li h4 { margin-top: 2px; font-weight: bold; }
.p-top__topics .box1 li p, .p-top__topics .box2 li p { color: #525252; margin-top: 2px; font-size: 90%; line-height: 165%; }
.p-top__topics .box1 li p.news_date, .p-top__topics .box2 li p.news_date { display: inline-block; width: 100px; color: #272727; font-size: 96%; }
.p-top__topics .c-btn1 a { float: left; width: 49%; margin-left: 2%; font-size: 13px; font-size: 1.3rem; padding: 12px 0; }
.p-top__topics .c-btn1 a:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-top__topics .c-btn1 a:after { width: 6px; height: 16px; margin-left: 6px; }
.p-top__obog { background: url(../img/top/obog_bg1.png) repeat-x center top; background-size: auto 197px; position: relative; overflow: hidden; margin-top: 25px; }
.p-top__obog .txt1 { margin-top: 13.73%; position: relative; background: rgba(255, 255, 255, 0.9); padding: 15px; margin-bottom: 25px; float: left; z-index: 2; margin-left: 15px; max-width: 50%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-top__obog .txt1 p { line-height: 120%; margin-top: 10px; margin-bottom: 8px; font-size: 12px; font-size: 1.2rem; }
.p-top__obog .txt1 .c-btn1 { text-align: left; }
.p-top__obog .txt1 .c-btn1 a { display: inline-block; *display: inline; *zoom: 1; padding: 2px 12px; }
.p-top__obog .img1 { position: absolute; right: 0; width: 64%; }
.p-top__department .box1 a { display: block; color: #fff; text-decoration: none; border: 4px solid transparent; }
.p-top__department .box1 .img1 { text-align: center; position: relative; }
.p-top__department .box1 .img1 p { position: absolute; right: 2.6666%; bottom: -2.6666%; width: 27.2888%; text-align: right; }
.p-top__department .box1 .txt1 { color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 14px 10px; }
.p-top__department .box1 .txt1 h4 { font-size: 16px; font-size: 1.6rem; line-height: 140%; margin-bottom: 5px; }
.p-top__department .box1 .txt1 .info { float: left; max-width: calc(100% - 70px); }
.p-top__department .box1 .txt1 .info p { font-size: 11px; font-size: 1.1rem; line-height: 160%; }
.p-top__department .box1 .txt1 .btn { float: right; }
.p-top__department .box1 .txt1 .btn span { background: #fff; display: block; font-size: 11px; font-size: 1.1rem; padding: 0 4px; font-weight: bold; }
.p-top__department .box1 .txt1 .btn p { text-align: right; margin-top: 10px; }
.p-top__department .box1.hair a { border-color: #00B1C2; }
.p-top__department .box1.hair .txt1 { background-image: url(../img/top/department_hair_bg1.png); }
.p-top__department .box1.hair .txt1 .btn span { color: #00B1C2; }
.p-top__department .box1.beauty a { border-color: #F5974E; }
.p-top__department .box1.beauty .txt1 { background-image: url(../img/top/department_beauty_bg1.png); }
.p-top__department .box1.beauty .txt1 .btn span { color: #F5974E; }
.p-top__department .box1.esthe a { border-color: #9A7CB6; }
.p-top__department .box1.esthe .txt1 { background-image: url(../img/top/department_esthe_bg1.png); }
.p-top__department .box1.esthe .txt1 .btn span { color: #9A7CB6; }
.p-top__department .box2 li { float: left; width: 50%; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
.p-top__department .box2 li a { display: block; color: #fff; padding: 15px 10px; font-weight: bold; }
.p-top__department .box2 li h4 { background-repeat: no-repeat; background-position: center top; background-size: auto 17px; padding-top: 22px; font-size: 16px; font-size: 1.6rem; }
.p-top__department .box2 li .btn { background: #fff; display: inline-block; *display: inline; *zoom: 1; font-size: 14px; font-size: 1.4rem; padding: 2px 8px; margin-top: 12px; font-weight: bold; }
.p-top__department .box2 li.dormitory { width: 100%; background-image: url(../img/top/department_dormitory_bg1.png); }
.p-top__department .box2 li.dormitory h4 { background-image: url(../img/top/department_dormitory_icon1.png); background-position: left center; display: inline-block; *display: inline; *zoom: 1; padding-top: 4px; padding-left: 28px; }
.p-top__department .box2 li.dormitory .btn { color: #528E72; }
.p-top__department .box2 li.admission { background-image: url(../img/top/department_admission_bg1.png); }
.p-top__department .box2 li.admission h4 { background-image: url(../img/top/department_admission_icon1.png); }
.p-top__department .box2 li.admission .btn { color: #528E72; }
.p-top__department .box2 li.tution { background-image: url(../img/top/department_tution_bg1.png); }
.p-top__department .box2 li.tution h4 { background-image: url(../img/top/department_tution_icon1.png); }
.p-top__department .box2 li.tution .btn { color: #7A5972; }
.p-top__department .box3 { padding: 20px; }
.p-top__department .box3 ul { border: 1px solid #999; }
.p-top__department .box3 li a { display: block; font-weight: bold; padding: 12px; font-size: 16px; font-size: 1.6rem; color: #000; border-bottom: 1px solid #999; }
.p-top__department .box3 li a span { display: block; background: url(../img/common/icon_1.png) no-repeat right center; padding-right: 15px; }
.p-top__department .box3 li:last-child a { border-bottom: 0; }
.p-top__department2 li { margin-top: 10px; margin-bottom: 10px; }
.p-top__bnr { background: #EDEDED; padding: 15px; text-align: center; }
.p-top__scholarship li { margin: 10px; }

/* ----------------------------- 3. 下層ページ */
/* ----------------------------- 4. 投稿 */
/* ----------------------------- 9. タブレット */
/* ----------------------------- 9. スマホ */

.bnr-movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 10px;  
}
.bnr-movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;  
}

.p-top__syuttyou{
background: rgb(229,202,235);
background: linear-gradient(0deg, rgba(229,202,235,1) 0%, rgba(253,236,236,1) 99%);
  padding: 8% 2% 2%;
  margin-bottom: 10px;
}

.p-top__syuttyou h3{
  text-align: center;
  margin-bottom: 20px;
}

.p-top__syuttyou .inner{
  background-color: #FFF;
  padding:20px 2% 2% 2%;
}

.p-top__syuttyou .syuttyou-point  ul{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
          margin-bottom: 20px;

}

.p-top__syuttyou .syuttyou-point ul:before,
.p-top__syuttyou .syuttyou-point  ul:after{
  content: none;
}

.p-top__syuttyou .syuttyou-point ul li{
  width: 32%;
  padding: 10px 0;
  text-align: center;
  line-height: 140%;
  font-weight: bold;
  color: #9F9AF3;
  background-color: rgba(253,236,236,1);
/*background: rgb(229,202,235);
background: linear-gradient(0deg, rgba(229,202,235,1) 0%, rgba(253,236,236,1) 99%);*/
  font-size: 16px;

  -webkit-border-radius: 5px;
          border-radius: 5px;
          display: flex;
          -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: center;
                  justify-content: center;
}


.p-top__syuttyou .syuttyou-bn ul li{
  margin-bottom: 10px;
}

.p-top__syuttyou .syuttyou-bn ul li:last-child{
  margin-bottom: 0;
}