@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	word-break: break-all;
	font-size: calc((100vw / 320) * 14);
	line-height: 1.85;
	color: #111;
	background: #fff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (orientation:landscape){
	/* Portraitモード（縦向き）用 */
	body:before{
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
    background-image: url(../img/common_img/main-image.png);
		background-size:cover;
	}
}

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin: 0;
	padding: 0;
	font-feature-settings: "pkna";
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.5;
}

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

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

th {
	text-align: left;
	font-weight: normal;
}

/* ▼LINK▼ */
a {
	color: #ea64ae;
	text-decoration: none;
	outline: none;
}

a:active { opacity:0.75; }

/* ▼IMG▼ */
img, input[type="image"]{
	max-width: 100%;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	border: 0;
}

.img_frame {
	position: relative;
	overflow: hidden;
}

.img_frame img {
	position: absolute;
	width: auto;
	height: auto;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	object-fit: cover;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ▼BR▼ */
@media screen and (min-width: 480px){

	.landscape { display:block; }
	.portrait { display:none; }

}

@media screen and (max-width: 479px){

	.landscape { display:none; }
	.portrait { display:block; }

}

/*
HEADER
***************************************************************************/
header {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 44);
	padding: calc((100vw / 320) * 2) 0;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	z-index: 101;
}

header .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	line-height: calc((100vw / 320) * 44);
	color: #020101;
	z-index: 101;
}

.gnavi_close {
	width: 100%;
	height: calc((100vw / 320) * 44);
	background: rgba(255, 255, 255, 0.2);
}

header .btn_gnavi, .gnavi_close span {
	display: block;
	position: absolute;
	top: calc((100vw / 320) * 1);
	right: 0;
	width: calc((100vw / 320) * 40);
	text-align: center;
	font-size: calc((100vw / 320) * 24);
	line-height: calc((100vw / 320) * 40);
  z-index: 102;
  /* background: #fff; */
}

.home-link {
  position: fixed;
	width: 30%;
	height: calc((100vw / 320) * 44);
	top: 0;
	left: 0;
	z-index: 99999;
	background: transparent;
}

header .proxy-login-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((100vw / 320) * 44);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc((100vw / 320) * 14);
  color: #fff;
  background: rgba(184,28,34,0.85);
  z-index: 200;
  pointer-events: none;
}

/*
GNAVI
***************************************************************************/
#gnavi {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: -50%;
	width: 50%;
	height: 100%;
	overflow: auto;
	z-index: 1001;
}

#gnavi ul {
  background: rgba(0,0,0,0.9);
}

#gnavi li {
	font-size: calc((100vw / 320) * 11);
	color: #ededed;
	border-bottom: solid 1px #444;
}

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

#gnavi li a {
	display: block;
	padding: calc((100vw / 320) * 10);
	color: #ededed;
}

#gnavi li[title="logout"] {
	padding: calc((100vw / 320) * 10) calc((100vw / 320) * 12);
}

/*
CONTENTS
***************************************************************************/
#contents {
	margin-top: calc((100vw / 320) * 44);
	/* padding-bottom: calc((100vw / 320) * 55); */
	padding-bottom: calc((100vw / 320) * 0);
}

.bar { 	border-left-style:solid; }

.bar.color1 { border-left-color:#f34133; }
.bar.color2 { border-left-color:#00a9be; }
.bar.color3 { border-left-color:#7db244; }
.bar.color4 { border-left-color:#c1ff36; }
.bar.color5 { border-left-color:#ff9902; }

/*
TOP
***************************************************************************/
#contents.top_sec .fadeIn {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

#contents.top_sec .fadeIn.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

#contents.top_sec .contents-container {
	margin-top: 50px;
}

#contents.top_sec .contents-container .swiper-slide {
	object-fit: cover;
}

#contents.top_sec .swiper-container {
	height: calc((100vw / 320) * 182);
}
#contents.top_sec .swiper-container video{
  width: 100%;
}

#contents.top_sec {
	padding-bottom: 0;
	overflow-x: hidden;
}

/* ▼SLIDE▼ */
#topimg .bx-wrapper {
	position: relative;
}

#topimg .bx-wrapper .bx-controls-direction a {
	display: block;
	position: absolute;
	top: 50%;
	width: calc((100vw / 320) * 20);
	height: calc((100vw / 320) * 20);
	margin-top: calc((100vw / 320) * -10);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
}

#topimg .bx-wrapper .bx-prev {
	left: 0;
	background: url(../images/btn_prev.png) no-repeat;
	background-size: calc((100vw / 320) * 20);
}

#topimg .bx-wrapper .bx-next {
	right: 0;
	background: url(../images/btn_next.png) no-repeat;
	background-size: calc((100vw / 320) * 20);
}

#topimg .bx-pager {
	position: absolute;
	bottom: calc((100vw / 320) * 6);
	left: 0;
	width: 100%;
	text-align: center;
}

#topimg .bx-pager div {
	display: inline;
}

#topimg .bx-pager div a {
	display: inline-block;
	width: calc((100vw / 320) * 6);
	height: calc((100vw / 320) * 6);
	margin: 0 calc((100vw / 320) * 3);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #fff;
	border-radius: calc((100vw / 320) * 3);
}

#topimg .bx-pager div a.active {
	background: #b81c22;
}

#topimg .swiper-slide img {
  width: 100% !important;
  object-fit: contain;
}

.top_slide > li {
	position: relative;
}

.top_slide > li.cover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}

.top_slide .btn_play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc((100vw / 320) * 30);
	margin: calc((100vw / 320) * -15) 0 0 calc((100vw / 320) * -15);
	z-index: 10;
}

.top_slide .btn_detail {
	position: absolute;
	top: 0;
	right: 0;
	width: calc((100vw / 320) * 60);
	z-index: 10;
}

.top_slide .list {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: calc((100vw / 320) * -40);
	text-align: center;
	z-index: 10;
}

.top_slide .list li {
	display: inline-block;
	width: calc((100vw / 320) * 80);
	margin: 0 calc((100vw / 320) * -2) 0 calc((100vw / 320) * 2);
}

/* ▼NAVI▼ */
.tnavi_list {
	margin: calc((100vw / 320) * 2) calc((100vw / 320) * -1) 0;
}

.tnavi_list li {
	box-sizing: border-box;
	float: left;
	width: calc(100% / 3);
	margin-bottom: calc((100vw / 320) * 2);
	padding: 0 calc((100vw / 320) * 1);
}

.tnavi_list li img {
	width: 100%;
	height: 110px;
	object-fit: cover;
  	object-position: top; 
}

/*
MONEY COMMON PARTS (SIMULATOR, PROPERTY RETURN etc)
***************************************************************************/
.money_tbl th, .money_tbl td {
	padding: calc((100vw / 320) * 6) calc((100vw / 320) * 8);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 12.5);
	line-height: 1.6;
	border-bottom: solid 1px #fff;
}

.money_tbl th {
	text-align: center;
	color: #fff;
	border-right: solid 1px #fff;
}

.money_tbl td {
	text-align: right;
}

.money_tbl.gray th { background:#333; }
.money_tbl.gray td { color:#fff; background:#999; }

.money_tbl.dgray th { background:#333; }
.money_tbl.dgray td { color:#fff; background:#666; }

.money_tbl.green th { background:#205b5c; }
.money_tbl.green td { background:#bbcbcb; }

.money_tbl.blue th { background:#2a6394; }
.money_tbl.blue td { background:#b9cedf; }

.money_tbl.yellow th { background:#c49c2d; }
.money_tbl.yellow td { background:#e7d39a; }

.money_stbl th, .money_stbl td {
	padding: calc((100vw / 320) * 6) calc((100vw / 320) * 8);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 11);
	line-height: 1.6;
	border-bottom: solid 1px #fff;
}

.money_stbl th.no_border, .money_stbl td.no_border { border:none!important; }

.money_stbl.type01 th, .money_stbl.type01 td { text-align:right; background:#eee; }

.money_stbl.type01 th {
	border-right: solid 1px #fff;
}

.money_stbl.type02 th {
	background: #ddd;
	border-right: solid 1px #fff;
}

.money_stbl.type02 td {
	text-align: right;
	background: #eee;
}

.money_tbl td span, .money_stbl td span {
	margin-left: calc((100vw / 320) * 5);
	font-size: calc((100vw / 320) * 11);
}

.money_tbl input[type="text"], .money_stbl input[type="text"],
.money_tbl input[type="number"], .money_stbl input[type="number"],
.money_tbl input[type="tel"], .money_stbl input[type="tel"] {
	width: calc((100vw / 320) * 100);
	vertical-align: calc((100vw / 320) * 1);
	color: #111;
	text-align: right;
}

.money_stbl th input[type="text"],
.money_stbl th input[type="number"],
.money_stbl th input[type="tel"] {
	text-align: left;
}

.money_stbl .sbtn {
	display: inline-block;
	width: calc((100vw / 320) * 80);
	padding: calc((100vw / 320) * 4) 0 calc((100vw / 320) * 3);
	text-align: center;
	font-size: calc((100vw / 320) * 10);
	color: #fff;
	border-radius: calc((100vw / 320) * 3);
}

.money_stbl .sbtn.red { background:#b81c22; }

/*
LOGIN
***************************************************************************/
.login_sec {
	padding-bottom: calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 12);
	background: url(../img/common_img/login_bg.jpg) center top no-repeat;
	background-size: 100%;
}

.login_sec > .title {
	margin-bottom: calc((100vw / 320) * 20);
	text-align: center;
	font-size: calc((100vw / 320) * 16);
}

.login_sec > .title span {
	padding: calc((100vw / 320) * 4) 0 calc((100vw / 320) * 1) calc((100vw / 320) * 30);
	background: url(../img/common_img/icon_login.png) left center no-repeat;
	background-size: calc((100vw / 320) * 18);
}

/* ▼LOGIN▼ */
.login_sec .login {
	margin: 0 calc((100vw / 320) * 30) calc((100vw / 320) * 20);
}

.login_sec .login .input_box {
	margin-bottom: calc((100vw / 320) * 15);
	box-shadow: 0px 2px 5px -2px #686868;
}

.login_sec .login .input_box input {
	height: calc((100vw / 320) * 40);
	background: rgba(218,218,218,0.77);
	border: none;
}

.login_sec .login .input_box p:first-child input {
	border-bottom: solid 1px #bababa;
	border-radius: calc((100vw / 320) * 2) calc((100vw / 320) * 2) 0 0;
}

.login_sec .login .input_box p:last-child input {
	border-radius: 0 0 calc((100vw / 320) * 2) calc((100vw / 320) * 2);
}

.login_sec .login .chk_box {
	margin-bottom: calc((100vw / 320) * 12);
}

.login_sec .login .chk_box input[type="checkbox"]{
	margin-right: calc((100vw / 320) * 4);
	vertical-align:calc((100vw / 320) * -2);
}

.login_sec .btn {
	margin-bottom: calc((100vw / 320) * 15);
}

.login_sec .btn input[type="submit"] {
    -webkit-appearance: none;
	padding: calc((100vw / 320) * 16) 0 calc((100vw / 320) * 15);
}

.login_sec .link {
	text-align: center;
	font-size: calc((100vw / 320) * 11);
	color: #a92e2a;
}

.login_sec .link a {
	margin-left: calc((100vw / 320) * 4);
	color: #111;
	text-decoration: underline;
}

/* ▼REGIST▼ */
.login_sec .regist {
	margin: 0 calc((100vw / 320) * 15);
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 10);
	color: #e5e5e5;
	background: rgba(51,51,51,0.78);
	border-radius: calc((100vw / 320) * 2);
	box-shadow: 0px 2px 5px -2px #686868;
}

.login_sec .regist .title {
	margin-bottom: calc((100vw / 320) * 25);
	text-align: center;
	color: #fff;
	font-size: calc((100vw / 320) * 16);
}

.login_sec .regist .title span {
	padding: calc((100vw / 320) * 2) 0 0 calc((100vw / 320) * 32);
	background: url(../img/common_img/icon_member.png) left center no-repeat;
	background-size: calc((100vw / 320) * 22);
}

.login_sec .regist .input_box {
	margin-bottom: calc((100vw / 320) * 15);
}

.login_sec .regist .input_box input {
	height: calc((100vw / 320) * 40);
	border: none;
	border-radius: calc((100vw / 320) * 2);
}

.login_sec .regist a {
	font-weight: bold;
	color: #e5e5e5;
	text-decoration: underline;
}

.login input::-webkit-input-placeholder {
	color: #c0c0c0;
}
.login input:-ms-input-placeholder {
	color: #c0c0c0;
}
.login input::-moz-placeholder {
	color: #c0c0c0;
}

/* ▼PASS▼ */
.pass_sec {
	padding: calc((100vw / 320) * 60) calc((100vw / 320) * 30) calc((100vw / 320) * 200);
	font-size: calc((100vw / 320) * 12);
	background: url(../img/common_img/login_bg.jpg) center top no-repeat;
	background-size: 100%;
}

.pass_sec .title_box {
	margin-bottom: calc((100vw / 320) * 60);
	text-align: center;
}

.pass_sec .title {
	display: inline-block;
	padding-bottom: calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 16);
	border-bottom: solid calc((100vw / 320) * 2) #a92e2a;
}

.pass_sec .input_box {
	margin-bottom: calc((100vw / 320) * 30);
}

.pass_sec .input_box input {
	height: calc((100vw / 320) * 40);
	color: #ccc;
	background: rgba(102,102,102,0.9);
	border-radius: calc((100vw / 320) * 2);
}

.pass_sec .input_box input::-webkit-input-placeholder {
	color: #dddddd;
}

.pass_sec .input_box input:-ms-input-placeholder {
	color: #dddddd;
}

.pass_sec .input_box input::-moz-placeholder {
	color: #dddddd;
}

.pass_sec .input_box p:first-child input {
	border-bottom: solid 1px rgba(10,11,12,0.5);
	border-radius: calc((100vw / 320) * 2) calc((100vw / 320) * 2) 0 0;
}

.pass_sec .input_box p:last-child input {
	border-radius: 0 0 calc((100vw / 320) * 2) calc((100vw / 320) * 2);
}

.pass_sec input[type="submit"] {
    -webkit-appearance: none;
	padding: calc((100vw / 320) * 16) 0 calc((100vw / 320) * 14);
}

/*
PROPERTY
***************************************************************************/
/* ▼LINK▼ */
.property_link li {
	box-sizing: border-box;
	float: left;
}

.property_link.col2 li { width:calc(100% / 2); }
.property_link.col3 li { width:calc(100% / 3); }
.property_link.col4 li { width:calc(100% / 4); }
.property_link.col5 li { width:calc(100% / 5); }

.property_link li a {
	display: block;
	padding: calc((100vw / 320) * 10) 0 calc((100vw / 320) * 7);
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #999;
	border-bottom: solid calc((100vw / 320) * 3) #020101;
}

.property_link li.active a {
	color: #111;
	border-bottom: solid calc((100vw / 320) * 3) #b81c22;
}

/* ▼LIST▼ */
#contents.prop_list {
	padding-bottom: calc((100vw / 320) * 48);
}

.property_list .box {
	position: relative;
}

.property_list .box a {
	display: block;
	color: #fff;
}

.property_list .box .img {
	width: 100%;
	height: calc((100vw / 320) * 130);
}

.property_list .box .title {
	position: absolute;
	top: calc((100vw / 320) * 15);
	left: calc((100vw / 320) * 12);
	width: calc(100% - ((100vw / 320) * 24));
	font-size: calc((100vw / 320) * 12);
	line-height: 1.3;
	z-index: 10;
}

.property_list .box .title.bar {
	padding: calc((100vw / 320) * 1) 0 0 calc((100vw / 320) * 8);
	border-left-width: calc((100vw / 320) * 4);
}

.property_list .box .img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 160);
	background: url(../img/common_img/list_cover.png) center top no-repeat;
	background-size: 100%;
	z-index: 1;
}

.property_list .box ul {
	position: absolute;
	top: calc((100vw / 320) * 18);
	right: calc((100vw / 320) * 16);
	text-align: right;
	z-index: 11;
}

.property_list .box li {
	display: inline-block;
	width: calc((100vw / 320) * 32);
	margin-left: calc((100vw / 320) * 1);
}

.property_list .box .btn {
	position: absolute;
	top: calc((100vw / 320) * 10);
	right: calc((100vw / 320) * 10);
	width: calc((100vw / 320) * 40);
	height: calc((100vw / 320) * 122);
	background: #ccc url(../img/common_img/btn_menu.png) right center no-repeat;
	background-size: calc((100vw / 320) * 30);
	z-index: 10;
}

.property_list .btn-detail {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	z-index: 100;
}

/* ▼DETAIL▼ */
.property_detail .img {
	position: relative;
	margin-top: calc((100vw / 320) * 10);
}

.property_detail .img .title {
	position: absolute;
	top: calc((100vw / 320) * 15);
	left: calc((100vw / 320) * 12);
	width: calc(100% - ((100vw / 320) * 24));
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	line-height: 1.3;
	z-index: 10;
}

.property_detail .img .title.bar {
	padding: calc((100vw / 320) * 1) 0 0 calc((100vw / 320) * 8);
	border-left-width: calc((100vw / 320) * 4);
}

.property_detail .img .bx-wrapper {
	position: relative;
}

.property_detail .img .bx-wrapper .bx-controls-direction a {
	display: none
}

.property_detail .img .bx-pager {
	position: absolute;
	bottom: calc((100vw / 320) * 5);
	left: 0;
	width: 100%;
	text-align: center;
}

.property_detail .img .bx-pager div {
	display: inline;
}

.property_detail .img .bx-pager div a {
	display: inline-block;
	width: calc((100vw / 320) * 6);
	height: calc((100vw / 320) * 6);
	margin: 0 calc((100vw / 320) * 3);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #fff;
	border-radius: calc((100vw / 320) * 3);
}

.property_detail .img .bx-pager div a.active {
	background: #b81c22;
}

.property_detail .img li {
	position: relative;
}

/* .property_detail .img li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 160);
	background: url(../img/common_img/list_cover.png) center top no-repeat;
	background-size: 100%;
	z-index: 1;
} */

.property_detail .img.no_title li:after { display:none; }

.property_detail .txt {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 11);
	line-height: 1.65;
	border-bottom: solid 1px #ccc;
}

.property_detail .info {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
	border-bottom: solid 1px #ccc;
}

/* ▼SIMULATOR▼ */
.property_detail.simu .info:last-child {
	border-bottom: none;
}

.property_detail .slick-slide img {
  width: 100% !important; 
  height: 160px !important;
  min-height: calc((100vw / 320) * 160);
  object-fit: cover;
}

.property_detail .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 640px){
  .property_detail .slick-dots {
    bottom: calc((100vw / 320) * 10) !important;
  }
}

/*
SEND
***************************************************************************/
/* ▼LIST▼ */
.send_list {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
}

.send_list table th, .send_list table td {
	box-sizing: border-box;
	width: 20%;
	padding: calc((100vw / 320) * 3) calc((100vw / 320) * 2);
	vertical-align: middle;
	text-align: center;
	font-size: calc((100vw / 320) * 8);
	background: #f5f5f5;
	border: solid 1px #fff;
}

.send_list table th {
	padding: calc((100vw / 320) * 4) calc((100vw / 320) * 2);
	color: #fff;
	background: #333;
	border-bottom: solid 2px #fff;
}

.send_list table tr:nth-child(2n) td { background:#ddd; }

.send_list table td a {
	display: inline-block;
	width: calc((100vw / 320) * 44);
	vertical-align: calc((100vw / 320) * 1);
}

/* ▼DETAIL▼ */
.send_detail {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
}

.send_detail .type01 th, .send_detail .type01 td {
	box-sizing: border-box;
	width: 25%;
	padding: calc((100vw / 320) * 4) calc((100vw / 320) * 2);
	vertical-align: middle;
	text-align: center;
	font-size: calc((100vw / 320) * 10);
	background: #fafafa;
	border: solid 1px #fff;
}

.send_detail .type01 th {
	color: #e5e5e5;
	background: #333;
	border-bottom: solid 2px #fff;
}

.send_detail .type01 tr:nth-child(2n) td { background:#ddd; }

.send_detail .type02 th, .send_detail .type02 td {
	box-sizing: border-box;
	padding: calc((100vw / 320) * 4) calc((100vw / 320) * 6);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 10);
	background: #fafafa;
	border: solid 1px #fff;
}

.send_detail .type02 th { background:#ddd; }

/*
PORTFOLIO
***************************************************************************/
.port_sec .chart_container {
	position: relative;
}

.port_sec .donutchart {
	box-sizing: border-box;
	float: left;
	width: calc((100vw / 320) * 130) !important;
	height: auto !important;
	padding: 0 !important;
	margin-left: -10px;
	background-size: calc((100vw / 320) * 126) !important;
}

.port_sec {
	background: #fafafa;
	border-bottom: solid 1px #ccc;
}

.port_sec .list {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 10) calc((100vw / 320) * 25) calc((100vw / 320) * 15);
	background: url(../img/portfolio/bg.png) center bottom no-repeat;
	background-size: cover;
	min-height: calc((100vw / 320) * 200);
}

.port_sec .list .chart_container .title {
	position: absolute;
	display: table-cell;
	box-sizing: border-box;
	width: calc((100vw / 320) * 126);
	min-height: calc((100vw / 320) * 126);
	padding-top: calc((100vw / 320) * 46);
	margin-left: calc((100vw / 320) * -6);
	vertical-align: middle;
	text-align: center;
	font-size: calc((100vw / 320) * 16);
	font-family: 'Optima';
	letter-spacing: -0.04rem;
	/* background: url(../img/portfolio/circle.png) center center no-repeat; */
	background-size: calc((100vw / 320) * 126);
}

.android .port_sec .list .chart_container .title {
	font-size: calc((100vw / 320) * 20);
}

.port_sec .list .title.off {
	background: url(../img/portfolio/circle_off.png) center center no-repeat;
  background-size: calc((100vw / 320) * 126);
  font-size: calc((100vw / 320) * 16);
}

.port_sec .list .chart_container .title span {
	display: block;
	font-size: calc((100vw / 320) * 11);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  letter-spacing: 0.05em;
}

.port_sec .list .title.off span {
	line-height: 2;
  letter-spacing: 0;
  margin-top: calc((100vw / 320) * -20);
}

.port_sec .list ul {
	width: calc((100vw / 320) * 161);
	padding-left: calc((100vw / 320) * 11);
	vertical-align: top;
	max-height: calc((100vw / 320) * 140);
	overflow: scroll;
}

.port_sec .list ul {
	/* Chrome, Edge, Safari */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE, Edge（旧） */
}
.port_sec .list ul::-webkit-scrollbar {
	display: none;
}

.port_sec .list li {
	margin-bottom: calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 12);
	line-height: 1.3;
}

.port_sec .list li p {
	padding: calc((100vw / 320) * 1) 0 0 calc((100vw / 320) * 8);
	border-left-width: calc((100vw / 320) * 4);
}

.port_sec .list li a {
	margin-left: calc((100vw / 320) * 12);
	font-size: calc((100vw / 320) * 10);
	color: #2666ab;
}

.port_sec .list li a.property_name {
  color: #000 !important;
  font-size: calc((100vw / 320) * 12);
  margin-left: calc((100vw / 320) * 0);
}

.port_sec .list li a span {
	margin: 0 calc((100vw / 320) * 3);
	text-decoration: underline;
}

.txt-attention {
	font-size: 12px;
}

.port_sec .list li .balanth-month {
	color: #555;
	font-size: calc((100vw / 320) * 10);
	margin-top: calc((100vw / 320) * 4);
	margin-left: calc((100vw / 320) * 4);
}

/*
NEWS
***************************************************************************/
.news_sec .date {
	margin-bottom: calc((100vw / 320) * 10);
	text-align: right;
	font-size: calc((100vw / 320) * 10);
	color: #666;
}

.news_sec .date span {
	padding-left: calc((100vw / 320) * 12);
	background: url(../img/common_img/icon_time.png) left center no-repeat;
	background-size: calc((100vw / 320) * 8);
}

.news_sec .box.read {
	background: #f5f5f5;
}

/* ▼LIST▼ */
.news_list {
	padding: calc((100vw / 320) * 5) 0;
}

.news_list .box a {
	display: block;
	padding: calc((100vw / 320) * 10);
	color: #111;
	border-bottom: solid 1px #ccc;
}

.news_list .box:last-child a { padding-bottom:0; border-bottom:none; }

.news_list .img {
	float: left;
	width: calc((100vw / 320) * 125);
}

.news_list .content {
	float: right;
	width: calc((100vw / 320) * 160);
}

.news_list .title {
	margin-bottom: calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 12);
	line-height: 1.6;
}

.news_list .title span {
	display: block;
}

/* ▼DETAIL▼ */
.news_detail .title_box {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 12) 0;
}

.news_detail .content {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 12);
	font-size: calc((100vw / 320) * 12);
}

/*
ONLINE
***************************************************************************/
.online_sec .date {
	font-family: 'Optima';
	letter-spacing: -0.04rem;
}

.online_sec .cat li {
	display: inline-block;
	margin-left: calc((100vw / 320) * 2);
	padding: calc((100vw / 320) * 2) calc((100vw / 320) * 6);
	font-size: calc((100vw / 320) * 10);
	color: #fff;
}

.online_sec .cat li.pink { background:#b77786; }
.online_sec .cat li.green { background:#91bbb4; }

/* ▼INTRO▼ */
.online_intro li {
	position: relative;
	margin-top: calc((100vw / 320) * 1);
	font-size: calc((100vw / 320) * 12);
	line-height: 1.5;
}

.online_intro li a {
	display: block;
	color: #fff;
}

.online_intro li p {
	display: table;
	position: absolute;
	bottom: 0;
	width: 50%;
  height: calc((100vw / 320) * 110);
  font-size: calc((100vw / 320) * 12);
  background: rgba(17,17,17,0.7);
}
.online_intro li p.left {
  left: 0;
}

.online_intro li p.right {
  left: 50%;
}

.online_intro li span {
	display: table-cell;
	width: 100%;
	vertical-align: top;
  text-align: left;
  padding: 10px 10px 0 20px !important;
}

.online_intro li img {
  width: 100%;
  height: calc((100vw / 320) * 110);
	object-fit: cover;
}

/* ▼LIST▼ */
.online_list {
	padding: calc((100vw / 320) * 5) 0;
	font-size: calc((100vw / 320) * 12);
}

.online_list .box a {
	display: block;
	padding: calc((100vw / 320) * 10);
	color: #111;
	border-bottom: solid 1px #ccc;
}

.online_list .box:last-child a { padding-bottom:0; border-bottom:none; }

.online_list .img {
	position: relative;
	float: left;
	width: calc((100vw / 320) * 125);
}

.online_list .img.new:after {
	content: '';
	position: absolute;
	top: calc((100vw / 320) * 6);
	left: 0;
	width: calc((100vw / 320) * 50);
	height: calc((100vw / 320) * 15);
	background: url(../img/common_img/icon_new.png) no-repeat;
	background-size: calc((100vw / 320) * 50);
}

.online_list .content {
	float: right;
	width: calc((100vw / 320) * 160);
}

.online_list .date {
	float: left;
	width: 40%;
}

.online_list .cat {
	float: right;
	width: 55%;
	text-align: right;
}

.online_list .title {
	font-size: calc((100vw / 320) * 12);
	line-height: 1.6;
}

/* ▼DETAIL▼ */
.online_detail {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
}

.online_detail .date {
	display: inline-block;
	margin-right: calc((100vw / 320) * 5);
}

.online_detail .cat {
	display: inline-block;
}

.online_detail .title {
	margin-bottom: calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 18);
}

.online_detail .img {
	margin-bottom: calc((100vw / 320) * 20);
}

.online_detail .content p {
	margin-bottom: calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 12);
}

.online_detail .content h3 {
	margin-bottom: calc((100vw / 320) * 15);
	padding-bottom: calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 16);
	border-bottom: solid 1px #ccc;
}

.online_detail .content a {
	color: #0143cb;
}

/*
CONCIERGE
***************************************************************************/
#contents.concierge_sec {
	background: #fafafa;
}

#contents.concierge_sec.type1 { padding-bottom:calc((100vw / 320) * 48); }
#contents.concierge_sec.type2 { padding-bottom:calc((100vw / 320) * 176); }

.concierge_sec .box {
	padding: calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 12);
	border-bottom: solid 1px #ccc;
}

.concierge_sec .box a {
	color: #b81c22;
}

.concierge_sec .box.user {
	text-align: right;
	background: #fff;
}

.concierge_sec .box.noread {
	background: #e5e5e5;
}

.concierge_sec .box:first-child {
	margin-top: calc((100vw / 320) * 5);
}

.concierge_sec .box:last-child { border-bottom:none; }

.concierge_sec .box .master {
	margin: 0 calc((100vw / 320) * -5) calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 12);
	font-weight: bold;
	color: #999;
}

.concierge_sec .box .master img {
	width: calc((100vw / 320) * 45);
	margin-right: calc((100vw / 320) * 10);
	vertical-align: middle;
	border-radius: calc((100vw / 320) * 45);
}

.concierge_sec .box.user .master img { margin-left:calc((100vw / 320) * 10); }

.concierge_sec .box .img {
	width: calc((100vw / 320) * 220);
}

.concierge_sec .box .date {
	text-align: right;
	font-size: calc((100vw / 320) * 10);
	color: #666;
}

.concierge_sec .sbox {
	padding: calc((100vw / 320) * 15);
	color: #fff;
	background: #aaa;
	border-radius: calc((100vw / 320) * 5);
}

.concierge_sec .sbox .title {
	margin-bottom: calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 12);
}

.concierge_sec .input {
	position: fixed;
	box-sizing: border-box;
	/* bottom: calc((100vw / 320) * 48); */
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 48);
	padding: 0 calc((100vw / 320) * 2);
	background: #333;
	z-index: 101;
}

.concierge_sec .input .chat__form {
	display: table;
	width: 100%;
	height: calc((100vw / 320) * 48);
}

.concierge_sec .sbox li a {
	display: block;
	margin-bottom: calc((100vw / 320) * 6);
	padding: calc((100vw / 320) * 10) 0 calc((100vw / 320) * 9);
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	font-weight: bold;
	color: #fff;
	background: #b81c22;
	border-radius: calc((100vw / 320) * 4);
	box-shadow: 0px 2px 3px -2px #686868;
}

.concierge_sec .sbox li a:focus { color:#b81c22; background:#fff; }

.concierge_sec .box .noread_txt {
	position: relative;
	margin: calc((100vw / 320) * -5) calc((100vw / 320) * -15) calc((100vw / 320) * 10);
	text-align: center;
	font-size: calc((100vw / 320) * 10);
	color: #b81c22;
	line-height: calc((100vw / 320) * 24);
	overflow-x: hidden;
}

.concierge_sec .box .noread_txt:before {
	content: '';
	position: absolute;
	top: calc((100vw / 320) * 12);
	left: 0;
	width: 100%;
	height: 1px;
	background: #b81c22;
}

.concierge_sec .box .noread_txt span {
	display: inline-block;
	position: relative;
	padding: 0 calc((100vw / 320) * 8);
	background: #ffffff;
	z-index: 1;
}

.concierge_sec .choice {
	position: fixed;
	bottom: calc((100vw / 320) * 96);
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 80);
	background: #fff;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
	z-index: 101;
}

.concierge_sec .choice li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: calc((100vw / 320) * 80);
	padding-top: calc((100vw / 320) * 50);
	text-align: center;
	font-size: calc((100vw / 320) * 10);
	color: #666;
}

.concierge_sec .choice li.file {
	background: url(../img/common_img/icon_file.png) center calc((100vw / 320) * 15) no-repeat;
	background-size: calc((100vw / 320) * 30);
	border-right: solid 1px #ccc;
}

.concierge_sec .choice li.chat {
	background: url(../img/common_img/icon_chat.png) center calc((100vw / 320) * 15) no-repeat;
	background-size: calc((100vw / 320) * 30);
}

.concierge_sec .input {
	position: fixed;
	box-sizing: border-box;
	/* bottom: calc((100vw / 320) * 48); */
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 48);
	padding: 0 calc((100vw / 320) * 2);
	background: #333;
	z-index: 101;
}

.concierge_sec .input form {
	display: table;
	width: 100%;
	height: calc((100vw / 320) * 48);
}

.concierge_sec .input .icon {
	display: table-cell;
	width: calc((100vw / 320) * 30);
	vertical-align: middle;
}

.concierge_sec .input .txt {
	display: table-cell;
	box-sizing: border-box;
	width: calc((100vw / 320) * 260);
	padding: 0 calc((100vw / 320) * 4);
	vertical-align: middle;
}

.concierge_sec .input .txt input {
	height: calc((100vw / 320) * 30);
}

.concierge_sec .push_txt {
	display: none;
	box-sizing: border-box;
	position: fixed;
	bottom: calc((100vw / 320) * 48);
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 48);
	padding: 0 calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	line-height: calc((100vw / 320) * 48);
	background: rgba(184,28,34,0.75);
	z-index: 102;
}

.concierge_sec .sbox .title {
	margin-bottom: calc((100vw / 320) * 12);
	font-size: calc((100vw / 320) * 12);
}

.sbox li a {
	display: block;
	margin-bottom: calc((100vw / 320) * 6);
	padding: calc((100vw / 320) * 10) 0 calc((100vw / 320) * 9);
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	font-weight: bold;
	color: #fff;
	background: #b81c22;
	box-shadow: 0px 2px 5px -2px #686868;
}

.concierge_sec .sbox li a:focus { background:#b81c22; }

.concierge_sec table th {
	width: 25%;
}

img.chat__chumbnail {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.chat__main_content {
	overflow: scroll;
	word-break: break-all;
}

.chat__select_btn_selected {
	background: #9a9a9a !important;
}

.concierge_sec .information-event {
  text-align: left;
}

.concierge_sec .information-event table th {
	box-sizing: border-box;
	width: 20%;
	padding: calc((100vw / 320) * 3) calc((100vw / 320) * 2);
	vertical-align: middle;
	text-align: center;
	font-size: calc((100vw / 320) * 10);
	background: #f5f5f5;
	border: solid 1px #fff;
}

.concierge_sec .information-event .tbl01 td {
	background: #fafafa;
	border-left: solid 2px #fff;
}

/* Dropzone */
#chat__file_dropzone .dropzone {
	border-color: #b6690e;
	background: #fff;
	margin: 20px;
}
#chat__file_dropzone .dropzone .dz-message {
	font-size: 1rem;
	height: 30px;
}
#chat__file_dropzone .dropzone .dz-message:before,
#chat__file_dropzone .dropzone .dz-preview .dz-remove:before {
	content: none;
}
#chat__file_dropzone .dropzone .dz-preview {
	margin-top: 95px;
}
#chat__file_dropzone .dropzone .dz-preview .dz-image {
	border-radius: 0;
}

#chat__menu_close_btn {
	width: 100px;
	text-align: center;
	font-size: calc((100vw / 320) * 11);
	color: #b81c22;
	background: #fff;
	border: solid 2px #b81c22;
	border-radius: calc((100vw / 320) * 2);
	padding: 10px;
}
#chat__send_file_btn {
	width: 100px;
	text-align: center;
	font-size: calc((100vw / 320) * 11);
	color: #fff;
	background: #b81c22;
	border: solid 2px #b81c22;
	border-radius: calc((100vw / 320) * 2);
	padding: 10px;
}
.chat__slect_send_menu .dropzone .dz-message {
	color: #b81c22;
}
.chat__menu_area {
	display: table;
	background-color: #FFF;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	position: fixed;
	z-index:100;
	left: 1px;
	right: 0;
	box-sizing: border-box;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 58);
	font-size: calc((100vw / 320) * 12);
}
.chat__menu_area div.menu_btn {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
}
.chat__menu_area .menu_btn i {
	color: #b81c22;
}
.chat__menu_area div.menu_btn:first-child {
	border-right: 1px solid #cdcdcd;
}
.chat__menu_area div.menu_btn .fa, .far, .fas {
	font-size: 30px !important;
}
.chat__menu_area div.menu_btn p {
	font-size: 10px;
}
.concierge_sec .chat__answer_btn {
	cursor: pointer;
}

/*
OTHERS
***************************************************************************/
.others_sec {
	background: #e5e5e5;
}

.others_sec .btn_list {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10) calc((100vw / 320) * 10);
	background: #fff;
}

.others_sec .btn_list.ex {
	padding: calc((100vw / 320) * 20) calc((100vw / 320) * 10) calc((100vw / 320) * 10);
	background: #e5e5e5;
}

.others_sec .btn_list li {
	box-sizing: border-box;
	float: left;
	width: calc(100% / 3);
	margin-bottom: calc((100vw / 320) * 10);
	padding: 0 calc((100vw / 320) * 5);
}

/*
FAQ
***************************************************************************/
.faq_sec .search {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
	background: #e5e5e5;
}

.faq_sec .search .input {
	float: left;
	width: calc(100% - ((100vw / 320) * 70));
}

.faq_sec .search .input input {
	height: calc((100vw / 320) * 34);
	border: none;
}

.faq_sec .search .btn {
	float: right;
	width: calc((100vw / 320) * 66);
}

.faq_sec .search .btn {
	background: #020101;
	border-radius: 3px;
}

.faq_sec .search .btn:focus {
	outline: none;
	background: #454545;
	border-radius: 3px;
}

.faq_sec .set {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10) calc((100vw / 320) * 20);
	border-bottom: solid 1px #ccc;
}

.faq_sec .set:last-child { border-bottom:none; }

.faq_sec .box {
	margin-bottom: calc((100vw / 320) * 20);
}

.faq_sec .box:last-child { margin-bottom:0; }

.faq_sec .box .title {
	position: relative;
	padding: calc((100vw / 320) * 12) calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 12);
	font-weight: normal;
	color: #333;
	background: #fff;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

.faq_sec .box .title:after {
	content: '';
	position: absolute;
	top: calc((100vw / 320) * -15);
	left: calc((100vw / 320) * 5);
	width: calc((100vw / 320) * 28);
	height: calc((100vw / 320) * 24);
	background: url(../img/common_img/icon_q.png) no-repeat;
	background-size: calc((100vw / 320) * 28);
}

.faq_sec .box .inner {
	display: none;
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 15) calc((100vw / 320) * 5) calc((100vw / 320) * 40);
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	background: #999 url(../img/common_img/icon_a.png) calc((100vw / 320) * 5) calc((100vw / 320) * 5) no-repeat;
	background-size: calc((100vw / 320) * 28);
}

.faq_sec .box .arrow {
	display: block;
	height: calc((100vw / 320) * 24);
	background: #999 url(../img/common_img/arrow_down.png) center center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.faq_sec .box .arrow.opened {
	background: #999 url(../img/common_img/arrow_up.png) center center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

/*
STAFF
***************************************************************************/
.staff_sec .box {
	padding: calc((100vw / 320) * 20) calc((100vw / 320) * 10);
}

.staff_sec .box a {
	color: #111;
}

/*
SETTING
***************************************************************************/
.setting_sec .box {
	padding: calc((100vw / 320) * 20) calc((100vw / 320) * 10) calc((100vw / 320) * 10);
}

.setting_sec .box select {
	width: calc((100vw / 320) * 28);
	height: calc((100vw / 320) * 24);
	padding: 0 calc((100vw / 320) * 4);
	text-align: center;
	line-height: calc((100vw / 320) * 24);
}

/*
GUIDE
***************************************************************************/
.guide_sec .set {
	margin-bottom: calc((100vw / 320) * 15);
	padding: calc((100vw / 320) * 20) calc((100vw / 320) * 15) 0;
	/* background: url(../img/common_img/line_dot.png) center bottom no-repeat; */
	background-size: calc((100vw / 320) * 2);
}

.guide_sec .box {
	margin-bottom: calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 11);
	color: #333;
	line-height: 1.7;
}

.guide_sec .box .title {
	margin-bottom: calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 14);
	color: #111;
}

/*
MEMBER
***************************************************************************/
.member_sec .btn_list {
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 20);
}

.member_sec .btn_list li a {
	display: block;
	margin-bottom: calc((100vw / 320) * 30);
	padding: calc((100vw / 320) * 10) 0;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	background: #666;
	border-radius: calc((100vw / 320) * 3);
	box-shadow: 0px 2px 5px -2px #686868;
}

.member_sec .btn_list li a:focus { background:#b81c22; }

.member_sec .btn_list li a span {
	padding: calc((100vw / 320) * 5) 0  calc((100vw / 320) * 5) calc((100vw / 320) * 28);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: calc((100vw / 320) * 20);
}

.member_sec .btn_list li.info a span { background-image:url(../img/common_img/icon01.png); }
.member_sec .btn_list li.mail a span { background-image:url(../img/common_img/icon02.png); }
.member_sec .btn_list li.pass a span { background-image:url(../img/common_img/icon03.png); }

.regist_sec.member {
	padding: 0 0 calc((100vw / 320) * 25);
}

.regist_sec.member .content {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10) 0;
}

.regist_sec.member .input_box input {
	height: calc((100vw / 320) * 40);
	margin-bottom: calc((100vw / 320) * 20);
	background: #fafafa;
	border-radius: calc((100vw / 320) * 2);
}

.regist_sec.member .btn input[type="submit"] {
    -webkit-appearance: none;
	padding: calc((100vw / 320) * 16) 0 calc((100vw / 320) * 15);
}

.regist_sec.member .link {
	text-align: center;
	font-size: calc((100vw / 320) * 11);
	color: #a92e2a;
}

.regist_sec.member .link a {
	margin-left: calc((100vw / 320) * 4);
	color: #111;
	text-decoration: underline;
}

/*
REGIST
***************************************************************************/
.regist_sec {
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 11);
}

.regist_sec .head {
	margin-bottom: calc((100vw / 320) * 10);
	text-align: center;
}

.regist_sec .head .title {
	width: calc((100vw / 320) * 150);
	margin: 0 auto calc((100vw / 320) * 10);
	padding-bottom: calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 16);
	border-bottom: solid calc((100vw / 320) * 2) #b81c22;
}

.regist_sec .head .title span {
	display: block;
	margin-bottom: calc((100vw / 320) * 4);
	color: #b81c22;
	font-family: 'Optima';
	letter-spacing: -0.04rem;
}

.regist_sec .head li {
	display: inline;
	margin: 0 calc((100vw / 320) * 3);
	font-size: calc((100vw / 320) * 8);
	color: #b8b8b8;
}

.regist_sec .head li.active { color:#b81c22; }

.regist_sec .chk_box input[type="checkbox"]{
	margin-right: calc((100vw / 320) * 4);
	vertical-align:calc((100vw / 320) * -2);
}

.guide_box {
	box-sizing: border-box;
	height: calc((100vw / 320) * 280);
	margin-bottom: calc((100vw / 320) * 10);
	padding: calc((100vw / 320) * 10) calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 10);
	color: #333;
	line-height: 1.6;
	background: #f8f8f8;
	border: solid 1px #b8b8b8;
	border-radius: calc((100vw / 320) * 2);
	box-shadow: 1px 1px 4px -2px #ccc inset;
	overflow-y: auto;
}

.guide_box .title {
	margin-bottom: calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 13);
	color: #111;
}

input[type="password"].pass_input {
	height: calc((100vw / 320) * 40);
	border-radius: calc((100vw / 320) * 2);
}

/*
FORM
***************************************************************************/
.icon_must {
	margin-right: calc((100vw / 320) * 2);
	color: #e08213;
}

.form_tbl th, .form_tbl td {
	vertical-align: top;
	font-size: calc((100vw / 320) * 10);
	line-height: 1.6;
	border-bottom: solid 1px #fff;
}

.form_tbl th {
	position: relative;
	width: 27%;
	padding: calc((100vw / 320) * 18) calc((100vw / 320) * 15) calc((100vw / 320) * 12) calc((100vw / 320) * 6);
	background: #e5e5e5;
}

.form_tbl th.ex {
	padding: calc((100vw / 320) * 12) calc((100vw / 320) * 15) calc((100vw / 320) * 12) calc((100vw / 320) * 6);
}

.form_tbl td {
	width: 73%;
	padding: calc((100vw / 320) * 10) calc((100vw / 320) * 6);
	background: #fff;
	border-left: solid 2px #fff;
}

.form_tbl th.must:after {
	content: '*';
	position: absolute;
	top: calc((100vw / 320) * 20);
	right: calc((100vw / 320) * 6);
	font-size: calc((100vw / 320) * 11);
	color: #b81c22;
}

.form_tbl th.ex:after { top:calc((100vw / 320) * 14); }

.form_tbl select {
	height: calc((100vw / 320) * 32);
	line-height: calc((100vw / 320) * 32);
}

.form_tbl dl {
	margin-bottom: calc((100vw / 320) * 5);
}

.form_tbl dl:last-child { margin-bottom:0; }

.form_tbl dt {
	float: left;
	width: 28%;
	margin-top: calc((100vw / 320) * 5);
}

.form_tbl dt.must:after {
	content: ' *';
	font-size: calc((100vw / 320) * 11);
	color: #b81c22;
}

.form_tbl dd {
	box-sizing: border-box;
	float: left;
	width: 72%;
	padding-left: calc((100vw / 320) * 15);
}

.add_box {
	display: none;
	padding-top: calc((100vw / 320) * 5);
}

.add_box:first-child {
	padding-top: 0;
}

/* .add_box:last-child .input_add { display:none; } */

.form_btn {
	width: calc((100vw / 320) * 200);
	margin: 0 auto;
}

.form_btn span {
	display: block;
	position: relative;
	width: 100%;
}

.form_btn input[type="submit"] {
    -webkit-appearance: none;
	padding: calc((100vw / 320) * 8) calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 12);
	color: #b81c22;
	background: #fff;
	border: solid 2px #b81c22;
	border-radius: calc((100vw / 320) * 3);
	box-shadow: none;
}

.form_btn span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: calc((100vw / 320) * 10);
	width: calc((100vw / 320) * 6);
	height: calc((100vw / 320) * 10);
	margin-top: calc((100vw / 320) * -5);
	background: url(../img/common_img/arrow_red.png) no-repeat;
	background-size: calc((100vw / 320) * 6);
}

.form_btn input:focus, .form_btn:focus span:after { opacity:0.8; }

.form_btn input[type="submit"]:focus { background:#fff; }

.form_btn_list {
	margin-top: calc((100vw / 320) * 20);
}

.form_btn_list li:first-child { float:left; width:40%; }
.form_btn_list li:last-child { float:right; width:54%; }

.form_btn_list .btn_back span {
	display: block;
	position: relative;
	width: 100%;
	padding: calc((100vw / 320) * 4) 0;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #999;
	background: #fff;
	border: solid 2px #999;
	border-radius: calc((100vw / 320) * 3);
}

.form_btn_list .btn_back span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc((100vw / 320) * 10);
	width: calc((100vw / 320) * 6);
	height: calc((100vw / 320) * 10);
	margin-top: calc((100vw / 320) * -5);
	background: url(../img/common_img/arrow_gray.png) no-repeat;
	background-size: calc((100vw / 320) * 6);
}

.form_btn_list .btn_back span:focus, .form_btn_list .btn_back span:focus:after { opacity:0.8; }

.form_btn_list .btn_back span button {
	width: 100%;
}

.form_btn_list .form_btn {
	width: 56%;
	margin: 0;
}

.form_btn_list .form_btn span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc((100vw / 320) * 15);
	width: calc((100vw / 320) * 12);
	height: calc((100vw / 320) * 12);
	margin-top: calc((100vw / 320) * -6);
	background: url(../img/common_img/icon_check.png) no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.error_box {
	margin: calc((100vw / 320) * 5) 0 calc((100vw / 320) * 10);
	padding: calc((100vw / 320) * 10) calc((100vw / 320) * 15);
	font-size: calc((100vw / 320) * 11);
	font-weight: bold;
	color: #d41d50;
	background: #ffedf2;
}

/*
FOOTER
***************************************************************************/
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc((100vw / 320) * 48);
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
	z-index: 100;
}

footer li {
	float: left;
	width: calc(100% / 6);
	text-align: center;
	font-size: calc((100vw / 320) * 6.5);
}

footer li a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: calc((100vw / 320) * 48);
	padding-top: calc((100vw / 320) * 32);
	color: #5d5d61;
	background-color: #fff;
	background-position: center calc((100vw / 320) * 5);
	background-repeat: no-repeat;
	background-size: calc((100vw / 320) * 30);
}

footer li a:active { opacity:1; }

footer li:nth-child(1) a { background-image:url(../img/common_img/f_icon01_off.png); }
footer li:nth-child(2) a { background-image:url(../img/common_img/f_icon02_off.png); }
footer li:nth-child(3) a { background-image:url(../img/common_img/f_icon03_off.png); }
footer li:nth-child(4) a { background-image:url(../img/common_img/f_icon04_off.png); }
footer li:nth-child(5) a { background-image:url(../img/common_img/f_icon05_off.png?20191111); }
footer li:nth-child(6) a { background-image:url(../img/common_img/f_icon06_off.png?20191111); }

footer li.active a, footer li a:active {
	color: #fff;
	background-color: #020101;
}

footer li:nth-child(1).active a, footer li:nth-child(1) a:active { background-image:url(../img/common_img/f_icon01_on.png); }
footer li:nth-child(2).active a, footer li:nth-child(2) a:active { background-image:url(../img/common_img/f_icon02_on.png); }
footer li:nth-child(3).active a, footer li:nth-child(3) a:active { background-image:url(../img/common_img/f_icon03_on.png); }
footer li:nth-child(4).active a, footer li:nth-child(4) a:active { background-image:url(../img/common_img/f_icon04_on.png); }
footer li:nth-child(5).active a, footer li:nth-child(5) a:active { background-image:url(../img/common_img/f_icon05_on.png); }
footer li:nth-child(6).active a, footer li:nth-child(6) a:active { background-image:url(../img/common_img/f_icon06_on.png); }

/*
OVERLAY WINDOW
***************************************************************************/
#overlay_window {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	overflow: auto;
}

.overlay_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc((100vw / 320) * 240);
	margin-left: calc((100vw / 320) * -120);
}

.overlay_content {
	display: none;
	position: relative;
	padding: calc((100vw / 320) * 35) calc((100vw / 320) * 20);
	background: #fff;
	border-radius: calc((100vw / 320) * 2);
}

.overlay_content dt, .overlay_content dd {
	float: left;
	padding: calc((100vw / 320) * 2) 0;
	font-size: calc((100vw / 320) * 12);
}

.overlay_content dt {
	width: 35%;
	text-align: right;
}

.overlay_content dd {
	box-sizing: border-box;
	width: 65%;
	padding-left: calc((100vw / 320) * 5);
}

.overlay_content a { color:#000; }

.overlay_content .btn li {
	float: right;
	width: calc(50% - ((100vw / 320) * 5));
	padding: calc((100vw / 320) * 6) 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #c68f4e;
	box-shadow: 0px 2px 5px -2px #686868;
}

.overlay_content .btn li.cancel.btn_close {
	position: static;
	float: left;
	width: calc(50% - ((100vw / 320) * 5));
	background: #333;
}

.overlay_content .btn_ok li {
	margin: 0 calc((100vw / 320) * 30);
	padding: calc((100vw / 320) * 6) 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #c68f4e;
	box-shadow: 0px 2px 5px -2px #686868;
}

.btn_close {
	position: absolute;
	top: calc((100vw / 320) * 5);
	right: calc((100vw / 320) * 10);
	width: calc((100vw / 320) * 14);
	z-index: 10001;
}

/*
PARTS
***************************************************************************/
/* ▼TITLE▼ */
.title01 {
	padding: calc((100vw / 320) * 1) 0 0 calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 14);
	border-left: solid calc((100vw / 320) * 3) #b81c22;
}

.title02 {
	padding: calc((100vw / 320) * 1) 0 0 calc((100vw / 320) * 8);
	font-size: calc((100vw / 320) * 14);
	border-left: solid calc((100vw / 320) * 2) #c68f4e;
}

/* ▼BUTTON▼ */
.btn01 {
	padding: calc((100vw / 320) * 3) 0;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #545353;
	border: solid 1px #999;
	border-radius: calc((100vw / 320) * 2);
}

.btn01.add {
	padding: calc((100vw / 320) * 5) 0;
	color: #fff;
	background: #666;
	border: none;
}
.btn01.delete {
	padding: calc((100vw / 320) * 5) 0;
	color: #fff;
	background: #666;
	border: none;
}

.btn01 a { color:#545353; }

.btn02 {
	padding: calc((100vw / 320) * 8) 0;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	border-radius: calc((100vw / 320) * 2);
}

.btn02 a { color:#fff; }

.btn02.red { background:#b81c22; }

.btn03 {
	padding: calc((100vw / 320) * 4) 0;
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	background: #ccc;
	border-radius: calc((100vw / 320) * 2);
}

.btn03 a { color:#fff; }

.btn01 span, .btn02 span, .btn03 span {
	padding-left: calc((100vw / 320) * 20);
}

.btn01.plus span {
	background: url(../img/common_img/icon_plus.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn01.add span {
	background: url(../img/common_img/icon_add.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn01.delete span {
	background: url(../img/common_img/icon-minus.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn01.edit span {
	background: url(../img/common_img/icon_edit.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn02.check span {
	background: url(../img/common_img/icon_check.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn03.cancel span {
	background: url(../img/common_img/icon_cancel.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.btn03.back span {
	background: url(../img/common_img/icon_back.png) left center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

.edit_btn {
	margin: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
}

.edit_btn li {
	margin-bottom: calc((100vw / 320) * 10);
}

.edit_btn li:last-child { margin-bottom:0; }

.btn-release {
	background: #b81c22;
	border: none;
	color: #fff;
	padding: calc((100vw / 320) * 6) calc((100vw / 320) * 6) calc((100vw / 320) * 6);
	text-align: center;
	font-size: calc((100vw / 320) * 8);
	border-radius: calc((100vw / 320) * 2);
}

/* ▼DL▼ */
.dlist01 {
	margin-bottom: calc((100vw / 320) * 5);
}

.dlist01 dt {
	float: left;
	width: 20%;
	margin-top: calc((100vw / 320) * 5);
}

.dlist01 dd {
	box-sizing: border-box;
	float: left;
	width: 80%;
	padding-left: calc((100vw / 320) * 5);
}

.dlist02 {
	display: table;
	width: 100%;
	margin: calc((100vw / 320) * 12) 0;
}

.dlist02 dt, .dlist02 dd {
	display: table-cell;
	vertical-align: middle;
}

.dlist02 dt {
	box-sizing: border-box;
	width: 70%;
	padding-left: calc((100vw / 320) * 20);
	font-size: calc((100vw / 320) * 12);
	font-size: bold;
	line-height: 1.6;
}

.dlist02 dd {
	box-sizing: border-box;
	width: calc((100vw / 320) * 70);
	padding-right: calc((100vw / 320) * 20);
	text-align: right;
}

/* ▼TABLE▼ */
.tbl01 th, .tbl01 td {
	padding: calc((100vw / 320) * 10);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 10);
	line-height: 1.6;
	border-bottom: solid 1px #fff;
}

.tbl01 th {
	background: #e5e5e5;
}

.tbl01.edit th { background:#ccc; }

.tbl01 td {
	background: #fafafa;
	border-left: solid 2px #fff;
}

.tbl01.edit td { background:#fff; }

.tbl02 th, .tbl02 td {
	box-sizing: border-box;
	padding: calc((100vw / 320) * 10);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 11);
	color: #111;
	line-height: 1.6;
	border-bottom: solid 1px #fff;
}

.tbl02 th {
	text-align: center;
	color: #fff;
	background: #666;
}

.tbl02 td {
	background: #e5e5e5;
	border-left: solid 2px #fff;
}

.tbl02 td a { color:#111; }

/* ▼LIST▼ */
.pdf_list li {
	margin-bottom: calc((100vw / 320) * 8);
	padding-left: calc((100vw / 320) * 22);
	font-size: calc((100vw / 320) * 11);
	background: url(../img/common_img/icon_pdf.png) left top no-repeat;
	background-size: calc((100vw / 320) * 14);
}

.pdf_list li a {
	color: #111;
	text-decoration: underline;
}

/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }
.no_disp { display:none!important; }

.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w4per { width:4%!important; }
.w5per { width:5%!important; }
.w8per { width:8%!important; }
.w10per { width:10%!important; }
.w15per { width:15%!important; }
.w20per { width:20%!important; }
.w22per { width:22%!important; }
.w25per { width:25%!important; }
.w30per { width:30%!important; }
.w35per { width:35%!important; }
.w40per { width:40%!important; }
.w45per { width:45%!important; }
.w50per { width:50%!important; }
.w55per { width:55%!important; }
.w56per { width:56%!important; }
.w60per { width:60%!important; }
.w70per { width:70%!important; }
.w75per { width:75%!important; }
.w80per { width:80%!important; }
.w100per { width:100%!important; }

.w80 { width:calc((100vw / 320) * 80)!important; }
.w90 { width:calc((100vw / 320) * 90)!important; }
.w160 { width:calc((100vw / 320) * 160)!important; }
.w250 { width:calc((100vw / 320) * 250)!important; }
.w400 { width:calc((100vw / 320) * 400)!important; }
.w500 { width:calc((100vw / 320) * 500)!important; }
.w510 { width:calc((100vw / 320) * 510)!important; }
.w580 { width:calc((100vw / 320) * 580)!important; }

.h80 { height:calc((100vw / 320) * 80)!important; }
.h100 { height:calc((100vw / 320) * 100)!important; }
.h240 { height:calc((100vw / 320) * 240)!important; }

/* ▼area▼ */
.mb60 { margin-bottom:calc((100vw / 320) * 60)!important; }
.mb55 { margin-bottom:calc((100vw / 320) * 55)!important; }
.mb50 { margin-bottom:calc((100vw / 320) * 50)!important; }
.mb45 { margin-bottom:calc((100vw / 320) * 45)!important; }
.mb40 { margin-bottom:calc((100vw / 320) * 40)!important; }
.mb35 { margin-bottom:calc((100vw / 320) * 35)!important; }
.mb30 { margin-bottom:calc((100vw / 320) * 30)!important; }
.mb25 { margin-bottom:calc((100vw / 320) * 25)!important; }
.mb20 { margin-bottom:calc((100vw / 320) * 20)!important; }
.mb15 { margin-bottom:calc((100vw / 320) * 15)!important; }
.mb12 { margin-bottom:calc((100vw / 320) * 12)!important; }
.mb10 { margin-bottom:calc((100vw / 320) * 10)!important; }
.mb8 { margin-bottom:calc((100vw / 320) * 8)!important; }
.mb5 { margin-bottom:calc((100vw / 320) * 5)!important; }
.mb1 { margin-bottom:calc((100vw / 320) * 1)!important; }
.mb0 { margin-bottom:calc((100vw / 320) * 0)!important; }

.mlr60 { margin-left:calc((100vw / 320) * 60)!important; margin-right:calc((100vw / 320) * 60)!important; }
.mlr55 { margin-left:calc((100vw / 320) * 55)!important; margin-right:calc((100vw / 320) * 55)!important; }
.mlr50 { margin-left:calc((100vw / 320) * 50)!important; margin-right:calc((100vw / 320) * 50)!important; }
.mlr45 { margin-left:calc((100vw / 320) * 40)!important; margin-right:calc((100vw / 320) * 45)!important; }
.mlr40 { margin-left:calc((100vw / 320) * 40)!important; margin-right:calc((100vw / 320) * 40)!important; }
.mlr35 { margin-left:calc((100vw / 320) * 35)!important; margin-right:calc((100vw / 320) * 35)!important; }
.mlr30 { margin-left:calc((100vw / 320) * 30)!important; margin-right:calc((100vw / 320) * 30)!important; }
.mlr25 { margin-left:calc((100vw / 320) * 25)!important; margin-right:calc((100vw / 320) * 25)!important; }
.mlr20 { margin-left:calc((100vw / 320) * 20)!important; margin-right:calc((100vw / 320) * 20)!important; }
.mlr15 { margin-left:calc((100vw / 320) * 15)!important; margin-right:calc((100vw / 320) * 15)!important; }
.mlr10 { margin-left:calc((100vw / 320) * 10)!important; margin-right:calc((100vw / 320) * 10)!important; }
.mlr5 { margin-left:calc((100vw / 320) * 5)!important; margin-right:calc((100vw / 320) * 5)!important; }
.mlr-1 { margin-left:calc((100vw / 320) * -1)!important; margin-right:calc((100vw / 320) * -1)!important; }
.mlr-5 { margin-left:calc((100vw / 320) * -5)!important; margin-right:calc((100vw / 320) * -5)!important; }
.mlr-10 { margin-left:calc((100vw / 320) * -10)!important; margin-right:calc((100vw / 320) * -10)!important; }
.mlr-20 { margin-left:calc((100vw / 320) * -20)!important; margin-right:calc((100vw / 320) * -20)!important; }

.mr50 { margin-right:calc((100vw / 320) * 50)!important; }
.mr40 { margin-right:calc((100vw / 320) * 40)!important; }
.mr30 { margin-right:calc((100vw / 320) * 30)!important; }
.mr25 { margin-right:calc((100vw / 320) * 25)!important; }
.mr20 { margin-right:calc((100vw / 320) * 20)!important; }
.mr15 { margin-right:calc((100vw / 320) * 15)!important; }
.mr10 { margin-right:calc((100vw / 320) * 10)!important; }
.mr5 { margin-right:calc((100vw / 320) * 5)!important; }
.mr0 { margin-right:calc((100vw / 320) * 0)!important; }
.mr-5 { margin-right:calc((100vw / 320) * -5)!important; }

.ml50 { margin-left:calc((100vw / 320) * 50)!important; }
.ml40 { margin-left:calc((100vw / 320) * 40)!important; }
.ml30 { margin-left:calc((100vw / 320) * 30)!important; }
.ml20 { margin-left:calc((100vw / 320) * 20)!important; }
.ml15 { margin-left:calc((100vw / 320) * 15)!important; }
.ml10 { margin-left:calc((100vw / 320) * 10)!important; }
.ml5 { margin-left:calc((100vw / 320) * 5)!important; }
.ml0 { margin-left:calc((100vw / 320) * 0)!important; }
.ml-5 { margin-left:calc((100vw / 320) * -5)!important; }
.ml-10 { margin-left:calc((100vw / 320) * -10)!important; }
.ml-15 { margin-left:calc((100vw / 320) * -15)!important; }
.ml-20 { margin-left:calc((100vw / 320) * -20)!important; }

.mtb10 { margin-top:calc((100vw / 320) * 10)!important; margin-bottom:calc((100vw / 320) * 10)!important; }
.mtb15 { margin-top:calc((100vw / 320) * 15)!important; margin-bottom:calc((100vw / 320) * 15)!important; }

.mt60 { margin-top:calc((100vw / 320) * 60)!important; }
.mt55 { margin-top:calc((100vw / 320) * 55)!important; }
.mt50 { margin-top:calc((100vw / 320) * 50)!important; }
.mt45 { margin-top:calc((100vw / 320) * 45)!important; }
.mt40 { margin-top:calc((100vw / 320) * 40)!important; }
.mt30 { margin-top:calc((100vw / 320) * 30)!important; }
.mt20 { margin-top:calc((100vw / 320) * 20)!important; }
.mt16 { margin-top:calc((100vw / 320) * 16)!important; }
.mt15 { margin-top:calc((100vw / 320) * 15)!important; }
.mt10 { margin-top:calc((100vw / 320) * 10)!important; }
.mt5 { margin-top:calc((100vw / 320) * 5)!important; }
.mt3 { margin-top:calc((100vw / 320) * 3)!important; }
.mt0 { margin-top:calc((100vw / 320) * 0)!important; }
.mt-5 { margin-top:calc((100vw / 320) * -5)!important; }
.mt-10 { margin-top:calc((100vw / 320) * -10)!important; }
.mt-20 { margin-top:calc((100vw / 320) * -20)!important; }
.mt-40 { margin-top:calc((100vw / 320) * -40)!important; }
.mt-50 { margin-top:calc((100vw / 320) * -50)!important; }

.pb30 { padding-bottom:calc((100vw / 320) * 30)!important; }
.pb8 { padding-bottom:calc((100vw / 320) * 8)!important; }
.pb0 { padding-bottom:calc((100vw / 320) * 0)!important; }

.p20 { padding:calc((100vw / 320) * 20)!important; }
.p15 { padding:calc((100vw / 320) * 15)!important; }
.p10 { padding:calc((100vw / 320) * 10)!important; }

.pt60 { padding-top:calc((100vw / 320) * 60)!important; }
.pt50 { padding-top:calc((100vw / 320) * 50)!important; }

.ptb20 { padding-top:calc((100vw / 320) * 20)!important; padding-bottom:calc((100vw / 320) * 20)!important; }
.ptb15 { padding-top:calc((100vw / 320) * 15)!important; padding-bottom:calc((100vw / 320) * 15)!important; }
.ptb5 { padding-top:calc((100vw / 320) * 5)!important; padding-bottom:calc((100vw / 320) * 5)!important; }
.ptb0 { padding-top:calc((100vw / 320) * 0)!important; padding-bottom:calc((100vw / 320) * 0)!important; }

.pr5 { padding-right:calc((100vw / 320) * 5)!important; }

.plr25 { padding-left:calc((100vw / 320) * 25)!important; padding-right:calc((100vw / 320) * 25)!important; }

/* ▼font▼ */
.bold { font-weight:bold!important; }
.normal { font-weight:normal!important; }

.size2 { font-size:calc((100vw / 320) * 2)!important; }
.size3 { font-size:calc((100vw / 320) * 3)!important; }
.size4 { font-size:calc((100vw / 320) * 4)!important; }
.size5 { font-size:calc((100vw / 320) * 5)!important; }
.size6 { font-size:calc((100vw / 320) * 6)!important; }
.size7 { font-size:calc((100vw / 320) * 7)!important; }
.size8 { font-size:calc((100vw / 320) * 8)!important; }
.size9 { font-size:calc((100vw / 320) * 9)!important; }
.size10 { font-size:calc((100vw / 320) * 10)!important; }
.size11 { font-size:calc((100vw / 320) * 11)!important; }
.size12 { font-size:calc((100vw / 320) * 12)!important; }
.size13 { font-size:calc((100vw / 320) * 13)!important; }
.size14 { font-size:calc((100vw / 320) * 14)!important; }
.size16 { font-size:calc((100vw / 320) * 16)!important; }
.size17 { font-size:calc((100vw / 320) * 17)!important; }
.size18 { font-size:calc((100vw / 320) * 18)!important; }
.size19 { font-size:calc((100vw / 320) * 19)!important; }
.size20 { font-size:calc((100vw / 320) * 20)!important; }
.size22 { font-size:calc((100vw / 320) * 22)!important; }
.size24 { font-size:calc((100vw / 320) * 24)!important; }
.size30 { font-size:calc((100vw / 320) * 30)!important; }

.c_blue { color:#265a91!important; }
.c_dblue { color:#2a6394!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }

/* ▼link▼ */
a.line, .line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼frame▼ */
.img_frame01 { border:solid 1px #fff; }

/* ▼line▼ */

/* ▼indent▼ */
.indent1 { margin-left:1em; text-indent:-1em; }
.indent2 { margin-left:2em; text-indent:-2em; }
.indent3 { margin-left:3em; text-indent:-3em; }
.indent4 { margin-left:4em; text-indent:-4em; }
.indent5 { margin-left:5em; text-indent:-5em; }
.indent6 { margin-left:6em; text-indent:-6em; }

/* ▼background▼ */
.bg_none { background:none!important; }
.bg_sorange { background:#b6690e!important; }
.bg_dorange { background:#904f00!important; }
.bg_dred { background:#bd3838!important; }
.bg_dblue { color:#fff!important; background:#2a6394!important; }
.bg_lblue { background:#b9cedf!important; }
.bg_dyellow { color:#fff!important; background:#d1a11c!important; }
.bg_lyellow { background:#e7d39a!important; }
.bg_dgray { color:#fff!important; background:#707173!important; }
.bg_lgray { background:#efefef!important; }

/* ▼border▼ */
.border_none { border:none!important; }

/* ▼form▼ */
input[type="text"], input[type="number"], input[type="tel"], select, textarea, input[type="file"], input[type="tel"], input[type="email"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: calc((100vw / 320) * 6);
	vertical-align: middle;
	font-size: calc((100vw / 320) * 12);
	color: #111;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff;
	border: solid 1px #aaa;
	box-shadow: 1px 1px 4px -2px #ccc inset;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, select:focus, textarea:focus, input[type="file"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, button:focus {
	border:solid 1px #aaa;
	outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: calc((100vw / 320) * 10);
	color: #dddddd;
	font-weight: normal;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: calc((100vw / 320) * 10);
	color: #dddddd;
	font-weight: normal;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: calc((100vw / 320) * 10);
	color: #dddddd;
	font-weight: normal;
}

select {
	height: calc((100vw / 320) * 28);
	padding: 0 calc((100vw / 320) * 6);
	font-size: calc((100vw / 320) * 11)!important;
	color: #666;
	line-height: calc((100vw / 320) * 26);
}

textarea { height:calc((100vw / 320) * 180); padding:calc((100vw / 320) * 10); }

.arrow_select {
	display: block;
	position: absolute;
	top: 50%;
	right: calc((100vw / 320) * 5);
	width: calc((100vw / 320) * 8);
	margin-top: calc((100vw / 320) * -2);
}

input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"] { height:calc((100vw / 320) * 26); }

input[type="radio"], input[type="checkbox"] {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: calc((100vw / 320) * 14);
	height: calc((100vw / 320) * 14);
	margin-right: calc((100vw / 320) * 5);
	vertical-align: calc((100vw / 320) * -3)!important;
	background: #fff;
	border: solid 1px #ccc;*/
}

/*input[type="radio"] { border-radius:calc((100vw / 320) * 7); }*/

input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: calc((100vw / 320) * 16);
	height: calc((100vw / 320) * 16);
	opacity: 0;
}

.radio_list li {
	box-sizing: border-box;
	position: relative;
	margin: calc((100vw / 320) * 3) 0;
	padding-left: calc((100vw / 320) * 22);
	font-size: calc((100vw / 320) * 12);
	color: #111;
	line-height: calc((100vw / 320) * 16);
	background: url(../img/common_img/radio_box_off.png) left center no-repeat;
	background-size: calc((100vw / 320) * 16);
}

.radio_list li.active {
	color: #111;
	background: url(../img/common_img/radio_box_on.png) left center no-repeat;
	background-size: calc((100vw / 320) * 16);
}

.radio_list.col li {
	display: inline-block;
	margin: calc((100vw / 320) * 3) calc((100vw / 320) * 15) calc((100vw / 320) * 3) 0;
}

input[type="radio"]:focus, input[type="checkbox"]:focus { outline:none; }

input[type="submit"] {
    -webkit-appearance: none;
	width: 100%;
	padding: calc((100vw / 320) * 12) 0 calc((100vw / 320) * 11);
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	color: #fff;
	background: #a92e2a;
	border: none;
	border-radius: calc((100vw / 320) * 2);
	box-shadow: 0px 2px 5px -2px #686868;
}

/*input[type="submit"]:focus { background:#b6690e; outline:none; }*/

.error_sec {
	position: relative;
  height: calc(100vh - calc((100vw / 320) * 148));
}
.error_sec .error_container {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;
}
.error_sec .error_container h1 {
	font-size: calc((100vw / 320) * 58);
	color: #c68f4e;
}

/* バリデーションエラー */
.error-msg {
	color: #d41d50 !important;
}
.form-error {
	border: none;
	border-color: #d41d50 !important;
	background-color: #ffedf2 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	pointer-events: none !important;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background: url(../img/top/btn_prev.png) no-repeat center center / contain;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background: url(../img/top/btn_next.png) no-repeat center center / contain;
}
.swiper-pagination-bullet-active {
	background: #b81c22 !important;
}

.slick-dots {
	height: 60px;
}
.slick-dots li.slick-active button:before {
	color: #b81c22 !important;
}

.d-none {
	display: none !important;
}

.disabled {
	pointer-events: none;
}

pre {
	white-space: pre-wrap ;
}

.btn-w100 {
	width: 100%;
	padding: calc((100vw / 320) * 12) 0 calc((100vw / 320) * 11);
	text-align: center;
	font-size: calc((100vw / 320) * 12);
	font-weight: bold;
	color: #fff;
	background: #b81c22;
	border: none;
	box-shadow: 0px 2px 5px -2px #686868;
}

.swal2-popup {
	min-height: 200px;
}

.swal2-popup .swal2-styled.swal2-confirm {
	background-color: #b81c22 !important;
	width: 120px;
}
.swal2-popup .swal2-styled.swal2-cancel {
	background-color: #333 !important;
	width: 120px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {

  header .btn_gnavi {
    margin-top: -2px;
  }

	.port_sec .list .chart_container .title {
		/* padding-top: calc((100vw / 320) * 52); */
		margin-left: calc((100vw / 320) * 0);
	}
	
	.port_sec .list ul {
		width: calc((100vw / 320) * 140);
	}
	.port_sec .list li {
		font-size: calc((100vw / 320) * 10);
  }
  .port_sec .list li a.property_name {
    font-size: calc((100vw / 320) * 10);
	}
	
	.port_sec .list li .balanth-month {
		font-size: calc((100vw / 320) * 9);
	}

}

@media screen and (max-width: 896px)  and (orientation: landscape) {
	.port_sec .list ul {
		float: right;
		width: calc((100vw / 320) * 140);
		padding-left: calc((100vw / 320) * 20);
  }
}


/*
REPAIRS
***************************************************************************/
.repair_sec .date {
	margin-bottom: calc((100vw / 320) * 10);
	text-align: right;
	font-size: calc((100vw / 320) * 10);
	color: #666;
}

.repair_sec .date span {
	padding-left: calc((100vw / 320) * 12);
	background: url(../img/common_img/icon_time.png) left center no-repeat;
	background-size: calc((100vw / 320) * 8);
}

.repair_list .repair_date {
	margin-right: calc((100vw / 320) * 10);
}

/* ▼LIST▼ */
.repair_list_wrap {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 10);
}

.repair_list, .repair_list h2,
.repair_action .button_wrap, .repair_action .repair_sec, .repair_action .repair_sec .text_lead,
.repair_detail, .repair_detail .text_lead, .repair_detail h2, .repair_detail p  {
	font-size: calc((100vw / 320) * 11) !important;
}

.repair_action .chat__menu_area div.menu_btn:first-child {
	border-right: none;
}

.repair_list .box a {
	display: block;
	padding: calc((100vw / 320) * 10);
	color: #111;
	border-bottom: solid 1px #ccc;
}

.repair_list .box:last-child a { padding-bottom:0; border-bottom:none; }

.repair_list .img {
	float: left;
	width: calc((100vw / 320) * 125);
}

.repair_list .content {
	float: right;
	width: calc((100vw / 320) * 175);
}

.repair_list .title {
	margin-bottom: calc((100vw / 320) * 10);
	font-size: calc((100vw / 320) * 12);
	line-height: 1.6;
}

.repair_list .title span {
	display: block;
}

/* ▼DETAIL▼ */
.repair_detail .title_box {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 12) 0;
}

.repair_detail .content {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 12);
	font-size: calc((100vw / 320) * 12);
}

.repair_sec .text_lead {
	font-size: 2.0rem;
	font-weight: 600;
}

.repair_sec.text-left {
	text-align: left;
}

.btn-w50 {
	width: 50%;
	padding: 12px 0 11px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #b81c22;
	border: none;
	box-shadow: 0px 2px 5px -2px #686868;
	margin-top: 15px;
}

.btn-w50.disabled {
	background: #999;
}

.text_red {
	color: red;
}

.text_green {
	color: #00B050;
}


/*
BADGE
***************************************************************************/

/* バッジの基本スタイル - PCとモバイル共通 */
.badge-container {
	position: relative;
	display: block;
}
  
.badge-count {
	position: absolute;
	top: 5px;
	right: 5px;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #b81c22;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* 数字が0の場合は非表示 */
.badge-count:empty,
.badge-count[innerHTML="0"] {
	display: none;
}

.text-center {
	text-align: center !important;
}


/* フッターバッジのスタイル */
footer .badge-container {
	position: relative;
	display: inline-block;
}

/* フッター専用のバッジ位置調整 */
footer .footer-badge {
	position: absolute;
	top: -8px;  /* 上部に配置 */
	right: -8px; /* 右側に配置 */
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0 4px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #b81c22;
	border-radius: 9px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* PCスタイル */
@media screen and (min-width: 768px) {
	.badge-count {
		bottom: 8px;
		right: 8px;
		min-width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		border-radius: 12px;
	}

	footer .footer-badge {
		top: 10px;
		right: 10px;
		min-width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
	}
}

/* フッターが下部固定されているスタイルの場合の追加調整 */
@media screen and (max-width: 767px) {
	footer li a .footer-badge {
	/* フッターでは背景画像の上にテキストがある特殊な構造なので調整 */
		top: calc((100vw / 320) * 4);
		right: calc((100vw / 320) * 4);
	}
}

/* activeクラスがあるフッターアイテムのバッジ色調整 */
footer li.active a .footer-badge {
	background-color: #fff;
	color: #b81c22;
}

/* モバイルスタイル */
@media screen and (max-width: 767px) {
	.badge-count {
		bottom: calc((100vw / 320) * 5);
		right: calc((100vw / 320) * 5);
		min-width: calc((100vw / 320) * 20);
		height: calc((100vw / 320) * 20);
		line-height: calc((100vw / 320) * 20);
		font-size: calc((100vw / 320) * 11);
		border-radius: calc((100vw / 320) * 10);
	}

	footer .footer-badge {
		top: calc((100vw / 320) * -4);
		right: calc((100vw / 320) * -4);
		min-width: calc((100vw / 320) * 10);
		height: calc((100vw / 320) * 10);
		line-height: calc((100vw / 320) * 10);
		font-size: calc((100vw / 320) * 7);
	}
}