@charset "UTF-8";
/* *** 各ページ固有のスタイル *** */
/* ログイン */
@import url("./login.css");
/* 受付 */
@import url("./accept.css");
/* 顧客管理 */
@import url("./customerList.css");

@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 100;
    src:url("../font/NotoSansJP-Thin.otf") format("opentype");
}
@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 200;
    src:url("../font/NotoSansJP-Light.otf") format("opentype");
}
@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src:url("../font/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src:url("../font/NotoSansJP-Medium.otf") format("opentype");
}
@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 600;
    src:url("../font/NotoSansJP-Bold.otf") format("opentype");
}
@font-face {
    font-family:"Noto Sans JP";
    font-style: normal;
    font-weight: 800;
    src:url("../font/NotoSansJP-Black.otf") format("opentype");
}

/* common */
* {
	margin:0;
	padding:0;
	color:#333;
	line-height:1.4em;
	font-size:13.3px;
	font-style:normal;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	box-sizing:border-box;
	list-style:none;
	align-items:center;
	letter-spacing:-0.03em;
	border:none;
	border-collapse:collapse;
	text-decoration:none;
	outline: none;
}
@media screen and ( max-width: 1600px ){
	* {
		/*font-size:0.833vw; 1200px*/
		/*font-size:0.694vw; 1440px*/
		font-size:0.833vw;
	}
}
@media screen and ( max-width: 1200px ){
	* {
		font-size:10px;
	}
}
html {
    min-width:1200px;
    overflow-x:scroll;
}
html, body {
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
}
ul, ol, dl {
	display:flex;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor:pointer;
	transition:all 0.3s;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
	opacity:0.7;
}
a button:hover {
	opacity:1 !important;
}
br {
    width:0;
    height:0;
    line-height:0;
}
a, a:link, a:active, a:visited {
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	text-decoration:none;
	transition:all 0.3s;
	cursor:pointer;
	outline: none;
}
a:hover,
a img:hover,
a div:hover {
	opacity:0.7;
	cursor:pointer;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:500;
}
font, span, em, label {
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
}
img {
	display:inline-block;
	width:100%;
}
/* objectfit未対応対策 */
.objectfit_cover {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.objectfit_cover img {
	object-fit:cover;
}
@media all and (-ms-high-contrast: none) {
	.objectfit_cover img {
		position: absolute;
		width: auto;
		height: auto;
		top: 50%;
		left: 50%;
		min-height: 100%;
		min-width: 100%;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}

.warning {
    color: red;
}
.error_message {
    color: red;
}

/* フォーム */
form {
	width:100%;
	max-width:100%;
}
input[type="submit"],
input[type="button"] {
	border-radius:0;
	-webkit-box-sizing:content-box;
	-webkit-appearance:button;
	appearance:button;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display:none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset:-0.2rem;
}
textarea::placeholder,
input::placeholder {
  color: #999;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #999;
}
textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
  color: #999;
}
input::-ms-clear {
	visibility:hidden;
	display:none;
}
input::-ms-reveal {
	visibility:hidden;
	display:none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
	-moz-appearance:textfield;
}
label {
	font-size:1.3rem;
	white-space:nowrap;
	margin:0 0.1em 0 0;
}
.disabled {
	color:#b1b1b1 !important;
}
textarea,
input[type="search"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="text"] {
	width:100%;
    height:2.4rem;
	border:1px solid #999;
	font-size:1.4rem;
	padding:0.2rem 0.3rem;
	line-height:1.2em;
	border-radius:0.4rem;
	outline: none;
	color:#333;
	background-color:#fff;
    letter-spacing: 0;
}
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
button:disabled:hover {
	cursor:auto;
	opacity:1;
}
textarea:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="text"]:disabled {
	border:1px solid #ccc;
	background-color:#eee;
}
@media all and (-ms-high-contrast: none){
	textarea,
	input[type="search"],
	input[type="password"],
	input[type="number"],
	input[type="url"],
	input[type="tel"],
	input[type="email"],
	input[type="text"] {
		padding:0.15rem 0.3rem;
        height:2.6rem;
	}
}
textarea {
    white-space: pre-wrap;
	padding:0.3rem 0.5rem;
	min-height:4.5em;
	resize: vertical;
}
[class^="output_"] {
	display:inline-block;
	width:100%;
	min-height:1.6em;
	border:1px solid #999;
	font-size:1.4rem;
	padding:0.2rem 0.6rem;
	line-height:1.2em;
	border-radius:0.4rem;
	outline: none;
	color:#333;
	background-color:#f6f6f6;
}
.output_textarea {
    white-space: pre-wrap;
	padding:0.3rem 0.5rem;
	min-height:4.5em;
}
@media all and (-ms-high-contrast: none){
	[class^="output_"] {
		line-height:1.2em;
		padding-top:0.6rem;
		padding-bottom:0;
	}
	.output_textarea {
		line-height:1.0em;
	}
}
input[type="radio"] {
	display:inline-block;
	margin:0 0.3rem 0 0;
	outline: none;
}
input[type="checkbox"] {
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	display:inline-block;
	margin:0 0.3rem 0 0;
	outline: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	position: relative;
	width:100%;
	padding-right:1.4rem;
	outline: none;
	z-index: 1;
	color:#000;
	font-size:1.3rem;
}
option {
	font-size:1.2rem;
	color:#333;
}
select::-ms-expand {
    display: none;
}
.notification {
	color:#ff0000;
}
.select_wrapper {
	width:100%;
    height:2.4rem;
	position:relative;
	display:inline-flex;
	background:#fff;
	border-radius:0.4rem;
	border:1px solid #999;
    padding:0.15rem 0.3rem !important;
}
.select_wrapper:after {
	content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: -0.2rem;
    width: 2.2rem;
    height: 100%;
    background: url("../images/select.png") center center no-repeat;
    background-size: auto 27%;
}
@media all and (-ms-high-contrast: none){
	.select_wrapper {
        height:2.6rem;
		padding:0.1rem 0.3rem !important;
	}
	.select_wrapper:after {
    	background-size: auto 23%;
	}
}
[class^="check_ico_0"],
.check_style_01,
.radio_style_03_wrapper .radio_style_back,
.radio_style_03_wrapper .radio_style_front,
.radio_style_02_wrapper .radio_style_back,
.radio_style_02_wrapper .radio_style_front,
.radio_style_01 {
	position: relative;
	display: inline-flex;
	cursor: pointer;
    margin: 0.3rem 0.5rem 0.3rem 0.3rem;
	font-size:1.3rem;
}
[class^="check_ico_0"] {
    margin: 0;
}
.radio_style_03_wrapper .radio_style_back,
.radio_style_03_wrapper .radio_style_front,
.radio_style_02_wrapper .radio_style_back,
.radio_style_02_wrapper .radio_style_front {
    margin:0;
}
[class^="check_ico_0"] input[type="checkbox"],
.check_style_01 input[type="checkbox"],
.radio_style_03_wrapper input[type="radio"],
.radio_style_02_wrapper input[type="radio"],
.radio_style_01 input[type="radio"] {
	display:none;
}
[class^="check_ico_0"] > font,
[class^="check_ico_0"] > em,
.check_style_01 > font,
.check_style_01 > em,
.radio_style_01 > font,
.radio_style_01 > em {
	position:relative;
    width: auto;
    height: 100%;
	padding-left:1.8rem;
    min-height:1em;
}
.check_style_01 > font,
.check_style_01 > em {
	padding-left:2rem;
    min-height:1.8rem;
}
[class^="check_ico_0"] > font,
[class^="check_ico_0"] > em {
	padding-left:2.2rem;
    min-height:2.2rem;
}
.radio_style_01 font:before,
.radio_style_01 em:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
    left: 0.3rem;
    width: 0.9rem;
    height: 0.9rem;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform:translate(0,-50%) scale(0, 0);
	        transform:translate(0,-50%) scale(0, 0);
	border-radius: 50%;
	background: #ffaa00;
}
.radio_style_01 input[type="radio"]:checked + font:before,
.radio_style_01 input[type="radio"]:checked + em:before {
	-webkit-transform:translate(0,-50%) scale(1, 1);
	        transform:translate(0,-50%) scale(1, 1);
}
.radio_style_01 input[type="radio"] + font:after,
.radio_style_01 input[type="radio"] + em:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translate(0,-50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #999;
    border-radius: 50%;
    background: #fff;
}
.radio_style_01 input[type="radio"]:disabled + font:after,
.radio_style_01 input[type="radio"]:disabled + em:after,
.radio_style_01.disabled input[type="radio"] + font:after,
.radio_style_01.disabled input[type="radio"] + em:after {
    border: 1px solid #ccc;
    background: #eee;
}
.radio_style_03_wrapper,
.radio_style_02_wrapper {
    position:relative;
    display: inline-flex;
    background: #eaeaea;
    border-radius: 1.5rem;
}
.radio_style_03_wrapper .radio_style_back > font,
.radio_style_03_wrapper .radio_style_back > em,
.radio_style_03_wrapper .radio_style_front > font,
.radio_style_03_wrapper .radio_style_front > em,
.radio_style_02_wrapper .radio_style_back > font,
.radio_style_02_wrapper .radio_style_back > em,
.radio_style_02_wrapper .radio_style_front > font,
.radio_style_02_wrapper .radio_style_front > em {
    width: auto;
    height: 100%;
    min-height: 1em;
    padding: 0.3em 1rem 0.3em 2.5rem;
}
.radio_style_03_wrapper .radio_style_back > font,
.radio_style_03_wrapper .radio_style_back > em,
.radio_style_02_wrapper .radio_style_back > font,
.radio_style_02_wrapper .radio_style_back > em {
    padding: 0.3em 2.5rem 0.3em 1rem;
}
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + font,
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + em,
.radio_style_02_wrapper .radio_style_front input[type="radio"]:checked + font,
.radio_style_02_wrapper .radio_style_front input[type="radio"]:checked + em {
    border-radius: 1.5rem;
	background:#d5eef5;
	color:#38a4c1;
}
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + font,
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + em {
	background:#ffcccb;
	color:#e0345c;
}
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + font,
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + em,
.radio_style_02_wrapper .radio_style_back input[type="radio"]:checked + font,
.radio_style_02_wrapper .radio_style_back input[type="radio"]:checked + em {
    border-radius: 1.5rem;
	background:#ffcccb;
	color:#e0345c;
}
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + font,
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + em {
	background:#d5eef5;
	color:#38a4c1;
}
@keyframes aaa {
	0% { width:0; }
	100% { width:100%; }
}
.radio_style_03_wrapper .radio_style_back font:before,
.radio_style_03_wrapper .radio_style_back em:before,
.radio_style_03_wrapper .radio_style_front font:before,
.radio_style_03_wrapper .radio_style_front em:before,
.radio_style_02_wrapper .radio_style_back font:before,
.radio_style_02_wrapper .radio_style_back em:before,
.radio_style_02_wrapper .radio_style_front font:before,
.radio_style_02_wrapper .radio_style_front em:before {
	position: absolute;
	z-index: 1;
    top: 0.6rem;
    left: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
	content: "";
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	border-radius: 50%;
	background: linear-gradient(200deg, #9ee2ef 0%, #38a4c1 100%);
}
.radio_style_03_wrapper .radio_style_front font:before,
.radio_style_03_wrapper .radio_style_front em:before {
	background: linear-gradient(200deg, #f8babd 0%, #e0345c 100%);
}
.radio_style_02_wrapper .radio_style_back font:before,
.radio_style_02_wrapper .radio_style_back em:before {
    left:auto;
    right: 0.5rem;
	background: #e0345c;
	background: linear-gradient(200deg, #f8babd 0%, #e0345c 100%);
}
.radio_style_03_wrapper .radio_style_back font:before,
.radio_style_03_wrapper .radio_style_back em:before {
    left:auto;
    right: 0.5rem;
	background: linear-gradient(200deg, #9ee2ef 0%, #38a4c1 100%);
}
.radio_style_03_wrapper .radio_style_back input[type="radio"] + font:after,
.radio_style_03_wrapper .radio_style_back input[type="radio"] + em:after,
.radio_style_03_wrapper .radio_style_front input[type="radio"] + font:after,
.radio_style_03_wrapper .radio_style_front input[type="radio"] + em:after,
.radio_style_02_wrapper .radio_style_back input[type="radio"] + font:after,
.radio_style_02_wrapper .radio_style_back input[type="radio"] + em:after,
.radio_style_02_wrapper .radio_style_front input[type="radio"] + font:after,
.radio_style_02_wrapper .radio_style_front input[type="radio"] + em:after {
	position: absolute;
	top: 50%;
	left: 0.5rem;
    transform:translate(0,-50%);
    width: 1.5rem;
    height: 1.5rem;
	content: "";
    border-radius: 50%;
    background:linear-gradient(180deg, #d5d5d5 0, #eaeaea 100%);
}
.radio_style_03_wrapper .radio_style_back input[type="radio"] + font:after,
.radio_style_03_wrapper .radio_style_back input[type="radio"] + em:after,
.radio_style_02_wrapper .radio_style_back input[type="radio"] + font:after,
.radio_style_02_wrapper .radio_style_back input[type="radio"] + em:after {
    left:auto;
	right: 0.5rem;
}
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + font:before,
.radio_style_03_wrapper .radio_style_back input[type="radio"]:checked + em:before,
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + font:before,
.radio_style_03_wrapper .radio_style_front input[type="radio"]:checked + em:before,
.radio_style_02_wrapper .radio_style_back input[type="radio"]:checked + font:before,
.radio_style_02_wrapper .radio_style_back input[type="radio"]:checked + em:before,
.radio_style_02_wrapper .radio_style_front input[type="radio"]:checked + font:before,
.radio_style_02_wrapper .radio_style_front input[type="radio"]:checked + em:before {
	-webkit-transform:scale(1, 1);
	        transform:scale(1, 1);
}

/* checkbox */
.check_style_01 font:before,
.check_style_01 em:before {
	position: absolute;
	z-index: 1;
	top: 50%;
    left: 0.15rem;
	transform: translate(0,-50%);
    width: 0;
    height: 1.6rem;
	content: '';
	transition: width 0.3s;
	background: url("../images/ico_check_on.png") left center no-repeat;
	background-size: 1.4rem;
}
.check_style_01 input[type="checkbox"]:checked + font:before,
.check_style_01 input[type="checkbox"]:checked + em:before {
    width: 1.4rem;
}
.check_style_01 input[type="checkbox"] + font:after,
.check_style_01 input[type="checkbox"] + em:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #717171;
    border-radius: 0.3rem;
    background: #fff;
}
/* 電話・Fax・E-mailボタン */
[class^="check_ico_0"] input[type="checkbox"] + font:after,
[class^="check_ico_0"] input[type="checkbox"] + em:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
    width: 2.2rem;
    height: 2.2rem;
	background-image:url("../images/dummy.png");
    background-position:center center;
    background-repeat:no-repeat;
	background-size:contain;
}
[class^="check_ico_0"] font:before,
[class^="check_ico_0"] em:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
    opacity:0;
	background-image:url("../images/dummy.png");
    background-position:center center;
    background-repeat:no-repeat;
	background-size:contain;
	transition:opacity 0.3s;
}
[class^="check_ico_0"] input[type="checkbox"]:checked + font:before,
[class^="check_ico_0"] input[type="checkbox"]:checked + em:before {
    opacity:1;
}
.check_ico_03 font:before,
.check_ico_03 em:before {
	background-image:url("../images/ico_fax_01.png");
}
.check_ico_02 font:before,
.check_ico_02 em:before {
	background-image:url("../images/ico_mail_01.png");
}
.check_ico_01 font:before,
.check_ico_01 em:before {
	background-image:url("../images/ico_tel_01.png");
}
.check_ico_03 input[type="checkbox"] + font:after,
.check_ico_03 input[type="checkbox"] + em:after {
    background-image:url("../images/ico_fax_02.png");
}
.check_ico_02 input[type="checkbox"] + font:after,
.check_ico_02 input[type="checkbox"] + em:after {
    background-image:url("../images/ico_mail_02.png");
}
.check_ico_01 input[type="checkbox"] + font:after,
.check_ico_01 input[type="checkbox"] + em:after {
    background-image:url("../images/ico_tel_02.png");
}

/* width */
.wauto {width:auto;}
.w100 {width:100%; display:inline-flex;}
.w99  {width:99%;  display:inline-flex;}
.w98  {width:98%;  display:inline-flex;}
.w97  {width:97%;  display:inline-flex;}
.w96  {width:96%;  display:inline-flex;}
.w95  {width:95%;  display:inline-flex;}
.w94  {width:94%;  display:inline-flex;}
.w93  {width:93%;  display:inline-flex;}
.w92  {width:92%;  display:inline-flex;}
.w91  {width:91%;  display:inline-flex;}
.w90  {width:90%;  display:inline-flex;}
.w89  {width:89%;  display:inline-flex;}
.w88  {width:88%;  display:inline-flex;}
.w87  {width:87%;  display:inline-flex;}
.w86  {width:86%;  display:inline-flex;}
.w85  {width:85%;  display:inline-flex;}
.w84  {width:84%;  display:inline-flex;}
.w83  {width:83%;  display:inline-flex;}
.w82  {width:82%;  display:inline-flex;}
.w81  {width:81%;  display:inline-flex;}
.w80  {width:80%;  display:inline-flex;}
.w79  {width:79%;  display:inline-flex;}
.w78  {width:78%;  display:inline-flex;}
.w77  {width:77%;  display:inline-flex;}
.w76  {width:76%;  display:inline-flex;}
.w75  {width:75%;  display:inline-flex;}
.w74  {width:74%;  display:inline-flex;}
.w73  {width:73%;  display:inline-flex;}
.w72  {width:72%;  display:inline-flex;}
.w71  {width:71%;  display:inline-flex;}
.w70  {width:70%;  display:inline-flex;}
.w69  {width:69%;  display:inline-flex;}
.w68  {width:68%;  display:inline-flex;}
.w67  {width:67%;  display:inline-flex;}
.w66  {width:66%;  display:inline-flex;}
.w65  {width:65%;  display:inline-flex;}
.w64  {width:64%;  display:inline-flex;}
.w63  {width:63%;  display:inline-flex;}
.w62  {width:62%;  display:inline-flex;}
.w61  {width:61%;  display:inline-flex;}
.w60  {width:60%;  display:inline-flex;}
.w59  {width:59%;  display:inline-flex;}
.w58  {width:58%;  display:inline-flex;}
.w57  {width:57%;  display:inline-flex;}
.w56  {width:56%;  display:inline-flex;}
.w55  {width:55%;  display:inline-flex;}
.w54  {width:54%;  display:inline-flex;}
.w53  {width:53%;  display:inline-flex;}
.w52  {width:52%;  display:inline-flex;}
.w51  {width:51%;  display:inline-flex;}
.w50  {width:50%;  display:inline-flex;}
.w49  {width:49%;  display:inline-flex;}
.w48  {width:48%;  display:inline-flex;}
.w47  {width:47%;  display:inline-flex;}
.w46  {width:46%;  display:inline-flex;}
.w45  {width:45%;  display:inline-flex;}
.w44  {width:44%;  display:inline-flex;}
.w43  {width:43%;  display:inline-flex;}
.w42  {width:42%;  display:inline-flex;}
.w41  {width:41%;  display:inline-flex;}
.w40  {width:40%;  display:inline-flex;}
.w39  {width:39%;  display:inline-flex;}
.w38  {width:38%;  display:inline-flex;}
.w37  {width:37%;  display:inline-flex;}
.w36  {width:36%;  display:inline-flex;}
.w35  {width:35%;  display:inline-flex;}
.w34  {width:34%;  display:inline-flex;}
.w33  {width:33%;  display:inline-flex;}
.w32  {width:32%;  display:inline-flex;}
.w31  {width:31%;  display:inline-flex;}
.w30  {width:30%;  display:inline-flex;}
.w29  {width:29%;  display:inline-flex;}
.w28  {width:28%;  display:inline-flex;}
.w27  {width:27%;  display:inline-flex;}
.w26  {width:26%;  display:inline-flex;}
.w25  {width:25%;  display:inline-flex;}
.w24  {width:24%;  display:inline-flex;}
.w23  {width:23%;  display:inline-flex;}
.w22  {width:22%;  display:inline-flex;}
.w21  {width:21%;  display:inline-flex;}
.w20  {width:20%;  display:inline-flex;}
.w19  {width:19%;  display:inline-flex;}
.w18  {width:18%;  display:inline-flex;}
.w17  {width:17%;  display:inline-flex;}
.w16  {width:16%;  display:inline-flex;}
.w15  {width:15%;  display:inline-flex;}
.w14  {width:14%;  display:inline-flex;}
.w13  {width:13%;  display:inline-flex;}
.w12  {width:12%;  display:inline-flex;}
.w11  {width:11%;  display:inline-flex;}
.w10  {width:10%;  display:inline-flex;}
.w9   {width:9%;   display:inline-flex;}
.w8   {width:8%;   display:inline-flex;}
.w7   {width:7%;   display:inline-flex;}
.w6   {width:6%;   display:inline-flex;}
.w5   {width:5%;   display:inline-flex;}
.w4   {width:4%;   display:inline-flex;}
.w3   {width:3%;   display:inline-flex;}
.w2   {width:2%;   display:inline-flex;}
.w1   {width:1%;   display:inline-flex;}

.hidden {
    display:none !important;
}
.open_window {
    display:inline-block;
    padding-right:1.3em;
    background:url("../images/ico_openwindow_01.png") right center no-repeat;
    background-size:auto 1.4rem;
}
.clearfix::after {
    content:"";
    clear:both;
    display:table;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.align-center {
	text-align:center !important;
}
.align-left {
	text-align:left !important;
}
.align-right {
	text-align:right !important;
}
.underline {
	text-decoration:underline !important;
}
.f_circle {
    display: inline-block;
    color:inherit;
    font-size:inherit;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.2em;
    border: 1px solid #555;
    position: relative;
    border-radius: 50%;
    text-align: center;
    transform:scale(0.75);
}
.pc_only_640,
.pc_only_520,
.pc_only_400,
.pc_only {
	display:block !important;
}
.pc_only_i {
	display:inline !important;
}
.pc_only_ib {
	display:inline-block !important;
}
.pc_only_flex {
	display:flex !important;
}
.sp_only_flex,
.sp_only_ib,
.sp_only_i,
.sp_only_640,
.sp_only_520,
.sp_only_400,
.sp_only {
	display:none !important;
}

/* wrapper */
.wrapper {
	display:flex;
	align-content:flex-start;
	-ms-align-content:flex-start;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
	min-height:100%;
	margin:0 auto;
	animation-name: tabchange;
	animation-timing-function: ease;
	animation-duration: 1.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.main {
	display:flex;
	align-items:stretch;
	-ms-align-items:stretch;
	/*width:100%;*/
    width: calc(100% - 13.5rem);
	min-height: calc(100vh - 9.8rem);
	margin:6.2rem auto 0 13.5rem;
	background:#fffbf5;
}
.inner {
	padding:0;
	margin:0 auto;
}
.contents_main {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:stretch;
	-ms-align-items:stretch;
	align-content: flex-start;
	-ms-align-content: flex-start;
	flex-grow: 2;
	-ms-flex-grow: 2;
    width: calc(100% - 24rem);
	padding:2rem 1.5rem 0 2rem;
}
nav {
	position: fixed;
    top: 6.2rem;
    left: 0;
    width: 13.5rem;
	height: 100%;
	padding:0 0 0 1rem;
	border-right:1px solid #ffaa00;
	background:#fff;
	z-index: 21;
}
/*
#sub_right {
	position:fixed;
	top:50%;
	transform:translate(0, -50%);
	right:0;
	width:45px;
	margin:0;
	padding:0;
	transition: all 0.4s ease-out;
	z-index:100;
}
#sub_right *,
#sub_right {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#sub_right:hover {
	width:120px;
}
#sub_right.open .rightmenu {
	width:100%;
}
#sub_right .rightmenu > .inner {
	padding:0;
}
#sub_right .rightmenu .sidemenu {
	display:none;
	width:120px;
	flex-direction:column;
	-ms-flex-direction:column;
	padding: 12px 0 8px;
	background:#eee;
	border-radius:8px 0 0 8px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
#sub_right .rightmenu .sidemenu li {
	display:flex;
	width:100%;
	margin:0 0 4px;
}
#sub_right .rightmenu .sidemenu li a {
	display:flex;
	width:100%;
	border-left:5px solid transparent;
	padding:0 0 1px 0;
}
#sub_right:hover .rightmenu .sidemenu li a {
	padding:0 0 1px 8px;
	transition:none;
}
#sub_right .rightmenu .sidemenu li a:hover {
	border-color:#ffaa00;
}
#sub_right .rightmenu .sidemenu li figure {
	width:38px;
	height:38px;
	padding:6px;
	margin:0 3px 0 0;
}
#sub_right .rightmenu .sidemenu li span {
	font-size:13px;
	font-weight:500;
	color:#555;
	line-height: 1.3em;
}
#sub_right .rightmenu .sidemenu li a:hover figure {
	background:#ffaa00;
	border-radius:50%;
	opacity:1 !important;
}
#sub_right .rightmenu .sidemenu li a:hover span {
	color:#fe8a35;
	font-weight:500;
	opacity:1 !important;
}
*/

/* header */
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:6.2rem;
	background: #fff;
	border-bottom: 1px solid #ffaa00;
	z-index:100;
}
header .inner {
	position:relative;
	width: 100%;
    height: 100%;
    padding: 0;
}
header h1 {
	position: absolute;
    top: 1rem;
    left: 1.4rem;
    max-width: 13rem;
}
header .userguide {
	position:absolute;
	top:1.3rem;
	right:27rem;
}
header .login_info_03,
header .login_info_02,
header .login_info_01 {
	position:absolute;
    top: 0;
	right: 0;
	display:inline-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content:flex-end;
	-ms-justify-content:flex-end;
	max-width:50rem;
}
header .login_info_01 {
    top: 1rem;
	right: 14rem;
}
header .login_info_02 {
    top: 3.4rem;
	right: 14rem;
}
header .login_info_03 {
    top: 1.3rem;
	right: 0;
}
header [class^="login_info"] li {
	font-size:1.4rem;
	margin: 0 0.8em;
}

/* footer */
footer {
    position:relative;
	display:flex;
	justify-content:space-between;
	-ms-justify-content:space-between;
	width:100%;
	height:3.6rem;
    padding:0 1.5rem;
	background:#ffaa00;
    z-index:100;
	font-size:1.5rem;
	color:#fff;
	letter-spacing:0.03em;
}
footer * {
	color:#fff;
	font-size:1.5rem;
    letter-spacing:0;
}
footer .fnav li:after {
    content:"・";
    margin:0 0.5em;
}
footer .fnav li:last-child:after {
    display:none;
}
footer .fnav li a {
    display:inline-block;
    padding:0.1em 0 0 1.2em;
    background:url("../images/ico_openwindow.png") left center no-repeat;
    background-size:auto 1em;
}
.footer_memo {
	position:fixed;
	bottom:0;
	left:13.5rem;
	width:calc(100% - 13.5rem);
	min-height:6.8rem;
	margin:0;
	padding:2rem 21rem 0 0;
	background: rgba(255,255,255,0.8);
    z-index: 101;
    box-shadow: 0 -0.1rem 0.5rem rgba(0,0,0,0.3);
}
.footer_memo .footer_memo_btn {
	display:flex;
	justify-content:center;
	-ms-justify-content:center;
	text-align:center;
}
.footer_memo .footer_memo_btn button {
	margin:0 1.5rem;
}
.footer_memo .footer_memo_btn .caution_style_02 {
	position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-block;
	width: 27rem;
    padding: 0.6rem 0.6rem 0.6rem 4rem;
    border: 1px solid #e0345c;
    background: url("../images/ico_caution_01.png") no-repeat #fff;
    background-position: left 0.8rem center;
	background-size: auto 55%;
	color: #666;
	font-size: 1.3rem;
	text-align:left;
    line-height: 1.3em;
}
.footer_memo .footer_memo_btn .caution_style_02 .btn_style_16 {
	min-width: 0;
    margin: 0 0.3rem;
    padding: 0.3em 1em;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    letter-spacing: 0;
    font-weight: 200;
}

/* gloval navigation */
.gnav_mainmenu {
	flex-direction: column;
    -ms-flex-direction: column;
    margin: 1.8rem 0 0;
    padding: 0;
    border-radius: 1rem 0 0 1rem;
    box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.3);
}
.gnav_mainmenu li {
	position:relative;
	color:#ff8435;
	width:100%;
	font-size:1.3rem;
	font-weight:500;
	line-height:1.2em;
	margin:0 0 0.1px;
	background-image:linear-gradient(90deg, #ffd461 0%, #fe8a35 100%);
}
.gnav_mainmenu li:first-child a,
.gnav_mainmenu li:first-child {
	border-radius:0.8rem 0 0 0;
}
.gnav_mainmenu li:last-child a,
.gnav_mainmenu li:last-child {
	margin:0;
	border-radius:0 0 0 0.8rem;
}
.gnav_mainmenu li a {
	display:flex;
	justify-content:flex-start;
	-ms-justify-content:flex-start;
	height: 4rem;
    text-align: center;
	white-space:nowrap;
	padding: 0.8em 0.15em 0.8em 2.35em;
    overflow: hidden;
	background-color:#f7f7f7;
    background-repeat: no-repeat;
	background-position: left 0.5em center;
    background-size: 1.5em;
	transition:all 0.3s ease-in;
}
.gnav_mainmenu li.gnav_01 a {
	background-image:url("../images/ico_gdashboard_open.png");
}
.gnav_mainmenu li.gnav_01 a:hover,
.gnav_mainmenu li.gnav_01.active a {
	color:#fff;
	background-image:url("../images/ico_gdashboard_close.png");
}
.gnav_mainmenu li.gnav_02 a {
	background-image:url("../images/ico_greception_open.png");
}
.gnav_mainmenu li.gnav_02 a:hover,
.gnav_mainmenu li.gnav_02.active a {
	color:#fff;
	background-image:url("../images/ico_greception_close.png");
}
.gnav_mainmenu li.gnav_03 a {
	background-image:url("../images/ico_gcustomer_open.png");
}
.gnav_mainmenu li.gnav_03 a:hover,
.gnav_mainmenu li.gnav_03.active a {
	color:#fff;
	background-image:url("../images/ico_gcustomer_close.png");
}
.gnav_mainmenu li.gnav_04 a {
	background-image:url("../images/ico_gcalendar_open.png");
}
.gnav_mainmenu li.gnav_04 a:hover,
.gnav_mainmenu li.gnav_04.active a {
	color:#fff;
	background-image:url("../images/ico_gcalendar_close.png");
}
.gnav_mainmenu li.gnav_05 a {
	background-image:url("../images/ico_gbilling_open.png");
}
.gnav_mainmenu li.gnav_05 a:hover,
.gnav_mainmenu li.gnav_05.active a {
	color:#fff;
	background-image:url("../images/ico_gbilling_close.png");
}
.gnav_mainmenu li.gnav_06 a {
	background-image:url("../images/ico_gtask_open.png");
}
.gnav_mainmenu li.gnav_06 a:hover,
.gnav_mainmenu li.gnav_06.active a {
	color:#fff;
	background-image:url("../images/ico_gtask_close.png");
}
.gnav_mainmenu li.gnav_07 a {
	background-image:url("../images/ico_gcustomize_open.png");
}
.gnav_mainmenu li.gnav_07 a:hover,
.gnav_mainmenu li.gnav_07.active a {
	color:#fff;
	background-image:url("../images/ico_gcustomize_close.png");
}
.gnav_mainmenu li.gnav_08 a {
	background-image:url("../images/ico_gconfig_open.png");
}
.gnav_mainmenu li.gnav_08 a:hover,
.gnav_mainmenu li.gnav_08.active a {
	color:#fff;
	background-image:url("../images/ico_gconfig_close.png");
}
.gnav_mainmenu li.gnav_09 a {
	background-image:url("../images/ico_gmessage_open.png");
}
.gnav_mainmenu li.gnav_09 a:hover,
.gnav_mainmenu li.gnav_09.active a {
	color:#fff;
	background-image:url("../images/ico_gmessage_close.png");
}
.gnav_mainmenu li.gnav_10 a {
	background-image:url("../images/ico_gfaq_open.png");
}
.gnav_mainmenu li.gnav_10 a:hover,
.gnav_mainmenu li.gnav_10.active a {
	color:#fff;
	background-image:url("../images/ico_gfaq_close.png");
}
.gnav_mainmenu li.gnav_11 a {
	background-image:url("../images/ico_gkiyaku_open.png");
}
.gnav_mainmenu li.gnav_11 a:hover,
.gnav_mainmenu li.gnav_11.active a {
	color:#fff;
	background-image:url("../images/ico_gkiyaku_close.png");
}
.gnav_mainmenu li.gnav_12 a {
	background-image:url("../images/ico_gpolicy_open.png");
}
.gnav_mainmenu li.gnav_12 a:hover,
.gnav_mainmenu li.gnav_12.active a {
	color:#fff;
	background-image:url("../images/ico_gpolicy_close.png");
}
.gnav_mainmenu li.gnav_13 a {
	background-image:url("../images/ico_gcontact_open.png");
}
.gnav_mainmenu li.gnav_13 a:hover,
.gnav_mainmenu li.gnav_13.active a {
	color:#fff;
	background-image:url("../images/ico_gcontact_close.png");
}
.gnav_mainmenu li.gnav_14 a {
	background-image:url("../images/ico_gcase_open.png");
}
.gnav_mainmenu li.gnav_14 a:hover,
.gnav_mainmenu li.gnav_14.active a {
	color:#fff;
	background-image:url("../images/ico_gcase_close.png");
}
.gnav_mainmenu li.active a,
.gnav_mainmenu li a:hover {
	opacity:1 !important;
	color:#fff;
	background-color:transparent;
}
.gnav_mainmenu li.active a:after {
	content: "";
    position: absolute;
    top: 50%;
    right: -1.4rem;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 0.7rem solid transparent;
    border-left: 0.7rem solid #fe8a35;
}
nav .gnav_mainmenu li img {
	width: 2.2rem;
    height: auto;
    margin: 0 0.5em 0 0.3rem;
}
nav .gnav_mainmenu li a span {
	display:inline-block;
	text-align:left;
	line-height:1.2em;
}

/* area */
[class^="area_"] {
	width:100%;
	margin:0 0 4rem;
}
[class^="area_"] > .inner {
	position:relative;
}

/* tab */
.tabswrap {
	background:#fff;
	border-radius:0 1rem 1rem 1rem;
	box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.3);
}
.tab_style_03,
.tab_style_02,
.tab_style_01 {
    display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.tab_style_02 {
	margin:1rem 0;
}
@media all and (-ms-high-contrast: none){
	.tab_style_02 {
		display:block;
	}
}
/* タブの横スクロール */
.tab_style_03 dt.tabscroll,
.tab_style_02 dt.tabscroll,
.tab_style_01 dt.tabscroll {
	position:relative;
	width:100%;
	min-height:3.6rem;
	overflow-x:visible;
}
.tabscroll .ovftbl_wrap {
	position:relative;
	width:calc(100% - 6rem) !important;
	min-height:3.6rem;
	box-shadow:-0.2rem 0.2rem 0.3rem rgba(0,0,0,0.1);
	overflow-x:hidden;
}
.tabscroll .ovftbl {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:auto;
	height:100%;
	padding:0 0.5rem 0 0;
	white-space:nowrap;
	overflow:hidden;
}
.tabscroll .scrl_btn_after,
.tabscroll .scrl_btn_before {
	position:absolute;
	top:1.2rem;
	right:3rem;
	z-index:100;
	display:inline-block;
	width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
	color:#ffaa00;
	font-size:1.2rem;
	cursor:pointer;
	padding: 0 0 0 0.25rem;
    background: #fff;
    border: 1px solid #ffaa00;
	transform:rotate(-90deg);
}
.tabscroll .scrl_btn_after {
	right:0.5rem;
	transform:rotate(90deg);
}
.tab_style_03 dt[class^="tablink_"],
.tab_style_02 dt[class^="tablink_"],
.tab_style_01 dt[class^="tablink_"] {
	display:inline-block;
	width:auto;
	min-width: 9em;
	padding:0;
	font-size:1.4rem;
	letter-spacing:0;
	font-weight:500;
    line-height:2.5rem;
	color:#b1b1b1;
	background:#eee;
	border-top:0.3rem solid transparent;
	box-shadow:0 0 0.3rem rgba(0,0,0,0.3);
}
.tab_style_03 dt[class^="tablink_"] a,
.tab_style_02 dt[class^="tablink_"] a,
.tab_style_01 dt[class^="tablink_"] a {
	display:block;
	width:100%;
	padding:0.2em 0.7em 0.2em;
	font-size:inherit;
    line-height:inherit;
	font-weight:inherit;
	color:inherit;
	text-align: center;
}
.tab_style_01 [class^="tabindex_"],
.tab_style_03 dt.tabscroll .tabplus,
.tab_style_02 dt.tabscroll .tabplus,
.tab_style_01 dt.tabscroll .tabplus,
.tab_style_03 dt.tabscroll [class^="tabcontent_"],
.tab_style_02 dt.tabscroll [class^="tabcontent_"],
.tab_style_01 dt.tabscroll [class^="tabcontent_"],
.tab_style_03 dt.tabplus,
.tab_style_02 dt.tabplus,
.tab_style_01 dt.tabplus,
.tab_style_03 dt[class^="tabcontent_"],
.tab_style_02 dt[class^="tabcontent_"],
.tab_style_01 dt[class^="tabcontent_"] {
	display:inline-block;
	width:auto;
	min-width: 10em;
	text-align: center;
	padding:0.2em 0.7em 0.2em;
	cursor:pointer;
	font-size:1.4rem;
	letter-spacing:0;
    line-height:2.5rem;
	font-weight:500;
	color:#b1b1b1;
	background:#eee;
	border-top:0.3rem solid transparent;
	box-shadow:0 0 0.3rem rgba(0,0,0,0.3);
}
.tab_style_01 [class^="tabindex_"] img,
.tab_style_03 dt[class^="tablink_"] img,
.tab_style_02 dt[class^="tablink_"] img,
.tab_style_01 dt[class^="tablink_"] img,
.tab_style_03 dt.tabscroll [class^="tabcontent_"] img,
.tab_style_02 dt.tabscroll [class^="tabcontent_"] img,
.tab_style_01 dt.tabscroll [class^="tabcontent_"] img,
.tab_style_03 dt[class^="tabcontent_"] img,
.tab_style_02 dt[class^="tabcontent_"] img,
.tab_style_01 dt[class^="tabcontent_"] img {
	height:2.4rem;
    width:auto;
    margin: 0 0.6rem -0.5rem 0;
}
.tab_style_02 dt.tabscroll .tabplus,
.tab_style_02 dt.tabscroll [class^="tabcontent_"],
.tab_style_02 dt.tabplus,
.tab_style_02 dt[class^="tabcontent_"] {
	border-radius:0.6rem 0.6rem 0 0;
}
.tab_style_03 dt.tabscroll .tabplus,
.tab_style_02 dt.tabscroll .tabplus,
.tab_style_01 dt.tabscroll .tabplus,
.tab_style_03 dt.tabplus,
.tab_style_02 dt.tabplus,
.tab_style_01 dt.tabplus {
	background:url("../images/ico_plus_01.png") center center no-repeat #eee;
	background-position:center center;
	background-size:1.2em;
	margin-bottom:-1rem;
    height: 3.3rem;
    width: 3.5rem;
}
@media all and (-ms-high-contrast: none){
	.tab_style_03 dt.tabscroll .tabplus,
	.tab_style_02 dt.tabscroll .tabplus,
	.tab_style_01 dt.tabscroll .tabplus,
	.tab_style_03 dt.tabplus,
	.tab_style_02 dt.tabplus,
	.tab_style_01 dt.tabplus {
		margin-bottom:-0.9rem;
	}
}
.tab_style_01 .tabactive,
.tab_style_03 dt.tabscroll .active,
.tab_style_02 dt.tabscroll .active,
.tab_style_01 dt.tabscroll .active,
.tab_style_03 dt.active,
.tab_style_02 dt.active,
.tab_style_01 dt.active {
	position:relative;
	background:#fff;
	border-top:0.4rem solid #ffaa00;
	color:#fe8a35;
	cursor:default;
	z-index:10 !important;
}
.tab_style_01 [class^="tabindex_"]:nth-child(1),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(1),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(1),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(1) {
	z-index:8;
}
.tab_style_01 [class^="tabindex_"]:nth-child(2),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(2),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(2),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(2) {
	z-index:7;
}
.tab_style_01 [class^="tabindex_"]:nth-child(3),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(3),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(3),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(3) {
	z-index:6;
}
.tab_style_01 [class^="tabindex_"]:nth-child(4),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(4),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(4),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(4) {
	z-index:5;
}
.tab_style_01 [class^="tabindex_"]:nth-child(5),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(5),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(5),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(5) {
	z-index:4;
}
.tab_style_01 [class^="tabindex_"]:nth-child(6),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(6),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(6),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(6) {
	z-index:3;
}
.tab_style_01 [class^="tabindex_"]:nth-child(7),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(7),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(7),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(7) {
	z-index:2;
}
.tab_style_01 [class^="tabindex_"]:nth-child(8),
.tab_style_03 dt[class^="tabcontent_"]:nth-child(8),
.tab_style_02 dt[class^="tabcontent_"]:nth-child(8),
.tab_style_01 dt[class^="tabcontent_"]:nth-child(8) {
	z-index:1;
}
.tab_style_02 dt.tabscroll .active,
.tab_style_02 dt.active {
	background:#f6f6f6;
	border-top:0.4rem solid #b2b2b2;
	color:#333;
}
.tab_style_01 .tabactive:after,
.tab_style_03 dt.tabscroll .active:before,
.tab_style_03 dt.tabscroll .active:after,
.tab_style_02 dt.tabscroll .active:after,
.tab_style_01 dt.tabscroll .active:after,
.tab_style_03 dt.active:before,
.tab_style_03 dt.active:after,
.tab_style_02 dt.active:after,
.tab_style_01 dt.active:after {
	content:"";
	position:absolute;
	top:calc(100% - 0.5rem);
	left:0;
	display:block;
	width:100%;
	height:1rem;
	background:#fff;
	z-index: 11 !important;
}
.tab_style_03 dt.tabscroll .active:before,
.tab_style_03 dt.active:before {
	background:#ffaa00;
	top:100%;
	height:1px;
	z-index: 12 !important;
}
.tab_style_02 dt.tabscroll .active:after,
.tab_style_02 dt.active:after {
	background:#f6f6f6;
}
.tab_style_01 [class^="tabcontentdiv_"],
.tab_style_03 dd[class^="tabcontent_"],
.tab_style_02 dd[class^="tabcontent_"],
.tab_style_01 dd[class^="tabcontent_"] {
	display:none;
	width:100%;
	padding:0.6rem 1.5rem;
	background:#fff;
	border-radius:0 1rem 1rem 1rem;
	box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.3);
	z-index:9;
}
.tab_style_02 dd[class^="tabcontent_"] {
	background:#f6f6f6;
	border-radius:0 0.6rem 0.6rem 0.6rem;
}
.tab_style_03 dd[class^="tabcontent_"] {
	position:relative;
	border-radius:0 0 1rem 1rem;
	box-shadow:none;
}
.tab_style_03 dd[class^="tabcontent_"] .tab_style_03 dd[class^="tabcontent_"] {
	padding:0.6rem 0.5rem;
}
.tab_style_03 dd[class^="tabcontent_"]:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#ffaa00;
}
.tab_style_01 [class^="tabcontentdiv_"],
.tab_style_03 dd[class^="tabcontent_"].active,
.tab_style_02 dd[class^="tabcontent_"].active,
.tab_style_01 dd[class^="tabcontent_"].active {
	position:relative;
	display:block;
}
.tab_style_03 dd[class^="tabcontent_"].active > *,
.tab_style_02 dd[class^="tabcontent_"].active > *,
.tab_style_01 dd[class^="tabcontent_"].active > * {
	animation-name:tabchange;
	animation-timing-function:ease;
	animation-duration:1.3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes tabchange {
	0% { opacity:0; }
	100% { opacity:1; }
}
.tab_style_11 .tablink_wrap {
	display: block;
    width: 9.2rem;
    margin:-5rem 0 2.5rem 48rem;
    padding:0 15px;
    background: #fff;
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.3);
    border-radius: 1.8rem;
}
.tab_style_11 .tablink_wrap font,
.tab_style_11 .tablink_wrap a {
	display: inline-block;
	width:100%;
	padding: 0.3em 0.2em 0.2em;
    color: #333;
	font-size: 1.4rem;
    font-weight: 500;
	line-height: 2.5rem;
	border-bottom:3px solid transparent;
}
.tab_style_11 .tablink_wrap font:hover,
.tab_style_11 .tablink_wrap a:hover {
	border-bottom:3px solid #38a4c1;
}
.tab_style_11 .tablink_wrap font .ico_tab,
.tab_style_11 .tablink_wrap a .ico_tab {
    width: auto;
    height: 2rem;
    margin: 0 0.6rem -0.5rem 0;
}
.tab_style_11 .swiper_tab_style_11_btn {
    display:inline-block;
    background: #fff;
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.3);
    border-radius:1.8rem;
    padding: 0 1.5rem;
    margin: 0 0 1.5rem;
}
.tab_style_11 .swiper_tab_style_11_btn .swiper-wrapper {
    transform:none !important;
}
.tab_style_11 .swiper_tab_style_11_btn .swiper-slide {
    display:inline-block;
    width:auto !important;
    padding:0.3em 0.2em 0.2em;
    margin:0 0.5em;
    font-size: 1.4rem;
    line-height: 2.5rem;
    font-weight: 500;
    color: #999;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.tab_style_11 .swiper_tab_style_11_btn .swiper-slide-thumb-active {
    border-bottom: 3px solid #38a4c1;
    color: #333;
    cursor: default;
}
.tab_style_11 .swiper_tab_style_11_btn .swiper-slide .ico_tab {
    width:auto;
    height:2.2rem;
    margin:0 0.4rem -0.5rem 0;
}
.tab_style_11 .swiper_tab_style_11_block {
    box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.3);
    background: #fff;
}
.tab_style_11 .swiper_tab_style_11_block .swiper-wrapper {
    align-items:stretch;
    -ms-align-items:stretch;
}
.tab_style_11 .swiper_tab_style_11_block .swiper-slide {
    display: block;
    width: 100%;
    padding: 1rem 2.4rem;
}
.swiper01-button-prev,
.swiper01-button-next,
.tab_style_11 .swiper11-button-prev,
.tab_style_11 .swiper11-button-next {
    position: absolute;
    top: 50%;
    width:2.8rem;
    height:2.8rem;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper01-button-prev,
.swiper01-button-next {
    width:3.6rem;
    height:3.6rem;
}
.swiper01-button-prev a,
.swiper01-button-next a,
.tab_style_11 .swiper11-button-prev a,
.tab_style_11 .swiper11-button-next a {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
}
.swiper01-button-prev,
.tab_style_11 .swiper11-button-prev {
    left: -2rem;
    right: auto;
}
.swiper01-button-next,
.tab_style_11 .swiper11-button-next {
    right: -2rem;
    left: auto;
}
.swiper01-button-prev:after,
.swiper01-button-next:after,
.tab_style_11 .swiper11-button-prev:after,
.tab_style_11 .swiper11-button-next:after {
    content:"";
    width:28px;
    height:28px;
    border-radius:50%;
    box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,0.4);
    background:url("../images/ico_arrow_05.png") no-repeat #38a4c1;
    background-position:left 42% center;
    background-size:auto 60%;
}
.tab_style_11 .swiper11-button-next:after {
    transform:rotate(180deg);
}
.swiper01-button-prev:after {
    width:3.6rem;
    height:3.6rem;
    box-shadow:none;
    background:url("../images/ico_arrow_06.png") center center no-repeat;
}
.swiper01-button-next:after {
    width:3.6rem;
    height:3.6rem;
    box-shadow:none;
    background:url("../images/ico_arrow_07.png") center center no-repeat;
}

/* ボタン */
.lbl_style_08 {
    color: #e0345c;
	font-size: 1.3rem;
}
.box_btnset {
    display: inline-flex;
    justify-content: flex-end;
}
.box_btnset > * {
    margin-right: 1.5rem;
}
.box_btnset > *:last-child {
	margin-right:0;
}
.btn_wrap {
	display:inline-block;
	margin:0 auto;
}
.btn_wrap_save {
	top:1.2rem;
	right:1.5rem;
	display:inline-block;
	margin:0 0 0 auto;
}
[class^="btn_style_"] img {
    height: 1.2em;
	width:auto;
    margin: -0.1em 0.5em 0;
}
[class^="btn_style_"] {
	display:inline-flex;
	justify-content:center;
	-ms-justify-content:center;
    padding: 0.3em 0.5em 0.2em;
    color: #333;
	font-size:1.8rem;
	line-height: 1em;
	text-align:center;
	border-radius:0.3rem;
	background-image:linear-gradient(180deg, #fff 0%, #fff 50%, #dfdfdf 100%);
	box-shadow:0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
	white-space:nowrap;
}
.btn_style_form01 {
	margin:0 0 0 -0.4rem;
    padding: 0.4em 0.8em;
	background-image:linear-gradient(180deg, #ffd561 0%, #ff8633 100%);
	color:#fff;
	font-size: 1.2rem;
	border-radius:0 0.5rem 0.5rem 0;
}
.btn_style_form02 {
    padding: 0.4em 0.8em;
	background-image:linear-gradient(180deg, #ffd561 0%, #ff8633 100%);
	color:#fff;
	font-size: 1.2rem;
	font-weight:500;
}
.btn_style_01 {
	margin:0;
    padding: 0.4em 0.6em;
	background:#239590;
	color:#fff;
	font-size: 1.4rem;
	border-radius:0.5rem;
}
.btn_style_02 {
    padding: 0.3em 2.1em;
	background-image:linear-gradient(180deg, #eee 0%, #fff 100%);
	color:#333;
	font-size: 1.5rem;
	font-weight:500;
	border-radius:0.5rem;
	box-shadow:0 -0.1rem 0.3rem rgba(0,0,0,0.3) inset;
	border:1px solid #ffaa00;
}
.btn_style_03 {
    padding: 0.4em 2.8em;
	background-image:linear-gradient(180deg, #ffd561 0%, #ff8633 100%);
	color:#fff;
	font-size: 1.2rem;
	font-weight:500;
}
.btn_style_09,
.btn_style_08,
.btn_style_06,
.btn_style_04 {
	min-width:10rem;
    padding: 0.4em 2.0em 0.5em;
	background:#fff0d9;
	color:#ff8a00;
	font-size: 1.4rem;
	font-weight:500;
	box-shadow:none;
    border-radius:unset;
}
.btn_style_06 {
	background:#f2f2f2;
	color:#555;
}
.btn_style_output02,
.btn_style_output01 {
    padding: 0.3em 0.5em;
	background:#38a4c1;
	color:#fff;
	font-size: 1.4rem;
	border-radius:0.5rem;
	box-shadow:none;
}
.btn_style_output02 {
	background:#e0345c;
}
.btn_style_output02 img,
.btn_style_output01 img {
    height: 1.2em;
    margin: 0em 0.5em 0 0;
}
.btn_style_08 {
	min-width:0;
	background:#ffaa00;
    font-weight:400;
	color:#fff;
    padding: 0.3em 0.5em;
	border-radius:0.5rem;
}
.btn_style_09 {
    color:#555;
    padding: 0.32em 0 0.42em;
    background:#fff;
    border:1px solid #999;
    border-radius:0.5rem;
}
.btn_style_13,
.btn_style_12,
.btn_style_11 {
	min-width:7rem;
    padding: 0.3em 0.2em 0.4em;
	background:#fff0d9;
	color:#ff8a00;
	font-size: 1.4rem;
	font-weight:500;
	box-shadow:none;
    border:1px solid #ff8a00;
    border-radius:0.5rem;
}
.btn_style_12 {
	background:#fff;
	color:#ff8a00;
}
.btn_style_13 {
	background:#e2e2e2;
	color:#717171;
    border:1px solid #999;
}
.btn_style_17,
.btn_style_16,
.btn_style_15,
.btn_style_14 {
	min-width: 9.5rem;
    padding: 0.4em 0.5em 0.4em;
    box-shadow: none;
    border-radius: 0.5rem;
    background: #e0345c;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
}
.btn_style_15 {
    background: #ffaa00;
}
.btn_style_16 {
    background: #38a4c1;
}
.btn_style_17 {
    background: #717171;
}
.btn_style_tip {
    width:1.1rem;
    height:1.1rem;
    background-color: transparent;
    background-image:url("../images/ico_tip_01.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    box-shadow:none;
}
.btn_style_icon {
	margin:0 0.3rem;
    padding:0;
	background:transparent;
	box-shadow:none;
}
.btn_style_icon img {
	margin:0;
}
.btn_style_logout {
    padding: 0.6em 1.5em 0.6em 2.5em;
    background-color:#fff;
	background-image:url("../images/logo_01.png"), url("../images/ico_arrow_03.png");
	background-repeat:no-repeat, no-repeat;
	background-size:auto 70%, 0.8em auto;
	background-position:left 0.5em center, right 0.5em center;
	color:#717171;
	font-size: 1.4rem;
	font-weight:500;
	border-radius:3rem;
	box-shadow:none;
	border:2px solid #ffaa00;
}
@media all and (-ms-high-contrast: none){
    .btn_style_02 {
        padding: 0.3em 2.1em 0.4em;
    }
}
.ico_form_03,
.ico_form_02,
.ico_form_01 {
	width:2.2rem;
	height:auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	cursor:pointer;
	animation-name:mainvisual;
	animation-timing-function:ease;
	animation-delay:2s;
	animation-duration:1.5s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
.ico_form_01 {
	background-image:url("../images/ico_tel_02.png");
}
.ico_form_02 {
	background-image:url("../images/ico_mail_02.png");
}
.ico_form_03 {
	background-image:url("../images/ico_fax_02.png");
}
.ico_form_01.check {
	background-image:url("../images/ico_tel_01.png");
}
.ico_form_02.check {
	background-image:url("../images/ico_mail_01.png");
}
.ico_form_03.check {
	background-image:url("../images/ico_fax_01.png");
}

/* pagenation */
.area_paging .inner,
#area_paging .inner {
	display:flex;
	justify-content:center;
	-ms-justify-content:center;
	padding:2rem 0 1rem;
}
.area_paging .list_btn li,
#area_paging .list_btn li {
	margin:0 0 0 1em;
}
.area_paging .list_paging li a,
#area_paging .list_paging li a {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	-ms-justify-content:center;
	width:100%;
	height:100%;
    border-radius: 50%;
	z-index:2;
}
.area_paging .list_paging li.active,
.area_paging .list_paging li,
#area_paging .list_paging li.active,
#area_paging .list_paging li {
	position:relative;
	display:flex;
	justify-content:center;
	-ms-justify-content:center;
	height:1.6em;
	width:1.6em;
    border-radius: 50%;
	padding: 0.3em;
	text-align:center;
	margin:0 0.5rem;
	color:#919191;
	font-size: 2rem;
    font-weight:300;
}
.area_paging .list_paging li.active,
#area_paging .list_paging li.active {
	color:#ffaa00;
    background:#ffeacb;
    background:rgba(255,170,0,0.15);
}
.area_paging .list_paging li.next,
.area_paging .list_paging li.prev,
#area_paging .list_paging li.next,
#area_paging .list_paging li.prev {
	padding:0;
}
.area_paging .list_paging li:hover,
#area_paging .list_paging li:hover {
    background:rgba(255,170,0,0.15);
	opacity:1;
	cursor:pointer;
}
.area_paging .list_paging li.active:hover,
#area_paging .list_paging li.active:hover {
	cursor:auto;
}
.area_paging .list_paging li.nolink:hover,
#area_paging .list_paging li.nolink:hover {
	background:none;
	cursor:auto;
}
.area_paging .list_paging li.next:after,
.area_paging .list_paging li.prev:after,
#area_paging .list_paging li.next:after,
#area_paging .list_paging li.prev:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/ico_arrow_04.png") center center no-repeat;
    background-size: auto 50%;
}
.area_paging .list_paging li.next:after,
#area_paging .list_paging li.next:after {
	transform:rotate(-180deg);
}

/* table style */
.flexwrap {
	display:flex;
	-ms-display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	-ms-align-items:flex-start;
}
table {
	border-collapse:collapse;
	width:100%;
	margin: 0;
}
table thead {
	border-bottom:2px solid #717171;
}
table th {
	padding:0.5em 0.3em;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	border-left-style:dashed;
	border-right:none;
	background-color:#f6f6f6;
	/*white-space:nowrap;*/
	font-size:1.4rem;
	font-weight:500;
}
table td {
	border:1px solid #ccc;
	border-left-style:dashed;
	border-right:none;
	padding:0.5em 0.3em;
	text-align:left;
	word-break:break-all;
	font-size:1.4rem;
}
table tr > *:first-child {
	border-left:none;
}
.table_half {
	width:49%;
}
.table_half_02 {
	width:49%;
	background:#f6f6f6;
	border-radius:0.6rem;
	padding:0.4rem 1rem;
}
.table_half_02 + .table_half_02,
.table_half_02 + .table_half,
.table_half + .table_half_02,
.table_half + .table_half {
	margin-left:2%;
}
.table_type_02 {
	margin-top:1.8rem;
	width:80%;
}
.table_type_01 tr {
	border-bottom :1px dotted #ffaa00;
}
.table_type_01 tr:last-child {
	border-bottom :none;
}
.table_type_02 th,
.table_type_01 th,
.table_type_02 td,
.table_type_01 td {
	font-size:1.3rem;
	border:none;
	background:none;
	padding: 0.4em 0.2em;
}
.table_type_02 th,
.table_type_02 td {
	font-size:1.3rem;
	border:none;
	background:none;
	padding: 0.2em;
}
.table_type_02 th label,
.table_type_01 th label {
	display:inline-block;
	margin:0;
	text-align:left;
	color:#333;
}
.table_type_02 th .note,
.table_type_01 th .note {
	position:relative;
	margin:0.6em 0 0;
	flex-direction:column;
	border:1px solid #999;
	padding:0.5rem 0.2rem 0.5rem 0.5rem;
}
.table_type_02 th .note:after,
.table_type_01 th .note:after,
.table_type_02 th .note:before,
.table_type_01 th .note:before {
	content:"";
	position:absolute;
	top:-1px;
	left:6%;
	display:inline-block;
	width:88%;
	height:1px;
	background:#fff;
}
.table_type_02 th .note:after,
.table_type_01 th .note:after {
	bottom:-1px;
	top:auto;
}
.table_half_02 .table_type_02 th .note:after,
.table_half_02 .table_type_01 th .note:after,
.table_half_02 .table_type_02 th .note:before,
.table_half_02 .table_type_01 th .note:before {
	background:#f6f6f6;
}
.table_type_02 th .note li,
.table_type_01 th .note li {
	width:10.5em;
	font-size:1.2rem;
	text-indent:-1em;
	padding:0 0 0 1em;
	margin:0 0 1em;
	border:none;
}
.table_type_02 th .note li:last-child,
.table_type_01 th .note li:last-child {
	margin:0;
}
tr[class*="notwork"] td span.w45 {
	width: 48% !important;
}
tr[class*="notwork"] td span.w55 {
	width: 78% !important;
}
td.life_status_area label.w20 {
	width:30% !important;
}
.table_type_02 td label b,
.table_type_01 td label b {
    font-weight:500;
	font-size:1.4rem;
	margin: 0.2rem 0.2rem 0.2rem 1rem;
}
.table_type_02 td span,
.table_type_01 td span {
	display:flex;
	-ms-display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	max-width:100%;
}
.table_type_02 td .checkall,
.table_type_01 td .checkall {
	border:1px solid #ffaa00;
	background:#fff3d9;
	padding:0.3rem 0 0 !important;
	margin:0.3rem 0 !important;
	border-radius:0.3rem;
}
.table_type_02 td .flexwrap,
.table_type_01 td .flexwrap {
	display:inline-flex;
	-ms-display:inline-flex;
	flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	align-items:center;
	-ms-align-items:center;
	margin:0;
	padding:0.3rem 0.2rem;
}
.form_btn_wrapper {
	display:flex;
	margin:0;
	padding:0;
	flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	justify-content:space-between;
	-ms-justify-content:space-between;
}
.form_btn_wrapper > .custom-select-wrapper,
.form_btn_wrapper > textarea,
.form_btn_wrapper > input[type="search"],
.form_btn_wrapper > input[type="password"],
.form_btn_wrapper > input[type="number"],
.form_btn_wrapper > input[type="url"],
.form_btn_wrapper > input[type="tel"],
.form_btn_wrapper > input[type="email"],
.form_btn_wrapper > input[type="text"] {
	width:auto;
	flex-grow:10;
}
.form_btn_wrapper label {
	display:flex;
}
@media all and (-ms-high-contrast: none){
	.form_btn_wrapper label,
	.table_type_02 td span,
	.table_type_02 td .flexwrap,
	.table_type_01 td span,
	.table_type_01 td .flexwrap {
		display:inline-block;
		margin-left:-1px;
		margin-right:-1px;
	}
	.table_type_02 td span > button,
	.table_type_02 td .flexwrap > button,
	.table_type_01 td span > button,
	.table_type_01 td .flexwrap > button,
	.form_btn_wrapper label > img,
	.table_type_02 td span > img,
	.table_type_02 td .flexwrap > img,
	.table_type_01 td span > img,
	.table_type_01 td .flexwrap > img {
		margin-bottom:-0.3em;
	}
	.form_btn_wrapper {
		display:block;
	}
}

/* list style */
.head dt {
	color:#fff;
	border-color:#fff;
	background:#92a3ce;
	padding:0.2em;
	min-height:3.6em !important;
}
.list_style_01 {
	flex-direction:column;
	-ms-flex-direction:column;
	width:100%;
}
.list_style_01 li {
	display:flex;
	align-items:flex-start;
	-ms-align-items:flex-start;
	justify-content:space-between;
	-ms-justify-content:space-between;
	width:100%;
	padding:0.8rem 0;
	border-bottom: 1px dotted #ffaa00;
}
.list_style_01 li:last-child {
	border:none;
}
.list_style_01 li h4 {
	font-size:1.6rem;
	display:inline-block;
	width:20%;
}
.list_type_01 {
	justify-content:space-between;
	-ms-justify-content:space-between;
	margin:0 auto;
}
.list_type_01 {
	background:#fff;
}
.list_type_01:nth-child(odd) {
	background:#eee;
}
.list_type_01:nth-child(odd) dd {
	border-color:#fff;
}
.list_type_01 dt,
.list_type_01 dd {
	position:relative;
	display:flex;
	align-self:center;
	-ms-align-self:center;
	justify-content:center;
	-ms-justify-content:center;
	padding:0.3em;
	min-height:4em;
	font-size:1.4rem;
	border-right:1px solid #eee;
}
@media all and (-ms-high-contrast: none){
	.list_type_01 dt span,
	.list_type_01 dd span {
		width:100%;
		display:block;
		position:absolute;
		top:50%;
		left:0;
		padding:0.3em;
		transform:translate(0,-50%);
	}
}
.list_type_01 dt:last-child,
.list_type_01 dd:last-child {
	border:none;
}

/* メッセージ */
#sub_right_customerList {
	width:24rem;
	padding:2rem 0 0;
}
#area_message {
	width:100%;
	min-height:100%;
	background: #fff;
	padding:0 0 8rem;
}
#area_message h3 {
	width:100%;
	background:#ff8a00;
	color:#fff;
	font-size:1.7rem;
	text-align:center;
	padding:0.2em 0;
}
/* message input */
#area_message .message_input {
	padding:0.3rem;
}
/* message スレッド */
#area_message .message_block2 {
	position:relative;
	display:block;
	width:calc(100% - 1rem);
	height:auto;
	margin:1rem 0.5rem;
	border-radius: 5px;
	box-shadow: 0 0 0.3rem rgba(0,0,0,0.3);
}
#area_message .message_block {
	position:relative;
	display:block;
	height:auto;
	padding:0 0.6rem;
	margin:1rem 0;
	max-height:100%;
	height:30rem;
	overflow-y: scroll;
	overflow-x:hidden;
	scrollbar-color:#ccc #fff;
	scrollbar-width: thin;
	scrollbar-base-color:#fff;
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#ccc;
	scrollbar-track-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
}
/*スクロールバーの横幅指定*/
#area_message .message_block2 .message_box_wrap::-webkit-scrollbar,
#area_message .message_block::-webkit-scrollbar {
    width:0.8rem;
}
/*スクロールバーの背景色・角丸指定*/
#area_message .message_block2 .message_box_wrap::-webkit-scrollbar-track,
#area_message .message_block::-webkit-scrollbar-track {
    border-radius:0;
    background:#fff;
}
/*スクロールバーの色・角丸指定*/
#area_message .message_block2 .message_box_wrap::-webkit-scrollbar-thumb,
#area_message .message_block::-webkit-scrollbar-thumb {
    border-radius:0;
    background:#ccc;
}
#area_message .message_block .message_box_wrap {
	position:relative;
	width:100%;
	margin:0.5rem 0 1.5rem;
	border-radius:0.5rem;
	box-shadow: 0 0 0.3rem rgba(0,0,0,0.3);
}
#area_message .message_block2 .message_box_wrap {
	position:relative;
	width:100%;
	max-height:100%;
	height:30rem;
	overflow-y: scroll;
	overflow-x:hidden;
	scrollbar-color:#ccc #fff;
	scrollbar-width: thin;
	scrollbar-base-color:#fff;
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#ccc;
	scrollbar-track-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
}
#area_message [class^="message_block"] .customer_name_id {
	padding:0.4rem 1rem;
	border-radius:0.5rem 0.5rem 0 0;
	border-top:5px solid #38a4c1;
	border-bottom: 1px solid #38a4c1;
}
#area_message [class^="message_block"] .customer_name_id .customer_id {
	color:#38a4c1;
	line-height:1.2em;
	font-size:1.3rem;
}
#area_message [class^="message_block"] .customer_name_id .customer_name {
	color:#38a4c1;
	line-height:1.2em;
	font-size:1.6rem;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#area_message .message_input_btn {
	border-radius:0.5rem;
	box-shadow:0 0 0.3rem rgba(0,0,0,0.3);
	color:#999;
	font-size:1.3rem;
	padding:0.3rem 0.3rem 2em;
	cursor:pointer;
}
#area_message .message_input_box {
	padding:0.8rem;
}
#area_message .message_input_box_01 {
	display: flex;
    justify-content: space-around;
    -ms-justify-content: space-around;
}
#area_message .message_input_box_01 .radio_style_01 {
	font-size:1.4rem;
}
#area_message .message_input_box_btn,
#area_message .message_input_box_03,
#area_message .message_input_box_02 {
	display:flex;
	justify-content:space-around;
	-ms-justify-content:space-around;
	align-items:flex-start;
	-ms-align-items:flex-start;
	margin:0.5rem auto 0;
}
#area_message .message_input_box_04 {
	margin:1rem auto;
}
#area_message .message_input_box_03 .message_input_box_02_left,
#area_message .message_input_box_02 .message_input_box_02_left {
	width:2.5em;
	color:#999;
	font-size:1.3rem;
}
#area_message .message_input_box_03 .message_input_box_02_right,
#area_message .message_input_box_02 .message_input_box_02_right {
	width:calc(100% - 2.5em);
}
#area_message .message_input_box_02_right_list {
	justify-content:space-between;
	-ms-justify-content:space-between;
	margin:0 auto 0.5rem;
}
#area_message .message_input_box_02_right_list_left {
	display: flex;
	width:calc(100% - 2.5rem);
}
#area_message .message_input_box_02_right_list_right {
	display: flex;
	width:2rem;
}
#area_message .select_wrapper,
#area_message select,
#area_message textarea,
#area_message input[type="search"],
#area_message input[type="password"],
#area_message input[type="number"],
#area_message input[type="url"],
#area_message input[type="tel"],
#area_message input[type="email"],
#area_message input[type="text"] {
	border-radius:0.3rem;
	font-size:1.25rem;
	height:2rem;
}
#area_message .btn_style_message_input_minus,
#area_message .btn_style_message_input_plus {
	width:1.8rem;
	height:1.8rem;
	padding:0;
	border-radius:50%;
	background:url("../images/ico_plus_03.png") center center no-repeat;
	background-size:contain;
	box-shadow:none;
	border:2px solid #ffaa00;
}
#area_message .btn_style_message_input_minus {
	background:url("../images/ico_minus_03.png") center center no-repeat;
	background-size:contain;
}
#area_message .btn_style_16,
#area_message .btn_style_14 {
	min-width:6em;
	font-size:1.2rem;
	border-radius:0.2rem;
}
/* message box */
#area_message .message_box_wrap .message_box {
	position:relative;
	width:100%;
	height:auto;
	padding:0.5rem 0.8rem 0;
	border-bottom: 1px solid #38a4c1;
}
#area_message .message_box_wrap .message_box:last-child {
	border:none;
}
#area_message .message_block2.message_none .message_box_wrap,
#area_message .message_block2.message_none,
#area_message .message_block.message_none .message_box_wrap,
#area_message .message_block.message_none {
	overflow:auto;
	flex-grow:unset;
	min-height:0 !important;
	height:auto !important;
}
#area_message .message_block2.message_none .message_box,
#area_message .message_block.message_none .message_box {
	text-align:center;
	justify-content:center;
	padding: 1.5rem 0;
	color:#999;
	font-size:1.4rem;
	overflow:auto;
}
#area_message .btn_close_messagebox {
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	width:1.3rem;
	height:1.3rem;
	padding:0;
	border-radius:50%;
	background:url("../images/ico_close_01.png") center center no-repeat;
	background-size:contain;
	box-shadow:none;
}
#area_message .message_box .message_box_list {
	position:relative;
	display:flex;
	justify-content:space-between;
	-ms-justify-content:space-between;
	align-items:stretch;
	-ms-align-items:stretch;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
	padding:1rem 0;
	border-top:1px solid #ccc;
}
#area_message .message_box .message_box_list:first-child {
	border:none;
}
#area_message .message_box_list.child {
	display:none;
}
#area_message .message_box_list_left {
	position:absolute;
	top:0;
	left:0;
	width:3rem;
	padding:1rem 0 0 0;
}
#area_message .message_box_list_right {
	width: 100%;
	text-align:right;
}
#area_message .message_box_list_right.post_re {
	width: calc(100% - 1rem);
	margin:0 0 0 1rem;
	border-left:1px solid #999;
	padding-left:0.5rem;
}
#area_message .message_box_list_right.post_re .message_box_ttl01 {
	padding: 0;
}
#area_message .message_box_list_left .reply {
	position:relative;
	width:3rem;
	height:2em;
	background:url("../images/ico_mail_04.png") no-repeat;
	background-position:left bottom;
	background-size:55% auto;
	font-size:1.1rem;
}
#area_message .message_box_list_left .reply .reply_num {
	position:absolute;
	top:0;
	right:0;
	width:1.5em;
	height:1.5em;
	line-height:1.6em;
	font-size:inherit;
	text-align:center;
	color:#fff;
	background:#e0345c;
	border-radius:50%;
}
#area_message .message_box_list_right .message_box_ttl01 {
	display:flex;
	flex-direction:column;
	-ms-flex-direction:column;
	font-weight:normal;
	margin:0 0 1rem;
	padding:0 0 0 4.5rem;
	text-align:left;
}
#area_message .message_box_list_right .name {
	color:#ff8a00;
	width: 100%;
	line-height: 1.2em;
	font-size:1.5rem;
	font-weight:500;
	text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
	text-align:left;
}
#area_message .message_box_list_right.post_re .name {
	color:#38a4c1;
}
#area_message .message_box_list_right .time {
	width:calc(100% - 3.2em);
	width:100%;
	font-size:1.5rem;
	text-align:left;
}
#area_message .message_box_list_right .area,
#area_message .message_box_list_right .time time {
	width:100%;
	color:#999;
	font-size:1.1rem;
	line-height: 1.3em;
}
#area_message .message_box_list_right .message_box_ttl02 {
	margin:0 0 0.8rem;
	color:#38a4c1;
	font-size:1.3rem;
	text-align:left;
	cursor:pointer;
	transition:all 0.3s;
}
#area_message .message_box_list_right .message_box_ttl02:hover {
	opacity:0.8;
}
#area_message .message_box_list_right .message_box_ttl03 {
	margin:0 0 1.5rem;
    color:#717171;
	font-weight:600;
	font-size:1.2rem;
/*
	text-decoration:underline;
*/
	text-align:left;
}
#area_message .message_box_list_right .message_text {
	text-align:left;
    color:#717171;
	font-size:1.2rem;
	max-height:4.5em;
	overflow: hidden;
}
#area_message .message_box_list_right .message_text.show {
	max-height:none;
    overflow: visible;
	animation-name:tabchange;
	animation-timing-function:ease;
	animation-duration:1.3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@supports (-webkit-line-clamp:3) {
    #area_message .message_box_list_right .message_text {
      display: -webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient: vertical;
    }
	#area_message .message_box_list_right .message_text.show {
		display:block;
		-webkit-line-clamp:unset;
		-webkit-box-orient:unset;
	}
}
#area_message .message_box_list_right .message_readmore {
	text-align: right;
}
#area_message .message_box_list_right .message_readmore .message_text_inner {
	display:inline-block;
	margin:0 0 0 auto;
	color:#ff8a00;
	font-size:1.2rem;
	border-bottom:1px solid #ff8a00;
	cursor:pointer;
}
#area_message .message_box_list_right .list_btn {
	position:relative;
	display:flex;
	justify-content:flex-end;
	-ms-justify-content:flex-end;
	margin:1rem 0 0 auto;
}
#area_message .btn_style_thread {
	position:absolute;
	bottom:0;
	left:0;
	transform:rotate(180deg);
	width: 2.2rem;
    height: 2.2rem;
	background:url("../images/ico_close_00.png");
	background-color:#38a4c1;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:55%;
	border-radius:50%;
    box-shadow:none;
}
#area_message .btn_style_thread.open {
	transform:none;
}
#area_message .btn_style_post,
#area_message .btn_style_edit,
#area_message .btn_style_del {
	width: 2.8rem;
    height: 2.3rem;
	border:1px solid #38a4c1;
	background-color:transparent;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:80%;
	border-radius:0.3rem;
	box-shadow:none;
	overflow:visible;
}
#area_message .btn_style_del {
    background-image:url("../images/ico_del_01.png");
}
#area_message .btn_style_edit {
    background-image:url("../images/ico_edit_03.png");
}
#area_message .btn_style_post {
    background-image:url("../images/ico_mail_05.png");
}
#area_message .btn_style_post:hover,
#area_message .btn_style_edit:hover,
#area_message .btn_style_del:hover {
	position:relative;
	opacity:1 !important;
}
#area_message .btn_style_post:hover:before,
#area_message .btn_style_edit:hover:before,
#area_message .btn_style_del:hover:before {
	content:attr(data-tooltip);
	position:absolute;
	bottom:2.5rem;
	right:-1rem;
	display:inline-block;
	background:#555;
	color:#fff;
	font-size:1.4rem;
	font-weight:200;
	white-space:nowrap;
	letter-spacing:0.03em;
	padding:0.1rem 0.5rem 0.2rem;
}
#area_message .btn_style_post:hover:after,
#area_message .btn_style_edit:hover:after,
#area_message .btn_style_del:hover:after {
	content:"";
	position:absolute;
	bottom:1.4rem;
	left:0.3rem;
	display:block;
	width:0;
	height:0;
	border:0.5rem solid transparent;
	border-top:0.6rem solid #555;
}
.btn_style_minus {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
    background: url("../images/ico_plus_03.png") center center no-repeat;
    background-size: contain;
    box-shadow: none;
    border: 2px solid #ffaa00;
}
.btn_style_minus {
	margin-right: 1.5rem;
}

/* 見出し */
[class^="area_"] h3 {
	position:relative;
	padding: 0.15em 1em 0.15em 0.5em;
	margin:0.8em 0;
	font-size:1.6rem;
    border-bottom: 2px solid #ffd461;
}
[class^="area_"] h3:after {
	content:"";
	position:absolute;
	top:100%;
	left:0;
	width:2em;
	height:2px;
	background:#fe8a35;
}

/* 顧客カード */
.page15 .tab_style_01 .active:after,
.page14 .tab_style_01 .active:after,
.page13 .tab_style_01 .active:after,
.page07 .tab_style_01 .active:after,
.page06 .tab_style_01 .active:after,
.page05 .tab_style_01 .active:after,
.page03 .tab_style_01 .active:after {
    top:calc(100% + 1px);
    width:100%;
    height:0.4rem;
    background-color:#fff3e1;
}
.page15 .tab_style_01 dd,
.page14 .tab_style_01 dd,
.page13 .tab_style_01 dd,
.page07 .tab_style_01 dd,
.page06 .tab_style_01 dd,
.page05 .tab_style_01 dd,
.page03 .tab_style_01 dd {
    padding:0;
    background-size:cover;
    box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.3);
    border-radius:0;
    border-top:1px solid #ff8a00;
}
/* 顧客カード（Main）*/
.box_btn_customerinfotop {
	position:absolute;
	top:0;
	right:0;
}
.customerinfo_main {
    display:flex;
    align-items: stretch;
    -ms-align-items: stretch;
    justify-content: space-between;
    -ms-justify-content: space-between;
    width: 100%;
    background:url("../images/bg_customerDetail02.png") left center no-repeat #fff3e2;
    padding:1rem 1.6rem;
}
.customerinfo_main_01 {
    width:48%;
    display:flex;
    align-self: flex-start;
    justify-content: space-between;
	-ms-justify-content: space-between;
    align-items:flex-start;
	-ms-align-items:flex-start;
    padding:0 1rem 0 0;
}
.customerinfo_main_02 {
    width:52%;
    display:flex;
    align-items: flex-start;
    -ms-align-items: flex-start;
    flex-direction:column;
    -ms-flex-direction:column;
    padding:0 0 0 1rem;
    border-left:1px dotted #ff8a00;
}
.customerinfo_main_01_01 figure {
    width:7rem;
    height:7rem;
    border-radius: 50%;
    overflow: hidden;
    background: #d4eef5;
    border: 1px solid #38a4c1;
}
.customerinfo_main_01_01_02 {
	display:flex;
	justify-content:space-around;
	-ms-justify-content:space-around;
    margin:0.5rem 0 0;
}
.customerinfo_main_01_02_02_02_02,
.customerinfo_main_01_02_02_02_01 {
    width:2.5em;
    height:1.5em;
    line-height:1.5em;
    background:#ff8a00;
    border-radius:3px;
    text-align:center;
    color:#fff;
    font-size:1.25rem;
    letter-spacing:0.03em;
    margin:0.4rem auto 0;
}
.customerinfo_main_01_02_02_02_02 {
    /*width:1.8em;*/
}
.customerinfo_main_01_02_02_02_01.type01 {
    background:#38a4c1;
}
.customerinfo_main_01_02_02_02_01.type02 {
    background:#e0345c;
}
.customerinfo_main_01_02_02_02_01.type03 {
    width:2.5em;
    background:#717171;
    font-weight: 200;
}
.customerinfo_main_01_02_01 {
    display:flex;
    width:100%;
    margin:0 0 0.5rem;
    color:#717171;
    font-size:1.8rem;
    font-weight:400;
}
.customerinfo_main_01_02 {
    width:calc(100% - 8.5rem);
}
.customerinfo_main_01_02_02 {
    width:100%;
    display:flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    align-items:flex-start;
	-ms-align-items:flex-start;
	flex-direction: column;
	-ms-flex-direction: column;
}
.customerinfo_main_01_02_02_01 {
    width:100%;
}
.customerinfo_main_01_02_02_03{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0.9rem 0 0;
}
.customerinfo_main_01_02_02_01_01 {
    color:#717171;
    font-size:1.3rem;
    line-height:1.2em;
    margin:0 0 0.3rem;
}
.customerinfo_main_01_02_02_01_02 {
    color:#717171;
    font-size:1.8rem;
    line-height:1.2em;
}
.customerinfo_main_01_02_02_03_01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	min-width: 33%;
	margin: 0 auto 0 0;
	padding: 0 0.8rem 0 0;
    color: #717171;
    font-size: 1.4rem;
    line-height: 1.2em;
}
.customerinfo_main_01_02_02_03_01:last-of-type {
	padding:0;
}
.customerinfo_main_01_02_02_03_01.tooltip_01:hover:before {
	right:80%;
}
.customerinfo_main_01_02_02_03_01.tooltip_01:hover:after {
	right:80%;
}
.customerinfo_main_01_02_02_03_01 .text_ellipsis {
    width:100%;
}
.customerinfo_main_01_02_02_03_01 label {
    display:inline-block;
	margin:0 0 0.2rem;
	padding:0 0.4rem;
    background:#717171;
	border-radius: 3px;
    text-align:center;
    color:#fff;
    font-size:1.3rem;
    letter-spacing:0.03em;
    font-weight:100;
}
.customerinfo_main_02_02,
.customerinfo_main_02_01 {
    width:100%;
    display:flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}
.customerinfo_main_02_01_03,
.customerinfo_main_02_01_02,
.customerinfo_main_02_01_01 {
    width:33%;
	color:#717171;
	font-size: 1.3rem;
}
.customerinfo_main_02_01_03 label,
.customerinfo_main_02_01_02 label,
.customerinfo_main_02_01_01 label {
	font-size: 1.3rem;
}
.customerinfo_main_02_01_03 .select_wrapper,
.customerinfo_main_02_01_02 .select_wrapper,
.customerinfo_main_02_01_01 .select_wrapper {
    width:calc(100% - 3.8rem);
}
.customerinfo_main_02_01_03 .select_wrapper select,
.customerinfo_main_02_01_02 .select_wrapper select,
.customerinfo_main_02_01_01 .select_wrapper select {
    font-size:1.2rem;
}
[class^="customerinfo_main_02_02_0"] {
    margin:0.8rem auto 0 0;
    color:#717171;
    font-size:1.3rem;
    word-break:break-all;
}
[class^="customerinfo_main_02_02_0"] label {
    display: inline-block;
    width:4.5em;
    margin: 0 0.3em 0 0;
    background:#fff;
    border:1px solid #717171;
    color:#555;
    border-radius: 4px;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
}
.customerinfo_sub_02_set03 {
    position:relative;
    display:flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    width:100%;
    margin:0.8rem 0 0;
    padding:0.8rem 0.6rem;
    border:1px solid #e0345c;
    border-radius:4px;
    color: #717171;
    font-size:1.4rem;
}
.customerinfo_sub_02_set03 > label {
    position:absolute;
    top:0;
    left:0;
    padding:0.1rem 0.3em 0.2rem;
    background: #e0345c;
    border-radius:0 0 4px 0;
    color:#fff;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    font-weight: 200;
}
.customerinfo_sub_02_set03 .customerinfo_sub_02_set02:first-of-type {
	margin-left:6rem;
}
.customerinfo_sub_02_set03 .customerinfo_sub_02_set02 label {
    width: auto;
    padding: 0 0.3em;
}
.customerinfo_sub_02_set03 .customerinfo_sub_02_set03_01 {
    display:flex;
    width:100%;
    margin:0;
    padding: 0.1rem 0.3em;
    border: 1px solid #717171;
    border-radius:4px;
    font-size: 1.2rem;
    color:inherit;
}
.customerinfo_sub_02_set03 .customerinfo_sub_02_set03_01 * {
	font-size: inherit;
}
/* 顧客カード（Sub）*/
.customerinfo_sub {
    display:flex;
    align-items:stretch;
    -ms-align-items:stretch;
    justify-content: space-between;
    -ms-justify-content: space-between;
    width: 100%;
    padding:1.5rem;
    background:#fff;
    border-top:2px dotted #ffaa00;
}
.customerinfo_sub .text_ellipsis {
    width:auto;
}
.customerinfo_sub_02,
.customerinfo_sub_01 {
    width:52%;
    display:flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: stretch;
    -ms-align-items: stretch;
    align-content: flex-start;
    -ms-align-content: flex-start;
    padding:0 0 0 1rem;
}
.customerinfo_sub_01 {
    width:48%;
    border-right:1px dotted #999;
    padding:0 1rem 0 0;
}
.customerinfo_sub_01_01 {
    width:50%;
}
.customerinfo_sub_01_02 {
    width:49%;
}
.customerinfo_sub_01_set01_address,
.customerinfo_sub_01_set01 {
    position:relative;
    width:100%;
    min-height:2rem;
    padding:0.2rem 0 0 6rem;
    margin:0 0 0.8rem;
    color:#717171;
    font-size:1.2rem;
    word-break:break-all;
    letter-spacing: 0.03em;
    line-height:1.2em;
}
.customerinfo_sub_01_set01:last-of-type {
    margin:0;
}
.customerinfo_sub_01_set01_address {
    padding: 0.2rem 0 0;
    margin:0;
}
.customerinfo_sub_01_set01_address label,
.customerinfo_sub_01_set01 label {
    position:absolute;
    top:0;
    left:0;
    display: inline-block;
    width: 4.5em;
    margin: 0 0.5rem 0 0;
    background: #fff;
    border:1px solid #717171;
    border-radius: 4px;
    text-align: center;
    color: #555;
    font-size: 1.2rem;
}
.customerinfo_sub_01_set01_address label {
    position: static;
}
.customerinfo_sub_01_set01_family {
    position:relative;
    padding: 0 0 0 2rem;
    margin:-0.4rem 0 0.5rem;
    display:block;
    text-align: right;
}
.customerinfo_sub_01_set01_family:last-of-type {
    margin:-0.2rem 0 0;
}
.customerinfo_sub_01_set01_family .relation_icon {
    position: absolute;
    top: 0.2rem;
    left: 0;
    display:inline-block;
    width:1.5em;
    height:1.5em;
    line-height:1.5em;
    border-radius:50%;
    background:#717171;
    color:#fff;
    font-size:1.2rem;
    text-align:center;
    font-weight:200;
}
.customerinfo_sub_01_set01_family .relation_name {
    display:inline-block;
    margin:0 0 0.3rem 0.5rem;
    color:#717171;
    font-size:1.2rem;
    word-break:break-all;
}
.customerinfo_sub_01_set01_family .relation_name .age {
    display:inline-block;
    width: 1.5em;
    height: 1.4em;
    line-height: 1.4em;
    border:1px solid #717171;
    text-align: center;
    color: #717171;
    font-size:1.2rem;
    letter-spacing: 0.03em;
    margin: 0 0 0 0.3rem;
}
.customerinfo_sub_02_set05,
.customerinfo_sub_02_set04,
.customerinfo_sub_02_set02,
.customerinfo_sub_02_set01 {
    width:50%;
    margin:0 auto 0.5rem 0;
    display:inline-flex;
    align-items:flex-start;
    -ms-align-items:flex-start;
    color:#717171;
    font-size:1.2rem;
}
.customerinfo_sub_02 .customerinfo_sub_02_set01 {
	position: relative;
    flex-wrap: wrap;
	padding: 0 0 0 7.2rem;
	min-height: 1.8rem;
}
.customerinfo_sub_02 .customerinfo_sub_02_set01:last-of-type,
.customerinfo_sub_02 .customerinfo_sub_02_set01:nth-last-child(2) {
	border:none;
}
.customerinfo_sub_02_set02 {
	width:auto;
}
.customerinfo_sub_02_set04 {
	width:100%;
	min-height: 1.8rem;
}
.customerinfo_sub_02_set05 {
	min-width:25%;
	width:32%;
    font-size:1.1rem;
}
.customerinfo_sub_02_set05:nth-of-type(3n) {
	width:31%;
}
.customerinfo_sub_02_set05:nth-of-type(3n + 2) {
	width:37%;
}
.customerinfo_sub_02_set05 > label,
.customerinfo_sub_02_set04 > label,
.customerinfo_sub_02_set02 > label,
.customerinfo_sub_02_set01 > label {
    display: inline-block;
    width: 6.5em;
    margin: 0 0.2rem 0 0;
    background: #fff;
    border: 1px solid #717171;
    border-radius: 4px;
    text-align: center;
    color: #555;
    font-size: 1.1rem;
}
.customerinfo_sub_02 .customerinfo_sub_02_set01 > label {
	position:absolute;
	top:0;
	left:0;
}
.customerinfo_sub_02_set05 span,
.customerinfo_sub_02_set04 span,
.customerinfo_sub_02 .customerinfo_sub_02_set01 > span {
	margin:0 0.2rem;
}
.customerinfo_sub_01_table01 {
	border:1px solid #aaa;
	table-layout:fixed;
}
.customerinfo_sub_01_table01 th,
.customerinfo_sub_01_table01 td {
	border-left:1px dotted #aaa;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	font-size:1.2rem;
	padding:0.1em;
	color:#555;
	height:2.8rem;
}
.customerinfo_sub_01_table01 td:first-child {
	width:20%;
}
.customerinfo_sub_01_table01 th {
	text-align:center !important;
	font-size:1.25rem;
	background: #ddd;
}
.customerinfo_sub_01_table01 th font {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	border-radius:50%;
	background:#fff;
	text-align:center;
	margin-right:0.3rem;
}
.customerinfo_sub_01_table01 .h_day,
.customerinfo_sub_01_table01 .h_name {
	color:#555;
	font-size:1.2rem;
	line-height:1.25em;
}
.customerinfo_sub_01_table01 .h_day span,
.customerinfo_sub_01_table01 .h_name span {
	margin-right:0.5rem;
}
.customerinfo_sub_01_table01 .h_day span:last-child,
.customerinfo_sub_01_table01 .h_name span:last-child {
	margin-right:0;
}
.customerinfo_sub_01_table01 .notinput {
	background-color:#f1f1f1;
}

/* モーダルウィンドウ */
.modalArea {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modalBg {
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.5);
}
.modalWrapper {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:auto;
	max-width: 80%;
	min-width: 50rem;
	height:auto;
	max-height:80%;
	min-height:25rem;
	display:flex;
	justify-content:center;
	-ms-justify-content:center;
	align-items:center;
	-ms-align-items:center;
	padding:1.5rem;
	background:#fff;
	border-radius:15px;
	box-shadow:0 0.2rem 1rem rgba(0,0,0,0.5);
	overflow:hidden;
}
.closeModal {
	cursor:pointer;
	position:absolute;
	top:1rem;
	right:1rem;
	width:2.2rem;
	height:2.2rem;
	padding:0.2rem;
	background:#ffaa00;
	border-radius: 50%;
	z-index: 10;
}
.closeTip {	
	cursor: pointer;	
	position: absolute;	
	top: 1rem;	
	right: 1rem;	
	width: 2.2rem;	
	height: 2.2rem;	
	padding: 0.2rem;	
	background: transparent;	
	border-radius: 50%;	
	z-index: 10;	
}
.modalContents {
	display:flex;
	-ms-display:flex;
	flex-direction:column;
	-ms-flex-direction:column;
	justify-content:center;
	-ms-justify-content:center;
}

.modalArea_01 .modalWrapper,
.modalArea_02 .modalWrapper {
    margin: 0 auto;
    padding:0;
    border-radius: 8px;
}
.modalArea_01 .closeModal,
.modalArea_02 .closeModal {
    top: 0.8rem;
    right: 0.8rem;
    width: 2.8rem;
    height: 2.8rem;
    background: transparent;
}
.modalArea_01 .modalContents,
.modalArea_02 .modalContents {
    height:100%;
    width:100%;
    min-width:100%;
}
.modalArea_01 h4,
.modalArea_02 h4 {
    width:100%;
    background: #38a4c1;
    padding: 0.4em 0;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.03em;
}

/* ポップアップ */
.tipwrap,
.popupwrap {
	position:relative;
	display:inline-block;
}
.tipArea,
.popupArea {
	position:absolute;
	top:calc(100% + 1.5rem);
	left:0;
	width:auto;
	background:rgba(0,0,0,0.5);
	border-radius:1rem;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1.5rem);
	z-index:100;
}
.tipArea {
	top:calc(100% + 0.5rem);
	left:0;
	background:#fff;
    border:1px solid #999;
	border-radius:5px;
	transform: none;
}
.tipArea.opened,
.popupArea.opened {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform:translateY(1.5rem) scale(1.2);
}
.tipArea.opened {
	transform:translateY(1rem);
}
.popupArea:after {
	content:"";
	position:absolute;
	bottom:100%;
	left:50%;
	transform:translate(50%, 0);
	display:block;
	width:0;
	height:0;
	border:1rem solid transparent;
	border-bottom:1.2rem solid rgba(0,0,0,0.5);
}
.tipArea .tip_inner,
.popupArea .popup_inner {
	padding:1rem;
}
.tipArea .tip_inner div,
.tipArea .tipArea .tip_inner p {
	font-size:1.4rem;
}
.popupArea.address_h {
	left:-40rem;
	width:80rem;
}
.popupArea .table_type_02 {
	width:100%;
	margin:0;
}
.popupArea .table_type_02 th label,
.popupArea .table_type_01 th label {
	color:#fff;
}
.popupArea .table_type_02 tr {
	border:none;
}

/* tooltip */
.text_ellipsis {
	width: 100%;
    display:inline-block;
    font-size:inherit;
    color:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    font-weight:inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tooltip_01,
.tooltip {
    overflow:visible;
}
.tooltip_01:hover,
.tooltip:hover {
	position:relative;
	opacity:1 !important;
	z-index:100;
}
.tooltip_01:hover:before,
.tooltip:hover:before {
	content:attr(data-tooltip);
	position:absolute;
	bottom:2.5rem;
	right:-1rem;
	display:inline-flex;
	justify-content:center;
	background:#555;
	color:#fff;
	font-size:1.4rem;
	font-weight:200;
	white-space:nowrap;
	letter-spacing:0.03em;
	padding:0.3rem 0.5rem;
}
.customerinfo_main .tooltip_01:hover:before,
.customerinfo_main .tooltip:hover:before {
	white-space:pre-wrap;
	max-width:60rem;
	min-width:100%;
}
.tooltip_01:hover:before {
	right:50%;
	background:#fff;
	border:1px solid #bbb;
	box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.15);
	transform:translate(50%, 0);
	color:#333;
	font-size:1.4rem;
	padding:0.3rem 0.5rem;
}
.tooltip:hover:after {
	content:"";
	position:absolute;
	bottom:1.4rem;
	left:0.3rem;
	display:block;
	width:0;
	height:0;
	border:0.5rem solid transparent;
	border-top:0.6rem solid #555;
}
.tooltip_01:hover:after {
	content:"";
	position:absolute;
	bottom:1.7rem;
	right:50%;
	display:block;
	width:1rem;
	height:1rem;
	background:url("../images/ico_fukidashi_01.png") center center no-repeat;
	background-size:auto 100%;
	transform:translate(50%, 0);
}

/* カレンダー（datepicker）*/
input[type="text"].datepicker {
    max-width:13rem;
}
input[type="text"].dp_style_01 {
	max-width: 13rem;
	padding: 0.2rem 0.3rem 0.2rem 2.6rem;
	background:url("../images/ico_calendar_03.png") no-repeat;
	background-position: left 0.4rem center;
	background-size:auto 75%;
}
input[type="text"].dp_style_04,
input[type="text"].dp_style_03,
input[type="text"].dp_style_02 {
	max-width: 13rem;
	padding: 0.2rem 0.3rem 0.2rem 2.7rem;
	background:url("../images/ico_calendar_04.png") no-repeat #fff;
	background-position: left 0.2rem center;
    background-size: auto 86%;
}
input[type="text"].dp_style_03 {
	background-image:url("../images/ico_calendar_05.png");
}
input[type="text"].dp_style_04 {
	background-image:url("../images/ico_calendar_06.png");
}
.ui-datepicker {
    padding:0 !important;
    border-radius:0.8rem !important;
    border:1px solid #ccc !important;
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.3) !important;
    font-size: 1.2rem !important;
    width: 20rem !important;
	overflow:hidden;
	z-index: 1001;
}
.ui-datepicker .ui-widget-header {
    background:#ffaa00 !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 0 0.1em !important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background:none !important;
    border:none !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 0.7rem !important;
}
.ui-datepicker .ui-datepicker-prev span.ui-icon  {
    background: url("../images/ico_arrow_datepicker_prev.png") center top no-repeat !important;
    background-size: auto 100% !important;
}
.ui-datepicker .ui-datepicker-next span.ui-icon {
    background: url("../images/ico_arrow_datepicker_next.png") center top no-repeat !important;
    background-size: auto 100% !important;
}
.ui-datepicker .ui-datepicker-title {
	color:#fff !important;
	font-size:1.6rem !important;
    font-weight: 400 !important;
}
.ui-datepicker .ui-datepicker-calendar thead {
    border-bottom:none !important;
}
.ui-datepicker table.ui-datepicker-calendar {
    font-size:1.2rem !important;
    width:calc(100% - 0.4em) !important;
    margin:0 0.2em 0.3em !important;
}
.ui-datepicker .ui-datepicker-calendar th {
    background:none !important;
    color: #717171 !important;
    font-weight: 400 !important;
    padding:0.5em 0.1em 0.2em !important;
    font-size: 1.3rem !important;
}
.ui-datepicker .ui-datepicker-calendar td {
    padding:0 0.1em !important;
    font-size: 1.3rem !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    margin:0 auto;
    width:1.8em;
    height:1.8em;
    border-radius:50%;
    text-decoration: none;
    text-align: center !important;
    border:none !important;
}
.ui-widget-content {
    background:#fff !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border:none !important;
    background: transparent !important;
    color: #333 !important;
}
.ui-widget-content .ui-state-active {
	background: #38a4c1 !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border:none !important;
    background:#ffaa00 !important;
    color:#fff !important;
}

/* 保存注意 */
.caution_style_02 {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-block;
    width: 28rem;
    padding: 0.6rem 0.6rem 0.6rem 4rem;
    border: 1px solid #e0345c;
    background: url("../images/ico_caution_01.png") no-repeat #fff;
    background-position: left 0.8rem center;
    background-size: auto 55%;
    color: #666;
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.3em;
}

/* メモ枠デザイン */
.memo_area .memoset,
.memoset003,
.memoset002 {
    display:flex;
    flex-direction:column;
    border-radius:0.4rem;
    border:1px solid #38a4c1;
    margin:1.5rem 0 0;
}
.memo_area .memoset:first-child,
.memo_area .memoset003:first-child,
.memo_area .memoset002:first-child {
    margin:0;
}
.memo_area_003 .memoset,
.memoset003 {
    border:1px solid #ffaa00;
}
.memo_area .memoset .memoset_box_ttl,
.memoset003 .memoset003_box_ttl,
.memoset002 .memoset002_box_ttl {
    display:flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    width:100%;
    background:#d5eef5;
    border-bottom:1px solid #38a4c1;
    padding:0.4rem 1rem;
    border-radius:0.4rem 0.4rem 0 0;
}
.memo_area_003 .memoset .memoset_box_ttl,
.memoset003 .memoset003_box_ttl {
    border-bottom:1px solid #ffaa00;
    background:#fff8ee;
}
.memo_area .memoset .memoset_box_ttl .memoset_ttl_wrap,
.memoset003 .memoset003_box_ttl .memoset003_ttl_wrap,
.memoset002 .memoset002_box_ttl .memoset002_ttl_wrap {
    display:flex;
    width:calc(100% - 12rem);
}
.memo_area .memoset .memoset_box_ttl .memoset_ttl_wrap label,
.memoset003 .memoset003_box_ttl .memoset003_ttl_wrap label,
.memoset002 .memoset002_box_ttl .memoset002_ttl_wrap label {
    width:3.5rem;
    font-size:1.4rem;
}
.memo_area .memoset .memoset_box_ttl .memoset_ttl_wrap input,
.memoset003 .memoset003_box_ttl .memoset003_ttl_wrap input,
.memoset002 .memoset002_box_ttl .memoset002_ttl_wrap input {
    width:calc(100% - 3.5rem);
    border: 1px solid #ddd;
}
.memo_area .memoset .memoset_box_ttl .memoset_btn_wrap,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap {
    display: flex;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
}
.memo_area .memoset .memoset_box_ttl .memoset_btn_wrap button,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap button {
    width: 2.6rem;
    height: 2rem;
	padding:0;
	margin:0 0 0 0.3rem;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    box-shadow:none;
	color:#38a4c1;
	font-size:1.5rem;
}
.memo_area_002 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_01,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap button.btn_memoset002_01 {
    background-image:url("../images/ico_mail_06.png");
}
.memo_area_002 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_02,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap button.btn_memoset002_02 {
    background-image:url("../images/ico_save_01.png");
}
.memo_area_002 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_03,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap button.btn_memoset002_03 {
    background-image:url("../images/ico_del_01.png");
}
.memo_area .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_04,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button.btn_memoset003_04,
.memoset002 .memoset002_box_ttl .memoset002_btn_wrap button.btn_memoset002_04 {
	background:none;
	margin: 0 0 0 auto;
	transform: scale(1.2,1);
}
.memo_area_003 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_04,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button.btn_memoset003_04 {
	color:#ffaa00;
}
.memo_area_003 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_01,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button.btn_memoset003_01 {
    background-image:url("../images/ico_mail_07.png");
}
.memo_area_003 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_02,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button.btn_memoset003_02 {
    background-image:url("../images/ico_save_02.png");
}
.memo_area_003 .memoset .memoset_box_ttl .memoset_btn_wrap button.btn_memoset_03,
.memoset003 .memoset003_box_ttl .memoset003_btn_wrap button.btn_memoset003_03 {
    background-image:url("../images/ico_del_03.png");
}
.memo_area .memoset .memoset_box_body,
.memoset003 .memoset003_box_body,
.memoset002 .memoset002_box_body {
    display: flex;
    flex-direction:column;
    -ms-flex-direction:column;
    width:100%;
    padding:0.5rem;
}
.memo_area_003 .memoset .memoset_box_body textarea,
.memoset003 .memoset003_box_body textarea {
    border:1px solid rgba(255,170,0,0.5);
}
.memo_area_002 .memoset .memoset_box_body textarea,
.memoset002 .memoset002_box_body textarea {
    border:1px solid rgba(56,164,193,0.5);
}
.memo_area .memoset .memoset_box_body .memoset_box_body_name,
.memoset003 .memoset003_box_body .memoset003_box_body_name,
.memoset003 .memoset003_box_body .memoset002_box_body_name,
.memoset002 .memoset002_box_body .memoset002_box_body_name {
    display: flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    width: 100%;
    margin: 0.5rem auto 0;
    color: #717171;
    font-size: 1.3rem;
}
.memo_area .memoset .memoset_box_body .memoset_box_body_name span,
.memoset003 .memoset003_box_body .memoset003_box_body_name span,
.memoset003 .memoset003_box_body .memoset002_box_body_name span,
.memoset002 .memoset002_box_body .memoset002_box_body_name span{
    margin:0 0.5rem;
    letter-spacing: 0;
}
.btn_style_memoplus003,
.btn_style_memoplus002 {
    position: relative;
    font-size: 1.4rem;
    background: transparent;
    box-shadow: none;
    padding: 0;
    font-weight: 500;
}
.btn_style_memoplus003:before,
.btn_style_memoplus002:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.5rem 0 0;
    border-radius: 50%;
    border: 1px solid #38a4c1;
    background: url("../images/ico_plus_04.png") center center no-repeat;
    background-size: contain;
}
.btn_style_memoplus003:before {
    border: 1px solid #ffaa00;
    background-image: url("../images/ico_plus_03.png");
}

/* 文字数カウント */
.textCountwrap {
	position:relative;
}
.textCountwrap .countwrap {
	display:none;
	position:absolute;
	bottom:calc(100% - 3px);
	left:5px;
	background:#555;
	padding:0.1em 0 0;
	color:#fff;
	font-size:1.2rem;
	border-radius:0.5em 0.5em 0 0;
}
.textCountwrap .countwrap .all,
.textCountwrap .countwrap .count {
	padding:0 0.5em;
	font-size:1.2rem;
	line-height:1.15em;
	font-weight:normal;
}
.transition_destination {
	cursor:pointer;
}
.tip_select_customer {
	cursor:pointer;
}
.tip_select_customer:hover {
	border-color:#ffaa00;
}
.tip_select_hospital {
	cursor:pointer;
}
.tip_select_hospital:hover {
	border-color:#ffaa00;
}
.ajax_loading {
	width: 30px;
	height: 3em;
	margin-left: 75px;
	background: url("../images/ajax-loader.gif") no-repeat;
}
@media all and (-ms-high-contrast: none){
	.textCountwrap .countwrap .count {
		line-height:0.8em !important;
	}
	.textCountwrap .countwrap .all {
		line-height:0.8em !important;
	}
}

/*2022.01.03追加*/
.page03 .area_02 .th_left{
    text-align: left;
}
.calendar .select_wrapper{
 margin-left: 3%;
}
.calendar .koma{
    margin-left: 20%;
}

/*2023.05追加(Top画面)*/
.area_02_1{
    margin: 0 0 1.5rem;
}
.page08 .area_02_1 .inner h4{
    background: #ffaa00;
}
.dash_parson{
    display: flex;
    align-items: flex-end;
}
.dash_parson li{
    flex: 1;
    padding-right: 10px;
}
.dash_parson li div span{
    font-size: 15px;
}

/*2022.05追加*/
.toggle_contents{
    display: block;
}
.toggle_title {
    position: relative;
    padding: 15px;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1.4;
}
.toggle_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #ff8a00;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toggle_btn:before {
    width: 2px;
    height: 10px;
}
.toggle_title.selected .toggle_btn:before {
    content: normal;
}
.toggle_contents dd {
    display: none;
}
.toggle_contents:first-of-type dd {
    display: block;
}

/*2023.05モーダル(顧客詳細画面・担当者変更モーダル)*/
.modal_pull{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}
.modal_pull_select{
	width: 50%;
	padding: 1%;
  color: #717171;
	font-size: 1.3rem;
}
.modal_rireki thead,.modal_rireki tbody{
	display: block;
	width: 100%;
}
.modal_rireki tbody{
	overflow-x: hidden;
  overflow-y: scroll;
  height: 150px;
}
.modal_rireki th,.modal_rireki td{
	font-size: 1rem;
	text-align: center;
	width: 110px;
}
.modal_rireki td{
	empty-cells:show;
}