@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/****************************************************************
****************************************************************

初期設定

****************************************************************
*****************************************************************/
html {
width: 100%;
-webkit-text-size-adjust: 100%;
}

body {
padding: 0;
margin: 0 auto;

background: #fff;
color: #000;
font-weight: normal;
font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic,  "Yu Gothic",  sans-serif;
line-height: 1.5em;

font-size: 14px;
position: relative;
}

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

a {
text-decoration: none;
color: #000;
}

a:hover,
a:active,
a:focus {
outline:none;
color: #0085cd;
text-decoration: underline;
}

div, ol, ul,dl, dt, dd,
form,
h1, h2, h3, h4, h5, h6,
header, footer, nav, section, article, aside, hgroup, menu, nav, section {
display: block;
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
font-size: 1em;
line-height: normal;
font-weight: normal;
}

p {
margin: 0;
}

img {
margin: 0;
padding: 0;
border: none;
-ms-interpolation-mode: bicubic;
}

ol, ul {
list-style-type: none;
}

table {
border-spacing: 0px;
border-collapse: collapse;
text-align: left;
}

small {
font-size: 12px;
line-height: normal;
}



/*  ブレイク表示・非表示  */
.mobile_visible {
display: block;
}

.pc_visible {
display: none;
}




/****************************************************************
****************************************************************

　画像自動拡大

****************************************************************
*****************************************************************/
.bxslider img,
.lnk_menu img,
.screen_fix_gif img,
.note img,
.sf_message img {
width: 100%;
height: auto;
}





/****************************************************************
****************************************************************

汎用・共通

****************************************************************
*****************************************************************/
.width_wrap {
width: 100%;
margin: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}

.width_wrap.pankz,
.width_wrap.single_format {
text-align: left;
}

.width_wrap.pankz {
display: none;
}

.block {
padding: 20px 0;
/zoom : 1;
}

.block.single_format {
padding: 20px 10px;
}


/****************************************************************
****************************************************************

ヘッダ

****************************************************************
*****************************************************************/
#header {
width: 100%;
display: block;
background: #fff;
text-align: center;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-top: solid 6px #001d5e;

-webkit-box-shadow :0 0 6px rgba(0,0,0,0.7);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.7);
box-shadow: 0 0 6px rgba(0,0,0,0.7);

height: 52px;
overflow: hidden;
z-index: 999;

position: fixed;
}
#header div.width_wrap {
position: unset;
}
#header #logos a {
background-image: url(../images/logomark.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
display: block;
width: 107px;
height: 0;
padding-top: 37.4%;

text-indent: 100%;
white-space: nowrap;
overflow: hidden;

position: absolute;
top: 0;
left: 50%;
margin: 3px 0 3px -64px;
}

#header .mobile_visible nav {
position: absolute;
top: 50%;
left: 10px;
font-size: 20px;
line-height: 40px;
margin: -21px 0 0;
color: #999;
}

#header .mobile_visible .recruit_btn {
position: absolute;
top: 50%;
right: 10px;
margin: -16px 0 0;
}

#header .mobile_visible .recruit_btn a {
display: block;
background: #001e5e;
color: #fff;
font-size: 11px;
width: 70px;
height: 30px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
}





/****************************************************************
****************************************************************

トップパッディング

****************************************************************
*****************************************************************/
.top-padding {
padding-top: 52px;
}



/****************************************************************
****************************************************************

グロナビ

****************************************************************
*****************************************************************/
#menu {
display: none;
}


/****************************************************************
****************************************************************

ファーストビュー

****************************************************************
*****************************************************************/
#firstview {
text-align: center;
position: relative;
background-repeat: no-repeat;
background-position: center center;	
}








/****************************************************************
****************************************************************

トップ＿コンテンツ

****************************************************************
*****************************************************************/
.block.firstindex {
padding-top: 0;
}	

/******  セレクタ  ******/
.lnk_menu {
margin: 0 auto;
width: 100%;
padding: 0 5px;
}
.lnk_menu li {
display: block;
width: 80%;
margin: 0 auto;
}
.lnk_menu li:last-child {
margin-right: auto;
}
.lnk_menu a {
display: block;
padding: 10px 5px;
}
.lnk_menu img {
width: 100%;
}
.lnk_menu h2,
.lnk_menu h3 {
color: #0085cd;
font-size: 16px;
margin: 3px 0;
line-height: normal;
}
.lnk_menu p {
font-size: 12px;
margin: 0;
line-height: normal;
}






/****************************************************************
****************************************************************

フッタ

****************************************************************
*****************************************************************/
#footer {
margin: 0;
overflow: hidden;
background: #ecf1fc;
border-bottom: solid 6px #001d5e;
font-size: 12px;
-webkit-box-shadow :0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
#footer .width_wrap {
padding-left: 70px;
background-size: 70px;
}
.mobile_ft_index {
display: block;
}
.pc_ft_index {
display: none;
}
.ft_index_menu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding: 10px 0;

-webkit-box-shadow :0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.ft_contact,
.ft_sign {
padding: 0 10px;
margin: 0.5em auto;
}

/*  コピーライト  */
.cp {
display: block;
line-height: 1;
padding: 0.5em 10px 1.25em;
font-size: 9px;
}




/****************************************************************
****************************************************************

　ヘッダ／フッタ共通

****************************************************************
*****************************************************************/
.hd_contact {
margin: 10px 0;
}

.hd_contact li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin: 0 5px;
padding: 0;
}

.call {
background-image: url(../images/telephone.png);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
width: 158px;
height: 17px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0;
padding: 0;
}

li.open {
background: #eee;
vertical-align: middle;
height: 26px;
line-height: 24px;
padding: 0 10px;
}


/*  フッタのみ調整  */
table.ft_contact {
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 15px 0 10px;	
}

table.ft_contact td {
text-align: left;
vertical-align: middle;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

padding-left: 10px;
}

table.ft_contact .tell {
display: block;

background-image: url(../images/telephone.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
width: 128px;
height: 0;
padding-top: 10.8%;

text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

table.ft_contact .accept {
font-size: 10px;
height: auto;
}

@media screen and (min-width: 321px) {
table.ft_contact .tell {
width: 158px;
}
}


/****************************************************************
****************************************************************

　アンダーバー

****************************************************************
*****************************************************************/
#under_bar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
background: #fff;

-webkit-box-shadow :0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
box-shadow: 0 0 6px rgba(0,0,0,0.3);

height: 40px;

display: block;
width: 100%;
}

#under_bar .width_wrap {
position: relative;
}




/*  YouTube  */
#flw_yt {
position: absolute;
top: 8px;
left: 10px;
}

#flw_yt a {
background-image: url(../images/follow_youtube.png);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
height: 20px;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
background-size: 123px 20px;
}


/*  戻る  */
#pageupper {
position: absolute;
top: 0;
right: 0;
}

#pageupper a {
background-image: url(../images/top_arw_mobile.jpg);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
height: 40px;
width: 40px;
background-size: 40px 40px;
}





/****************************************************************
****************************************************************

ドロワーメニュー

****************************************************************
*****************************************************************/
/*  スイッチトグル  */
.menu-button-left {
cursor: pointer;

background-image: url(../images/bar.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 23px 23px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;

width: 23px;
height: 23px;
margin-top: 8px;
}

/*  メニューリストスタイル  */
#slidemenu_list li:last-child {
padding-bottom: 5em;
}

#slidemenu_list a {
display: block;
color: #dadada;
padding: 1em 20px;
font-size: 18px;
text-decoration: none;
}


/*  プラグイン  */
#header,
#container,
#footer { 
-webkit-transform: translate3d(0px, 0px, 1px);
-webkit-transition: 0.3s -webkit-transform ease-in-out;
-moz-transition: 0.3s -webkit-transform ease-in-out;
-o-transition: 0.3s -webkit-transform ease-in-out;
transition: 0.3s -webkit-transform ease-in-out;
}

#header.show,
#container.show,
#footer.show {
-webkit-transform: translate3d(270px, 0px, 1px);
min-width: 320px;
}

#container { 
background:#fff;
z-index: 1;
width: 100%;
overflow: hidden;
}

#slidemenu {
diplay: block;
height: 100%;
visibility: visible;
z-index: 1;
-webkit-transition: z-index 0s linear 0.6s;
-moz-transition: z-index 0s linear 0.6s;
-o-transition: z-index 0s linear 0.6s;
transition: z-index 0s linear 0.6s;
}


#slidemenu_contents {
display: none;
height: 100%;
position: relative;
width: 270px;
}

#slidemenu {
position: fixed;
left: 0;
top: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: visibility 0s linear 0.6s;
-moz-transition: visibility 0s linear 0.6s;
-o-transition: visibility 0s linear 0.6s;
transition: visibility 0s linear 0.6s;
background: #363636;
}



/****************************************************************
****************************************************************

スライダー

****************************************************************
*****************************************************************/
.bx-wrapper {
position: relative;
margin: 0 auto 30px;
padding: 0;
*zoom: 1;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}

.bx-wrapper .bx-viewport {
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}




/*  ページャー  */
.bx-wrapper .bx-pager {
text-align: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: #999;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #0185cd;
}


/*  コントロールボタン  */
.bx-wrapper .bx-prev {
left: 10px;
}

.bx-wrapper .bx-next {
right: 10px;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -12px;
outline: 0;
width: 24px;
height: 24px;
z-index: 200;
overflow: hidden;

opacity: 0;
cursor: pointer;
color: rgba(33,33,33,0.65);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}

.bx-wrapper:hover .bx-prev,
.bx-wrapper:hover .bx-next {
opacity: 1;
}

.bx-wrapper .bx-controls-direction a:before {
font-family: "fontawesome";
content: '　';
font-size: 24px;
margin-right: 24px;
}

.bx-wrapper .bx-controls-direction a.disabled {
opacity: 0!important;
filter:alpha(opacity=0);
cursor: default;
}

.bx-wrapper:hover a.bx-prev:before  { content: '\f053'; }
.bx-wrapper:hover a.bx-next:before  { content: '\f054'; }


















/****************************************************************
****************************************************************

　セカンダリ

****************************************************************
*****************************************************************/

/*  パンくず  */
.pankz {
display:none;
}


/*  コラム左寄せ  */
#secondary,
#single_format {
text-align: left;
width: 100%;
}

/*  ページタイトル  */
#page_ttl {
background: #1e326d;
color: #fff;
font-weight: normal;
padding: 16px 10px;
}

#page_ttl > h2 {
display: block;
width: 100%;
margin: auto;
font-size: 20px;
letter-spacing: 0.14em;
}

#page_ttl span {
display: block;
width: 100%;
margin: auto;
font-size: 11px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5em;
letter-spacing: normal;
}



/*  コンテンツ  */
#secondary p,
#single_format p {
margin: 10px;
}


/*  小見出し  */
#single_format h3 {
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #001d5e;
padding: 16px 10px;
margin: 0;
}






/****************************************************************
****************************************************************

　個別ページ

****************************************************************
*****************************************************************/
/************

　訪問美容

************/
/*  小見出し  */
#secondary .menu_section h3 {
display: block;
border-bottom: 1px solid #e5e5e5;
color: #001d5e;
font-size: 18px;
margin: 20px 0 15px;
padding-bottom: 10px;
}

#secondary .menu_section h3 span {
display: block;
border-left: 5px solid #001d5e;
padding-left: 12px;
line-height: 1.3;
}

#secondary .menu_section h3 small {
display: block;
color: #333;
font-size: 12px;
}


/*  サブメニュー  */
.intro_mes {
text-align: left;
color: #001d5e;
font-size: 15px;
}
ul#in_menubox {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
gap: 10px;
}
ul#in_menubox li {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
#in_menubox a {
display: block;
padding: 0.7em 0 0.35em;
background: #001d5e;
color: #fff;
text-decoration: none;
font-size: 15px;
letter-spacing: 0.14em;
}
#in_menubox a:after {
font-family: "fontawesome";
content: '\f0d7';
display: block;
font-size: 11px;
line-height: 1.2;
}
ul#in_menubox li.fullwidth a {
background: #eee;
color: #001d5e;
font-size: 15px;
}
#in_menubox li:nth-child(1) a,
#in_menubox li:nth-child(2) a,
#in_menubox li:nth-child(3) a {
margin: 0;
}

/*  カラム  */
.menu_section {
margin: 0 10px;
margin-top: -50px;
padding-top: 50px;
font-size: 14px;
}

ul.threebox,
ul.ph_table {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

-webkit-flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;

-webkit-flex-wrap:owrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;

width: 100%;
}

ul.threebox li,
ul.ph_table li {
width: 100%;
color: #fff;
margin: 10px 0;
padding: 0;
font-size: 12px;
}

.color01 {
background: #9b2f43;
}

.color02 {
background: #926c26;
}

.color03 {
background: #18576c;
}

ul.ph_table li {
color: #333;
background: #eee;
}

ul.threebox img,
ul.ph_table img {
max-width: 40%;
height: auto;
margin: 0 10px 0 0;
padding: 0;
float: left;
}

ul.threebox p,
ul.ph_table li p {
margin: 0 !important;
padding: 10px !important;
}


/*  図  */
.linedbox {
border: 3px solid #f5f5f5;
padding: 10px 20px;
margin: 10px 0;
text-align: center;
}

.linedbox > h4 {
color: #0a9fde;
font-size: 15px;
margin: 0 0 10px;
}

.linedbox > img {
max-width: 95%; !important
}

.linedbox > p {
text-align: left;
font-size: 14px;
margin-top: 30px;
}

.linedbox > p:last-child {
margin-top: 15px;
}

#menu2 > p,
#menu4 > p {
font-size: 13px;
}

#menu2 > p small {
display: block;
margin-top: 10px;
}


/*  サービスメニュー  */
#menu_list ul {
width: 100%
}

ul.sv_menulist {
margin: 0;
padding: 0;
}

ul.sv_menulist li {
display: inline-block;
*zoom: 1;
*display: inline;
vertical-align: middle;
width: 100%;
margin-top: -1px;
border: 1px solid #e9e9e9;
}

ul.sv_menulist span {
display: inline-block;
*zoom: 1;
*display: inline;
vertical-align: middle;
}

.sv_menu {
background: #eee;
padding: 10px;
width: 65%;
border-right: 1px solid #e9e9e9;
white-space: nowrap;
}

.sv_price {
width: 35%;
text-align: right;
padding: 10px;
margin: -1px 0 0 0;
}

p.caution {
color: #ff0000;
font-size: 12px !important;
}






/************

　代表あいさつ

************/
#greet {
padding: 10px;
}

.gr_mes {
width: 100%;
padding: 0;
}

.gr_mes p {
margin: 10px 0 !important;
}

.gr_mes p > img {
margin: 0 0 50px 10px;
float: right;
width: 50%;
height: auto;
}

#greet .gr_mes h3 {
border-bottom: 1px solid #001d5e;
margin-top: -10px;
padding-bottom: 10px;
color: #001d5e;
font-size: 16px;
font-weight: normal;
}

.gr_prof {
display: none;
}





/************

　スタッフ

************/
.staff_ttl {
background: #1845a2 !important;
}

#mb_intro {
display: block;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 1.3em 0;
margin: 10px 10px 20px;
}

#greet #stf_message .gr_mes h3 {
margin-top: 0;
}

#stf_message li {
margin: 20px 0;
padding: 20px 0;
border-top: 1px solid #e9e9e9;
}

#stf_message li:first-child {
padding: 0;
margin-top: -10px;
border-top: none;
}







/************

　会社概要

************/
#cp_prof li {
margin: 0 10px;
padding: 1px 10px;
/zoom : 1;
}

#cp_prof li:after { content : ''; display : block; clear : both; height:0; }

.gry {
background: #eee;
}

#cp_prof li > span {
display: block;
padding: 0;
margin: 10px 0;
}

.cp_ttl {
font-size: 15px;
}

.cp_info a {
text-decoration: underline;
}



/************

　お問い合わせ

************/
/*  小見出し  */
#contactform h3 {
display: block;
border-bottom: 1px solid #e5e5e5;
color: #001d5e;
font-size: 18px;
margin: 30px 10px 10px;
padding-bottom: 10px;
}

#contactform h3 span {
display: block;
border-left: 5px solid #001d5e;
padding-left: 12px;
line-height: 1.3;
}

.mustput {
color: #fe0000;
}

.grybox {
display: block;
margin: 10px;
padding: 10px;
background: #eee;
}

.grybox a {
display: block;
font-size: 24px;
margin-bottom: 5px;
}

.grybox .commentread {
color: #001d5e;
}

form,
form table {
margin: 0;
padding: 0 10px;
width: 100%;
}

form {
margin-bottom: 20px;
}

form tr,
form th,
form td {
padding: 0;
width: 100%;
display: block;
font-weight: normal;
background: #eee;
}

form th {
padding: 10px 10px 0;
margin-top: 1px;
}

form td {
padding: 0 10px 10px;
}

form td p {
padding: 0 !important;
margin: 0 !important;
font-size: 12px;
}

.must_tag {
color: #fe0000;
margin: 0 5px;
}

.example_txt {
color: #777;
font-size: 12px;
}

form input[type="text"] {
width: 100%;
height: 36px;
margin: 5px 0;
padding: 5px 14px;
vertical-align: middle;
background: #fff;
border: none;
}

form input[type="radio"] {
margin: 0 10px;
}

form textarea {
width: 100%;
height: 110px;
border: none;
}

form select,
form input[type="submit"] {
font-size: inherit;
}

input[type=radio] {
display: none;
}

.radio {
box-sizing: border-box;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;

margin: 0 10px 0 0;
padding: 4px 0 0 26px;

}

.radio:after {
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -8px;
width: 20px;
height: 20px;
border: 1px solid #ccc;
content: '';

-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.radio:before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top: 50%;
left: 4px;
display: block;
margin-top: -4px;
width: 14px;
height: 14px;
background-color: #fe0000;
content: '';
opacity: 0;

-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;

}

input[type=radio]:checked + .radio:before {
opacity: 1;
}

p.send_btn {
text-align: center;
background: #eee;
padding: 10px 0;
margin: 1px 0 0 !important;
display: block;
}

input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;

background: transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;

display: block;
margin: auto;
width: 160px;
height: 45px;
text-indent: 1000%;
white-space: nowrap;
overflow: hidden;

background-image: url(../images/confirm_smp.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

#contact_form {
margin-top: -10px;
}








/************

　プライバシーポリシー

************/
#prv_policy > li {
padding: 10px;
}

#prv_policy > li strong {
display: block;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
padding-bottom: 15px;
}

#prv_policy > li p,
ol.child {
margin: 10px 0;
font-size: 14px;
}

ol.child > li {
list-style-position: inside;
counter-increment: cnt;
padding-left: 1.75em;
text-indent: -1.75em;
}

ol.child > li:before{
display: marker;
content: "(" counter(cnt) ")";
margin-right: 0.5em;
}

ol.child li > ol {
padding-left: 2.5em;
}

.tR {
text-align: right;
}




/************

　サイトマップ

************/
#smap_tree {
padding: 0 10px;
}

#smap_tree > li {
border-bottom: 1px dotted #ccc;
padding: 10px 0;
}

#smap_tree > li:first-child {
border-top: 1px dotted #ccc;
}

#smap_tree > li > a {
display: block;
background-image: url(../images/point.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size: 14px;
}

#sub_list_menu > li {
padding: 5px 20px;
}

#sub_list_menu > li:first-child {
border-top: 1px dotted #ccc;
padding-top: 10px;
margin-top: 10px;
}

#sub_list_menu > li > a {
display: block;
background-image: url(../images/point_gr.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
font-size: 13px;
}








/****************************************************************
****************************************************************

　個別ページ カルチャー一覧アーカイブ

****************************************************************
*****************************************************************/
#culture > strong p {
display: block;
font-size: 16px;
border-top: 1px solid #e5e5e5;
padding: 10px 0;
margin: 10px;
text-align: left;
}

#lecture_list_smp {
margin: 0 10px;
border: 1px solid #e5e5e5;
line-height: normal;
letter-spacing: normal;
}

#lecture_list_smp li {
border-bottom: 1px solid #e5e5e5;
text-align: left;
padding: 14px;
}

#lecture_list_smp li:last-child {
border-bottom: none;
}

#lecture_list_smp li:nth-child(even) {
background: #eee;
}

#lecture_list_smp li td > img {
float: left;
width: 80px;
height: 80px;
margin: 0 14px 14px 0;
}

#lecture_list_smp li td > a {
display: block;
color: #001e5e;
margin-bottom: 10px;
}

#lecture_list_smp li td > span,
#lecture_list_smp li > span {
display: block;
font-size: 12px;
}

span.clearfix {
clear: left;
margin-top: 14px;
}




/*  絞り込み／並び替え  */
#smp_sorting {
margin: 0 10px;
}

#lecture_list_filter_sort {
display: block;
background: #001d5e;
color: #fff;
margin: 0;
padding: 14px;
text-align: left;
}

#lecture_list_filter_sort select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

border-radius: 0;
border: none;
background: #fff;
background-repeat: no-repeat;

margin: 10px 0 0;
padding: 7px 12px;
font-size: 14px;
z-index:2;

width: 250px;

background-image: url(../images/sort_arw.png);
background-repeat: no-repeat;
background-position: 225px center;
}




/*  ページネーション  */
.lecture_list_smp_pinfo {
display: block;
font-size: 13px;
margin: 0 10px;
text-align: left;
}

.lecture_list_smp_pinfo.under {
text-align: center;
margin: 10px auto;
}

#lecture_list_smp_pager {
padding: 0 10px;
margin: auto;
text-align: center;
}

#lecture_list_smp_pager li {
margin: 0 10px;

display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}

#lecture_list_smp_pager a {
display: block;
border: 1px solid #e5e5e5;
padding: 10px 14px;
text-decoration: none;
backgroung: #fff;
color: #001e5e;
}

#lecture_list_smp_pager a:hover {
background: #001d5e !important;
color: #fff !important;
}

#lecture_list_smp_pager a.disabled {
display: block;
}





/****************************************************************
****************************************************************

　個別ページ カルチャー個別シングル

****************************************************************
*****************************************************************/
#single_culture {
text-align: left;
}

#single_culture h3 {
display: block;
font-size: 16px;
border-top: 1px solid #e5e5e5;
padding: 10px 0 0;
margin: 10px;
}

/*  動画  */
.movie {
text-align: center;
border: none;
padding: 0 10px;
}

.movie > div {
border: none;
position: relative;
width: 100%;
padding-top: 56.25%;
}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


/*  講座詳細  */
ul.culture_box {
width: 100%;
padding: 15px 10px;
}

ul.culture_box > li {
display: block;
padding: 0;
text-align: left;
}

.culture_box li span,
.culture_box li p {
display: block;
padding: 10px;
}

.culture_box li span {
color: #fff;
background: #001e5e;
}

.culture_box li a {
color: #000;
text-decoration: underline;
}



/*  備考欄  */
div.remark {
border: 1px solid #e5e5e5;
margin: 0 10px;
padding: 10px 14px;
}

div.remark > strong {
display: block;
border-bottom: 1px solid #e5e5e5;
color: #001d5e;
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 10px;
}

div.remark > strong span {
display: block;
border-left: 5px solid #001d5e;
padding-left: 12px;
line-height: 1.3;
}

div.remark ul {
font-size: 14px;
width:100%;
height: 214px;

overflow-x:hidden;
overflow-y:scroll;
}

div.remark ul > li {
position: relative;
padding-left: 1em;
}

div.remark ul > li:before {
font-family: "fontawesome";
content: '\f111';
color: #999;
font-size: 7px;
position: absolute;
left: 0;
top: 0;
}

div.remark ul > li p,
ol.samplecase {
font-size: 13px;
line-height: 1.2em;
color: #999;
}

ol.samplecase {
margin: 10px 0;
}

ol.samplecase > li {
color: #993333;
margin: 10px 0;
}


/*  フォーム  */
#entryform {
margin: auto 10px 30px;
padding: 0;
}

#entryform h4 {
display: block;
background: #001d5e;
text-align: center;
color: #fff;
font-size: 16px;
position: relative;
padding: 10px;
margin-bottom: 20px;
}

#entryform h4::after {
border-style:solid;
border-color:#333 transparent;
content: " ";
position:absolute;
background-color:transparent;

border-width:8px 8px 0;
left: 50%;
bottom:-8px;
}

#entryform > p {
color: #f00;
margin-bottom: 10px;
}

#entryform form {
margin: 0;
padding: 10px 0;
}

#entryform form select {
display: block;
width:100%;
font-size: 13px;
white-space:nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

#entryform form p.send_btn {
background: #eee;
margin: 1px 0 0 !important;
display: block;
}

#entryform form input[type="submit"] {
background-image: url(../images/entry_smp.jpg);
}




/****************************************************************
****************************************************************

　アナリクスコード制御

****************************************************************
*****************************************************************/
#sc_line {
position: absolute;
bottom: 40px;
left: 0;
}




/****************************************************************
****************************************************************

　ドロップメニュー

****************************************************************
*****************************************************************/
#sub_list_menu {
display: none;
}

#smap_tree li.drop_sw {
position: relative;
display:block;
z-index: 1;
}

#smap_tree li.drop_sw a {
position: relative;
z-index: 1;
}

#dropmenu {
display: block;
position: absolute;
top: 10px;
right: 10px;
z-index: 100 !important;

top: 0;
right: 0;
padding: 10px;
}

#dropmenu:after {
font-family: "fontawesome";
content: '\f196';
color: #001d5e;
font-size: 16px;
}

#dropmenu.active:after {
content: '\f147';
}





/****************************************************************

　サンクスページ

*****************************************************************/
#thanks {
margin: 60px auto;
}

#thanksttl {
color: #001d5e;
font-size: 22px;
line-height: normal;
}

#af_support {
display: block;
padding: 30px 0;
}

#thanksmes {
border-top:solid 1px #e5e5e5;
padding: 30px 0;
font-size: 14px;
line-height: 2em;
}

#back_btn {
margin: auto;
text-align: center;
}

#back_btn a {
background: #001d5e;
font-weight: normal;
font-size: 16px;
color: #fff;
padding: 1em;
text-decoration: none;
letter-spacing: 0.12em;
}





/****************************************************************
****************************************************************

　タイトル帯バックカラー

****************************************************************
*****************************************************************/
/*  訪問  */
.beauty_ttl {
background: #1f95d3 !important;
}

/*  スタッフ  */
.staff_ttl {
background: #1845a2 !important;
}

/*  リハビリ  */
.culture_ttl {
background: #1b70a7 !important;
}

/*  あいさつ  */
.greeting_ttl {
background: #001e5e !important;
}

/*  概要  */
.company_ttl {
background: #1e326d !important;
}

/*  問い合わせ  */
.contactus_ttl {
background: #342d73 !important;
}

/*  ポリシー  */
.plicy_ttl {
background: #111e40 !important;
}

/*  サトマップ  */
.smap_ttl {
background: #344c94 !important;
}