@charset "utf-8";
/* Reset Style */ 
html {
/* 1rem10px */
font-size: 59%;
}
@media (min-width: 600px) {
html { font-size: 68.5%; }
}

@media (min-width: 1025px) {
html { font-size: 61%; }
}

* {
font-style:normal;
margin:0;
padding:0;
}

body {
/* Defaultsize 16px */
font-size: 1.6em;
background:#f2f4f7;
width:100%;
max-width: 100%;
  -webkit-overflow-scrolling: touch;
  letter-spacing: 0.5px;
}

/*
@font-face {
font-family: 'english';
   src: url('css/CinzelDecorative-Regular.ttf');
}

@font-face {
font-family: 'suuzi';
 src: url('css/Cardo-Italic.ttf');
}

@font-face {
font-family: 'ja_2';
 src: url('css/kokoro.ttf');
}
*/

.ja_pc {
 font-family: "Sawarabi Mincho" , YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", Honoka, Meiryo, "メイリオ", serif; 
}
.eng {
/* font-family: 'english'; */
font-family: 'Cinzel Decorative', cursive;
}
.su {
/* font-family: 'suuzi'; */
font-family: 'Cardo', serif;
font-style: italic;
}
.ja2 {
/* font-family: 'ja_2'; */
font-family: 'Noto Serif JP', serif;
}
.main_backcolorGLAY {
background: rgba(240,234,223,1);
}
.main_backcolorcyairo {
background:#D3B9A1;
}
.main_color {
color:#c69c6d;
}
.main_color_pink {
color:#ff92be;
}
.main_color_pink2 {
color:#FC90BC;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html {
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
html,body {
background-attachment: fixed;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video, form, input, button, textarea, article, aside, header, footer, section, nav{
color: #4D4D4D;
line-height: 165%;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
list-style-type: none;
text-decoration: none;
word-break:break-all;
list-style: none;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width: 768px) {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video, form, input, button, textarea, article, aside, header, footer, section, nav{
line-height: 165%;
}
}

@media (min-width: 1024px) {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video, form, input, button, textarea, article, aside, header, footer, section, nav{
line-height: 175%;
}
}

ul {
width:100%;
}
img {
width:100%;
}
h1, h2, h3, h4, h5, h6, em {
display:block;
font-weight: normal;
}
p,span {
display:inline-block;
}

.center {
display:block;
text-align:center;
width:100%;
}
a { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;}
a:link{color: #4D4D4D; text-decoration: none;}
a:visited{color:#4D4D4D; text-decoration: none;}
a:active{color:#4D4D4D; text-decoration: none;}
a:hover { text-decoration: none; color:#4D4D4D;}
/* フォームから文字透明　▼IE10・IE11用 */
:-ms-input-placeholder {
opacity: 0.8;
}
/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
opacity: 0.8;
}
/* ▼Firefox18以前用 */
:-moz-placeholder {
opacity: 0.8;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
opacity: 0.8;
}
/* ▼CSS標準の記述 */
:placeholder-shown {
opacity: 0.8;
}
.main_glay_grare {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,ffffff+34 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 34%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 34%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.main_begyu_grare { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf8f5+0,ffffff+34 */
background: rgb(252,248,245); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,248,245,1) 0%, rgba(255,255,255,1) 34%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,248,245,1) 0%,rgba(255,255,255,1) 34%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,248,245,1) 0%,rgba(255,255,255,1) 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf8f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.main_fontcolor {
color:#CEA063;
}
.main_fontcolor_usui {
color:#5b534a;
}
.main_glay {
background:#adaaa8; /* 濃い */
background:rgba(173,170,168,0.7); background:#c5c3c2; /* 薄い */
}
.main_backopa07 {
background:#D3B890; /* 濃い */
background:rgba(211,184,144,0.7); background:#deceb4; /* 薄い */
}
.main_back2 {
background: #D3B9A1;
}
.shadow_smoll {
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shadow_smoll2 {
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shadow_left{
  border-bottom: 1px #dfdfdf solid;
background-color:white;
position: relative;
}
.shadow_left:before
{
  z-index: -1;
  position: absolute;

  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow_left:after{
content: "";
display: block;
clear: both;
padding-bottom: 0px;
border-spacing: 0px;
margin: 0;
}
.img_waku_shadow {
  width: 100%;
    position:relative;
        border:1px solid #dfdfdf;
        padding:3px;
        background: white;
     -moz-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
  }

.naname {
-webkit-transform: skewY(1.2deg) translate3d(0, 0, 0);
-moz-transform: skewY(1.2deg) translate3d(0, 0, 0);
-ms-transform: skewY(1.2deg) translate3d(0, 0, 0);
transform: rotate(1.2deg) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;  
}
.absolute {
position:absolute;
}
.relative {
position:relative;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}
.width {
width:100%;
}
.block {
display: block;
}
.inline_block {
display: inline-block;
}
.letter_40 {
letter-spacing:-.40em; 
}
.scroll_addclass {
position: fixed;
overflow: hidden;
}
.clear {
clear:both;
}
.hideen {
overflow: hidden;
}

.opa0 {
opacity:0;
}
.flex {
display:flex;
flex-wrap: wrap;
}
.justify_center{
justify-content: center;
}
.align_center{
align-items: center;
}
.justify_left{
justify-content: flex-start;
}
.align_top{
align-items: flex-start;
}
.motion_off {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-out,transform 0.5s ease-out;
}
.motion {
opacity:1;
visibility: visible;
transform:translate(0,-30px);
}
.white {
background: white;
}
/* ーーーーーーーーーーーーーー　fadeon off  ーーーーーーーーーーーーーーーーー*/
.fade_off1, .fade_off2, .fade_off3, .fade_off4, .fade_off5, .fade_off6, .fade_off7, .fade_off8, .fade_off9, .fade_off10, .fade_off11, .fade_off12, .fade_off13, .fade_off14, .fade_off15, .fade_off16, .fade_off17, .fade_off18, .fade_off19, .fade_off20{
opacity:0;
transition:opacity 0.5s ease-out,transform 0.5s ease-out;
}
.fade_on {
opacity:1;
transform:translate(0,-40px);
}
/* ーーーーーーーーーーーーーー　ハンバーガー ーーーーーーーーーーーーーーーーー*/
#menu {
width: 45px;
margin: 0 auto;
position: relative;
cursor: pointer;
margin:0 auto;
}
#menu .bar {
display: inline-block;
height: 1.3px;
background-color: white;
position: absolute;
left: 0;
right:0;
transition: .15s ease-in-out;
}
#bar01 {
width:40px;
top: 0;
}
#bar02 {
width:23px;
top: 15px;
}
.active #bar01 {
top: 7px;
transform: rotate(45deg);
width:35px;
}
.active #bar02 {
top: 7px;
transform: rotate(-45deg);
width:35px;
}


/* ーーーーーーーーーーーーーー　side_model ーーーーーーーーーーーーーーーーー*/
#side_model {
display:none;
width:75%;
max-width: 400px;
margin-left:auto;
position:absolute;
top:0;
opacity:0;
left:0;
right:0;
z-index:98;
height:100vh;
position:fixed;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
padding:80px 0 120px 0;
text-align:center;
background-color: rgba(0,0,0,1);
}
.arrow_img {
background:url(img/arrow_model.png)no-repeat;
background-size:7px;
background-position: 91% 51%;
}
.link_all {
display:block;
width:100%;
height:100%;
}
#side_glay {
display:block;
position:absolute;
top:0;
right:0;
left:0;
height:120%;
width:100%;
z-index:11;
position:fixed;
}
.side_link {
width:97%;
margin:auto;
display:block;
border-bottom:1px solid #212121;
text-align:left;
background:;
}
.side_ja {
display:inline-block;
font-size:1.5rem;
letter-spacing: 0.4px;
margin:16px 5px 14px 20px;
color:#999999;
transition: opacity 0.5s ease-out,transform 0.5s ease-out;
}
.side_ja_red {
display:inline-block;
font-size:1.5rem;
letter-spacing: 0.4px;
margin:16px 5px 14px 20px;
color:#3fa9f5;
transition: opacity 0.5s ease-out,transform 0.5s ease-out;
}
.red {
color:#3baef4;
transform:scale(1.1);
}
.color_red {
color:#ED3A47;
}
.color_red2{
color:#ED3A47;
font-weight:bold;
}
.color_black {
color:black;
}
.red_pc {
opacity: 0.9;
transform:scale(1.1);
}

.red_pc2 {
opacity: 0.7;
}
.red_error {
color:red;
}
.blue_error {
color:#3fa9f5;
}
.red_ok {
display: block;
color:red;
padding: 12px 0 11px 0;
}
.blue_ok {
display: block;
color:#3fa9f5;
padding: 12px 0 11px 0;
}
/*  ログインフォーム */
.login_div {
position: absolute;
left: 0;
right: 0;
width: 89%;
margin: 0 auto;
background: white;
padding: 30px 32px 31px 32px;
border-radius: 10px;
}
.login_div h2 {
font-size: 1.6rem;
display: block;
text-align: center;
padding: 0px 0 3px 0;
color: #333333;
}
.login_ul {
position: relative;
width: 100%;
margin: 0px auto 8px auto;
}
.login_li1 {
position: relative;
z-index: 1;
width: 100%;
height: 47px;
}
.id_form {
width: 100%;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.4rem;
}
.comment_form {
width: 100%;
background: white;
border-radius: 5px;
padding: 5px 10px;
height: 100px;
line-height: 155%;
border: 1px solid #999999;
font-size: 1.3rem;
}
.comment_form_corce {
width: 100%;
background: white;
border-radius: 5px;
padding: 5px 10px;
height: 60px;
line-height: 145%;
border: 1px solid #999999;
font-size: 1.4rem;
margin:2px 0 15px 0;
}

.id_form2 {
width: 100%;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 47px;
height: 47px;
border: 1px solid #999999;
font-size: 1.4rem;
}
.id_botan {
width: 80%;
display: block;
text-align: center;
background: white;
font-size: 1.4rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 30px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.id_on {
width:100%;
text-align:center;
margin:18px 0 16px 0;
}
.id_on p {
font-size: 1.4rem;
letter-spacing: 0.2px;
font-weight: bold;
color: #666666;
}
.id_on input[type=checkbox] {
  display: none;
}
.id_on input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.check_css {
  margin:0% 0% 0% 0%;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 3px 0 0 24px;
  vertical-align: middle;
  cursor: pointer;
  color:#3fa9f5;
font-size:1.3rem;
  line-height: 120%;
  letter-spacing: 0.5px;
}
.check_css:hover:after {
  border-color: #3fa9f5;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #3fa9f5;
  border-radius: 6px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #3fa9f5;
  border-bottom: 3px solid #3fa9f5;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* エラーメッセージ　*/
.entry_error {
display:inline-block;
padding:4px 5px;
background-color:#b5b5b5;
text-align:left;
line-height:145%;
vertical-align: middle;
margin:0% 0% 0% 0;
font-size:1.3rem;
letter-spacing:1px;
color:white;
border-radius: 12px;
position:relative;
}
.entry_error:after {
  border:10px solid transparent;
  border-bottom-color:#b5b5b5;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
  right:77%;
  position:absolute;
}
.entry_error_all {
display: block;
position: relative;
margin: -1px auto 6px auto;
font-size: 1.5rem;
color: red;
text-align: center;
}
.a_id {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.a_pass {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.login_div img {
width: 46px;
margin: 0 auto 22px auto;
}
.pass_on {
text-align: center;
margin: 20px auto 0 auto;
}
.pass_on p{
font-size: 1.3rem;
letter-spacing: 0.2px;
}
.pass_on a {
display: inline-block;
}
.remind_div {
margin: 15px 5px 8px 5px;
}
.remind_div span{
font-size: 1.7rem;
color:red;
display:block;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
}
.remind_div p{
font-size: 1.4rem;
}
.id_botan2 {
width: 80%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 5px auto 10px auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.a_address {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.login_back {
text-align: center;
margin: 34px auto 0 auto;
}
.login_back p {
font-size: 1.7rem;
color: #3fa9f5;
font-weight: bold;
}
.login_back a {
display: inline-block;
}

/* headre */
.header {
 background: #3fa9f5;
 height: 55px;
 z-index: 99;
position: fixed;
top:0;
left:0;
right:0;
width:100%;
}
.header_ul {
width: 92%;
margin: 0 3% 0 5%;
display: flex;
align-items: flex-start;
justify-content: start;
}
.header_ul_open {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
background: rgba(211,184,144, 0.8);
}
.header_li1 {
padding: 15px 0 0 0;
width: 33px;
height: 55px;
}
.header_li2 {
padding: 13.5px 0 0 10px;
height: 55px;
}
.header_li2 h1 {
display: block;
font-size: 1.1rem;
color: white;
line-height: 140%;
}
.header_li2 p {
display: block;
font-size: 1.1rem;
color: white;
line-height: 140%;
}

.header_li3 {
margin: 0 0 0 auto;
padding-top: 19.5px;
display: block;
height: 55px;
cursor: pointer;
}


/* header                            pc */
.header_pc {
display: none;
}
.my_header_pc {
display: none;
}
/* header                            pc */

.menu_ul {
display:flex;
}
.menu_li {
text-align: center;
min-width: 130px;
height: 71px;
}
.menu_li a{
display: inline-block;
height: 71px;
}
.menu_li_p {
font-size: 1.4rem;
font-weight: bold;
display: block;
color: white;
letter-spacing: 2px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.menu_li_span {
font-size: 1.1rem;
display: block;
color: white;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.menu_li_p_red {
font-size: 1.4rem;
font-weight: bold;
display: block;
color: white;
opacity: 0.6;
letter-spacing: 2px;
}
.menu_li_span_red {
font-size: 1.1rem;
display: block;
color: white;
opacity: 0.6;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}

/* header2                            sp */
.header2 {
margin-top: 55px;
background: #1a1a1a;
}
.header2_ul {
margin: 0 auto 0 auto;
display: flex;
align-items: center;
height: 34px;
overflow-x: auto;
}
.header2_li {
flex: 0 0 auto;
height: 34px;
}
.header2_li a {
display: block;
width: 100%;
height: 34px;
}
.header2_li_p {
line-height: 34px;
padding: 0px 15px 0 15px;
display: block;
font-size: 1.2rem;
color: #cccccc;
letter-spacing: 0.1px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_li_span {
line-height: 34px;
padding: 0px 15px 0 15px;
display: block;
font-size: 1.2rem;
color: red;
letter-spacing: 0.1px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_li_p_red {
  line-height: 34px;
padding: 0px 15px 0 15px;
display: block;
font-size: 1.2rem;
opacity: 0.6;
color: #3fa9f5;
letter-spacing: 0.1px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_line {
flex: 0 0 auto;
width: 1px;
height: 10px;
background: #999999;
}

/* header                            pc */
.header_pc {
display: none;
}
.header2_pc {
background: #1a1a1a;
display: none;
}


/* whatnew                             */
.what {
margin: auto;
width: 92%;
}
.what_new {
margin: 12px auto 0 auto;
border-left: 0px solid #3fa9f5;
background: white;
border-radius: 3px;
padding: 6px 14px 6px 14px;
}
.what_new_div {
display: flex;
align-items: center;
margin: 4px 0 4px 0;
padding:0px 1px;
border-bottom:1px dashed #c7b299;
}
.what_new h2{
display: block;
font-size: 1.4rem;
margin: 0 7px 0 0px;
letter-spacing: 0.2px;
font-weight:bold;
}
.what_new_div img {
width: 16px;
margin: 0px 4px 4px 0;
}
.what_new span{
display: block;
font-size: 1.3rem;
font-weight:bold;

margin: 0px 0 0px 0;
line-height:100%;

}
.what_new p{
display: block;
font-size: 1.3rem;
letter-spacing:0.2px;
line-height:170%;
padding-left:4px;

}
.what_new em{
margin:6px 0 0 0;
display: block;
font-size: 1.3rem;
letter-spacing:0.1px;
line-height:170%;
padding-left:2px;
}

/* menu list                            */
.menu_list_div {
background: #3FA9F5;
margin: 10px auto 0px auto;
}
.menu_list {
width: 90%;
display: flex;
align-items: center;
padding: 5px 0px 3px 30px;
}
.menu_list p {
display: block;
font-size: 1.9rem;
color: white;
text-align: left;
margin-right: 10px;
}
.menu_list h2 {
display: block;
font-size: 1.3rem;

font-weight: bold;
color: white;
text-align: left;
}
.list_ul {
width: 90%;
margin: 13px auto 16px auto;
display: flex;
height: 98px;
align-items: center;
justify-content: center;
padding: 0px 25px;
border-radius: 10px;
background: white url(./img/arrow_menu.png)no-repeat;
background-size:9px;
background-position: 97% 51%;
}
.list_li1 {
width: 13.5%;
margin: 0px 6% 0 0;
}
.list_li2 {
width: 80.5%;
margin-right: 0%;
}
.list_li_h3 {
font-size: 1.4rem;
font-weight: bold;
color: #4D4D4D;
}
.list_li_p {
display: block;
font-size: 1.3rem;
line-height: 160%;
padding: 1px 0 0 0;
}

/* foter */
.foter {
background: #E6E6E6;
padding: 30px 0 30px 0;
margin: 30px 0 0 0;
}

.foter p {
display: block;
text-align: center;
font-size: 1.2rem;
padding: 0 0 4px 0;
}
.foter span {
display: block;
text-align: center;
font-size: 1.1rem;
}

#spped {
width: 100%;
height: 30px;
}

.keiyaku_div {
width: 92%;
margin: 15px auto 0px auto;
height: 28px;
background: #3fa9f5;
padding: 0px 0 0 0px;
border-radius: 0px;
}
.keiyaku_div p {
font-size: 1.3rem;
padding-left: 10px;
letter-spacing: 0.5px;
line-height: 28px;
color: white;
}

.nyukin {
display: inline-block;
margin: 10px 0 10px 0;
height: 32px;
background: white;
padding: 0px 0px;
border-radius: 15px;
background: white url(./img/arrow_menu.png)no-repeat;
background-size:6px;
background-position: 94% 51%;
border:1px solid #cccccc;
}
.nyukin p {
font-weight: bold;
line-height: 30px;
font-size: 1.2rem;
padding: 0 20px;
}

.nyukin a {
display: block;
width: 100%;
height: 100%;
}

/* site */
.title_site {
margin: 17px 0 12px 0;
}
.title_site h2{
display: block;
font-size: 2.1rem;
font-weight: bold;
color: #4D4D4D;
text-align: center;
letter-spacing: 1px;
}
.title_site p{
display: block;
font-size: 1.4rem;
color: #4D4D4D;
text-align: center;
font-weight: bold;
}
.site_center {
text-align: center;
margin: 15px 0 28px 0;

}
.title_site span{
font-size: 1.3rem;
text-align: center;
display: inline-block;
line-height: 100%;
background: #3fa9f5;
color: white;
border-radius: 14px;
padding: 5px 20px;
}
.title_site a{
color: white;
}
.site_ul {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap :wrap;
background: white;
margin: 0px auto 0 auto;
width:100%;
padding: 0px 0 0px 0;
}
.site_li {
width: 16.6666%;
border-right: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
padding: 0;
height: 53px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.site_li p {
color: #666666;
display: block;
text-align: center;
line-height: 150%;
font-size: 1.1rem;
font-weight: bold;
}

.site_blue {
height: 40px;
padding: 0 0px;
background: #3FA9F5;
}
.site_blue h3 {
display: block;
font-size: 1.4rem;
line-height: 40px;
color: white;
text-align: center;
font-weight: bold;
}

#toppage,#toppage,#menupage,#accesspage,#contactpage,#recruitpage {
display: none;
}
.site_waku {
width: 100%;
margin: auto;
padding: 1px 0 22px 0;
background: white;
border-radius: 0 0 20px 20px;
}

.form_ul {
position: relative;
width: 92%;
margin: 20px auto 0 auto;
}
.form_title {
display: block;
margin: 0 0 6px 4px;
}
.form_title1{
display: inline-block;
vertical-align: middle;
width: 4px;
height: 18px;
background: #3FA9F5;
}
.form_title p {
line-height: 100%;
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-weight: bold;
padding: 0 0 0px 6px;
letter-spacing: 0.2px;

}
.site_form {
width: 100%;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 47px;
height: 47px;
border: 1px solid #999999;
font-size: 1.6rem;
}
.form_div {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 5px;
}
.form_div1 {
width: 83%;
margin: 0 1% 0 0;
}
.form_div2 {
width: 16%;
margin: 3px 0% 0 0;
cursor: pointer;
}
.form_div2g {
width: 16%;
margin: 3px 0% 0 0;
cursor: pointer;
}
.form_div2_img {
width: 26px;
margin: 0 auto 2px auto;
}
.form_div2_img2 {
width: 26px;
margin: 0 auto 2px auto;
}
.form_div2 p {
text-align: center;
display: block;
font-weight: bold;
font-size: 1rem;
letter-spacing: 0.1px;
}
.form_div2g p {
text-align: center;
display: block;
font-weight: bold;
font-size: 1rem;
letter-spacing: 0.1px;
}
.site_img {
display:none;
width:100%;
margin:auto;
position:fixed;
height: 120vh;
top:0%;
opacity:0;
left:0;
right:0;
z-index:98;
position:fixed;
overflow: scroll;
-webkit-overflow-scrolling: touch;
text-align:center;
background-color: rgba(0,0,0,0.8);
}
.site_image {
position: absolute;
top: 14vh;
left:0;
right:0;
padding-bottom:200px;
width: 80%;
max-width: 360px;
margin: auto;
overflow: scroll;
}
.ke_div{
width:100%;
background:white;
}

.site_top{
display:flex;
align-items:center;
justify-content:center;
background:#998675;
height:33px;
}
.site_top em{
line-height:33px;
color:white;
font-size:1.4rem;
}
.site_top_img{
width:15px;
padding:3px 0 0 5px;
}
.site_enter {
text-align: center;
margin: 36px 0 15px 0;
}
.site_enter_plof {
text-align: center;
margin: 0px 0 15px 0;
}
.site_botan {
width: 300px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 45px;
line-height: 45px;
border-radius: 17px;
margin: 40px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.site_botan_plof {
width: 300px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 45px;
line-height: 45px;
border-radius: 17px;
margin: 27px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.site_opne_div {
display: flex;
align-items: center;
}
.site_open_in {
min-width: 120px;
}
.site_open_out {
min-width: 120px;
}
.select_contact2 {
width: 100px;
margin: 0 0px 0 0;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.5rem;
color: #333333;
}
.site_open_em {
display: block;
margin: 0 5px;
font-size: 1.9rem;
}
.site_ok,.top_ok,.menu_ok,.access_ok,.contact_ok,.recruit_ok {
}
.site_ok,.top_ok,.menu_ok,.top_access_ok,.contact_ok,.recruit_ok p {
display: block;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
color: #3FA9F5;
}
.site_input_on p {
display: block;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
color: #3FA9F5;
margin: 10px 0 0 0;
}
.form_img_ul {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 6px;
}
.form_img_li1{
display: block;
margin-top: 0.5%;
width: 49%;
margin-right: 2%;
}
.form_img_li2{
display: block;
width: 49%;
}
.form_img_div {
margin: auto;
text-align: center;
}

.form_img_div p {
display: block;
font-size: 1.4rem;
margin: 3px 0 0 0;
}
.form_img_div2 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.form_img_div2 img {
width: 32.33%;
margin: 0.5% 0.5%;
}
.form_up {
text-align: center;
margin: auto;
}

.form_up label > input {
display:none; /* アップロードボタンのスタイルを無効にする */
}
.form_up label {
font-size: 1.4rem;
line-height: 38px;
height: 38px;
background: #999999;
color: white;
text-align: center;
width: 230px;
max-width: 100%;
margin: 18px auto 0 auto;
border-radius: 18px;
border: double 1px white;/* ラベルのボーダーを指定する */
cursor: pointer;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sample_p {
display: block;
text-align: center;
margin: 5px auto;
font-size: 1.4rem;
font-weight: bold;
line-height: 140%;
color: #666666;
}
.pc_site {
width: 100%;
}
.corce_ul {
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 6px;
flex-wrap:wrap;
}
.corce_ul2 {
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 6px;
flex-wrap:wrap;
}
.corce_ul_hideen {
display: none;
justify-content: center;
align-items: flex-start;
margin-bottom: 6px;
flex-wrap:wrap;
}
.corce_ul2_hideen {
display: none;
justify-content: center;
align-items: flex-start;
margin-bottom: 6px;
flex-wrap:wrap;
}
.corce_li1{
width: 58%;
margin-right: 2%;
}
.corce_li2{
width: 40%;
}
.sample_p2 {
width: 58%;
margin-right: 2%;
display: inline-block;
text-align: center;
margin: 5px auto 2px auto;
font-size: 1.4rem;
font-weight: bold;
line-height: 140%;
color: #666666;
}
.sample_p3 {
width: 40%;
margin-right: 2%;
display: inline-block;
text-align: center;
margin: 5px auto 4px auto;
font-size: 1.4rem;
font-weight: bold;
line-height: 140%;
color: #666666;
}
.corce_on {
width: 130px;
display: inline-block;
margin: 10px auto 0 auto;
background: white;
border-radius: 15px;
height: 32px;
border: 1px solid #cccccc;
cursor: pointer;
}
.corce_on p {
display: block;
text-align: center;
font-weight: bold;
line-height: 32px;
font-size: 1.4rem;
}
.corce_on_googlemap {
width: 130px;
display: inline-block;
margin: 10px auto 0 auto;
background: white;
border-radius: 15px;
height: 32px;
border: 1px solid #cccccc;
cursor: pointer;
}
.corce_on_googlemap p {
display: block;
text-align: center;
font-weight: bold;
line-height: 32px;
font-size: 1.4rem;
}
.corce_on2 {
width: 130px;
display: inline-block;
margin: 10px auto 0 auto;
background: white;
border-radius: 15px;
height: 32px;
border: 1px solid #cccccc;
cursor: pointer;
}
.corce_on2 p {
display: block;
text-align: center;
line-height: 32px;
font-size: 1.4rem;
font-weight: bold;
}
.select_contact3 {
width: 100%;
margin: 0 0px 0 0;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.4rem;
color: #333333;
}
.id_on_menu {
margin:13px 0 0px 0px;
display: inline-block;
}
.id_on_menu p {
font-size: 1.5rem;
letter-spacing: 0.2px;
padding-right: 5px;
font-weight: bold;
}
.id_on_menu input[type=checkbox] {
  display: none;
}
.id_on_menu input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.form_li2 em {
display: block;
margin: 15px 0 5px 7px;
font-size: 1.5rem;
font-weight: bold;
line-height: 140%;
color: #666666;
}
.creka_hideen, .recruit_hideen, .room_hideen, .shimei_hideen, .blog_hideen, .shinya_hideen {
display: none;
}
.google_ul_hideen {
display: none;
}



/* therapist */
.staff_div {
display: inline-block;
background: #3fa9f5;
border-radius: 20px;
margin: 10px 0 0px 0;
}
.staff_div p {
display: block;
text-align: center;
padding: 10px 30px;
color: white;
font-size: 1.4rem;
}
.therapist_waku {
width: 100%;
margin: auto;
padding: 0px 0 22px 0;
background: white;
border-radius: 0px;
}
.staff_img_ul {
display: flex;
justify-content: center;
align-items: flex-start;
text-align: center;
width: 100%;
}
.staff_img_ul li{
width: 28%;
margin: 0 2.5%;
padding: 10px 0px;
}
.file_none{
display:none; /* アップロードボタンのスタイルを無効にする */
}
.file_block {
margin: 10px auto 0 auto;
background: #efefef;
font-size: 1.3rem;
display: inline-block;
padding: 2px 10px;
border: 1px solid #898989;
border-radius: 12px;
letter-spacing: 0.1px;
color: black;
cursor: pointer;
}
.sample {
margin: 0px auto 0 auto;
}

.staff_img_pc {
width: 100%;
max-width: 700px;
margin: auto;
}
.form_div1_staff {
width: 100%;
}
.staff_all {
position: relative;
width: 97%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_all_plof {
position: relative;
width: 99%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_right {
width: 100%;
margin: 0px auto;
}
.staff_left {
width: 100%;
margin: 0px auto;
}

.staff_form {
display: flex;
width: 92%;
margin: 6px auto 0 auto;
}
.staff_form1 {
width: 30%;
background: #e8e8e8;
border: 1px solid #c1c1c1;
border-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.staff_form1 p {
text-align: center;
display: block;
font-size: 1.3rem;
}
.staff_form2{
width: 70%;
}
.staff_form2_plof_glay{
width: 70%;
background:#E6E6E6;
}
.staff2_form {
display: flex;
width: 92%;
margin: 6px auto 0 auto;
}
.staff2_form1 {
width: 30%;
background: #e8e8e8;
border: 1px solid #c1c1c1;
border-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.staff2_form1 p {
text-align: center;
display: block;
font-size: 1.3rem;
}
.staff2_form2{
width: 70%;
}
.id_form_staff {
width: 100%;
background: white;
border-radius: 0px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #c1c1c1;
font-size: 1.3rem;
}
.id_form_staff_plof {
width: 100%;
background: #F2F2F2;
border-radius: 0px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #c1c1c1;
font-size: 1.3rem;
}
.staff_space {
margin: 28px 0;
}
.staff_all2 {
width: 97%;
max-width: 800px;
margin: auto;
}
.staff_all2_polof {
width: 99%;
max-width: 800px;
margin: auto;
}


.comment_form {
width: 100%;
background: white;
border-radius: 0px;
padding: 5px 10px;
height: 100px;
line-height: 155%;
border: 1px solid #c1c1c1;
font-size: 1.3rem;
}
.comment_form_plof {
width: 100%;
background: white;
border-radius: 0px;
padding: 5px 10px;
height: 150px;
line-height: 160%;
border: 1px solid #c1c1c1;
font-size: 1.3rem;
}

.staff_radio_all {
display: flex;
border: 1px solid #c1c1c1;
padding: 15px 10px;
justify-content: center;
}
.staff_radio1{
width: 44%;
margin: 0 3%;
}
.staff_radio_all p {
font-size: 1.3rem;
display: inline-block;
}
.staff_radio_all input[type=radio] {
display: none;
}


.staff_radio1 label p{
font-size: 1.2rem;
display: block;
letter-spacing: 0.1px;
text-align: center;
padding: 8px 0;
border: 1px solid #c1c1c1;
cursor: pointer;
}
.staff_radio_all input[type="radio"]:checked + label p{
background: #3fa9f5;
color: white;
font-size: 1.2rem;
letter-spacing: 0.1px;
display: block;
text-align: center;
padding: 8px 0;
border: 1px solid #3fa9f5;
cursor: pointer;
}
.modoru {
display: inline-block;
font-weight: bold;
background: #3fa9f5;
border-radius: 20px;
margin: 10px auto 25px auto;
}
.modoru em {
display: block;
color: white;
text-align: center;
font-size: 1.6rem;
line-height: 100%;
padding: 14px 20px 14px 20px;
}
.therapist_ul {
width: 98%;
max-width: 900px;
margin: 11px auto 0 auto;
display: flex;
align-items: stretch;
justify-content: center;
}
.therapist_ul li {
background:#3fa9f5;
font-weight:bold;
display: flex;
align-items: center;
justify-content:center;
border-right:1px solid #e6e6e6;
width: 16.8%;
}
.therapist_ul li:first-of-type{
width: 16%;
}
.therapist_ul p{
color:white;
font-weight:normal;
font-size:1.2rem;
padding:10px 2px;
letter-spacing:0.1px;
text-align:center;
}
.therapist_ul2 {
width: 98%;
margin: auto;
max-width: 900px;
margin: 0px auto 0px auto;
display: flex;
align-items: stretch;
justify-content: center;
border-bottom: 1px solid #e6e6e6;
}
.therapist_ul2 li {
padding: 0px 0px;
background: white;
display: flex;
flex-wrap: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #e6e6e6;
width: 16.8%;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.therapist_ul2 li:first-of-type{
width: 16%;
}
.therapist_ul2 li a{
display: block;
height: 100%;
width: 100%;
text-align: center;
margin: auto;
}
.therapist_ul2 li a em{
font-size:1.3rem;
}
.therapist_ul2_div{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.therapist_ul2 li img{
width: 100%;
}

.therapist_ul2glay {
width: 98%;
margin: auto;
max-width: 900px;
margin: 0px auto 0px auto;
display: flex;
align-items: stretch;
justify-content: center;
border-bottom: 1px solid #cccccc;

}
.therapist_ul2glay li {
padding: 0px 0px;
background: #e6e6e6;
display: flex;
flex-wrap: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #cccccc;
width: 16.8%;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.therapist_ul2glay li:first-of-type{
width: 16%;
}
.therapist_ul2glay li a{
display: block;
height: 100%;
width: 100%;
text-align: center;
margin: auto;
}
.therapist_ul2glay li a em{
font-size:1.3rem;
}

.therapist_ul2glay li img{
width: 100%;
}

.staff_relative{
position: relative;
width: 100%;
margin: 3px auto;
height: 70px;
overflow: hidden;
}
.therapist_div {
overflow: hidden;
width: 100%;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0;
}
.therapist_div span{
display: block;
text-align: center;
color: white;
font-size: 0.9rem;
line-height: 130%;
letter-spacing: 0.1px;
padding:3px 2px 2px 2px;
}
.hit_div h2{
font-size: 1.1rem;
display: block;
text-align: center;
letter-spacing: 0.1px;
}
.hit_div p{
display:block;
font-size: 1.2rem;
display: block;
text-align: center;
letter-spacing: 0.2px;
line-height: 130%;
}
.hit_div2 h2{
font-size: 1.1rem;
display: inline-block;
text-align: center;
letter-spacing: 0.1px;
}
.hit_div2 p{
display:block;
font-size: 1.2rem;
display: inline-block;
text-align: center;
letter-spacing: 0.2px;
line-height:170%;
padding-left: 2px;
}
.therapist_ul2 li em{
font-size: 1.3rem;
text-align: center;
letter-spacing: 0.1px;
display: flex;
align-items: center;
justify-content: center;
}

.therapist_mypage{
display:none;
width:85%;
max-width: 800px;
margin:auto;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
height: 65vh;
position:fixed;
background-color: rgba(0,0,0,1);
border-radius: 20px;
-webkit-overflow-scrolling: touch;
}
.therapist_mypage2{
position: relative;
display:none;
width:90%;
max-width: 800px;
margin:auto;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
height: 65vh;
position:fixed;
background-color: rgba(0,0,0,1);
border-radius: 20px;
-webkit-overflow-scrolling: touch;
}
.therapist_mypage3{
display:none;
width:90%;
max-width: 800px;
margin:auto;
top:8vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
height: 67vh;
position:fixed;
background-color: rgba(0,0,0,0.8);
border-radius: 20px;
-webkit-overflow-scrolling: touch;
}
.my_scroll{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:20px 20px 50px 20px;
-webkit-overflow-scrolling: touch;
}
.my_scroll2{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:0px 5px 50px 5px;
-webkit-overflow-scrolling: touch;
}
.my_scroll3{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:15px 20px 50px 25px;
-webkit-overflow-scrolling: touch;
}
.white_back{
display: none;
opacity: 0;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index:97;
height: 100vh;
width: 100%;
}

.therapist_mypage p {
font-size: 1.3rem;
line-height: 170%;
padding: 2px 0;
color: #b3b3b3;
}
.therapist_mypage em {
display: inline-block;
background: ;
font-size: 1.8rem;
line-height: 165%;
padding: 0px 0 0px 0px;
margin: 12px 0 8px 3px;
font-weight: bold;
  background: linear-gradient(transparent 88%, #3fa9f5 88%);
color: #b3b3b3;
}

.therapist_mypage span {
color: #3fa9f5;
font-weight: bold;
padding:0px 4px 0 0;
color: white;
}
.therapist_mypage2 p {
font-size: 1.4rem;
line-height: 170%;
padding: 2px 0;
color: #b3b3b3;
}
.therapist_mypage2 em {
display: inline-block;
background: ;
font-size: 1.8rem;
line-height: 165%;
padding: 0px 0 0px 0px;
margin: 12px 0 8px 3px;
font-weight: bold;
  background: linear-gradient(transparent 88%, #3fa9f5 88%);
color: #b3b3b3;
}

.therapist_mypage2 span {
color: #3fa9f5;
font-weight: bold;
padding:0px 4px 0 0;
color: white;
}
.therapist_mypage_ul{
margin: 0px 0 8px 0;
display: flex;
align-items: flex-start;
}
.mypage_input {
display: block;
width: 100%;
padding: 7px 15px;
margin: 2px 0 15px 0px;
border-radius: 14px;
background: white;
border: 1px solid #c1c1c1;
font-size: 1.5rem;
}

.therapist_mypage_edit {
display: inline-block;
margin: 20px 0px 3px 0;
background: white;
padding: 3px 12px 2px 12px;
border-radius: 20px;
cursor: pointer;
border: 1px solid #b3b3b3;
}
.therapist_flex{
display: flex;
align-items: center;
justify-content: center;
}
.therapist_mypage_edit img{
width: 8px;
margin: 0px 0 2px 5px;
}
.therapist_mypage_edit p {
font-size: 1.3rem;
line-height: 170%;
padding: 2px 0;
display: block;
text-align: center;
}
.right{
text-align: right;
width: 96%;
max-width: 900px;
margin: auto;
}

.therapist_close{
position:absolute;
bottom:1%;
right:3%;
width: 30px;
display: block;
text-align: center;
vertical-align: middle;
cursor: pointer;
}

.therapist_close img {
width: 30px;
display: inline-block;
margin: 0 0px 0px 0;
line-height: 0;
}
.therapist_close h3 {
letter-spacing: 0.3px;
font-size: 1.5rem;
color: #DCDDDD;
line-height: 0;
display: inline-block;
}

/* sch */
.sch_back {
width: 90%;
max-width: 600px;
margin: auto;
background: white;
border-radius: 20px 20px 20px 20px;
padding: 0px 0 20px 0;
}
.sch_blue {
padding: 10px 0px 7px 0;
background: #3FA9F5;
border-radius: 20px 20px 0 0;
}
.sch_blue h3 {
display: block;
font-size: 1.8rem;
line-height: 160%;
color: white;
text-align: center;
font-weight: bold;
}
.sch_blue p {
padding-top: 3px;
display: block;
font-size: 1.4rem;
line-height: 160%;
color: white;
text-align: center;
}
.sch_initial_ul2 {
width: 90%;
margin: 20px auto 8px auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sch_initial_ul {
width: 90%;
margin: 0px auto 0px auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sch_initial_ul2 li{
display: flex;
align-items: center;
justify-content: center;
}
.sch_initial_ul_hideen {
width: 90%;
margin: 10px auto;
display: none;
justify-content: center;
flex-wrap: wrap;
}
.sch_initial_li1 {
padding-right: 5px;
width: 60.6%;

}
.sch_initial_li2{
padding-left: 5px;
width: 38.3%;
}

.sch_initial_ul2 h3{
width: 100%;
display: block;
font-size: 1.5rem;
line-height: 100%;
font-weight: bold;
text-align: left;
padding:0px 0px 0px 6px;

}

.sch_form{
width: 100%;
display: block;
background: white;
border-radius: 5px;
padding: 20px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.5rem;
color: #4D4D4D;
}
.sch_select {
width:100%;
display: block;
border-radius: 5px;
padding: 0px 10px;
height: 42px;
line-height: 42px;
background: white;
border: 1px solid #999999;
font-size: 1.5rem;
color: #4D4D4D;
}
.sch_on {
padding: 0px 30px;
display: inline-block;
margin: 10px auto 0 auto;
background: white;
border-radius: 15px;
height: 36px;
border: 1px solid #cccccc;
cursor: pointer;
}
.sch_on p {
display: block;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
line-height: 36px;
color: #666666;
}
.form_ul_sch {
position: relative;
width: 90%;
margin: 35px auto 0 auto;
max-width: 600px;
}
.form_ul2_sch {
position: relative;
width: 90%;
margin: 20px auto 0 auto;
max-width: 600px;
}
.sch_ul {
width:95%;
max-width: 800px;
margin:auto;
display: flex;
justify-content: center;
padding: 15px 0;
}
.sch_ul li {
width: 47%;
margin: 0 1.5%;
border-radius: 5px;
background: white url(./img/arrow_menu.png)no-repeat;
background-size:9px;
background-position: 97% 62%;
}
.sch_ul a{
display: block;
width: 100%;
height: 100%;
}
.sch_ul li div{
background: #3fa9f5;
padding: 6px 0px 4px 0px;
border-radius: 5px 5px 0 0;
margin: 0 0 10px 0;
}
.sch_ul h2 {
display: block;
font-size: 1.4rem;
font-weight: bold;
color: white;
text-align: center;
}
.sch_ul p {
padding: 0px 23px 14px 20px;
display: block;
font-size: 1.2rem;
}
.sch_setting{
display: inline-block;
border-radius: 20px;
background: white;
height: 34px;
border: 1px solid #cccccc;

}
.sch_setting p{
display: block;
text-align: center;
padding: 0px 25px;
line-height: 34px;
font-size: 1.3rem;
}
.sch_right{
width:95%;
max-width: 800px;
text-align: right;
margin: auto;
padding-right: 15px;
}
/* calendar */
.calendar_scroll{
overflow-y: scroll;
text-align: center;
}

.calendar_all{
width: 200%;
text-align: center;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
}

.calendar1, .calendar2, .calendar3{
width: 33%;
margin: 0 auto;
}
.calendar1 h3, .calendar2 h3, .calendar3 h3{
display: block;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
margin: 0 0 0px 0;
letter-spacing: 0.5px;
line-height: 30px;
color: #4D4D4D;
}
.calender_div{
width: 94%;
margin: 0px auto 0 auto;
background: white;
border: 1px solid #e6e6e6;
border-bottom: 0;
padding: 0;
height: 30px;
}


.calendar_ul{
width: 94%;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: flex-start;
border: 1px solid #e6e6e6;
border-bottom: 0;
border-right: 0;
flex-wrap: wrap;
letter-spacing: 0.2px;
}

.calendar_li_top {
width: 14.285%;
background: white;
border: 1px solid #cccccc;
background: #F4F4F4;
border-bottom: 0;
height: 32px;
border-left: 0;
border-top: 0;
}
.calendar_li_top_last {
width: 14.285%;
background: white;
border: 1px solid #cccccc;
background: #F4F4F4;
border-bottom: 0;
height: 32px;
border-left: 0;
border-top: 0;
border-right: 1px solid #e6e6e6;
}
.calendar_li {
width: 14.285%;
background: white;
border: 1px solid #e6e6e6;
height: 32px;
border-left: 0;
border-top: 0;
}
.calendar_li_glay_now {
width: 14.285%;
background: #e6e6e6;
border: 1px solid #e6e6e6;
height: 32px;
border-left: 0;
border-top: 0;
}
.calendar_li_red_now {
width: 14.285%;
background: white;
border: 1px solid #e6e6e6;
background: #ffebf3;
height: 32px;
border-left: 0;
border-top: 0;
}
.calendar_li_blue_now {
width: 14.285%;
background: white;
border: 1px solid #e6e6e6;
background: #def4ff;
height: 32px;
border-left: 0;
border-top: 0;
}
.calendar_p {
display: block;
line-height: 32px;
font-size: 1.2rem;
text-align: center;
color: #1a1a1a;
}
.calendar_p_red {
display: block;
line-height: 32px;
font-size: 1.2rem;
color: #1a1a1a;
text-align: center;
}
.calendar_p_blue {
display: block;
line-height: 32px;
font-size: 1.2rem;
color: #1a1a1a;
text-align: center;
}

.calendar_all h2{
display: block;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin: 0 0 3px 0;
}


.scin_ul {
width: 98%;
max-width: 760px;
margin: 15px auto 0 auto;
display: flex;
align-items: stretch;
justify-content: center;
border-left:1px solid #3fa9f5;
border-top:1px solid #3fa9f5;
border-bottom:1px solid #3fa9f5;
border-right:1px solid #3fa9f5;
}
.scin_ul li {
background:#3fa9f5;
font-weight:bold;
display: flex;
align-items: center;
justify-content:center;
border-right:1px solid #e6e6e6;
width: 21%;
}
.scin_ul li:first-of-type{
width: 16%;
}
.sch_p {
color:white;
font-weight:normal;
font-size:1.2rem;
padding:10px 2px;
letter-spacing:0.1px;
}

.scin_ul2 {
width: 98%;
max-width: 760px;
margin: 0px auto 0px auto;
display: flex;
align-items: stretch;
justify-content: center;
border-bottom: 1px solid #e6e6e6;
}
.scin_ul2 li {
padding: 0px 0px;
background: white;
display: flex;
flex-wrap: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #e6e6e6;
width: 21%;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.scin_ul2 li:first-child {
width: 16%;
}
.scin_ul2glay {
width: 98%;
max-width: 760px;
margin: 0px auto 0px auto;
display: flex;
align-items: stretch;
justify-content: center;
border-bottom: 1px solid #cccccc;
}
.scin_ul2glay li {
padding: 0px 0px;
background: #e6e6e6;
display: flex;
flex-wrap: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #cccccc;
width: 21%;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.scin_ul2glay li:first-child {
width: 16%;
}
.staff_relative_sch{
position: relative;
width: 100%;
margin: 2px auto;
height: 70px;
overflow: hidden;
}
.therapist_div_sch {
width: 100%;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0;
display:flex;
justify-content:center;
align-items:center;
}
.therapist_div_sch span{
padding:3px 2px 2px 2px;
display: block;
text-align: left;
color: white;
font-size: 0.9rem;
line-height: 130%;
letter-spacing: 0.1px;
}
.select_contact2_sch {
width: 100px;
max-width: 80%;
margin: 0 0px 0 0;
background: white;
border-radius: 3px;
padding: 0px 10px;
line-height: 30px;
height: 30px;
border: 1px solid #999999;
font-size: 1.2rem;
color: #333333;
}
.sch_comfirm {
width: 60px;
max-width: 75%;
margin: 10px auto;
background: #e6e6e6;
border: 1px solid #cccccc;
padding: 4px 0 4px 0;
border-radius: 10px;
cursor: pointer;
}
.sch_comfirm p{
font-size: 1.1rem;
display: block;
text-align: center;
}

/* マイページ */
.mypage_back {
width: 100%;
height: 100%;
background:url(img/bodyback.png)repeat;
background-attachment: fixed;
padding-bottom:20px;
}
.mypage_back_not {
width: 100%;
height: 100%;
background:url(img/bodyback.png)repeat;
background-attachment: fixed;
}
.my_id_botan {
width: 80%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 30px auto 0 auto;
border: 1px solid #ff7bac;
color: white;
background: #ff7bac url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.my_header {
 background: #ff7bac;
 height: 55px;
 z-index: 99;
position: fixed;
top:0;
left:0;
right:0;
width:100%;
}
.my_header_ul {
width: 92%;
margin: 0 3% 0 1%;
display: flex;
align-items: flex-start;
justify-content: start;
}
.my_pink{
font-weight: bold;
color: white;
font-size: 1.5rem;
}
.my_ac {
background: #e6e6e6;
padding: 7px 6px 6px 6px;
border: 0px;
}
.my_ac p{
font-size: 1.3rem;
}
.my_ac em{
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
color: #ff7bab;
}
.my_ul em{
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
}
.my_black {
color: #4d4d4d;
}
.my_red {
color: #ff7bac;
}
.my_gold{
color: #DAA520;
}
.my_m {
display: flex;
justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #ff7bac;
padding: 10px 8px;
}
.my_mred {
display: flex;
justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #ff7bac;
padding: 10px 8px;
}
.my_mblue {
display: flex;
justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #3FA9F5;
padding: 10px 8px;
}
.my_m_li1 p{
font-size: 1.7rem;
font-weight: bold;
color: white;
}
.my_m_li2 {
background: white;
border-radius: 20px;
display: flex;
padding: 4px 10px;
justify-content: center;
align-items: center;
}
.my_m_li2 p{
font-size: 1.2rem;
font-weight: bold;
color: #3fa9f5;
}
.my_m_li2 img{
width: 13px;
margin-left: 2px;
}
.my_m_li2 a{
display: block;
}
.my_ul {
display: flex;
justify-content: center;
align-items: center;
margin: 17px auto 0 auto;
width: 96%;
}
.my_ul li {
width: 30.5%;
margin: 0 1.3%;
border: 1px solid #e5e5e5;
border-radius: 10px;
padding: 0;
background: white;
cursor: pointer;
}
.my_ul h2{
display: block;
font-size: 1.2rem;
letter-spacing: 0.1px;
font-weight: bold;
margin: 7px 0 0px 4px;
line-height: 140%;
color: #666666;
}
.my_div1 {
text-align: right;
padding-right: 6px;
vertical-align: bottom;
}
.my_ul em {
display: inline-block;
font-size: 2.3rem;
font-weight: bold;
padding-right: 2px;
line-height: 160%;
letter-spacing: 0.3px;
}

.my_ul span {
font-size: 1.3rem;
font-weight: bold;
display: inline-block;
line-height: 160%;
}
.my_div2{
border-top: 1px dashed #b2b2b2;
padding: 11px 0 10px 5px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.my_ul p{
font-weight:bold;
font-size: 1.3rem;
padding: 0 3px 0px 0;
line-height: 100%;
color: #666666;
}
.my_ul img {
width: 7px;
line-height: 100%;
}
.my_salary {
display: inline-block;
background: white;
border: 1px solid #e5e5e5;
margin: 30px auto;
padding: 8px 17px;
border-radius: 30px;
cursor: pointer;
}
.my_salary_ul {
display: flex;
align-items: center;
justify-content: center;
background: white;
}
.my_salary p{
font-size: 1.3rem;
}
.my_salary span{
font-size: 1.8rem;
font-weight: bold;
color: #BF8F64;
}
.my_salary img{
width: 10px;
margin-left: 8px;
}

.my_bl {
display:block;
text-align:center;
}
.my_shifto {
width:93%;
display:inline-block;
margin:3px auto 10px auto;
background:#3FA9F5;
border-radius:3px;
border:1px solid #3FA9F5;
}
.my_shifto p {
display:inline-block;
padding:0px 0 0 10px;
letter-spacing:0.7px;
font-size:1.4rem;
line-height:31px;
font-weight:bold;
text-align:left;
color:white;
}

#sample01 {
    height: 31px;
}


.my_menu_ul {
width:97%;
margin:0px auto;
letter-spacing:-.40em;
vertical-align:top;
}
.my_menu_li {
width:46%;
margin:0px 2% 13px 2%;
display:inline-block;
vertical-align: top;
height:82px;
border-radius:7px;
border:1px solid #e6e6e6;
background:white;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
cursor: pointer;
}
.my_menu_li a{
display:block;
width:100%;
height:100%;
}
.my_menu_li img {
padding:8px 0 1px 0;
width:33px;
display:block;
margin:auto;
vertical-align:middle;
}
.my_menu_li h2 {
display:block;
vertical-align:middle;
letter-spacing:1px;
font-size:1.5rem;
font-weight:bold;
text-align:center;
color:#777777;
padding:0 0 4px 0;
}


.my_foter {
display:flex;
background:#1A1A1A;
margin:0px auto 0 auto;
padding:38px 0 43px 0;
width:100%;
justify-content: center;
text-align: center;
flex-wrap: wrap;
}
.my_foter li{
width:30%;
margin: 8px 0 8px 0;
}
.my_foter p {
font-size:1.3rem;
color:white;
letter-spacing:0.5px;
padding: 0 0px 0 0;
}
/* シフト締切 */
.mylist_div{
width: 90%;
margin: 0px auto;
padding: 20px 0;
}
.mylist_div h2{
font-size: 1.7rem;
font-weight: bold;
color: #ff1d25;
display: block;
text-align: center;
line-height: 170%;
}

/* kibou_list*/
.kibou_back {
width: 100%;
height: 100%;
}
.kibou_ul {
width: 95%;
margin: 0px auto 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;

}
.kibou_li1 {
height: 35px;
background: #3fa8f4;
width: 28%;
border-right: 1px solid white;
border-left: 1px solid #3fa8f4;
}
.kibou_li2 {
height: 35px;
background: #3fa8f4;
width: 36%;
border-right: 1px solid white;
}
.kibou_li3 {
height: 35px;
background: #3fa8f4;
width: 36%;
border-right: 1px solid #3fa8f4;
}
.kibou_li1 p, .kibou_li2 p, .kibou_li3 p {
display: block;
text-align: center;
font-size: 1.4rem;
color: white;
line-height: 35px;
font-weight: bold;
}

.kibou2_li1 {
position: relative;
height: 62px;
background: white;
width: 28%;
border-right: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}

.kibou2_li2 {
position: relative;
height: 62px;
background: white;
width: 36%;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.kibou2_li3 {
height: 62px;
background: white;
width: 36%;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.kibou2_li1 p, .kibou2_li2 p, .kibou2_li3 p {
display: block;
text-align: center;
font-size: 1.3rem;
line-height: 62px;
font-weight: bold;
}

.in_hour_kibou{
display: flex;
justify-content: center;
align-items: center;
width: 100px;
max-width: 80%;
margin: 13px auto 0 auto;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 35px;
height: 35px;
border: 1px solid #999999;
font-size: 1.6rem;
color: #333333;
}
.my_botan {
width: 200px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 45px;
line-height: 45px;
border-radius: 17px;
margin: 0px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.my_enter {
text-align: center;
margin:0px 0 0px 0;
padding: 29px 0 30px 0;
}

/* 出勤情報 */
.mysch_ul {
width: 95%;
margin: 0px auto;
padding-top:3px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;

}
.mysch_li1{
width: 100%;
padding: 14px 0 10px 0;
}
.mysch_li1 h2{
display: block;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
}
.mysch_li2_2 {
width: 20%;
border: 1px solid #f2f2f2;
border-left: 1px #ff7bac;
background: #ff7bac;
height: 40px;
}
.mysch_li3_2 {
width: 30%;
border: 1px solid #f2f2f2;
background: #ff7bac;
border-left: 0;
height: 40px;
}
.mysch_li4_2 {
width: 30%;
border: 1px solid #f2f2f2;
background: #ff7bac;
border-left: 0;
height: 40px;
}
.mysch_li5_2 {
width: 20%;
border: 1px solid #f2f2f2;
background: #ff7bac;
border-right: 1px #ff7bac;
border-left: 0;
height: 40px;
}
.mysch_ul em{
color: white;
line-height: 40px;
display: block;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
}
.mysch_li2 {
width: 20%;
border: 1px solid #d8d8d8;
border-top: 0;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li2blue {
width: 20%;
border: 1px solid #d8d8d8;
background: #f2f2f2;
border-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li2pink {
width: 20%;
border: 1px solid #d8d8d8;
background: #f4f4f4;
border-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li3 {
width: 30%;
border: 1px solid #d8d8d8;
border-left: 0;
border-top: 0;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li4 {
width: 30%;
border: 1px solid #d8d8d8;
border-left: 0;
border-top: 0;
padding: 4px 0px 8px 0;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li3 h2{
display: block;
font-size: 1.4rem;
font-weight: bold;
line-height: 150%;
margin: 0px 0 0 0;
padding: 0;
}
.mysch_li3 strong{
display: block;
font-size: 1.3rem;
font-weight: bold;
line-height: 150%;
margin: 0px 0 2px 0;
padding: 2px 0px;
letter-spacing: 0.1px;
}
.mysch_li3 h4{
display: block;
font-size: 1.3rem;
font-weight: bold;
line-height: 150%;
margin: 0px 0 0 0;
padding: 2px;
color: #ff7bab;
}
.mysch_li4 h3{
display: block;
font-size: 1.4rem;
font-weight: bold;
line-height: 150%;
margin: 6px 0 0 0;
padding: 0;
}
.mysch_li4 span{
display: block;
font-size: 1.3rem;
font-weight: bold;
line-height: 170%;
margin: 0px 0 0 0;
color: #666666;
padding: 0px;
letter-spacing: 0.1px;
}
.mysch_li5 {
width: 20%;
border: 1px solid #d8d8d8;
border-left: 0;
border-top: 0;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.mysch_li100{
width: 100%;
border: 1px solid #d8d8d8;
border-top: 0;
display: flex;
text-align: center;

align-items: center;
justify-content: center;
}
.mysch_li100 h3{
display: block;
padding: 11px 0 9px 0;
font-size:1.7rem;
font-weight: bold;
}
.mysch_ul p{
display: block;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
padding: 18px 0 19px 0;
letter-spacing: 0.1px;
}
.sch_ok{
display: block;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
padding: 0px 0 0px 0;
letter-spacing: 0.1px;
}

.sch_ng{
display: block;
text-align: center;
color: #a5a5a5;
font-size: 1.2rem;
font-weight: bold;
padding: 13px 0 13px 0;
letter-spacing: 0.1px;
}
.mysch_li3 a{
display: block;
width: 100%;
height: 100%;
}
.mysch_li3 h3{
display: block;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
padding: 3px 0 3px 0;
letter-spacing: 0.1px;
line-height: 120%;
}
.space {
padding: 0 5px;
}
.my_tuika {
border-radius:4px;
padding: 7px 10px;
background: #3fa8f4;
max-width: 80%;
margin: 0 auto;
}
.my_tuika span{
display: block;
text-align: center;
color: white;
font-weight: bold;
font-size: 1.3rem;
}
.my_chenge {
border-radius:4px;
padding: 7px 10px;
background: #ff7bab;
max-width: 80%;
margin: 0 auto;
}
.my_chenge span{
display: block;
text-align: center;
color: white;
font-weight: bold;
font-size: 1.2rem;
}

.addition_p{
margin: 1px auto 10px auto;
padding: 20px 0 10px 0;
display: inline-block;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
}
.addition_div {
width: 60%;
max-width: 300px;
border-radius: 25px;
border: 1px solid #f2c7d8;
padding: 3px 0px 13px 0px;
margin: 0 auto 0px auto;
background: white;
}
.addition_div h2{
display: block;
font-size: 1.5rem;
text-align: center;
font-weight: bold;
margin: 10px 0 0 0;
color: #998675;
}
.addition_div p{
font-weight: bold;
text-align: center;

}
.addition_div h3{
display: block;
font-weight: bold;
font-size: 1.5rem;
text-align: center;
margin: 8px 0 0 0;
color: #ff7bac;
}
.addition_div span{
display: block;
font-weight: bold;
font-size: 1.5rem;
text-align: center;
padding: 0px 0 3px 0;
}
.addition_opne_div {
background: white;
width: 92%;
border-radius: 0px;
border: 1px solid #999999;
border-top: 0;
max-width: 500px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.addition_contact2 {
text-align: center;
width: 80%;
margin: 0 auto 0 auto;
background: white;
border-radius: 5px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.6rem;
color: #333333;
}
.addition_div_blue {
width: 34%;
background: #ff7bac;
height: 30px;
border-right: 1px solid #e6e6e6;
}
.addition_div_blue p{
color: white;
font-size: 1.4rem;
display: block;
text-align: center;
line-height:30px;
}
.addition_div_blue2 {
width: 32%;
background: #ff7bac;
height: 30px;
}
.addition_div_blue2 p{
color: white;
font-size: 1.4rem;
display: block;
text-align: center;
line-height:30px;
}
.addition_div2 {
width: 34%;
background: white;
text-align: center;
padding: 15px 0 15px 0;
border-right: 1px solid #b3b3b3;
}
.addition_div2 p{
}
.addition_div3 {
width: 32%;
background: white;
text-align: center;
padding: 15px 0 15px 0;
}
.addition_div3 p{
}
.addition_botan {
width: 60%;
max-width: 170px;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 27px auto 0px auto;
border: 1px solid #ff7bac;
color: white;
background: #ff7bac url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.addition_ul{
padding: 15px 0 40px 0;
}

/* 希望シフト */
.shift_h2 h2{
display: block;
text-align: center;
font-size: 2rem;
font-weight: bold;
margin: 20px 0 10px 0;
}
.shift_relative {
margin: 0;
}
.shift_ul {
display: flex;
flex-shrink:0;
justify-content:center;
overflow-x:hidden;
margin: 6px auto 0px auto;
width: auto;
padding: 0 0px 0 4px;
flex-wrap: nowrap;
}
.shift_li1{
width: 60px;
flex-shrink:0;
}
.shift_li2{
margin:0 0px 0 0;
overflow-x: scroll;
}
.shift_ul2 {
display:flex;
overflow-x:scroll;
flex-wrap: nowrap;
padding-right:12px;
}
.shift_li3{
margin:0 0px 0 6px;
}
.shift_ul3 {
display:flex;
overflow-x:scroll;
flex-wrap: nowrap;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-right:10px;
}
.shift_li4{
width: 65px;
flex-shrink:0;
}
.shift_li4_div{
height: 162px;
background: white;
letter-spacing: 0.1px;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
vertical-align: top;
overflow-x:hidden;
}
.shift_li4_div p{
  overflow: hidden;
  white-space:nowrap;
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0.1px;
font-weight: bold;
line-height: 100%;
padding: 8px 0px 3px 0px;
}
.shift_li4_div span{
  overflow: hidden;
  white-space:nowrap;
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0.1px;
line-height: 100%;
padding: 3px 0px 1px 0px;
}
.shift_list_div2{
height: 30px;
border-bottom: 1px solid white;
}
.shift_list_div2 p{
color: white;
display: block;
text-align: center;
line-height: 30px;
letter-spacing: 0.2px;
font-size: 1.2rem;
flex-shrink:0;
}














.shift_li1_dai{
width: 100%;
display: inline-block;
vertical-align: top;
overflow: scroll;
}





.shift_li1_w {
width: 60px;
flex-shrink:0;
}
.shift_li1_w_div {
width: 100%;
height: 162px;
background: white;
letter-spacing: 0.1px;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
vertical-align: top;
}
.shift_li1_w_div h3{
display: block;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
padding: 15px 0 0px 0;
}
.shift_li1 p{
  overflow: hidden;
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0.1px;
font-weight: bold;
line-height: 100%;
padding: 10px 0px 3px 0px;
}
.select_kibou_sch {
display: block;
width: 100px;
max-width: 80%;
margin: 5px auto 2px auto;
background: white;
border-radius: 0px;
padding: 0px 0px 0 3px;
line-height: 24px;
height: 25px;
border: 1px solid #999999;
font-size: 1.2rem;
color: #333333;
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
}
.sch_kakutei {
width: 80%;
margin: 11px auto 0 auto;
border-radius: 20px;
background: #ff7bac;
line-height: 23px;
height: 23px;
color: white;
display: block;
text-align: center;
font-size: 1.1rem;
cursor: pointer;
}
.shift_list_pink {
background: #ff7bac;
}
.shift_list_div{
height: 20px;
border-bottom: 1px solid white;
}




.shift_list_div3{
height: 30px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
background: white;
}
.shift_list_div3 p{
display: block;
text-align: center;
line-height: 30px;
letter-spacing: 0.2px;
font-size: 1.2rem;
}
.shift_list_div4{
height: 20px;
background: white;
border-top: 1px solid #999999;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.shift_list_div5{
height: 20px;
background: white;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.relative_shift{
position: relative;
}
.start_bou {
z-index: 10;
width:100;
position:absolute;
    background:
        url(img/yoko_black.jpg),
        url(img/yoko_black.jpg);
    background-position:
        center top,
        center bottom;
    background-repeat:
        no-repeat,
        no-repeat;
    background-size:
    90% 5px,
    90% 5px;
left:0;
right:0;
margin:auto;
}

.start_bou2 {
z-index: 9;
width:100;
position:absolute;
    background:
        url(img/yoko1.jpg),
        url(img/yoko1.jpg);
    background-position:
        center top,
        center bottom;
    background-repeat:
        no-repeat,
        no-repeat;
    background-size:
    90% 5px,
    90% 5px;
left:0;
right:0;
margin:auto;
}

.start_bou p {
display:block;
text-align:center;
width:5px;
height:100%;
margin:auto;
background: #CCCCCC;
}

.start_bou2 p {
display:block;
text-align:center;
width:5px;
height:100%;
margin:auto;
background: #4D4D4D;
}

.kibou_mypage_edit {
display: inline-block;
margin: 15px 4px 10px 0;
background: white;
padding: 3px 15px 2px 15px;
border-radius: 20px;
cursor: pointer;
border: 1px solid #b3b3b3;
}
.kibou_mypage_edit img{
width: 8px;
margin: 0px 0 2px 5px;
}
.kibou_mypage_edit p {
font-size: 1.3rem;
line-height: 170%;
padding: 2px 0;
display: block;
text-align: center;
}
.therapist_myimg{
width: 100%;
margin: auto;
}

.title_nipou {
display: flex;
justify-content: flex-start;
margin: 14px 0 5px 0px;
}

.title_nipou p {
line-height: 130%;
display: inline-block;
vertical-align: bottom;
font-size: 1.3rem;
font-weight: bold;
padding: 0 0 0px 4px;
letter-spacing: 0.2px;
color: #666666;

}
.title_nipou_li1{
max-width: 33.3%;
margin: 0 0 0 0;
padding-right: 10px;
width: 130px;
}
.title_nipou_li2{
max-width: 33.3%;
margin: 0 0% 0 0;
width: 130px;
}
.form_ul3_sch {
position: relative;
width: 90%;
margin: 38px auto 0 auto;
max-width: 600px;
}
.nipou_form{
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 7px 0;
}
.nipou_form_div{
max-width: 33.3%;
padding-right: 12px;
width: 130px;
}
.nipou_shashi_p {
background: #f2f2f2;
max-width: 100%;
width: 120px;
margin: 0 0px 0 0;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.5rem;
color: #333333;
}
.nipou_contact {
max-width: 100%;
width: 120px;
margin: 0 0px 0 0;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.5rem;
color: #333333;
}
.nipou_hide{
display: none;
}
.next_left {
display: block;
text-align: left;
margin-left: 3px;
}
.next_hide{
display: inline-block;
background: #A5A5A5;
border-radius: 15px;
margin: 10px auto 0 auto ;
padding: 5px 15px;
cursor: pointer;
}
.next_hide p{
display: block;
text-align: center;
color: white;
font-size: 1.2rem;
}
.title_nipou_li1 em{
line-height: 150%;
display: inline-block;
vertical-align: middle;
font-size: 1.3rem;
font-weight: bold;
padding: 0 0 0px 4px;
letter-spacing: 0.2px;
color: #4D4D4D;
}
.title_nipou_li3{
margin: 0 0 0 0;
padding-right: 10px;
width: 90%;
}
.title_nipou_li3 em{
line-height: 150%;
display: inline-block;
vertical-align: middle;
font-size: 1.3rem;
font-weight: bold;
padding: 0 0 0px 4px;
letter-spacing: 0.2px;
color: #4D4D4D;
}
.form_ul3_sch2 {
position: relative;
width: 90%;
margin: 20px auto 0 auto;
max-width: 600px;
}
.nipou_eria {
width: 100%;
display: flex;
align-items: flex-start;
margin: 5px 0 0px 0;
}
.nipou_eria_li1 {
max-width: 45%;
width: 120px;
margin: 0 5px 0 0;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.4rem;
color: #333333;
background: #F9F9F9;
overflow: hidden;
}
.nipou_eria_li11 {
max-width: 45%;
width: 120px;
margin: 0 5px 0 0;
line-height: 42px;
height: 42px;
font-size: 1.4rem;
color: #333333;
}
.nipou_eria_li2 {
max-width: 45%;
width: 120px;
margin: 0 0px 0 0;
line-height: 42px;
height: 42px;

font-size: 1.4rem;
color: #333333;
}
.nipou_eira_not{
max-width: 90%;
display: inline-block;
border: 1px solid #333333;
border-radius: 30px;
margin: 10px 0 5px 0;
padding: 10px 21px;
background: #F2F2F2;
}
.nipou_eira_not p{
font-weight: bold;
display: block;
margin: 0px;
font-size: 1.3rem;
}
.nipou_eira_not a{
color: red;
}
/* エラーメッセージ　*/
.error_mess{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.nipou_entry_error {
display:inline-block;
padding:4px 15px;
background-color:#FF7BAC;
text-align:center;
vertical-align: middle;
margin:0% auto 10px auto;
font-size:1.3rem;
letter-spacing:1px;
color:white;
border-radius: 12px;
position:relative;
}
.nipou_entry_error:after {
  border:10px solid transparent;
  border-bottom-color:#FF7BAC;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
  right:77%;
  position:absolute;
}


/* 日報 */
.nipou_site {
margin: 4px 0 14px 0;
}
.nipou_site h2{
display: block;
font-size: 1.9rem;
font-weight: bold;
color: #4D4D4D;
text-align: center;
letter-spacing: 1px;
line-height: 120%;
}
.nipou_site p{
display: block;
font-size: 1.4rem;
color: #4D4D4D;
text-align: center;
font-weight: bold;
}
.nipou_site span{
font-size: 1.3rem;
text-align: center;
display: inline-block;
line-height: 100%;
background: #3fa9f5;
color: white;
border-radius: 14px;
padding: 5px 20px;
}
.nipou_site a{
color: white;
}

.nipou_right{
width:97%;
max-width: 700px;
text-align: right;
margin: 8px 9px 18px auto;
}
.nipou_setting{
display: inline-block;
border-radius: 20px;
background: white;
height: 34px;
border: 1px solid #cccccc;

}
.nipou_setting p{
display: block;
text-align: center;
padding: 0px 15px;
line-height: 34px;
font-size: 1.3rem;
}
.nipou_mt {
margin: 0px 0 7px 0;
}
.nipou_heya_ul {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin: 40px auto 0 auto;
width: 95%;
}
.nipou_heya_ul li {

margin: 4px 3px;
height: 37px;
padding: 0 0px;
}
.nipou_heya_ul a{
display: block;
width: 100%;
height: 100%;
}
.nipou_heya_ul p{
padding: 0 20px;
color: white;
font-size: 1.4rem;
text-align: center;
display: block;
line-height: 37px;
}
.heya_select_color{
background: #a0a0a0;
}
.heya_select_color1{
background: #a0a0a0;
opacity: 0.6;
}
.nipou_heya_ul_li_color {
display: inline-block;
margin: 4px 3px;
height: 37px;
padding: 0 20px;
background: #999999;
}

.nipou_p {
background: #3fa9f5;
align-items: center;
justify-content: center;
border-right: 1px solid #f2f2f2;
font-size: 1.2rem;
padding: 8px 2px 8px 2px;
color: white;
letter-spacing: 0.1px;
line-height: 140%;
width: 100px;
}
.nipou{
width: 99%;
margin-left: 1%;
overflow-x: scroll;
 white-space: nowrap;
 text-align: center;
}
.nipou_ul2 {
width: auto;
background: white;
display: inline-flex;
text-align: center;
-webkit-overflow-scrolling: touch;
margin: 0px auto 0 auto;
border: 1px solid #999999;
border-right: 0;
border-top: 0;

}
.nipou_li {
padding-bottom: 6px;
width: 100px;
border-right: 1px solid #999999;
}
.nipou_space {
padding: 10px 8px 11px 8px;

}

.nipou_select1 {
display:inline-block;
width:80%;
height:35px;
color:black;
border:1px solid black;
vertical-align: middle;
border-radius:5px;
letter-spacing: 0.2px;
background: white;
font-size:1.3rem;
padding: 0 3px 0 3px;
}
.nipou_select_inbl {
display:block;
text-align: left;
font-size: 1.4rem;
letter-spacing: 0.1px;
padding-left: 3px;
}
.center_nipou1 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 10px 0px;
padding-left: 4px;
}
.center_nipou2 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 10px 0px;
padding-left: 4px;
}


/*  rariobotan */
.nipou_radio_form input{
  display: none;
}
.nipou_radio_form label{
float:left;
  cursor: pointer;
  width: 45%;
  margin: 0 2.5% 4px 2.5%;
  height:25px;
  border:1px solid #808080;
  background: white;
color:#666666;
 font-size:1.1rem;
  text-align: center;
  line-height: 24px;
  transition: .2s;
  letter-spacing: 0.1px;
}
.nipou_radio_form label:first-of-type{
  border-radius: 3px 0 0 3px;
}
.nipou_radio_form label:last-of-type{

  border-radius: 0 3px 3px 0;
}
.nipou_radio_form input[type="radio"]:checked + label {
  background-color: #3fa9f5;
  color: #fff;
}


/*  rariobotan */
.nipou_radio_form2 input{
  display: none;
}
.nipou_radio_form2 label{
float:left;
  cursor: pointer;
  width: 100%;
  margin: 0 auto 4px auto;
  height:25px;
  border:1px solid #808080;
  background: white;

 font-size:1.1rem;
  text-align: center;
  line-height: 24px;
  transition: .2s;
  letter-spacing: 0.1px;
}
.nipou_radio_form2 label:first-of-type{
  border-radius: 3px 0 0 3px;
}
.nipou_radio_form2 label:last-of-type{

  border-radius: 0 3px 3px 0;
}
.nipou_radio_form2 input[type="radio"]:checked + label {
  background-color: #3fa9f5;
  color: #fff;
}


/*  rariobotan */
.nipou_checkbox_form2 input{
  display: none;
}
.nipou_checkbox_form2 label{
float:left;
  cursor: pointer;
  width: 100%;
  margin: 0 auto 4px auto;
  height:25px;
  border:1px solid #808080;
  background: white;

 font-size:1.1rem;
  text-align: center;
  line-height: 24px;
  transition: .2s;
  letter-spacing: 0.1px;
}
.nipou_checkbox_form2 label:first-of-type{
  border-radius: 3px 0 0 3px;
}
.nipou_checkbox_form2 label:last-of-type{

  border-radius: 0 3px 3px 0;
}
.nipou_checkbox_form2 input[type="checkbox"]:checked + label {
  background-color: #3fa9f5;
  color: #fff;
}
.nipou_shimei_space {
padding: 3px 3px 0 3px;
}


.nipou_user_form {
max-width: 99%;
width:90%;
display:block;
margin:0px auto 8px auto;
padding: 0 4px 0 4px;
color:black;
letter-spacing: 0.1px;
font-size:1.2rem;
height:33px;
line-height:33px;
border:2px solid #999999;
border-radius:6px;
}

.nipou_crekah2 {
display: block;
text-align: center;
margin: 6px auto 0 auto;
font-weight: bold;
font-size: 1.2rem;
color: #4d4d4d;
letter-spacing: 0.1px;
}
/* onoffスイッチ */
.toggle {
  position: relative;
  width: 60px;
  height: 28px;
  margin: auto;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.toggle input[type=checkbox] {
  display: none;
}
.toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #f45e55;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.toggle:after {
  content: "オフ";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 32px;
  height: 22px;
  display: block;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  padding: 6px 0 0;
  line-height: 1;
  font-size:1rem;
  font-weight: bold;
  color: #df4c43;
  letter-spacing: 0.1px;
  box-sizing: border-box;
}
.toggle.checked:before {
  background: #3fa9f5;
}
.toggle.checked:after {
  content: "オン";
  left: 25px;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
  color: #2b8fcc;
  padding: 6px 0 0 1px;
}
.nipou_form_h2 {
display: block;
margin: 9px auto 3px auto;
font-size: 1.9rem;
font-weight: bold;
color: #4d4d4d;
text-align: center;
}

/* onoffスイッチ */


.switch__label {
  width: 50px;
  position: relative;
  display: inline-block;
}
.switch__content {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 28px;
  height: 29px;
overflow: hidden;
}
.switch__content:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  top: 0;
  left: 0;
  border: 1.5px solid #E5E5EA;
  border-radius: 30px;
  background-color: #fff;
}
.switch__content:after {
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border-radius: 26px;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
.switch__input {
  display: none;
}

.switch__circle {
  display: block;
  top: 2px;
  left: 2px;
  position: absolute;
  -webkit-box-shadow: 0 2px 6px #999;
          box-shadow: 0 2px 6px #999;
  width: 27px;
  height: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
.switch__input:checked ~ .switch__circle {
  left: 21px;
}

.switch__input:checked ~ .switch__content:after {
  background-color: #4BD964;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* エラーメッセージ　*/
.nipou_entry_error, .nipou_entry_error2 {
display:inline-block;
padding:2px 5px;
background-color:#b5b5b5;
text-align:center;
vertical-align: middle;
margin:-5px 0% 5px 0;
font-size:0.9rem;
letter-spacing:0.1px;
color:white;
border-radius: 12px;
position:relative;
}
.nipou_entry_error:after {
  border:10px solid transparent;
  border-bottom-color:#b5b5b5;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
  right:60%;
  position:absolute;
}

/* 日報表*/
.time_ul {
display: flex;
flex-shrink:0;
justify-content:center;
overflow-x:hidden;
margin: 20px auto 0px auto;
width: auto;
padding: 0 0px 0 4px;
flex-wrap: nowrap;
}
.time_ul_my {
display: flex;
flex-shrink:0;
justify-content:center;
overflow-x:hidden;
margin: 20px auto 0px auto;
width: 95%;
padding: 0 0px 30px 0px;
flex-wrap: nowrap;
}
.time_li1 {
width: 60px;
flex-shrink:0;
}
.time_li1_my {
width: 18%;
flex-shrink:0;
}
.time_li2{
margin:0 0px 0 0;
overflow-x: scroll;
}
.time_li2_my{
margin:0 0px 0 0;
overflow-x: scroll;
width:82%;
}
.time_ul2 {
display:flex;
overflow-x:scroll;
flex-wrap: nowrap;
padding-right:12px;
}
.time_ul2_my {
display:flex;
overflow-x:scroll;
flex-wrap: nowrap;
width:100%;
}

.time_li3{
margin:0 0px 0 6px;
}
.time_li3_my{
margin:0 0px 0 0px;
}
.time_ul3 {
display:flex;
overflow-x:scroll;
flex-wrap: nowrap;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.time_li4{
width: 70px;
flex-shrink:0;
}
.time_li4_my{
width: 100%;
flex-shrink:0;
}
.time_li1_div {
width: 100%;
height: 55px;
background: white;
letter-spacing: 0.1px;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
vertical-align: top;
}
.time_li1_div h3{
display: block;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
line-height:150%;
padding: 9px 0 0px 0;
}
.time_li1_div_my {
width: 100%;
height: 55px;
background: #E6E6E6;

letter-spacing: 0.1px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
vertical-align: top;
}
.time_li1_div_my h3{
display: block;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
line-height:150%;
padding: 10px 0 0px 0;
}
.time_space{
height: 25px;
border-bottom: 1px solid white;
background:#ff7bac;
}
.time_space p{
display:block;
color:white;
line-height:25px;
text-align:center;
font-size:1rem;
letter-spacing:0.1px;
}
.time_space_my{
height: 35px;
border-bottom: 1px solid white;
background:#ff7bac;
}
.time_space_my p{
display:block;
color:white;
line-height:35px;
text-align:center;
font-size:1rem;
letter-spacing:0.1px;
}
.time_space2{
height: 40px;
border-bottom: 1px solid white;
background:#ff7bac;
}
.time_space2 p{
color: white;
display: block;
text-align: center;
line-height: 40px;
letter-spacing: 0.2px;
font-size: 1.1rem;
}
.time_space2_my{
height: 61px;
border-bottom: 1px solid white;
background:#ff7bac;
}
.time_space2_my p{
color: white;
display: block;
text-align: center;
line-height: 61px;
letter-spacing: 0.2px;
font-size: 1.1rem;
}



.time_div2{
height: 55px;
background: white;
letter-spacing: 0.1px;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
vertical-align: top;
 overflow: hidden;
  white-space:nowrap;
}

.time_div2 p{
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0px;
padding: 10px 0px 1px 0px;
}
.time_div2 span{
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0px;
padding: 0px 0px 3px 0px;
}
.time_div2_my{
height: 55px;
background:#E6E6E6;
letter-spacing: 0.1px;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
vertical-align: top;
 overflow: hidden;
  white-space:nowrap;
}

.time_div2_my p{
display: block;
text-align: center;
font-size: 1.3rem;
font-weight:bold;
letter-spacing: 0px;
line-height:160%;
padding: 7px 0px 1px 0px;
}
.time_div2_my span{
display: block;
text-align: center;
font-size: 1.3rem;
font-weight:bold;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
}
.time_space3{
height: 25px;
background: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.time_space3 p{
display:block;
line-height:25px;
text-align:center;
font-size:1rem;
font-weight:bold;
letter-spacing:0.1px;
}
.time_space3_my{
height: 35px;
background: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.time_space3_my p{
display:block;
line-height:35px;
text-align:center;
font-size:1.4rem;
font-weight:bold;
letter-spacing:0.5px;
color:red;
}
.time_space4{
height: 40px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
background: white;
}
.time_space4 p{
display: block;
text-align: center;
line-height: 40px;
letter-spacing: 0.2px;
font-size: 1.1rem;
}
.time_space4_my{
height: 61px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
background: white;
}
.time_space4_my p{
display: block;
text-align: center;
line-height: 61px;
letter-spacing: 0.2px;
font-size: 1.1rem;
}
.room_div {
width:100%;
background:#F2F2F2;
border-radius: 13px 13px 0 0;
border:1px solid #CCCCCC;
border-bottom:0;
}
.room_name {
padding:4px 0;
text-align:center;
display:block;

font-size:1.2rem;
font-weight:bold;
letter-spacing:0.1px;
  overflow: hidden;
  white-space:nowrap;
}
.time_line {
width:100%;
background:#e6e6e6;
position:absolute;
z-index:2;
display:block;
opacity:0.5;
}
.time_line_color {
width:100%;
background:#3FA9F5;
border:1px solid #E6E6E6;
position:absolute;
z-index:3;
display:block;
opacity:1;
overflow-y:scroll;
}
.time_line_color a{
display:block;
height:100%;
width:100%;
}
.time_line_color span{
color:white;
display:block;
font-size:1rem;
padding:0.5px 2px 0.5px 2px;
line-height:130%;
letter-spacing:0px;
text-align:center;
}
.time_line_color_my {
width:100%;
background:#29A3ED;
border:1px solid #E6E6E6;
position:absolute;
z-index:3;
display:block;
opacity:1;
overflow-y:scroll;
  padding:3px 10px;
}

.time_line_color_my span{
color:white;
display:block;
font-size:1.2rem;
line-height:170%;
letter-spacing:0.3px;
text-align:left;
font-weight:bold;
}
.time_line_coloron {
width:100%;
background:#BAA58E;
position:absolute;
z-index:3;
display:block;
opacity:1;
overflow:scroll;
  white-space:nowrap;
}
.time_line_coloron a{
display:block;
height:100%;
width:100%;
}
.time_line_coloron span{
color:white;
display:block;
font-size:1rem;
padding:1px 2px 1px 2px;
line-height:120%;
letter-spacing:0px;
text-align:center;
}
.time_absolute {
width:100%;
background:white;
position:absolute;
z-index:2;
display:block;
opacity:0.3;
}
.relative_time {
position:relative;
overflow:hidden;
}
.center_nipou {
display:flex;
width:100%;
justify-content:center;
}
.nipou_botan {
width: 130px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.3rem;
font-weight: normal;
height: 39px;
line-height: 39px;
border-radius: 17px;
margin: 20px 0 0 0;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:8px;
cursor: pointer;
}

.nipou_botan2 {
width: 130px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.3rem;
font-weight: normal;
height: 39px;
line-height: 39px;
border-radius: 17px;
margin: 20px 0 0 20px;
border: 1px solid #C7B299;
color: white;
background: #C7B299 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:8px;
cursor: pointer;
}
.p_aki{
font-size:0.9rem;
}
.time_absolute_aki_naka{
left:0;
right:0;
margin:0;
position:absolute;
z-index:4;
background:#808080;
border:1px solid #CCCCCC;
padding:2px 3px;
}
.time_absolute_aki_naka p{
color:white;
line-height:125%;
letter-spacing:0.1px;
font-size:1rem;
font-weight:bold;
display:block;
text-align:center;
}
.time_absolute_aki_naka_my{
left:0;
right:0;
margin:0;
position:absolute;
z-index:4;
background:#808080;
border:1px solid #CCCCCC;
padding:2px 10px;
}
.time_absolute_aki_naka_my p{
color:white;
line-height:125%;
letter-spacing:0.5px;
font-size:1.1rem;
font-weight:bold;
display:block;
text-align:left;
}
.nipou_list_ul {
width:98%;
margin:30px auto 0px auto;
display:flex;
justify-content:center;
border:1px solid #666666;
flex-wrap:wrap;
background:white;
padding:0 15px 10px 15px;
}
.nipou_list_li {
display:block;
width:100%;
padding:5px 0px 0 0;
}
.nipou_list_li h2 {
display:block;
text-align:right;
font-size:1.5rem;
}
.nipou_list_li1 {
width:100%;
display:block;
padding:0px 0px 0 0;
}
.nipou_list_li1_ul {
margin:11px auto 0 auto;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
align-items:center;
}
.nipou_list_li1_li {
width:130px;
max-width:31.333%;
margin:0 1%;
}
.nipou_list_li1_li h3{
font-size:1.2rem;
letter-spacing:0.1px;
display:block;
margin-bottom:2px;
}
.nipou_list_div {
display:inline-block;
border-radius:3px;
border:1px solid #808080;
width:90%;
}
.nipou_list_div p {
padding:4px 6px;
display:block;
text-align:left;
color:#FF7BAC;
font-size:1.2rem;
}
.nipou_list_li1_li h4{
display:block;
font-size:1.2rem;
letter-spacing:0.1px;
margin-bottom:2px;
}
.nipou_list_div2{
display:inline-block;
border-radius:3px;
border:1px solid #808080;
width:90%;
}
.nipou_list_div2 p {
padding:4px 6px;
display:block;
text-align:left;
font-size:1.2rem;
}
.nipou_list_div3 {
display:block;
vertical-align:middle;
margin:13px 0 0 1%;
}
.nipou_list_div3 p{
display:inline-block;
vertical-align:middle;
font-size:1.2rem;
letter-spacing:0.1px;
margin:0px 1px 0px 3px;

}
.nipou_list_div4{
display:inline-block;
vertical-align:middle;
}
.nipou_list_div4 p {
vertical-align:middle;
padding:0px 0px 0px 0px;
font-weight:bold;
display:block;
text-align:left;
font-size:1.7rem;
}
.nipou_list_li2 {
width:100%;
display:block;
margin:15px 0 0px 0;
}
.nipou_list_li4 {
width:100%;
margin:18px 0% 0 0%;
border:1px solid #666666;
border-right:0;
}
.nipou_list_li3 {
width:100%;
margin:0 0% 0 0%;
border:1px solid #666666;
border-right:0;
}
.salary_dai_ul {
  padding-bottom:8px;
display:flex;
align-items: flex-start;
flex-wrap:wrap;
}
.salary_li1 {
padding:0px 0;
height:33px;
border-right:1px solid #666666;
}
.nipou_list_li3 h2, .nipou_list_li4 h2{
display:block;
text-align:center;
font-size:1.4rem;
font-weight:bold;
line-height:33px;
}
.yoyaku_ul {
display:flex;
width:100%;
flex-wrap: wrap;
}
.yoyaku_ul li {
border-top:1px solid #666666;
display:flex;
align-items:center;
border-right:1px solid #666666;
}
.yoyaku_ul li a{
display:block;
height:100%;
width:100%;
}
.yoyaku_ul li p{
padding:6px 5px 6px 5px;
display:block;
font-size:1rem;
letter-spacing:0.1px;
}
.yoyaku_ul li span{
padding:10px 0px 9px 0px;
display:block;
font-size:1rem;
letter-spacing:0.1px;
}
.yoyaku_li1{
width:22%;
}
.yoyaku_li2{
width:19%;
}
.yoyaku_li4, .yoyaku_li6{
width:14%;
}
.yoyaku_li3{
width:15%;
}
.yoyaku_li5{
width:16%;
}
.yoyaku_li1_glay{
width:22%;
background:#E6E6E6;
}
.yoyaku_li2_glay{
width:19%;
background:#E6E6E6;
}
.yoyaku_li4_glay, .yoyaku_li6_glay{
width:14%;
background:#E6E6E6;
}
.yoyaku_li3_glay{
width:15%;
background:#E6E6E6;
}
.yoyaku_li5_glay{
width:16%;
background:#E6E6E6;
}
.yoyaku_li1_bezyu{
width:22%;
background:#EFE8E1;
}
.yoyaku_li2_bezyu{
width:19%;
background:#EFE8E1;
}
.yoyaku_li4_bezyu, .yoyaku_li6_bezyu{
width:14%;
background:#EFE8E1;
}
.yoyaku_li3_bezyu{
width:15%;
background:#EFE8E1;
}
.yoyaku_li5_bezyu{
width:16%;
background:#EFE8E1;
}
.yoyaku_li1_copy{
width:33.333%;
}
.yoyaku_ul li div{
display:block;
text-align:center;
width:100%;
}

.staff_ul {
display:flex;
width:100%;
flex-wrap: wrap;

}
.staff_ul li {
border-top:1px solid #666666;
display:flex;
align-items:center;
border-right:1px solid #666666;
}
.staff_ul li a{
display:block;
height:100%;
width:100%;
}
.staff_ul li p{
padding:10px 5px 9px 5px;
display:block;
font-size:1.1rem;
letter-spacing:0.1px;
}
.staff_ul li span{
padding:10px 5px 9px 5px;
display:block;
font-size:1.1rem;
letter-spacing:0.1px;
}
.staff_li1 {
width:44%;
}
.staff_li1_copy {
width:50%;
}
.staff_li1_taiten {
width:44%;
background:#E6E6E6;
}
.staff_li2 {
width:28%;
}
.staff_li3 {
width:28%;
}
.staff_ul li div{
display:block;
text-align:center;
width:100%;
}
.salary_h2{
width:98%;
margin:20px auto 5px auto;
display:block;
text-align:center;
font-size:1.3rem;
font-weight:bold;
line-height:170%;
}
.sala_div{
overflow-x:scroll;
width:98%;
margin:0px auto 0 auto;
}
.sala_scroll{
width:100%;
overflow-x:scroll;
}
.sala_ul {
width:100%;
margin:0px auto 0 auto;
display:flex;
align-items: stretch;
border-left:1px solid #B3B3B3;
}

.sala_li1 {
  flex-shrink: 0;
width:85px;
background:white;
align-items:stretch;
display:flex;
justify-content:flex-start;
}

.sala_div1{
width:100%;
background:#3FA9F5;
overflow-x: scroll;
white-space: nowrap;
border-right:1px solid #B3B3B3;
height:28px;
}
.sala_div1 p{
display:block;
color:white;
font-size:1rem;
padding:0px 2px;
text-align:center;
line-height:28px;
}
.sala_div2{
width:100%;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
align-items:center;
display:flex;
justify-content:flex-start;
}
.sala_div2 a{
display:block;
width:100%;
font-weight:bold;
}
.sala_div2 p{
display:block;
font-size:1rem;
padding:7px 7px;

}


.blog_ul {
display:block;
width:98%;
letter-spacing: -.40em;
vertical-align: top;
margin:10px auto 10px auto;
text-align:right;
}
.blog_li1 {
vertical-align: top;
display:inline-block;
background:#C7B299;
height:30px;
width:100px;
border:1px solid #C7B299;

}
.blog_li1 p{
font-size:1.1rem;
text-align:center;
color:white;
letter-spacing:0.1px;
line-height:29px;
display:block;
text-align:center;
}

.blog_li2 {
vertical-align: top;
display:inline-block;
letter-spacing:0.1px;
border:1px solid #b3b3b3;
height:30px;
width:100px;
text-align:center;
background:white;
}
.pulas {
font-size: 1.8rem;
padding:0 4px 0 4px;
display:inline-block;
cursor: pointer;
font-weight: bold;
line-height:28px;
}
.pulas2 {
font-size: 1.8rem;
padding:0 4px 0 4px;
display:inline-block;
cursor: pointer;
font-weight: bold;
line-height:28px;
}
.sa_tc {
display:block;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.salary_form {
display:inline-block;
width:35%;
text-align:center;
color:black;
letter-spacing: 0.5px;
font-size:1.2rem;
height:23px;
line-height:23px;
border:2px solid #d8d8d8;
border-radius:6px;
padding:0px 0;
}
.salary_goukei_ul{
width:98%;
margin:5px auto 0 auto;
text-align:right;
display:flex;
justify-content:flex-end;
align-items:flex-end;
}
.salary_goukei_li{
width:100px;
background:#3fa9f5;
height:38px;
border:1px solid #3fa9f5;
}
.salary_goukei_li p {
font-size:1.1rem;
text-align:center;
color:white;
line-height:38px;
display:block;
}
.salary_goukei_li2{
width:100px;
background:white;
height:38px;
}
.nipou_user_form_salary {
width:100%;
display:block;
padding: 0 0px 0 0px;
text-align:center;
color:black;
letter-spacing: 0.4px;
font-size:1.5rem;
height:38px;
line-height:38px;
border:1px solid #999999;
border-radius:0px;
}
.salary_botan_ul{
width:98%;
display:flex;
justify-content:flex-end;
margin:14px auto 0 auto;
}
.salary_botan_li1 {
max-width:30%;
width:150px;
background:#3FA9F5;
border-radius:6px;
height:35px;
margin-right:10px;
cursor: pointer;
}
.salary_botan_li2 {
max-width:30%;
width:150px;
background:#999999;
border-radius:6px;
height:35px;
cursor: pointer;
}
.salary_botan_ul p{
font-size:1.4rem;
text-align:center;
display:block;
color:white;
line-height:35px;
}
.salary_error_text {
display:inline-block;
padding:4px 15px;
background-color:#b5b5b5;
text-align:center;
vertical-align: middle;
margin:0% 0% 0% 0;
font-size:1.3rem;
letter-spacing:1px;
color:white;
border-radius: 12px;
position:relative;
}
.salary_error_text:after {
  border:10px solid transparent;
  border-bottom-color:#b5b5b5;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
  right:77%;
  position:absolute;
}
.insat {
width:100%;
display:block;
text-align:center;
margin:8px auto 5px auto;
font-weight:bold;
font-size:1.4rem;
}
.insat p{
display:inline-block;
}
.insat a{
display:inline-block;
}
.print_div{
display:block;
text-align:center;
}
.print_p{
cursor:pointer;
display:inline-block;
margin:40px auto 0px auto;
background:#3FA9F5;
border-radius:7px;
border:1px solid #3FA9F5;
padding:0 10px;
height:31px;
letter-spacing:0.7px;
font-size:1.4rem;
line-height:31px;
font-weight:bold;
color:white;
}
.print_margin{
margin:50px 0;
}
.report_ul {
width:98%;
margin:0px auto;
display:flex;
justify-content:flex-start;
border-left:1px solid #B3B3B3;
}
.report_ul li{
flex-shrink: 0;
display:flex;
align-items:center;
}
.report_li1_h {
width:70px;
background:#3FA9F5;
border-right:1px solid #B3B3B3;

}
.report_li1 {
width:90px;
background:#3FA9F5;
border-right:1px solid #B3B3B3;

}

.report_li2_h {
width:70px;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;

}
.report_li2 {
width:90px;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;

}
.report_li2p {
width:90px;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;

}
.report_li1 p, .report_li1_h p{
display:block;
font-size:1rem;
text-align:center;
color:white;
letter-spacing:0.1px;
padding: 9px 3px 9px 3px;
}
.report_li2 p, .report_li2_h p{
display:block;
font-size:1rem;
text-align:left;
letter-spacing:0.1px;
padding: 9px 3px 9px 3px;
}
.report_li2p p{
color:#FF4335;
display:block;
font-size:1rem;
text-align:left;
letter-spacing:0.1px;
padding: 7px 3px 7px 3px;
}
.day_h2{
display: block;
font-size: 2rem;
font-weight: bold;
text-align: center;
margin:30px 0 0px 0;
}
.re_margin {
width:100%;
margin:30px 0;
}
.re_p{
display:block;
margin:25px 0 3px 0;
text-align:center;
font-size:1.4rem;
color:#666666;
font-weight:bold;
}
.shifto {
width:98%;
margin:4px auto 15px auto;
overflow-x:scroll;
}
.shifto_ul {
display:flex;
flex-wrap:wrap;
justify-content:center;
border-left:1px solid #B3B3B3;
}
.shifto_ul li{
display:flex;
align-items:center;
flex-shrink: 0;
}
.shifto_li1{
width:10%;
background:#3FA9F5;
justify-content:center;
border-right:1px solid #e6e6e6;
}
.shifto_li2{
width:20%;
background:#3FA9F5;
justify-content:center;
border-right:1px solid #e6e6e6;
}
.shifto_li3{
width:22%;
background:#3FA9F5;
justify-content:center;
border-right:1px solid #e6e6e6;
}
.shifto_li4{
width:48%;
background:#3FA9F5;
justify-content:center;
}
.shifto_ul p{
color:white;
font-size:1.2rem;
padding:10px 2px;
letter-spacing:0.1px;
}
.shifto_li5{
width:10%;
background:white;
cursor:pointer;
justify-content:center;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.shifto_li6{
width:20%;
background:white;
cursor:pointer;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.shifto_li7{
width:22%;
background:white;
cursor:pointer;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.shifto_li8{
width:48%;
background:white;
cursor:pointer;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.shifto_ul span{
display:block;
padding:15px 8px;
letter-spacing:0.1px;
font-size:1.2rem;
}
.shifto_ul em{
display:block;
padding:15px 2px;
letter-spacing:0.1px;
text-align:center;
font-size:1.2rem;
}
.kidoku_h3 {
display:block;
font-size:1.4rem;
text-align:center;
margin:8px 0 0px 0;
font-weight:bold;
color:#666666;
}
.all_kidoku p{
display:block;
font-size:1.4rem;
text-align:center;
margin:12px 0 20px 0;
font-weight:bold;
cursor:pointer;
}
.rese_ul {
width: 95%;
margin: 0px auto;
background: white;
}
.rese_ul_li{
width: 100%;
padding: 5px 0 2px 3px;
}
.rese_ul_li h2{
display: block;
font-size: 1.4rem;
font-weight: bold;
}
.rese_div{
text-align:center;
width:100%;
margin:5px 0 0 0;
padding-left:10px;
}
.rese_div2{
display:inline-block;
border:1px solid #FF7BAC;
border-radius:25px;
background:white;
padding:8px 16px 8px 16px;
cursor:pointer;
}
.rese_div3{
display:inline-block;
vertical-align:middle;
text-align:right;
padding-right:0px;
}
.rese_div3 h2{
display:inline-block;
padding:0px 4px 0 0;
letter-spacing:0.1px;
font-size:1.3rem;
font-weight:bold;
vertical-align:middle;
color:#666666;
}
.rese_div3 img{
display:inline-block;
width:6px;
vertical-align:middle;
}
.rese_div2 span{
display:inline-block;
vertical-align:middle;
padding:0px 4px 0 0;
letter-spacing:0.4px;
font-size:1.2rem;
color:black;
}
.rese_div2 p{
display:inline-block;
vertical-align:middle;
letter-spacing:0.4px;
font-size:1.5rem;
font-weight:bold;
color:#FF1D25;
}
.salary_mypage{
position: relative;
display:none;
width:95%;
max-width: 800px;
margin:auto;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
max-height: 70vh;
position:fixed;
padding:15px 0px 12px 10px;
background-color: rgba(0,0,0,0.8);
border-radius: 20px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.salary_h22{
width:98%;
margin:0px auto 8px auto;
display:block;
text-align:center;
font-size:1.3rem;
font-weight:bold;
line-height:170%;
color:#E6E6E6;
}
.nipou_user_form_salary_p {
width:100%;
display:block;
padding: 0 0px 0 0px;
text-align:center;
color:black;
letter-spacing: 0.4px;
font-size:1.4rem;
height:38px;
line-height:38px;
border:1px solid #999999;
border-radius:0px;
}
.salary_goukei_ul_p{
width:98%;
margin:12px auto 0 auto;
text-align:right;
display:flex;
justify-content:flex-end;
align-items:flex-end;
}
.rese_ul2 {
width: 95%;
margin: 0px auto;
}
.blog_center {
display:block;
text-align:center;
margin:0px 0;
}
.blog_new{
display:inline-block;
background:#FF7BAC;
border-radius:15px;
margin-top:25px;
width:170px;
height:37px;
vertical-align:middle;
}
.blog_new a{
width:100%;
height:100%;
display:block;
}
.blog_new div{
display:flex;
justify-content:center;
align-items:center;
}
.blog_new p{
line-height:37px;
display:inline-block;
vertical-align:middle;
color:white;
font-size:1.4rem;
margin:0px 6px 0px 8px;
}
.blog_new img{
width:8px;
vertical-align:middle;
display:inline-block;
}
.mblog_nohit {
width:90%;
margin:15px auto 20px auto;
height:100px;
border:1px solid #666666;
background:white;
}
.mblog_nohit p{
display:block;
text-align:center;
line-height:100px;
font-size:1.4rem;
font-weight:bold;
color:#666666;
}
.mblog_ul {
display:flex;
flex-wrap:wrap;
width:90%;
margin:23px auto;
background:white;
border-radius:20px;
border:7px solid #FCEBF2;
padding:0px;
}
.mblog_dai{
width:100%;
border-bottom:1px solid #A8A8A8;
margin:0 0 6px 0;
}
.mblog_dai p{
font-size:1.3rem;
text-align:center;
padding:9px 0 6px 0;
display:block;
font-weight:bold;
}
.mblog_li1{
width:25%;
padding:10px 5px 0 10px;
overflow:hidden;
}
.mblog_li1 a, .mblog_li2 a, .mblog_li3 a{
display:block;
height:100%;
width:100%;
}

.mblog_li1 p{
display:block;
font-size:1.4rem;
text-align:center;
font-weight:bold;
padding:4px 0 0px 0;
}

.mblog_li2{
width:50%;
padding:10px 5px 0 10px;
}
.mblog_li3{
display:flex;
align-items:center;
justify-content:center;
width:25%;
padding:10px 5px 0 10px;
}
.mblog_li2 span{
display:block;
font-size:1.2rem;
padding:0px 0 1px 0;
line-height:150%;
font-weight:bold;
}
.mblog_li2 p{
display:block;
font-size:1.2rem;
padding:3px 0 0px 0;
line-height:150%;
}
.mblog_li2 em{
display:block;
font-size:1.1rem;
padding:1px 0 0px 0;
line-height:150%;
color:#999999;
font-weight:bold;
text-align:right;
letter-spacing:0.2px;
}
.mblog_li3 p{
display:inline-block;
border-radius:15px;
background:#E8E8E8;
padding:5px 8px;
font-size:1.2rem;
text-align:center;
font-weight:bold;
}

.mblog_border{
width:100%;
height:1px;
background:#CECECE;
margin:3px 0 8px 0;
}


.bg_skew_dot{
width:100%;
margin:15px auto 20px auto;
}
.bg_skew_dot h2{
display:block;
text-align:center;
color:white;
font-size:1.8rem;
font-weight:bold;
padding:13px 0 10px 0;
background:#FF7BAC;
border-radius:10px 10px 0 0;
}
.iblog_white{
width:100%;
background:#FFFDFE;
border:15px solid #FF7BAC;
border-top:0;
border-radius:0px 0px 12px 12px;
padding:10px 15px;
}
.iplof_white{
width:100%;
background:#FFFDFE;
border:10px solid #FF7BAC;
border-top:0;
border-radius:0px 0px 12px 12px;
padding:10px 0px 5px 0;
}
.iblog_div{
display:flex;
justify-content:flex-start;
align-items:center;
margin-top:3px;
}
.iblog_div p{
font-size:1.6rem;
font-weight:bold;
}
.iblog_div span{
background:#FF7BAC;
width:5px;
height:20px;
margin-right:5px;
}
.iblog_div2{
display:flex;
justify-content:flex-start;
align-items:center;
margin-top:15px;
}
.iblog_div2 p{
font-size:1.6rem;
font-weight:bold;
}
.iblog_div2 span{
background:#FF7BAC;
width:5px;
height:20px;
margin-right:5px;
}
.form_up_blog {
text-align: center;
margin: auto;
}

.form_up_blog label > input {
display:none; /* アップロードボタンのスタイルを無効にする */
}
.form_up_blog label {
font-size: 1.4rem;
line-height: 38px;
height: 38px;
background: #999999;
color: white;
text-align: center;
width: 150px;
max-width: 80%;
margin: 10px auto 13px auto;
border-radius: 2px;
border: double 1px white;/* ラベルのボーダーを指定する */
cursor: pointer;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.id_form_blog {
width: 100%;
background: white;
border-radius: 5px;
padding: 0px 6px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.4rem;
margin-top:3px;
}
.comment_form_blog {
width: 100%;
background: white;
border-radius: 5px;
padding: 5px 6px;
height: 200px;
line-height: 150%;
border: 1px solid #999999;
font-size: 1.4rem;
margin-top:3px;
}
.site_enter_blog {
text-align: center;
margin: 28px 0 15px 0;
}
.site_botan_blog {
width: 180px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 45px;
line-height: 45px;
border-radius: 20px;
margin: 0px auto 0 auto;
border: 1px solid #FF7BAC;
color: white;
background: #FF7BAC url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.form_img_div_blog {
margin: auto;
text-align: center;
width:60%;
}

.form_img_div_blog p {
display: block;
font-size: 1.4rem;
margin: 3px 0 0 0;
}

.mypage_back_not_blog {
width: 90%;
margin:auto;
height: 100%;
background-attachment: fixed;
}
.mypage_back_not_plof {
width: 93%;
margin:auto;
height: 100%;
background-attachment: fixed;
}

#sample1 {
max-width:90%;
height:120px;
max-height:120px;
margin:5px auto 0 auto;
background: url(./img/up.jpg) center center / contain no-repeat;
display: block;
cursor: pointer;
}
#sample1 input{
display: none;
}
/* ページング */

/* ページング*/
.pageng_all {
width:90%;
margin:5px auto;
text-align: center;
}
.pageng_prenex {
width:100%;
margin:12px auto 35px auto;
text-align: center;
display:flex;
align-items: center;
justify-content: center;
}
.pageng_back {
  display: inline-block;
background-color: white;
width: 90px;
color:#eaeaea;
font-size:1.1rem;
margin:0 8px;
background-color:#C7B299;
border-radius:2px;
text-align: center;
}
.pageng_back a {
  display: block;
width: 100%;
padding:10px 0 9px 0;
height: 100%;
color:#eaeaea;
font-weight: bold;
text-align: center;
}
.pageng_next {
  display: inline-block;
background-color: white;
width: 90px;
color:white;
font-size:1.1rem;
margin:0 8px;
background-color:#C7B299;
border-radius:2px;
text-align: center;
}
.pageng_next a {
  display: block;
width: 100%;
height: 100%;
padding:10px 0 9px 0;
color:#eaeaea;
font-weight: bold;
text-align: center;
}
.pageng {
width:100%;
margin:2px auto;
display:flex;
align-items: center;
justify-content: center;
}
.pageng_s {
  border: 1px #c1c1c1 solid;
background-color: white;
width: 30px;
padding:10px 0 9px 0;
color:#999999;
font-size:1.1rem;
margin:0 4px;
text-align: center;
}
.pageng_s a {
  display: block;
width: 100%;
height: 100%;
text-align: center;
}
.pageng_sC {
border: 1px #dcdcdc solid;
background-color: #dcdcdc;
width: 30px;
padding:10px 0 9px 0;
color: #A5A5A5;
font-size:1.1rem;
margin:0 4px;
text-align: center;
}
.pageng_sC a {
  display: block;
width: 100%;
height: 100%;
color: #A5A5A5;
text-align: center;
}

.page_count {
display:block;
text-align:center;
padding:10px 0 0% 0;
font-size:1.2rem;
color: #A5A5A5;
letter-spacing: 1px;
padding-bottom:0;
}

.page_count_top {
display:block;
text-align:center;
padding:10px 0 0% 0;
font-size:1.2rem;
color: #A5A5A5;
letter-spacing: 1px;
padding-bottom:0;

}

.page_count_not {
display:block;
text-align:center;
padding:10px 0 0% 0;
font-size:1.3rem;
color: #A5A5A5;
letter-spacing: 1px;
padding-bottom:0;
}
/* ページングここまで*/
.trims1 {
         padding:3px 3px 3px 3px;
    position: relative;

          border:1px solid #dfdfdf;
        background: white;
     -moz-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.4);
}
.trims2 {
    overflow: hidden;
    width: 100%;
    height: 60px;
  background-color: #F7F0ED;
}
.my_pass_div {
display:block;
text-align:right;
padding:13px 7px 2px 0;
}

.my_pass_div p{
display:inline-block;
font-size:1.3rem;
font-weight:bold;
letter-spacing:0.1px;
}
.my_pass_div a{

color:#666666;
}
.my_out_h2{
display:block;
font-size:1.3rem;
text-align:center;
letter-spacing:0.2px;
margin:15px 0 0 0;
}
.site_botan_plof2 {
width: 300px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 45px;
line-height: 45px;
border-radius: 17px;
margin: 15px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.mytop_h2 {
display:block;
font-size:1.9rem;
text-align:center;
margin:0 0 9px 0;
font-weight:bold;
color:#CCCCCC;
}
.mytop_h22 {
display:block;
font-size:1.9rem;
text-align:center;
margin:0 0 0px 0;
font-weight:bold;
color:#CCCCCC;
}
.encyou_span{
display:block;
font-size:1.2rem;
text-align:center;
margin:0 0 9px 0;
font-weight:bold;
color:#CCCCCC;
}
.my_therapist_close{
position:absolute;
bottom:1%;
right:3%;
width: 30px;
display: block;
text-align: center;
vertical-align: middle;
cursor: pointer;
}

.my_therapist_close img {
width: 30px;
display: inline-block;
margin: 0 0px 0px 0;
line-height: 0;
}
.my_therapist_close h3 {
letter-spacing: 0.3px;
font-size: 1.5rem;
color: #DCDDDD;
line-height: 0;
display: inline-block;
}
.mytop_ul{
width:100%;
margin:0px auto;
display:flex;
justify-content:flex-start;
border-left:1px solid #F2F2F2;
border-bottom:1px solid #F2F2F2;
background:#E6E6E6;
flex-wrap:wrap;
}
.mytop_ul li{
flex-shrink: 0;
display:flex;
align-items:center;
}
.mytop_ul p{
display:block;
font-size:1.1rem;
text-align:left;
letter-spacing:0.1px;
padding: 8px 0px 8px 7px;

}
.mytop_ul em{
display:block;
margin:auto;
}
.mytop_ul h3{
font-size:1.1rem;
text-align:center;
letter-spacing:0.1px;
padding: 8px 0px 8px 0px;
color:black;
}

.mytop_ul span{
display:block;
font-size:1.1rem;
text-align:center;
letter-spacing:0.1px;
padding: 8px 0px 8px 7px;
color:black;
}
.mytop_li1 {
width:30%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;

}
.mytop_li2 {
width:40%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li5 {
width:30%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li3 {
width:30%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li4 {
width:40%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li6 {
width:30%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li2_1 {
width:30%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li2_2 {
width:30%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li2_3 {
width:20%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li2_4 {
width:20%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li2_5 {
width:30%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li2_6 {
width:30%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li2_7 {
width:20%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li2_8 {
width:20%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li3_1 {
width:20%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li3_2 {
width:45%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li3_3 {
width:35%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li3_4 {
width:25%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li3_5 {
width:20%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li3_6 {
width:45%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li3_7 {
width:35%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li3_8 {
width:25%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li4_1 {
width:20%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li4_2 {
width:80%;
border-right:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
background:#CCCCCC;
}
.mytop_li4_3 {
width:20%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
.mytop_li4_4 {
width:80%;
border-right:1px solid #B3B3B3;
border-top:1px solid #B3B3B3;
}
/* contact */
.contact_ul{
width:98%;
margin:5px auto 0 auto;
display:flex;
justify-content:center;
border-left:1px solid #3fa9f5;
border-top:1px solid #3fa9f5;
border-bottom:1px solid #3fa9f5;
border-right:1px solid #3fa9f5;
}
.contact_ul li{
background:#3fa9f5;
font-weight:bold;
display: flex;
align-items: center;
justify-content:center;
border-right:1px solid #e6e6e6;
}
.contact_ul li:last-of-type{
background:#3fa9f5;
font-weight:bold;
display: flex;
align-items: center;
justify-content:center;
border-right:0px solid #e6e6e6;
}
.contact_ul p{
color:white;
font-weight:normal;
font-size:1.2rem;
padding:10px 2px;
letter-spacing:0.1px;
}
.contact_ul2{
width:98%;
margin:0 auto;
display:flex;
justify-content:center;
border-left:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
}
.contact_ul2 li{
background:white;
display: flex;
align-items: center;
justify-content:center;
border-right:1px solid #b3b3b3;
}
.contact_ul2red{
width:98%;
margin:0 auto;
display:flex;
justify-content:center;
border-left:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
}
.contact_ul2red li{
background:rgba(102,102,102,0.1);
display: flex;
align-items: center;
justify-content:center;
border-right:1px solid #b3b3b3;
}
.contact_li1{
width:11%;
}
.contact_li2{
width:21.3%;
}
.contact_li3{
width:20%;
}
.contact_li4{
width:21%;
}
.contact_li5{
width:13.3%;
}
.contact_li6{
width:13.3%;
}
.contact_li1 a, .contact_li2 a, .contact_li3 a, .contact_li4 a, .contact_li5 a, .contact_li6 a{
display:block;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content:center;
padding:14px 1px 15px 3px;
font-size:1.2rem;
letter-spacing:0.1px;
line-height:145%;
}
.rrireki{
width:98%;
display:block;
text-align:center;
font-weight:bold;
font-size:1.4rem;
margin:0px auto;
padding:20px;
border:1px solid #b3b3b3;
border-top:0;
}
.rrireki_shift{
width:100%;
display:block;
text-align:center;
font-weight:bold;
font-size:1.4rem;
margin:0px auto;
padding:20px;
border:1px solid #b3b3b3;
border-left:0;
border-top:0;
}
.conred{
color:red;
font-weight:bold;
font-size:1.3rem;
}
.con{
font-weight:bold;
font-size:1.3rem;
}

.contact_ul2 p, .contact_ul2red p{
padding:14px 3px 15px 3px;
font-size:1.2rem;
}
.contact_dai{
width:100%;
margin:0 0 0px 0;
}
.contact_dai p{
font-size:1.3rem;
text-align:center;
padding:0px 0 0px 0;
display:block;
font-weight:bold;
}
/* トークルーム */
.sp_div{
width:100%;
position:fixed;
top:0;
background:black;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: url(img/line_back.jpg) #000 repeat;
padding-bottom:114px;
}
.sp_div2{
width:100%;
position:fixed;
top:0;
background:black;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: url(img/line_back.jpg) #000 repeat;
padding-bottom:114px;
padding-top:35px;
}

.talk_div {
width:100%;
background:rgba(0,0,0,0.7);
margin-top:55px;
margin-bottom:8px;
}
.talk_div p{
color:white;
display:block;
text-align:center;
font-size:1.4rem;
padding:8px 3px 7px 3px;
}
.talk_div2 {
width:100%;
background:rgba(0,0,0,0.7);
margin-top:0px;
margin-bottom:8px;
position:fixed;
top:0;
z-index:8;
}
.talk_div2 p{
color:white;
display:block;
text-align:center;
font-size:1.4rem;
padding:8px 3px 7px 3px;
}


.line_lam {
position: relative;
width:100%;
margin:0px 0 0 0;
}
.line_lam:after {
content:"";
display:block;
clear:both;
}
.line_lam1 {
float:left;
text-align:left;
margin:0px 0 0px auto;
padding: 13px 0px 0 5px;
position:relative;
color:white;
font-size:1.1rem;
opacity: 0.9;
line-height:130%;
}
.line_lam2{
float:left;
margin:10px 0px 5px -3px;
width: auto;
max-width: 60%;
height: auto;
background: white;
border-radius: 13px;
padding: 6px 8px 0px 8px;
position: relative;
}
.line_lam2 span{
display:block;
font-size:1.4rem;
letter-spacing:0.2px;
font-weight:bold;
line-height:160%;
color:#4d4d4d;
}
.line_lam2 p{
display:block;
font-size:1.4rem;
letter-spacing:0.2px;
padding-left:2px;
margin-bottom:5px;
line-height:150%;
}
.line_lam3{
width:3%;
float:left;
position: relative;
margin:14px 0px 0 0;
}
.line_lam3 img {
width:100%;
position: relative;
}
.line_lam4{
width:7%;
float:left;
position: relative;
padding:0px 2px 0 0;
}
.line_lam4 img {
width:100%;
position: relative;
}

.line_la {
position: relative;
width:100%;
margin:0px 0 0% auto;
text-align:left;
}
.line_la:after {
content:"";
display:block;
clear:both;
}
.line_la1 {
float:right;
text-align:right;
margin:0px 0 0px auto;
padding: 13px 5px 0 0px;
position:relative;
color:white;
font-size:1.1rem;
opacity: 0.9;
line-height:130%;
}
.line_la2{
float:right;
margin:10px -3px 5px 0;
width: auto;
max-width: 60%;
height: auto;
border-radius: 13px;
padding: 6px 9px 0px 8px;
position: relative;
background: #8ed432;
text-align:left;
}
.line_la2 span{
display:block;
font-size:1.4rem;
letter-spacing:0.2px;
font-weight:bold;
line-height:160%;
color:#4d4d4d;
}
.line_la2 p{
display:block;
font-size:1.4rem;
letter-spacing:0.2px;
padding-left:2px;
margin-bottom:5px;
line-height:150%;
color:#353535;
text-align:left;
}

.line_la3{
width:3%;
float:right;
position: relative;
margin:14px 0px 0 0;
}
.line_la3 img {
width:100%;
position: relative;
}
.line_la4{
width:7%;
float:right;
position: relative;
padding:5px 2px 0 0;
}
.line_la4 img {
width:100%;
position: relative;
}

.talk_ul{
width:100%;
left:0;
right:0;
bottom:0;
margin:auto;
display:flex;
position:fixed;
z-index:9;
background:white;
justify-content:center;
}
.talk_li1 {
border:2px solid #3fa9f5;
width:80%;
}
.talk_li2 {
width:20%;
border:2px solid #3fa9f5;
cursor:pointer;
}
.talk_texteria{
height:100px;
width:100%;
background:white;
border-radius:0;
padding:6px;
font-size:1.4rem;
letter-spacing:0.1px;
border:1px solid #666666;
}
.talk_botan{
height: 100px;
width:100%;
background:#3fa9f5;
color:white;
border-radius:0;
font-size:1.3rem;
cursor:pointer;
}
.line_div {
position:relative;
}
.talk_fix {
position:fixed;
top:66px;
right:4px;
display:inline-block;
border-radius:19px;
background:rgba(0,0,0,0.6);
height:30px;
}
.talk_fix p{
color:white;
display:block;
padding:0 10px;
line-height:30px;
text-align:center;
font-size:1.2rem;
}

.talk_mypage{
display:none;
width:98%;
max-width: 800px;
margin:auto;
top:0;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
height: 87vh;
position:fixed;
padding:50px 8px 12px 8px;
background-color: rgba(0,0,0,1);
border-radius: 20px;
-webkit-overflow-scrolling: touch;
}


.ad_block{
width:100%;
display:flex;
align-items:flex-end;
justify-content:center;
margin: 0px 0 20px 0;
flex-wrap:wrap;
}
.ad_li1{
width:33.333%;
padding:5px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:flex-start;
margin:0 0;
}
.ad_li1_pc{
width:33.333%;
padding:5px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:flex-start;
margin:0 0;
}
.ad_li2{
width:45%;
padding:5px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:flex-start;
margin:8px 2% 0 0;
max-width:170px;
}
.ad_form{
width:80%;
height:30px;
line-height:30px;
border-radius:2px;
box-sizing: border-box;
color:black;
font-size:1.3rem;
background:white;
border:1px solid #666666;
}

.ad_form2{
width:80%;
height:30px;
line-height:30px;
border-radius:2px;
color:black;
font-size:1.3rem;
background:white;
border:1px solid #666666;
}

.select_p{
font-size:1.2rem;
color:#b3b3b3;
letter-spacing:0.1px;
width:20%;
padding:0 5px 0 5px;
}
.ad_input {
width:80%;
height:30px;
line-height:30px;
border-radius:2px;
box-sizing: border-box;
color:black;
font-size:1.3rem;
padding:0 7px 0 7px;
background:white;
border:1px solid #666666;
}
.ad_waku{
width: 100%;
background: white;
display: inline-block;
height: 32px;
border-radius: 12px;
margin: 0px auto 0 0;
border: 1px solid #3fa9f5;
background: #3fa9f5;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:8px;
overflow:hidden;
white-space: nowrap;
cursor:pointer;
}
.ad_waku p{
text-align: center;
color: white;
font-size: 1.2rem;
font-weight: normal;
display:block;
line-height: 30.5px;
}
.talk_form{
width:100%;
height:200px;
overflow-x:hidden;
background:white;
padding:10px;
font-size:1.4rem;
letter-spacing:0.1px;
line-height:155%;
color:#4D4D4D;
border-radius:0;
border:1px solid #b3b3b3;
border-top:0;
}
.talk_title_ul{
width:100%;
display:flex;
align-items: stretch;
}
.talk_title_li {
width:33.333%;
padding:0 0px 0 0;
margin-right:0%;
background:#e6e6e6;
border:1px solid #b3b3b3;
border-bottom:1px dashed #b3b3b3;

display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.talk_title_ul p{
display:block;
padding:9px 5px 9px 6px;
text-align:left;
font-size:1.2rem;
line-height:150%;
}
.text_open {
display:none;
}
.copy_ul{
display:flex;
justify-content:flex-end;
margin:10px 0 0 0;
}
.copy_li {
display:inline-block;
border-radius:10px;
background:#3fa9f5;
border-radius:1px solid #e6e6e6;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
margin:0 0 0 10px;
cursor:pointer;
}
.copy_li p{
display:block;
padding:4px 16px;
text-align:center;
font-size:1.3rem;
color:white;
}
.talk_text1{
margin:26px 0 0 0;
}
.talk_text2, .talk_text3, .talk_text4{
margin:30px 0 0 0;
}
.copy_li2 {
display:inline-block;
border-radius:10px;
background:#e6e6e6;
border-radius:1px solid #e6e6e6;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
margin:0 0 0 10px;
cursor:pointer;
}
.copy_li2 p{
display:block;
padding:4px 16px;
text-align:center;
font-size:1.3rem;
}
.copy_form{
width:120px;
max-width:43.5%;
margin:0 0 5px 2.5%;
height:33px;
line-height:33px;
border-radius:2px;
box-sizing: border-box;
color:black;
font-size:1.3rem;
background:white;
display:block;
}
.copy_ul_free{
display:flex;
justify-content:flex-end;
margin:10px 0 0 0;
}
.copy_li3 {
display:inline-block;
border-radius:3px;
background:white;
border:1px solid #b3b3b3;
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
margin:0 0px 5px 6px;
cursor:pointer;
}
.copy_li3 p{
display:block;
padding:4px 6px;
text-align:center;
font-size:1.3rem;
line-height:150%;
}
.talk_close{
position:absolute;
bottom:1%;
right:3%;
width: 30px;
display: block;
text-align: center;
vertical-align: middle;
cursor: pointer;
}

.talk_close img {
width: 30px;
display: inline-block;
margin: 0 0px 0px 0;
line-height: 0;
}
.talk_close h3 {
letter-spacing: 0.3px;
font-size: 1.5rem;
color: #DCDDDD;
line-height: 0;
display: inline-block;
}
.faq_div{
width:90%;
margin:0px auto 0 auto;
}

/* access */
.ac_ul {
display:flex;
justify-content:center;
margin:20px auto 0 auto;
width:95%;
}
.ac_li{
width:32.333%;
max-width:150px;
margin:0 0.5%;
background:#999999;
display:flex;
justify-content:center;
align-items:center;
}
.ac_liblue{
width:32.333%;
max-width:150px;
margin:0 0.5%;
background:#3fa9f5;
display:flex;
justify-content:center;
align-items:center;
}
.ac_ul a{
width:100%;
display:block;
height:100%;
}
.ac_ul p{
font-size:1.2rem;
padding:10px 6px;
color:white;
display:block;
text-align:center;
letter-spacing:0.1px;
}

.access_ul {
display:flex;
justify-content:center;
margin:25px auto 0 auto;
width:98%;
max-width:700px;
}
.access_li1{
width:25%;
margin:0;
background:#3fa9f5;
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid #e6e6e6;
border-left:1px solid #3fa9f5;
}
.access_li2{
width:75%;
margin:0;
background:#3fa9f5;
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid #e6e6e6;
}

.access_ul p{
font-size:1.2rem;
padding:10px 6px;
color:white;
display:block;
letter-spacing:0.1px;
}
.access_ul a{
width:100%;
display:block;
height:100%;
}
.ac_list {
display:flex;
justify-content:center;
margin:0px auto 0 auto;
width:98%;
flex-wrap:wrap;
max-width:700px;
}
.ac_list1{
width:25%;
margin:0;
background:white;
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.ac_list2{
width:75%;
margin:0;
background:white;
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.ac_list p{
font-size:1.2rem;
padding:13px 8px 13px 10px;
display:block;
line-height:155%;
letter-spacing:0.1px;
}
.ac_list a{
width:100%;
display:block;
height:100%;
display:flex;
justify-content:flex-start;
align-items:center;
}
.the_ul {
display:flex;
justify-content:center;
margin:15px auto 12px auto;
width:95%;
}
.the_li{
width:24%;
max-width:150px;
margin:0 0.5%;
background:#999999;
}
.the_liblue{
width:24%;
max-width:150px;
margin:0 0.5%;
background:#999999;
opacity:0.6;
}
.the_ul a{
width:100%;
display:block;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.the_ul p{
font-size:1.2rem;
padding:9px 3px;
color:white;
display:block;
letter-spacing:0.1px;
}
.index_form {
width: 92%;
margin:auto;
background: white;
border-radius: 0px;
padding: 7px 8px;
height: 100px;
line-height: 155%;
border: 1px solid #c1c1c1;
border-top:0;
font-size: 1.3rem;
color:#4D4D4D;
letter-spacing:0.2px;
}
.index_enter {
width:96%;
margin:0 0 0 auto;
text-align: right;
margin: 7px 0 0px 0;
}
.index_botan {
width: 90px;
max-width: 35%;
display: block;
text-align: center;
background: white;
font-size: 1.2rem;
font-weight: normal;
border-radius: 14px;
margin: 0px 0 0 auto;
padding:0px 0;
height:31px;
line-height:29px;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 49%;
background-size:7px;
cursor: pointer;
}
.free_nipou_space {
margin:15px auto 4px auto;
width:98%;
display:flex;
align-items:flex-end;
}
.ima_time{
font-size:1.1rem;
display:block;
text-align:right;
padding-left:1px;
line-height:100%;
padding-bottom:0px;
font-weight:bold;
color:#666666;
}
.free_nipou {
width:120px;
display:block;
margin:0px 0 0px auto;
padding: 0 4px 0 4px;
color:black;
letter-spacing: 0.1px;
font-size:1.2rem;
height:33px;
line-height:33px;
border:2px solid #999999;
border-radius:6px;
}
.down_up {
width:20%;
margin:auto;
}
.card_blue{
  color:#4baa00;
}
/* no_scroll */
.time_line_color::-webkit-scrollbar {
display: none;
}
.time_line_color {
-ms-overflow-style: none;
}
.time_line_color_my::-webkit-scrollbar {
display: none;
}
.time_line_color_my {
-ms-overflow-style: none;
}
.time_line_coloron::-webkit-scrollbar {
display: none;
}
.time_line_coloron {
-ms-overflow-style: none;
}

.time_li2::-webkit-scrollbar {
display: none;
}
.time_li2 {
-ms-overflow-style: none;
}

.time_ul3::-webkit-scrollbar {
display: none;
}
.time_ul3 {
-ms-overflow-style: none;
}
.nipou::-webkit-scrollbar {
display: none;
}
.nipou {
-ms-overflow-style: none;
}
.nipou_ul2::-webkit-scrollbar {
display: none;
}
.nipou_ul2 {
-ms-overflow-style: none;
}
.calendar_scroll::-webkit-scrollbar {
display: none;
}
.calendar_scroll {
-ms-overflow-style: none;
}
.shift_li2::-webkit-scrollbar {
display: none;
}
.shift_li2 {
-ms-overflow-style: none;
}
.shift_ul3::-webkit-scrollbar {
display: none;
}
.shift_ul3 {
-ms-overflow-style: none;
}
.sala_scroll::-webkit-scrollbar {
display: none;
}
.sala_scroll {
-ms-overflow-style: none;
}
.what_new::-webkit-scrollbar {
display: none;
}
.what_new {
-ms-overflow-style: none;
}
#side_model::-webkit-scrollbar {
display: none;
}
#side_model {
-ms-overflow-style: none;
}
.header2_ul::-webkit-scrollbar {
display: none;
}
.header2_ul {
-ms-overflow-style: none;
}
.my_scroll::-webkit-scrollbar {
display: none;
}
.my_scroll {
-ms-overflow-style: none;
}
.my_scroll2::-webkit-scrollbar {
display: none;
}
.my_scroll2 {
-ms-overflow-style: none;
}
.my_scroll3::-webkit-scrollbar {
display: none;
}
.my_scroll3 {
-ms-overflow-style: none;
}
.sala_div1::-webkit-scrollbar {
display: none;
}
.sala_div1 {
-ms-overflow-style: none;
}
.sala_div::-webkit-scrollbar {
display: none;
}
.sala_div {
-ms-overflow-style: none;
}
/* google map*/
.go_h2{
width:70%;
margin:20px auto 0px auto;
display:inline-block;
font-size:1.5rem;
font-weight:bold;
color:white;
background:#3fa9f5;
letter-spacing:0.1px;
text-align:center;
padding:9px 0;
border-radius:15px;
}
.go_h22{
display:block;
font-size:2rem;
font-weight:bold;
color:#3fa9f5;
letter-spacing:0.1px;
text-align:center;
margin:15px 0 0 0;
}
.go_bo{
height:1px;
width:100%;
background:#808080;
margin:20px 0 0px 0;
}
.go_div{
width:85%;
margin:auto;

}
.gmap{
width:66%;
margin:10px auto 35px auto;
}
.go_white{
background:#e6e6e6;
padding:5px 20px;
border-radius:12px;
margin-bottom:5px;
}
.go_span{
margin:5px 0;
display:block;
font-size:1.5rem;
line-height:175%;
}
.go_shita{
display:block;
font-size:2rem;
font-weight:bold;
color:#bf9c75;
letter-spacing:0.3px;
margin:0 0 0 6px;
}
.go_back{
margin:25px 0 0 0;
width:100%;
background:#f5fbff;
padding:0px 25px 20px 25px;
}
.go_h3{
display:block;
font-size:2.4rem;
font-weight:bold;
color:#3fa9f5;
text-align:center;
padding:20px 0 10px 0;
}
.go_h32{
display:block;
font-size:2.4rem;
font-weight:bold;
color:#3fa9f5;
text-align:center;
padding:20px 0 10px 0;
}
.go_flex{
display:flex;
}
.go_int{
display:block;
width:20px;
font-size:2.6rem;
font-weight:bold;
color:#bf9c75;
}
.go_p{
margin:8px 0 0px 13px;
display:block;
color:black;
font-size:1.6rem;
font-weight:bold;
letter-spacing:0.2px;
}
.go_p a{
display:inline-block;
color:#ff7bac;
font-weight:bold;
font-size:1.5rem;
}
.go_red{
color:red;
}

/* ad_site*/
.aad_ul{
display:flex;
justify-content:center;
flex-wrap:wrap;
width:98%;
margin:20px auto 0 auto;
align-items:stretch;
border-left:1px solid #999999;
border-top:1px solid #999999;
}
.aad_ul li{
border-right:1px solid #999999;

}
.aad_li1{
width:20%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_li2{
width:20%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_li3{
width:20%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_li4{
width:14%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_li5{
width:14%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_li6{
width:12%;
background:#e6e6e6;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:center;
}
.aad_ul a{
display:block;
width:100%;
height:100%;
}
.aad_ul p{
display:block;
padding:13px 2px 11px 5px;
letter-spacing:0.1px;
font-size:1.2rem;
line-height:140%;
}
.aaad_li1{
width:20%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.aaad_li2{
width:20%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.aaad_li3{
width:20%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.aaad_li4{
width:14%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.aaad_li5{
width:14%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.aaad_li6{
width:12%;
background:white;
border-bottom:1px solid #999999;
display:flex;
align-items:center;
justify-content:flex-start;
}
.add_div{
display:inline-block;
background:#808080;
border-radius:3px;
}
.add_div_blue{
display:inline-block;
background:#3fa9f5;
border-radius:3px;
}
.add_div_red{
display:inline-block;
background:#ff1d25;
border-radius:3px;
}
.add_div span, .add_div_blue span, .add_div_red span{
display:block;
text-align:center;
padding:3px 3px;
color:white;
font-size:1rem;
font-weight:bold;
}
.paid_blue{
color:blue;
}
.paid_red{
color:red;
}
.mi_ul{
width:80%;
max-width:280px;
margin:20px auto 0px auto;
display:flex;
justify-content:center;
}
.mi_li_on{
width:48%;
margin:0 1%;
background:#3fa9f5;
}
.mi_li{
width:48%;
margin:0 1%;
background:#999999;
}
.mi_ul p{
color:white;
padding:8px 0;
display:block;
text-align:center;
font-size:1.3rem;
}
/* 入金*/
.pay_back{
background:white;
width:95%;
max-width:550px;
margin:10px auto;
padding:20px 20px;
}
.pay_back h3{
text-align:center;
font-size:1.5rem;
color:black;
line-height:175%;
margin:0 0 20px 0;
}
.pay_white{
width:98%;
margin:auto;
padding:15px 10px 25px 20px;
background:#f7f7f7;
border:1px solid #e5e5e5;
}
.pay_white div{
margin:4px 0;
}
.pay_back p{
display:inline-block;
margin:0px 0 0 5px;
font-size:1.7rem;
color:black;
font-weight:bold;
color:#4d4d4d;
}
.pay_back em{
display:inline-block;
margin:0px 0;
font-size:1.7rem;
font-weight:bold;
line-height:175%;
}
.pay_div2{
padding:22px 0 0 0;
}
.pay_div2 span{
display:block;
margin:0px 0;
font-size:1.5rem;

line-height:175%;
padding:0 5px;
font-size:1.5rem;
color:black;
}
.pay_waku{
width:140px;
background:white;
padding:5px 7px;
}
.pay_div2 h4{
text-align:center;
font-weight:bold;
line-height:175%;
color:#1393e2;
font-size:1.8rem;

}
.pay_p2{
display:block;
font-size:1.3rem;
line-height:170%;
padding:18px 15px 0px 15px;
color:black;
}
.nyukinp {
display: inline-block;
margin: 10px 10px 0px 10px;
height: 32px;
background: white;
padding: 0px 0px;
border-radius: 15px;
background: white url(./img/arrow_menu.png)no-repeat;
background-size:6px;
background-position: 94% 51%;
border:1px solid #cccccc;
}

.nyukinp h5 {
font-weight: bold;
line-height: 30px;
font-size: 1.2rem;
padding: 0 20px;
}
.nyukinp a {
display: block;
width: 100%;
height: 100%;
}

.inde_check{
display:inline-block;
border-radius:12px;
margin:17px 0 4px 0;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:94% 49%;
background-size:7px;
}
.inde_check p{
display:block;
text-align:center;
font-size:1.3rem;
padding:6px 25px 6px 20px;
color:white;
}
.inde_check a{
display:block;
width:100%;
height:100%;
}


/* マイページ新着空きシフト */
.myaki_ul{
background:white;
width:95%;
margin:12px auto 0px auto;
font-size:1.4rem;
border-top: 5px solid #ffb6d4;

}
.myaki_ul div{
width:100%;
padding:5px;
border-bottom:1px solid #CCCCCC;
}
.myaki_li{
display:flex;
align-items:center;
border-bottom:1px solid #ffb6d4;
}
.myaki_li img{
width:24px;
margin:0 6px 3px 7px;
}
.myaki_li h2{
color:#FF7BAC;
padding:12px 0 8px 0;
letter-spacing:1px;
font-size:1.5rem;
font-weight:bold;
display:block;
text-align:center;
line-height:150%;
}
.myaki_li span{
font-size:1rem;
color:#808080;
font-weight:bold;
padding:12px 0 8px 5px;
line-height:150%;
letter-spacing:0.8px;
}
.myaki_ul em{
font-size:1rem;
padding-right:5px;
}
.myaki_ul pre{
width:100%;
padding:7px 4px 5px 1px;
background: white url(./img/my_right.png)no-repeat;
background-size:8px;
background-position: 98% 51%;
display:flex;
align-items:center;
}
.myaki_ul div p{
font-size:1.2rem;
font-weight:bold;
color:#FF7BAC;
padding-right:6px;
}
.myaki_ul div span{
wdith:100%;
font-size:1.3rem;
color:#1A1A1A;
display:block;
font-weight:normal;
letter-spacing:0.1px;
}


.ab_ul{
width:95%;
max-width:800px;
margin:20px auto 0 auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
.ab_center{
width:49%;
margin:0.5%;
background:white;
border:1px solid #808080;
padding:7px;
}
.keseki_div{
display:inline-block;
padding:3px 4px 1px 4px;
border-bottom:1px solid #808080;
background:white;
margin:4px 2px;
}
.keseki_div p{
display:block;
font-size:1.2rem;
line-height:150%;
letter-spacing:0.1px;
}
.ab_ul h2{
display:block;
font-size:1.3rem;
font-weight:bold;
text-align:center;
margin:1px 0;
}
.abn_ul{
width:97%;
max-width:1000px;
margin:10px auto 10px auto;
display:flex;
background:white;
border-radius:7px;
padding:3px 5px 3px 5px;
align-items:center;
overflow-x: scroll;
flex-wrap: wrap;
}
.abn_ul li{
width:100%;
overflow:scroll;
display:flex;
padding:3px 4px;
align-items:center;
}
.abn_ul li::-webkit-scrollbar {
display: none;
}
.abn_ul li{
-ms-overflow-style: none;
}
.keseki_div2{
display:inline-block;
background:white;
border-bottom:1px solid #808080;
padding-right:3px;
margin:0 5px;
white-space: nowrap;
}
.ab_h2{
display:inline-block;
font-size:1.1rem;
font-weight:bold;
text-align:center;
white-space: nowrap;
margin-right:3px;
line-height:140%;
}
.keseki_div2 p{
display:block;
font-size:1.1rem;
line-height:140%;
letter-spacing:0.1px;
}
.mt30{
margin-top:25px;
}
.ab_blue {
color:#0093ED;
font-weight:bold;
}
.ab_green{
font-weight:bold;
}
.ab_red{
font-weight:bold;
color:#EF4D8F;
}
.ab_pink{
color:#FF1D25;
font-weight:bold;
}
.ab_setumei{
margin:auto;
width:95%;
text-align:center;
}
.ab_setumei p{
font-size:1.1rem;
margin-right:5px;
line-height:160%;
}

























































































@media (min-width: 600px) {
.inde_check{
margin:18px 0 12px 0;
}
.login_div {
position: absolute;
left: 0;
right: 0;
max-width: 430px;
width: 50%;
margin: 0 auto;
background: white;
padding: 30px 32px 31px 32px;
border-radius: 10px;
}
.pc_site {
width: 95%;
max-width: 1000px;
margin: auto;
}
.pc_site_sch{
width: 95%;
max-width: 1000px;
margin: auto;
}

.mypage_back {
width: 80%;
max-width: 650px;
margin: 40px auto;
background:url(img/bodyback.png)repeat;
background-attachment: fixed;
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mypage_back_not {
width: 80%;
max-width: 650px;
margin: 40px auto;
background:url(img/bodyback.png)repeat;
background-attachment: fixed;
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mypage_back_not_blog {
width: 80%;
max-width: 650px;
margin: 40px auto;
background-attachment: fixed;
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mypage_back_not_plof {
width: 80%;
max-width: 650px;
margin: 40px auto;
background:url(img/bodyback.png)repeat;
background-attachment: fixed;
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* header                            pad */
.header {
 background: #3fa9f5;
 height: 68px;
 z-index: 99;
position: absolute;
top:0;
left:0;
right:0;
width:100%;
}
.header_ul {
width: 100%;
padding: 0 3% 0 4%;
margin: auto;
display: flex;
align-items: flex-start;
justify-content: start;
}
.header_ul_open {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
background: rgba(211,184,144, 0.8);
}
.header_li1 {
padding: 18px 0 0 0;
width: 40px;
height: 70px;
}
.header_li2 {
padding: 17px 0 0 10px;
height: 70px;
}
.header_li2 h1 {
display: block;
font-size: 1.2rem;
color: white;
line-height: 140%;
}
.header_li2 p {
display: block;
font-size: 1.2rem;
color: white;
line-height: 140%;
}
.header_li3 {
margin: 0 0 0 auto;
padding-top: 23px;
display: block;
height: 68px;
cursor: pointer;
}
/* menu                            pad */
#menu {
width: 62px;
margin: 0 auto;
position: relative;
cursor: pointer;
margin:0 auto;
}
#menu .bar {
display: inline-block;
height: 1.3px;
background-color: white;
position: absolute;
left: 0;
right:0;
transition: .15s ease-in-out;
}
#bar01 {
width:57px;
top: 0;
}
#bar02 {
width:40px;
top: 21px;
}
.active #bar01 {
top: 9px;
transform: rotate(45deg);
width:50px;
}
.active #bar02 {
top: 9px;
transform: rotate(-45deg);
width:50px;
}
/* header2                            pad */
.header2 {
margin-top: 68px;
background: #1a1a1a;
padding: 0 0% 0 2%;
}
.header2_ul {
margin: 0 auto 0 auto;
display: flex;
align-items: center;
height: 40px;
overflow-x: auto;
}
.header2_li {
flex: 0 0 auto;
height: 40px;
}
.header2_li a {
display: block;
width: 100%;
height: 40px;
}
.header2_li_p {
line-height: 40px;
padding: 0px 15px 0 15px;
display: block;
font-size: 1.2rem;
color: #cccccc;
letter-spacing: 0.1px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_li_p_red {
  line-height: 40px;
padding: 0px 15px 0 15px;
display: block;
font-size: 1.2rem;
opacity: 0.6;
color: #3fa9f5;
letter-spacing: 0.1px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_line {
flex: 0 0 auto;
width: 1px;
height: 10px;
background: #999999;
}


/* container */
.container_ul {
margin: auto;
width: 95%;
padding: 0 0px 0 0px;
max-width: 1100px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.containar_li1{
width:55%;
margin-right: 1%;
}
.containar_li2{
width: 43%;
margin-left: 1%;
}

.what {
margin: auto;
width: 100%;
}

.menu_list_div {
background: #3FA9F5;
margin: 0px auto 0px auto;
padding: 4px 7px 4px 7px;
border-radius: 10px 10px 0px 0px;
}

.menu_ul_pc {
margin: 0 auto 0px auto;
padding: 0px 22px 16px 22px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap :wrap;
border-radius: 0px 0px 20px 20px;
background: #FCFCFC;

}

.menu_li1pc {
width: 50%;
margin: 0px 0%;
padding: 0 13px 3px 13px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.list_ul {
width: 100%;
height: 110px;
margin: 7px auto 10px auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 28px;
border-radius: 5px;
background: white url(./img/arrow_menu.png)no-repeat;
background-size:9px;
background-position: 97% 51%;
}
.menu_pc {
width: 95%;
max-width: 1100px;
margin: 20px auto 0 auto;
}

.list_li_h3 {
font-size: 1.5rem;
font-weight: bold;
color: #4D4D4D;
}

.shadow_smoll2_pc {
box-shadow: 2px 2px 5px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}



#spped {
width: 100%;
height: 30px;
}

.keiyaku_div {
width: 100%;
margin: 16px auto 0px auto;
height: 28px;
}


.site_botan {
width: 270px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 50px;
line-height: 50px;
border-radius: 20px;
margin: 40px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.site_botan_plof {
width: 220px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 50px;
line-height: 50px;
border-radius: 20px;
margin: 30px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.site_botan_plof2 {
width: 220px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 50px;
line-height: 50px;
border-radius: 20px;
margin: 15px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.staff_img_pc {
width: 97%;
max-width: 700px;
margin: auto;
}
.staff_right {
width: 50%;
margin: 0px 0 0 0%;
}
.staff_left {
width: 50%;
margin: 0px 0% 0 0;
}
.staff_all {
width: 95%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_all_plof {
width: 95%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_all2 {
width: 95%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_all2_polof {
width: 95%;
max-width: 800px;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.staff_space {
margin: 45px 0;
}
.staff_form1 p {
text-align: center;
display: block;
font-size: 1.3rem;
letter-spacing: 0.1px;
}
.staff2_form {
display: flex;
width: 97.5%;
margin: 8px auto 0 auto;
}
.staff2_form1 {
width: 18.1%;
background: #e8e8e8;
border: 1px solid #c1c1c1;
border-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.staff2_form1 p {
text-align: center;
display: block;
font-size: 1.3rem;
letter-spacing: 0.1px;
}
.staff2_form2{
width: 81.9%;
}
.staff_form {
display: flex;
width: 95%;
margin: 8px auto 0 auto;
}
.staff_form1 {
width: 37%;
background: #e8e8e8;
border: 1px solid #c1c1c1;
border-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.staff_form1 p {
text-align: center;
display: block;
font-size: 1.3rem;
}
.staff_form2{
width: 63%;
}
.staff_form2_plof_glay{
width: 63%;
background:#E6E6E6;
}



.therapist_div span{
display: block;
text-align: center;
color: white;
font-size: 1.1rem;
line-height: 130%;
letter-spacing: 0.1px;
padding:3px 3px 3px 3px;
}
.hit_div h2{
font-size: 1.3rem;
display: block;
text-align: center;
letter-spacing: 0.1px;
}
.hit_div p{
display:block;
font-size: 1.3rem;
display: block;
text-align: center;
letter-spacing: 0.4px;
font-weight: normal;
line-height: 140%;
}

.hit_div2 h2{
font-size: 1.2rem;
display: inline-block;
text-align: center;
letter-spacing: 0.1px;
}
.hit_div2 p{
display:block;
font-size: 1.3rem;
display: inline-block;
text-align: center;
letter-spacing: 0.1px;
font-weight: normal;

padding-left: 3px;
line-height: 170%;
}
.therapist_ul2 li em{
display:block;
font-size: 1.5rem;
display: inline-block;
text-align: center;
letter-spacing: 0.1px;
}


.therapist_ul2 li img{
padding: 5px 0px;
width: 100%;
margin: auto;
}
.therapist_ul2glay li em{
display:block;
font-size: 1.5rem;
display: inline-block;
text-align: center;
letter-spacing: 0.1px;
}


.therapist_ul2glay li img{
padding: 5px 0px;
width: 100%;
margin: auto;
}
.staff_relative{
position: relative;
width: 100%;
margin: 3px auto;
height: 100px;
overflow: hidden;
}

.therapist_p {

letter-spacing: 0.1px;
line-height: 170%;
text-align:center;
}

.therapist_mypage{
display:none;
width:90%;
max-width: 700px;
margin:auto;
height: 65vh;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
position:fixed;
background-color: rgba(0,0,0,1);
border-radius: 20px;
-webkit-overflow-scrolling: touch;
}
.therapist_mypage3{
display:none;
width:90%;
max-width: 700px;
margin:auto;
height: 65vh;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
position:fixed;
background-color: rgba(0,0,0,0.8);
border-radius: 20px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.therapist_mypage p {
font-size: 1.4rem;
line-height: 175%;
padding: 2px 0;
color: #b3b3b3;
}
.therapist_mypage em {
display: inline-block;
background: ;
font-size: 2rem;
line-height: 175%;
padding: 0px 0 0px 0px;
margin: 22px 0 8px 3px;
font-weight: bold;
  background: linear-gradient(transparent 88%, #3fa9f5 88%);
color: #b3b3b3;
}

.therapist_mypage span {
color: #3fa9f5;
font-weight: bold;
padding:0px 4px 0 0;
color: white;
font-size: 1.6rem;
}
.mypage_input {
display: block;
width: 60%;
padding: 7px 15px;
margin: 2px 0 15px 0px;
border-radius: 14px;
background: white;
border: 1px solid #c1c1c1;
font-size: 1.5rem;
}

.calendar_all{
width: 100%;
text-align: center;
margin: auto;
display: flex;
justify-content: center;
align-items: flex-start;
}

.staff_relative_sch{
position: relative;
width: 100%;
margin: 3px auto;
height: 100px;
overflow: hidden;
}
.therapist_div_sch span{
padding:4px 3px 3px 3px;
font-size: 1.1rem;
}

.sch_p {
font-size: 1.2rem;
letter-spacing: 0.1px;
line-height: 150%;
}

.sch_comfirm {
width: 90px;
max-width: 75%;
margin: 10px auto;
background: #e6e6e6;
border: 1px solid #cccccc;
padding: 6px 0 5px 0;
border-radius: 18px;
cursor: pointer;
}
.sch_comfirm p{
font-size: 1.3rem;
display: block;
text-align: center;
}
.select_contact2_sch {
width: 100px;
max-width: 90%;
margin: 0 0px 0 0;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 38px;
height: 38px;
border: 1px solid #999999;
font-size: 1.4rem;
color: #333333;
}

.my_header {
 background: #ff7bac;
 height: 68px;
 z-index: 99;
position: absolute;
top:0;
left:0;
right:0;
width:100%;
}
.my_header_ul {
width: 100%;
padding: 0 3% 0 1%;
margin: auto;
display: flex;
align-items: flex-start;
justify-content: start;
}


.kibou_back {
width: 100%;
margin: 40px auto;
background:white;
box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
-webkit-transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.my_botan {
width: 270px;
max-width: 60%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 50px;
line-height: 50px;
border-radius: 20px;
margin: 0px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.shift_li1{
display: inline-block;
width: 65px;
vertical-align: top;
}

.therapist_myimg{
width: 70%;
margin: auto;
}

.nipou_list_ul {
width:98%;
max-width:800px;
}

.nipou_list_li4 {
width:30.333%;
margin:0 0 0 1%;
border:1px solid #666666;
border-right:0;
}
.nipou_list_li3 {
width:67.666%;
margin:0 1% 0 0;
border:1px solid #666666;
border-right:0;
}
.yoyaku_ul li span{
padding:10px 0px 9px 0px;
display:block;
font-size:1.1rem;
letter-spacing:0.1px;
}
.yoyaku_ul li p{
padding:4px 5px 4px 5px;
display:block;
font-size:1.1rem;
letter-spacing:0.1px;
}
.sala_li1 {
width:12.5%;
background:white;
align-items:stretch;
display:flex;
justify-content:flex-start;
}
.report_ul {
width:98%;
margin:0px auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
border-left:1px solid #B3B3B3;
}
.report_li1_h {
width:12%;
background:#3FA9F5;
border-right:1px solid #B3B3B3;
}
.report_li1 {
width:17.6%;
background:#3FA9F5;
border-right:1px solid #B3B3B3;
}

.report_li2_h {
width:12%;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.report_li2 {
width:17.6%;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.report_li2p {
width:17.6%;
background:white;
border-right:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
.report_li1 p, .report_li1_h p{
display:block;
font-size:1.2rem;
text-align:center;
color:white;
letter-spacing:0.1px;
padding: 7px 0px 7px 7px;
}
.report_li2 p, .report_li2_h p{
display:block;
font-size:1.2rem;
text-align:left;
letter-spacing:0.1px;
padding: 7px 0px 7px 7px;
}
.report_li2p p{
color:#FF4335;
display:block;
font-size:1.2rem;
text-align:left;
letter-spacing:0.1px;
padding: 7px 0px 7px 7px;
}
.salary_mypage{
display:none;
width:90%;
max-width: 700px;
margin:auto;
height: 70vh;
top:10vh;
bottom:0;
opacity:0;
left:0;
right:0;
z-index:97;
position:fixed;
padding:15px 55px 12px 55px;
background-color: rgba(0,0,0,0.8);
border-radius: 20px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
/* エラーメッセージ　*/
.entry_error {
display:inline-block;
padding:6px 5px;
background-color:#b5b5b5;
text-align:left;
line-height:145%;
vertical-align: middle;
margin:0% 0% 0% 0;
font-size:1.2rem;
letter-spacing:1px;
color:white;
border-radius: 12px;
position:relative;
}
.entry_error:after {
  border:10px solid transparent;
  border-bottom-color:#b5b5b5;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
  right:77%;
  position:absolute;
}

.mytop_ul {
width:98%;
margin:0px auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
border-left:1px solid #B3B3B3;
}


/*  tolk */
.pc_talk_ul{
width:100%;
display:flex;
justify-content:center;
}
.pc_talk_li1{
width:50%;
padding:0 10px 0 0;
position:relative;
}
.pc_talk_li2{
width:50%;
padding:20px 0px 0 0;
}
.pc_talk_li3{
width:50%;
margin:20px auto 30px auto;
padding:0 0px 0 0;
}
.sp_div{
width:100%;
height:500px;
margin-top:20px;
background:black;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: url(img/line_back.jpg) #000 repeat;
padding-bottom:134px;
position:static;
padding-top:0px;
border-bottom:1px solid #666666;
}
.sp_div2{
width:100%;
height:500px;
margin-top:20px;
margin-bottom:134px;
background:black;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: url(img/line_back.jpg) #000 repeat;
padding-bottom:10px;
position:static;
padding-top:0px;
border-bottom:1px solid #666666;
}
.talk_ul{
width:100%;
margin:auto;
display:flex;
position:static;
z-index:9;
background:white;
justify-content:center;
margin-top:20px;
}
.talk_div {
margin-top:0;
}
.line_lam2 span{
display:block;
font-size:1.3rem;
letter-spacing:0.2px;
font-weight:bold;
line-height:160%;
color:#4d4d4d;
}
.line_lam2 p{
display:block;
font-size:1.3rem;
letter-spacing:0.2px;
padding-left:0px;
line-height:160%;
}
.line_la2 span{
display:block;
font-size:1.3rem;
letter-spacing:0.2px;
font-weight:bold;
line-height:160%;
color:#4d4d4d;
}
.line_la2 p{
display:block;
font-size:1.3rem;
letter-spacing:0.2px;
padding-left:0px;
line-height:160%;
}
.talk_div2 {
width:100%;
background:rgba(0,0,0,0.7);
margin-top:0px;
margin-bottom:8px;
position:static;
top:0;
z-index:8;
}
.talk_li1 {
border:0;
width:80%;
}
.talk_li2 {
width:20%;
border:0;
}
.talk_fix {
display:none;
}
.talk_mypage{
display:block;
width:98%;
max-width: 800px;
margin:auto;
top:0;
bottom:0;
opacity:1;
left:0;
right:0;
z-index:97;
height: auto;
position:static;
padding:10px 0px 0px 0px;
background:#f2f2f2;
border:1px solid #b3b3b3;
border-radius: 2px;
overflow: visible;
-webkit-overflow-scrolling: touch;
}
.select_p{
font-size:1.2rem;
color:#1a1a1a;
letter-spacing:0.1px;
width:20%;
padding:0 5px 0 5px;
}
.ad_block{
justify-content:flex-end;
}
.ad_li1{
width:20%;
}
.ad_form{
font-size:1.2rem;
}
.ad_form2{
font-size:1.2rem;
}
.ad_input {
font-size:1.2rem;
}
.talk_form{
font-size:1.3rem;
}
.talk_close{
display: none;
}
.copy_li3 {
display:inline-block;
border-radius:13px;
margin:0 0px 5px 9px;
cursor:pointer;
}
.copy_li3 p{
display:block;
padding:4px 12px;
text-align:center;
font-size:1.3rem;
line-height:150%;
}
.talk_texteria{
border:1px solid #666666;
font-size:1.3rem;
line-height:160%;
height:134px;
}
.talk_botan{
height: 134px;
}

.my_scroll{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:22px 50px 26px 50px;
-webkit-overflow-scrolling: touch;
}
.my_scroll2{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:35px 50px 30px 50px;
-webkit-overflow-scrolling: touch;
}
.my_scroll3{
display:block;
position:relative;
width:100%;
height:100%;
overflow-y: scroll;
padding:2px 20px 25px 20px;
-webkit-overflow-scrolling: touch;
}
.thera_blog_pc{
max-width:750px;
margin:auto;
}
.index_form {
width: 100%;
font-size: 1.3rem;
}
.index_enter {
width:100%;
}
.what_new {
margin-top:16px;

padding: 9px 22px 9px 22px;
}
.what_new p{
font-size: 1.3rem;
}
.what_new h2{
font-size: 1.3rem;
}
.what_new span{
font-size: 1.3rem;
}
.keiyaku_div p {
font-size: 1.3rem;
}
.nyukin p {
font-size: 1.1rem;
}
.free_nipou {
width:150px;
}
.go_pc{
max-width:600px;
margin:20px auto;
background:white;
padding:5px;
}


}













































































@media (min-width: 1025px) {


/* header                            pc */
.header {
display: none;
}

.header_pc {
display: block;
 background: #3fa9f5;
 height: 71px;
 z-index: 99;
top:0;
left:0;
right:0;
width:100%;
}
.header_ul_pc {
width: 92%;
max-width: 1200px;
margin: 0 auto 0 auto;
display: flex;
align-items: flex-start;
justify-content: start;
}
.header_li1_pc {
padding: 20px 0 0 0;
width: 41px;
height: 71px;
}
.header_li2_pc {
padding: 18px 0 0 12px;
height: 71px;
}
.header_li2_pc h1 {
display: block;
font-size: 1.2rem;
color: white;
line-height: 155%;
}
.header_li2_pc p {
display: block;
font-size: 1.2rem;
color: white;
line-height: 155%;
}
.header_li3_pc {
margin: 0 0 0 auto;
padding: 15px 0 0 0;
}

/* header2                            pc */
.header2 {
margin-top: 55px;
background: #1a1a1a;
display: none;
}

/* header2                            pc */
.header2_pc {
background: #1a1a1a;
display: block;
}
.header2_ul_pc {
width: 92%;
padding-right: 7px;
max-width: 1200px;
margin: 0 auto 0 auto;
display: flex;
align-items: flex-start;
justify-content: end;
margin-left: auto;
height: 53px;

}
.header2_li_pc {
}
.header2_li_pc a {
display: block;
width: 100%;
height: 53px;
}
.header2_li_p_pc {
padding: 16px 16px 0 16px;
display: block;
font-size: 1.3rem;
color: #cccccc;
letter-spacing: 0.4px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_li_p_pc_red {
padding: 16px 16px 0 16px;
display: block;
font-size: 1.3rem;
opacity: 0.6;
color: #cccccc;
letter-spacing: 0.4px;
transition: opacity 0.1s ease-out,transform 0.1s ease-out;
}
.header2_line_pc {
width: 1px;
height: 14px;
margin: 20px 0;
background: #b3b3b3;
}


.menu_li1pc {
width: 33.333%;
margin: 0px 0%;
padding: 0 13px 3px 13px;
transition: opacity 0.5s ease-out,transform 0.5s ease-out;
}

.my_header {
display: none;
}

.my_header_pc {
display: block;
 background: #ff7bac;
 height: 71px;
 z-index: 99;
top:0;
left:0;
right:0;
width:100%;
}


.therapist_myimg{
width: 50%;
margin: auto;
}


/* 日報フォーム */
.nipou{
width: 100%;
margin-left: 0%;
overflow-x: scroll;
 white-space: nowrap;
 text-align: center;
}
.nipou_ul2 {
width: 98%;
background: white;
display: flex;
text-align: center;
-webkit-overflow-scrolling: touch;
margin: 0px auto 0 auto;
border: 1px solid #999999;
border-top: 0;
border-right: 0;
overflow-x: scroll;
 white-space: normal;

}
.nipou_li {
padding-bottom: 6px;
width: 11.11%;
border-right: 1px solid #999999;
}

.nipou_p {
background: #3fa9f5;
align-items: center;
justify-content: center;
border-right: 1px solid #f2f2f2;
font-size: 1.2rem;
padding: 8px 2px 8px 2px;
color: white;
letter-spacing: 0.1px;
line-height: 140%;
width: 100%;
}





}