@charset "utf-8";

/*====================================
ヘッダー
====================================*/
header{
	background-color: #FFF;
	max-width: 1190px;
	width: calc(100% - 102px);
	height: auto;
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	position: fixed;
	left: 50%;
	z-index: 100;
	transform: translate(-50%,0);
	padding: 14px 46px;
	border-radius: 40px;
	margin: 28px auto 0 auto;}

.header-box{
	display: flex;
	align-items: center;
	padding: 0 0;
	margin: 0 auto;}

.header-logo{
	width: 188px;
	margin: 0 0;}

.header-logo img{
	aspect-ratio:188 / 40;
	max-width: 188px;
	width: 100%;
	height: auto;}

.header-rightcontents{
	display: flex;
	align-items: center;
	width: calc(100% - 220px);
	padding: 0 0 0 40px;}

.header-nav{
	font-size: 0;
	padding: 0 0;
	margin: 0 auto 0 0;}

.header-nav li{
	display: inline-block;
	margin: 0 14px;}

.header-nav li:first-child{
	margin: 0 14px 0 0;}

.header-nav li a{
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	color: #000;
	transition: 0.3s;
	padding: 0 0 5px 0;
	border-bottom: 1px #FFF solid;}

.header-nav li a:hover{
	color: #034498;
	border-bottom: 1px #034498 solid;}

.header-loginlink{
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	color: #333333;
	transition: 0.3s;
	padding: 5px 0;
	border-bottom: 1px #FFF solid;
	margin: 0 0 0 auto;}

.header-loginlink:hover{
	color: #034498;
	border-bottom: 1px #034498 solid;}

.header-loginlink:after{
	content: "";
	background-image: url(../images/common-p/header-loginicon01.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 5px;}

.header-loginlink:hover:after{
	background-image: url(../images/common-p/header-loginicon01-h01.png);}

.header-mycontents-area{
	display: flex;
	position: relative;
	padding: 0 0;
	margin: 0 0;}

#headermycontents{
	display: none;}

.header-mycontents-label{
	background-color: #FFFFFF;
	cursor: pointer;
	transition: 0.3s;
	padding: 10px 10px;
	margin: 0 0 0 auto;}

.header-mycontents-label:hover{
	background-color: #F4F9FB;}

#headermycontents:checked + label{
	background-color: #F4F9FB;}

.header-mycontents-label:after{
	content: "";
	background-image: url(../images/common-p/header-loginicon01.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
    vertical-align: middle;
	margin: 0 0 0 5px;}

.header-mycontents-label p{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #333333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: inline-block;
    vertical-align: middle;
	max-width: 176px;
	padding: 0 0;
	margin: 0 0;}

.header-mycontents-label span{
	background-color: #1CA5DF;
	background-image: url(../images/common-p/hrader-mycontentsicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 38px;
	height: 38px;
	display: inline-block;
    vertical-align: middle;
	position: relative;
	border-radius: 40px;
	margin: 0 5px 0 0;}

.header-mycontents-label span.notification:after{
	content: "";
	background-color: #FF0000;
	background-image: url(../images/common-p/common-annotationicon01-h.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 2;
	padding: 0 0;
	border-radius: 20px;
	margin: 0 0;}

.header-mycontents-menu{
	text-align: left;
	list-style: none;
	background-color: #F4F9FB;
	width: 100%;
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 1;
	padding: 0 0;
	margin: 0 0;}

#headermycontents:checked + label + .header-mycontents-menu{
	display: block;}

.header-mycontents-menu li{
	padding: 0 0;
	margin: 0 0;}

.header-mycontents-menu li a{
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	color: #000000;
	background-color: #F4F9FB;
	display: block;
	transition: 0.3s;
	padding: 10px 10px;
	margin: 0 0;}

.header-mycontents-menu li a:hover{
	background-color: #DBEDF4;}

.header-mycontents-menu li button{
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	line-height: 1.2;
	color: #000000;
	background-color: #F4F9FB;
	width: 100%;
	display: block;
	cursor: pointer;
	transition: 0.3s;
	padding: 10px 10px;
	border: none;
	margin: 0 0;}

.header-mycontents-menu li button:hover{
	background-color: #DBEDF4;}

.menu-clausearea{
	display: none;}

#menu-icon{
	display: none;}

@media only screen and (max-width: 960px) {
.no-scroll{
  overflow: hidden;}

.menu-clausearea{
	display: none;
	position:fixed;
	background: rgba(255,255,255,0.5);
	width: 100%;
	height:100dvh;
	top: 0;
	left: 0;
	z-index:8;
	margin: -28px 0 0 0;}

.menu-clausearea-open{
	display: block;}
	
.header-rightcontents{
	background-color: #FFF;
	width: 50%;
	height: calc(100dvh - 168px);
	display: block;
	transition: 0.3s;
	position: fixed;
	top: 0;
	right: calc(-50% - 5px);
	z-index: 10;
	padding: 140px 0 28px 0;
	margin: -28px 0 0 0;}
	
.header-rightcontents-open{
	right: -5px;}

.header-nav{
	border-top: 1px #AAA solid;
	margin: 0 0;}

.header-nav li{
	display: block;
	border-bottom: 1px #AAA solid;
	margin:  0 0;}

.header-nav li:first-child{
	margin:  0 0;}

.header-nav li a{
	font-size: 20px;
	color: #000;
	background-color: #FFF;
	display: block;
	padding: 23px 46px;
	border-bottom: none;}

.header-nav li a:hover{
	color: #000;
	background-color: #F4F9FB;
	border-bottom: none;}

.header-loginlink{
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	color: #000;
	background-color: #FFF;
	display: block;
	padding: 23px 46px;
	border-bottom: 1px #AAA solid;
	margin: 0 0;}

.header-loginlink:hover{
	color: #000;
	background-color: #F4F9FB;
	border-bottom: 1px #AAA solid;}

.header-loginlink:after{
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;}

.header-loginlink:hover:after{
	background-image: url(../images/common-p/header-loginicon01.png);}

.header-mycontents-area{
	display: block;
	position: relative;
	padding: 0 0;
	border-bottom: 1px #AAA solid;
	margin: 0 0;}

.header-mycontents-label{
	display: block;
	padding: 16px 46px;
	margin: 0 0;}

.header-mycontents-label:hover{
	background-color: #F4F9FB;}

#headermycontents:checked + label{
	background-color: #F4F9FB;}

.header-mycontents-label:after{
	content: "";
	background-image: url(../images/common-p/header-loginicon01.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
    vertical-align: middle;
	margin: 0 0 0 5px;}

.header-mycontents-label p{
	font-size: 20px;
	max-width: none;}

.header-mycontents-label span{
	width: 38px;
	height: 38px;
	border-radius: 40px;
	margin: 0 5px 0 0;}

.header-mycontents-label span.notification:after{
	width: 18px;
	height: 18px;
	top: -4px;
	right: -4px;
	border-radius: 20px;}

.header-mycontents-menu{
	top: calc(100% + 1px);
	border-bottom: 1px #AAA solid;}

.header-mycontents-menu li a{
	font-size: 18px;
	padding: 16px 46px;
	border-bottom: 1px #AAA solid;}

.header-mycontents-menu li button{
	font-size: 18px;
	padding: 16px 46px;}
	
#menu-icon{
	display: block;
	width: 46px;
	height: 34px;
	position: relative;
	cursor: pointer;
	z-index: 20;
	margin: 0 0 0 auto;}

.menu-icon span{
	display: block;
	height: 4px;
	width: 46px;
	background: #1BA5DF;
	position: absolute;
	transition: 0.3s;}

.menu-icon span:nth-child(1) {
	transform-origin: bottom left;
	top: 0;}

.menu-icon span:nth-child(2){
	top: 50%;
	transform: translate(0,-50%);}

.menu-icon span:nth-child(3) {
	transform-origin: top left;
	top: calc(100% - 2px);}

.clause-icon span{
	content: '';
	display: block;
	height: 4px;
	width: 46px;
	background: #1BA5DF;
	position: absolute;
	transition: 0.3s;}

.clause-icon span:nth-child(1) {
	top: 50%;
	transform: translate(0,-50%);
	transform: rotate(45deg);}

.clause-icon span:nth-child(2){
	width: 0;
	top: 50%;
	transform: translate(0,-50%);}

.clause-icon span:nth-child(3) {
	top: 50%;
	transform: translate(0,-50%);
	transform: rotate(-45deg);}
}

@media only screen and (max-width: 520px) {
.menu-clausearea{
	margin: -2.8rem 0 0 0;}
	
header{
	width: calc(100% - 10.2rem);
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 1.4rem 4.6rem;
	border-radius: 4.0rem;
	margin: 2.8rem auto 0 auto;}

.header-logo{
	width: 18.8rem;}
	
.header-rightcontents{
	width: calc(100% + 1rem);
	height: calc(100dvh - 16.8rem);
	right: calc(-100% - 2rem);
	padding: 14.0rem 0 2.8rem 0;
	margin: -2.8rem 0 0 0;}
	
.header-rightcontents-open{
	right: -0.52rem;}

.header-nav{
	border-top: 0.1rem #AAA solid;}

.header-nav li{
	border-bottom: 0.1rem #AAA solid;}

.header-nav li a{
	font-size: 2.0rem;
	padding: 2.3rem 4.6rem;}

.header-loginlink{
	font-size: 2.0rem;
	padding: 2.3rem 4.6rem;
	border-bottom: 0.1rem #AAA solid;}

.header-loginlink:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 0.5rem;}

.header-mycontents-area{
	border-bottom: 0.1rem #AAA solid;}

.header-mycontents-label{
	padding: 1.6rem 4.6rem;}

.header-mycontents-label:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 0.5rem;}

.header-mycontents-label p{
	font-size: 2.0rem;}

.header-mycontents-label span{
	width: 3.8rem;
	height: 3.8rem;
	border-radius: 4.0rem;
	margin: 0 0.5rem 0 0;}

.header-mycontents-label span.notification:after{
	width: 1.8rem;
	height: 1.8rem;
	top: -0.4rem;
	right: -0.4rem;
	border-radius: 2.0rem;}

.header-mycontents-menu{
	top: calc(100% + 0.1rem);
	border-bottom: 0.1rem #AAA solid;}

.header-mycontents-menu li a{
	font-size: 1.8rem;
	padding: 1.6rem 4.6rem;
	border-bottom: 0.1rem #AAA solid;}

.header-mycontents-menu li button{
	font-size: 1.8rem;
	padding: 1.6rem 4.6rem;}
	
#menu-icon{
	width: 4.6rem;
	height: 3.4rem}

.menu-icon span{
	height: 0.4rem;
	width: 4.6rem;}

.menu-icon span:nth-child(3) {
	top: calc(100% - 0.2rem);}

.clause-icon span{
	height: 0.4rem;
	width: 4.6rem;}

}



/*====================================
フッター
====================================*/
footer{
	width: 100%;
	height: auto;
	background: linear-gradient(90deg,#0B78EA 0%,#3DB9DC 50%,#29CDA5 100%);
	padding: 60px 0 10px 0;
	margin: 0 auto;}

.footer_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% 70%;
	grid-template-columns: 30% 70%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.footer_contents01_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.footer_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */}
	
.footer_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 1;
	grid-row: 1;
	text-align: right;}

.footer-logo{}

.footer-logo img{
	width: 168px;
	height: auto;
	aspect-ratio: 168 / 36;}

.copyright{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	color: #FFF;
	padding: 10px 0 0 0;
	margin: 0 auto;}

.footer-nav{
	font-size: 0;
	list-style: none;
	padding: 0 0;
	margin: 0 0;}

.footer-nav li{
	display: inline-block;
	margin: 0 0 10px 20px;}

.footer-nav li:first-child{
	margin: 0 0 10px 0;}

.footer-nav li a{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	color: #FFF;
	transition: 0.3s;
	padding: 0 0 5px 0;
	border-bottom: 1px rgba(2558,255,255,0) solid;}

.footer-nav li a:hover{
	border-bottom: 1px rgba(2558,255,255,1) solid;}

@media only screen and (max-width: 960px) {
.footer_contents01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.footer_contents01_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.footer_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */}
	
.footer_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	grid-row: 1;
	text-align: left;}

.footer-nav li{
	margin: 0 20px 10px 0;}

.footer-nav li:first-child{
	margin: 0 20px 10px 0;}
}

@media only screen and (max-width: 520px) {
footer{
	padding: 6.0rem 0 1.0rem 0;}

.footer_contents01_g2 > .grid_container > .grid_item {
	margin: 0 1.5rem 3.0rem 1.5rem;}

.footer-logo img{
	width: 20.0rem;}

.copyright{
	font-size: 1.6rem;
	padding: 1.5rem 0 0 0;}

.footer-nav li{
	display: block;
	margin: 0 0 3.0rem 0;}

.footer-nav li:first-child{
	margin: 0 0 3.0rem 0;}

.footer-nav li a{
	font-size: 2.2rem;
	padding: 0 0 0.5rem 0;
	border-bottom: 0.1rem rgba(2558,255,255,0) solid;}

.footer-nav li a:hover{
	border-bottom: 0.1rem rgba(2558,255,255,1) solid;}
}



/*====================================
共通部分
====================================*/
.common-main-bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;}

.common-main-box{
	height: 418px;}

.common-main-ttl{
	font-size: 42px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFF;
	position: absolute;
	bottom: 170px;
	left: 0;
	z-index: 2;
	padding: 0 0;
	margin: 0 0;}

.common-main-subttl{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFF;
	position: absolute;
	bottom: 100px;
	left: 0;
	z-index: 2;
	padding: 0 0;
	margin: 0 0;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.common-main-box{
	height: 50.0rem;}

.common-main-ttl{
	font-size: 4.2rem;
	bottom: 17.0rem;}

.common-main-subttl{
	font-size: 2.0rem;
	bottom: 10.0rem;}
}



/*====================================
新規ご利用申請関係共通
====================================*/
.createaccount_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F9F9F9;
	padding: 60px 0 100px 0;
	margin: 0 auto;}

.createaccount-c01-leadtx01{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.65;
	letter-spacing: 0.02em;
	color: #000;
	padding: 0 0;
	margin: 0 auto 50px auto;}

.createaccount-c01-contentsbox{
	background-color: #FFF;
	max-width: 580px;
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 0 auto;}

.createaccount-c01-contentsbox-line{
	width: 100%;
	height: 2px;
	background-color: #AAAAAA;
	padding: 0 0;
	margin: 50px auto;}

.createaccount-c01-contentsbox-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.createaccount-c01-contentsbox-tx01{
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	line-height: 1.45;
	letter-spacing: 0.02em;
	color: #000;
	padding: 0 0;
	margin: 0 auto;}

.createaccount-c01-contentsbox-annotation{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	padding: 0 0;
	margin: 0 auto;}

.createaccount-c01-contentsbox-annotation span{
	color: #FF0000;}

.createaccount-c01-contentsbox-annotation02{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	padding: 0 0;
	margin: 5px auto 0 auto;}

.createaccount-c01-contentsbox-inputttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0 0;
	margin: 26px auto 8px auto;}

.createaccount-c01-contentsbox-inputttl span{
	color: #FF0000;}

.createaccount-c01-contentsbox-inpuarea,
.createaccount-c01-contentsbox-inpuarea-input,
.createaccount-c01-contentsbox-inpuarea-dob{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	padding: 0 0;
	margin: 0 auto;}

.createaccount-c01-contentsbox-inpuarea-radio{
	list-style: none;
	padding: 0 0;
	margin: 0 auto 30px auto;}

.createaccount-c01-contentsbox-inpuarea-radio li{
	display: inline-block;
	margin: 0 10px 0 0;}

.createaccount-c01-contentsbox-inpuarea-input input{
	width: calc(100% - 20px);
	outline: none;
	padding: 10px 10px;
	border: 2px #EEEEEE solid;}

.createaccount-c01-contentsbox-inpuarea-dob{
	font-size: 0;
	margin: 0 auto 30px auto;}

.createaccount-c01-contentsbox-inpuarea-dob div{
	display: inline-block;}

.createaccount-c01-contentsbox-inpuarea-dob div select{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	width: 100px;
	outline: none;
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 0 10px 0 0;}

.reateaccount-c01-contentsbox-inpuarea-apartmentname{
	width: 100%;}

.reateaccount-c01-contentsbox-inpuarea-apartmentname select{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	width: 100%;
	outline: none;
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 20px 0 0 0;}

.createaccount-c01-contentsbox-btnarea{
	font-size: 0;
	text-align: center;}

.createaccount-c01-contentsbox-nextbtn{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	padding: 20px 30px;
	border-radius: 40px;
	margin: 24px auto 0 auto;}

.createaccount-c01-contentsbox-nextbtn:hover{
	opacity: 0.8;}

.createaccount-c01-contentsbox-nextbtn:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.createaccount-c01-contentsbox-nextbtn02{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 24px 4px 0 4px;}

.createaccount-c01-contentsbox-nextbtn02:hover{
	opacity: 0.8;}

.createaccount-c01-contentsbox-nextbtn02:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.createaccount-c01-contentsbox-backbtn02{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #333333;
	background-color: #FFF;
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border: 1px #333333 solid;
	border-radius: 40px;
	margin: 24px 4px 0 4px;}

.createaccount-c01-contentsbox-backbtn02:hover{
	opacity: 0.8;}

.createaccount-c01-contentsbox-backbtn02:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-gray.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.createaccount-c01-contentsbox-apartmentbtn{
	padding: 0 0;
	margin: 30px auto;}

.createaccount-c01-contentsbox-apartmentbtn button{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	color: #333;
	background-color: #FFF;
	transition: 0.3s;cursor: pointer;
	padding: 10px 30px;
	border: 1px #333 solid;
	border-radius: 30px;}

.createaccount-c01-contentsbox-apartmentbtn button:hover{
	color: #FFF;
	background-color: #333;}

.createaccount-c01-contentsbox-apartmentttl-area{
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.createaccount-c01-contentsbox-apartmentttl{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	color: #333;
	padding: 0 0;
	margin: 0 auto -15px auto;}

.createaccount-c01-contentsbox-apartmentttl:before{
	content: "■";}

.createaccount-c01-contentsbox-apartment-delete{
	background-color: #FFF;
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	z-index: 1;
	border: 1px #AAAAAA solid;
	border-radius: 100%;}

.createaccount-c01-contentsbox-apartment-delete:before{
	content: "";
	background-color: #AAAAAA;
	width: 16px;
	height: 2px;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 8px);}

.createaccount-c01-contentsbox-apartment-delete:after{
	content: "";
	background-color: #AAAAAA;
	width: 16px;
	height: 2px;
	display: block;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 8px);}

.createaccount-c01-contentsbox-confirmationarea{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	padding: 0 0 5px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

@media only screen and (max-width: 960px) {
.createaccount-c01-contentsbox{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.createaccount_c01_bg01{
	padding: 6.0rem 0 10.0rem 0;}

.createaccount-c01-leadtx01{
	font-size: 1.8rem;
	text-align: left;
	margin: 0 auto 5.0rem auto;}

.createaccount-c01-contentsbox{
	max-width: 58.0rem;
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;}

.createaccount-c01-contentsbox-line{
	height: 0.2rem;
	margin: 5.0rem auto;}

.createaccount-c01-contentsbox-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 3.0rem 0;}

.createaccount-c01-contentsbox-tx01{
	font-size: 1.8rem;}

.createaccount-c01-contentsbox-annotation{
	font-size: 1.6rem;}

.createaccount-c01-contentsbox-annotation02{
	font-size: 1.6rem;
	margin: 0.5rem auto 0 auto;}

.createaccount-c01-contentsbox-inputttl{
	font-size: 2.0rem;
	letter-spacing: 0.02em;
	margin: 2.6rem auto 0.8rem auto;}

.createaccount-c01-contentsbox-apartment-delete{
	width: 2.8rem;
	height: 2.8rem;
	border: 0.1rem #AAAAAA solid;}

.createaccount-c01-contentsbox-apartment-delete:before{
	width: 1.6rem;
	height: 0.2rem;
	top: calc(50% - 0.1rem);
	left: calc(50% - 0.8rem);}

.createaccount-c01-contentsbox-apartment-delete:after{
	width: 1.6rem;
	height: 0.2rem;
	top: calc(50% - 0.1rem);
	left: calc(50% - 0.8rem);}

.createaccount-c01-contentsbox-inpuarea,
.createaccount-c01-contentsbox-inpuarea-input,
.createaccount-c01-contentsbox-inpuarea-dob{
	font-size: 2.2rem;
	letter-spacing: 0.02em;}

.createaccount-c01-contentsbox-inpuarea-radio{
	margin: 0 auto 3.0rem auto;}

.createaccount-c01-contentsbox-inpuarea-radio li{
	margin: 0 1.0rem 0 0;}

.createaccount-c01-contentsbox-inpuarea-input input{
	width: calc(100% - 2.0rem);
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.createaccount-c01-contentsbox-inpuarea-dob{
	margin: 0 auto 3.0rem auto;}

.createaccount-c01-contentsbox-inpuarea-dob div select{
	font-size: 2.2rem;
	width: 10.0rem;
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;
	margin: 0 1.0rem 0 0;}

.reateaccount-c01-contentsbox-inpuarea-apartmentname select{
	font-size: 2.2rem;
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;
	margin: 2.0rem 0 0 0;}

.createaccount-c01-contentsbox-nextbtn{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;
	margin: 2.4rem auto 0 auto;}

.createaccount-c01-contentsbox-nextbtn:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.createaccount-c01-contentsbox-nextbtn02{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;
	margin: 2.4rem 0 0 0;}

.createaccount-c01-contentsbox-nextbtn02:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.createaccount-c01-contentsbox-backbtn02{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;
	border: 0.1rem #333333 solid;
	margin: 2.4rem 0 0 0;}

.createaccount-c01-contentsbox-backbtn02:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}
	
.createaccount-c01-contentsbox-apartmentbtn button{
	font-size: 1.6rem;
	padding: 1.0rem 3.0rem;
	border: 0.1rem #333 solid;
	border-radius: 3.0rem;}

.createaccount-c01-contentsbox-apartmentttl{
	font-size: 2.4rem;
	margin: 0 auto -1.5rem auto;}

.createaccount-c01-contentsbox-confirmationarea{
	font-size: 2.1rem;
	letter-spacing: 0.02em;
	padding: 0 0 0.5rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}
}


.createaccountfin-main-bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;}

.createaccountfin-box{
	background-color: #FFF;
	max-width: 580px;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 170px auto 100px auto;}

.createaccountfin-box-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.createaccountfin-box-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	color: #000;
	margin: 0 auto 20px auto;}

.createaccountfin-box-btnarea{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.createaccountfin-box-btnarea a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 0 auto;}

.createaccountfin-box-btnarea a:hover{
	opacity: 0.8;}

.createaccountfin-box-btnarea a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

@media only screen and (max-width: 960px) {
.createaccountfin-box{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.createaccountfin-box{
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;
	margin: 17.0rem auto 10.0rem auto;}

.createaccountfin-box-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 3.0rem 0;}

.createaccountfin-box-tx01{
	font-size: 1.8rem;
	letter-spacing: 0.02em;
	margin: 0 auto .0rem auto;}

.createaccountfin-box-btnarea{
	margin: 2.0rem auto 0 auto;}

.createaccountfin-box-btnarea a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;
	margin: 0 auto;}

.createaccountfin-box-btnarea a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}
}



/*====================================
ログインページ
====================================*/
.login-main-bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;}

.login-box{
	background-color: #FFF;
	max-width: 580px;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 170px auto 100px auto;}

.login-box-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.login-box-inputttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.05em;
	color: #000;
	margin: 0 auto 10px auto;}

.login-box-inputttl02{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.05em;
	color: #000;
	margin: 30px auto 10px auto;}

.login-box-telinput{
	padding: 0 0;
	margin: 0 auto;}

.login-box-telinput input{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	width: calc(100% - 20px);
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 0 auto;}

.login-box-btnarea{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.login-box-btnarea a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 0 auto;}

.login-box-btnarea a:hover{
	opacity: 0.8;}

.login-box-btnarea02{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.login-box-btnarea02 button{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: #0091F0;
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border: none;
	border-radius: 40px;
	margin: 0 auto;}

.login-box-btnarea02 button:hover{
	opacity: 0.8;}

.login-box-btnarea a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.login-box-subttl{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	padding: 50px 0 0 0;
	border-top: 2px #EEEEEE solid;
	margin: 50px auto 0 auto;}

.login-box-btnarea02{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.login-box-btnarea02 a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #333333;
	background-color: #FFF;
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border: 1px #333333 solid;
	border-radius: 40px;
	margin: 0 auto;}

.login-box-btnarea02 a:hover{
	opacity: 0.8;}

.login-box-btnarea02 a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-gray.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

@media only screen and (max-width: 960px) {
.login-box{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.login-box{
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;
	margin: 17.0rem auto 10.0rem auto;}

.login-box-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 3.0rem 0;}

.login-box-inputttl{
	font-size: 2.0rem;
	letter-spacing: 0.02em;
	margin: 0 auto 1.0rem auto;}

.login-box-inputttl02{
	font-size: 2.0rem;
	letter-spacing: 0.02em;
	margin: 3.0rem auto 1.0rem auto;}

.login-box-telinput input{
	font-size: 2.2rem;
	width: calc(100% - 2.0rem);
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.login-box-btnarea{
	margin: 2.0rem auto 0 auto;}

.login-box-btnarea a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.login-box-btnarea a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.login-box-btnarea02{
	margin: 2.0rem auto 3.0rem auto;}

.login-box-btnarea02 button{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.login-box-subttl{
	font-size: 2.4rem;
	letter-spacing: 0.02em;
	padding: 5.0rem 0 0 0;
	border-top: 0.2rem #EEEEEE solid;
	margin: 5.0rem auto 0 auto;}

.login-box-btnarea02{
	margin: 2.0rem auto 0 auto;}

.login-box-btnarea02 a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 4.0rem;}

.login-box-btnarea02 a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}
}



/*====================================
認証コード入力関係ページ
====================================*/
.authcode-main-bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;}

.authcode-box{
	background-color: #FFF;
	max-width: 580px;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 170px auto 100px auto;}

.authcode-box-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.authcode-box-tx01{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 0 auto 10px auto;}

.authcode-box-tx02{
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 30px auto 0 auto;}

.authcode-box-tx02 span{
	font-size: 16px;
	font-weight: 500;
	color: #222;}

.authcode-box-authcodeinput{
	padding: 0 0;
	margin: 0 auto;}

.authcode-box-authcodeinput input{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	width: calc(100% - 20px);
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 0 auto;}

.authcode-box-btnarea{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.authcode-box-btnarea a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 0 auto;}

.authcode-box-btnarea a:hover{
	opacity: 0.8;}

.authcode-box-btnarea a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.authcode-box-btnarea02{
	text-align: center;
	padding: 0 0;
	margin: 10px auto 40px auto;}

.authcode-box-btnarea02 button{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: #0091F0;
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border: none;
	border-radius: 40px;
	margin: 0 auto;}

.authcode-box-btnarea02 button:hover{
	opacity: 0.8;}

.authcode-box-authcoderesend{
	text-align: center;
	padding: 0 0;
	margin: 30px auto 0 auto;}

.authcode-box-authcoderesend button{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 1.25;
	color: #333333;
	background-color: inherit;
	cursor: pointer;
	transition: 0.3s;
	padding: 0 0 5px 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px #333 solid;
	border-left: none;}

.authcode-box-authcoderesend button:hover{
	color: #034498;
	border-bottom: 1px #034498 solid;}

.authcode-box-authcoderesend-annotation{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 30px auto 0 auto;}

@media only screen and (max-width: 960px) {
.authcode-box{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.authcode-box{
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;
	margin: 17.0rem auto 10.0rem auto;}

.authcode-box-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 3.0rem 0;}

.authcode-box-tx01{
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	margin: 0 auto 1.0rem auto;}

.authcode-box-tx02{
	font-size: 2.2rem;
	margin: 3.0rem auto 0 auto;}

.authcode-box-tx02 span{
	font-size: 1.6rem;}

.authcode-box-authcodeinput input{
	font-size: 2.2rem;
	width: calc(100% - 2.0rem);
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.authcode-box-btnarea{
	margin: 2.0rem auto 0 auto;}

.authcode-box-btnarea a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.authcode-box-btnarea a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem}

.authcode-box-btnarea02{
	margin: 1.0rem auto 4.0rem auto;}

.authcode-box-btnarea02 button{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.authcode-box-authcoderesend{
	margin: 3.0rem auto 0 auto;}

.authcode-box-authcoderesend button{
	font-size: 1.8rem;
	padding: 0 0 0.5rem 0;
	border-bottom: 0.1rem #333 solid;}

.authcode-box-authcoderesend button:hover{
	border-bottom: 0.1rem #034498 solid;}

.authcode-box-authcoderesend-annotation{
	font-size: 1.4rem;
	margin: 3.0rem auto 0 auto;}
}



/*====================================
マイページ
====================================*/
.mypage_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 70px 0;
	margin: 0 auto;}

.mypage-c01-temporarynews-area{
	position: relative;
	padding: 15px 50px 15px 30px;
	border: 1px #CCCCCC solid;
	border-radius: 50px;
	margin: 0 auto 60px auto;}

.mypage-c01-temporarynews-area-clauseicon{
	width: 14px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	z-index: 1}

.mypage-c01-temporarynews-area-clauseicon:before{
	content: "";
	background-color: #AAAAAA;
	width: 16px;
	height: 2px;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 1px);}

.mypage-c01-temporarynews-area-clauseicon:after{
	content: "";
	background-color: #AAAAAA;
	width: 16px;
	height: 2px;
	display: block;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 1px);}

.mypage-c01-temporarynews-area p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	color: #000;
	padding: 0 0;
	margin: 0 0;}

.mypage-c01-temporarynews-area p a{
	color: #008CEB;
	transition: 0.3s;}

.mypage-c01-temporarynews-area p a:hover{
	opacity: 0.8;}

.mypage-c01-news-area{
	padding: 0 0;
	margin: 0 0;}

.mypage-c01-news-area-ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 30px 0;}

.mypage-c01-news-area-ttl:before{
	content: "News";
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: linear-gradient(166deg,#0091F0 0%,#00F2F9 100%);
	vertical-align: middle;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.mypage-c01-news-area-tabarea{
	font-size: 0;
	padding: 0 0;
	margin: 0 0 14px 0;}

.mypage-c01-news-area-tabarea button{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	color: #555555;
	background-color: #FFF;
	display: inline-block;
	cursor: pointer;
	transition: 0.3s;
	padding: 5px 20px;
	border: 1px #777777 solid;
	border-radius: 20px;
	margin: 0 15px 0 0;}

.mypage-c01-news-area-tabarea button:hover{
	color: #FFF;
	background-color: #777777;}

.mypage-c01-news-area-tabarea button.active{
	color: #FFF;
	background-color: #777777;}

.mypage-c01-news-area-tabarea button.notification:before{
	content: "";
	background-color: #FF0000;
	background-image: url(../images/common-p/common-annotationicon01-h.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 20px;
	margin: 0 5px 0 0;}

.mypage-c01-news-area-box{
	position: relative;
	padding: 10px 0;
	border-top: 2px #EEEEEE solid;
	border-bottom: 2px #EEEEEE solid;}

.mypage-c01-news-area-box:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;}

.mypage-c01-news-area-box ul{
	list-style: none;
	height: 280px;
	overflow-y: scroll;
	padding: 0 0;
	margin: 0 0;}

.mypage-c01-news-area-box ul li{
	padding: 0 0;
	border-bottom: 1px #EEEEEE solid;
	margin: 0 30px 0 0;}

.mypage-c01-news-area-box ul li a{
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.35;
	letter-spacing: 0.02em;
	color: #000;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 15px 0 15px 24px;}

.mypage-c01-news-area-box ul li a:hover{
	color: #034498;}

.mypage-c01-news-area-box ul li a.notification:before{
	content: "";
	background-color: #FF0000;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1;
	border-radius: 20px;
	margin: 0 6px 0 0;}

.mypage-c01-news-area-box ul li a span{
	font-size: 16px;
	padding: 0 40px 0 0;
	margin: 0 0;}

@media only screen and (max-width: 960px) {}

@media only screen and (max-width: 520px) {
.mypage_c01_bg01{
	padding: 7.0rem 0;}

.mypage-c01-temporarynews-area{
	padding: 1.5rem 5.0rem 1.5rem 3.0rem;
	border: 0.1rem #CCCCCC solid;
	border-radius: 5.0rem;
	margin: 0 auto 6.0rem auto;}

.mypage-c01-temporarynews-area-clauseicon{
	width: 1.4rem;
	height: 1.4rem;
	right: 3.0rem;}

.mypage-c01-temporarynews-area-clauseicon:before{
	width: 1.6rem;
	height: 0.2rem;
	top: calc(50% - 0.1rem);}

.mypage-c01-temporarynews-area-clauseicon:after{
	width: 1.6rem;
	height: 0.2rem;
	top: calc(50% - 0.1rem);}

.mypage-c01-temporarynews-area p{
	font-size: 2.0rem;}

.mypage-c01-news-area-ttl{
	font-size: 3.2rem;
	margin: 0 0 3.0rem 0;}

.mypage-c01-news-area-ttl:before{
	font-size: 1.7rem;
	padding: 0.6rem 2.0rem;
	margin: 0 1.0rem 0 0;}

.mypage-c01-news-area-tabarea{
	margin: 0 0 1.4rem 0;}

.mypage-c01-news-area-tabarea button{
	font-size: 1.6rem;
	padding: 0.5rem 2.0rem;
	border: 0.1rem #777777 solid;
	border-radius: 2.0rem;
	margin: 0 1.5rem 0 0;}

.mypage-c01-news-area-tabarea button.notification:before{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 2.0rem;
	margin: 0 0.5rem 0 0;}

.mypage-c01-news-area-box{
	padding: 1.0rem 0;
	border-top: 0.2rem #EEEEEE solid;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage-c01-news-area-box:before{
	width: 16.0rem;
	height: 0.2rem;
	top: -0.2rem;}

.mypage-c01-news-area-box ul{
	height: 28.0rem;}

.mypage-c01-news-area-box ul li{
	border-bottom: 0.1rem #EEEEEE solid;
	margin: 0 3.0rem 0 0;}

.mypage-c01-news-area-box ul li a{
	font-size: 2.0rem;
	padding: 1.5rem 0 1.5rem 2.4rem;}

.mypage-c01-news-area-box ul li a.notification:before{
	width: 1.6rem;
	height: 1.6rem;
	top: 2.0rem;
	border-radius: 2.0rem;
	margin: 0 0.6rem 0 0;}

.mypage-c01-news-area-box ul li a span{
	font-size: 1.6rem;
	padding: 0 4.0rem 0 0;}
}


.mypage_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color:#F9F9F9;
	padding: 100px 0 20px 0;
	margin: 0 auto;}

.mypage_c02-ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 30px 0;}

.mypage_c02-ttl:before{
	content: "User data";
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: linear-gradient(166deg,#0091F0 0%,#00F2F9 100%);
	vertical-align: middle;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.mypage_c02-contentsbox{
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	background-color: #FFFFFF;
	padding: 50px 50px 0 50px;
	border-radius: 10px;
	margin: 0 auto 80px auto;}

.mypage_c02contentsbox-inbox{
	padding: 0 0 50px 0;
	margin: 0 auto;}

.mypage_c02contentsbox-inbox-ttl{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #00D0F6;
	position: relative;
	padding: 0 0 10px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

.mypage_c02contentsbox-inbox-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.mypage_c02contentsbox-inbox-table01{
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0.05em;
	width: 100%;
	border-collapse: collapse;}

.mypage_c02contentsbox-inbox-table01 tr{}

.mypage_c02contentsbox-inbox-table01 tr th{
	font-weight: 500;
	color: #545454;
	width: 22%;
	padding: 20px 0 20px 0;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c02contentsbox-inbox-table01 tr td{
	color: #000;
	width: 78%;
	position: relative;
	padding: 20px 0 20px 20px;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c02contentsbox-inbox-table01 tr td p{
	padding: 0 190px 0 0;
	margin: 0 0;}

.mypage_c02contentsbox-inbox-table01-popupbtn{
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFF;
	display: block;
	width: 170px;
	cursor: pointer;
	transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	padding: 10px 0;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 0 0 0 auto;}

.mypage_c02contentsbox-inbox-table01-popupbtn:hover{
	color: #FFFFFF;
	background-color: #333333;}

.mypage_c02contentsbox-inbox-table01-popupbtn:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

.mypage_c02contentsbox-inbox-table01-popupbtn:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

@media only screen and (max-width: 960px) {
.mypage_c02-contentsbox{
	padding: 30px 30px 0 30px;}

.mypage_c02contentsbox-inbox{
	padding: 0 0 30px 0;}
	
.mypage_c02contentsbox-inbox-table01 tr th{
	font-size: 16px;
	width: 100%;
	display: block;
	padding: 20px 0 0 0;
	border-bottom: none;}

.mypage_c02contentsbox-inbox-table01 tr td{
	width: 100%;
	display: block;
	padding: 4px 0 20px 0;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c02contentsbox-inbox-table01-popupbtn{
	font-size: 14px;
	width: 154px;
	top: inherit;
	bottom: 0;}
}

@media only screen and (max-width: 520px) {
.mypage_c02_bg01{
	padding: 10.0rem 0 2.0rem 0;}

.mypage_c02-ttl{
	font-size: 3.2rem;
	margin: 0 0 3.0rem 0;}

.mypage_c02-ttl:before{
	font-size: 1.7rem;
	padding: 0.6rem 2.0rem;
	margin: 0 1.0rem 0 0;}

.mypage_c02-contentsbox{
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 3.0rem 3.0rem 0 3.0rem;
	border-radius: 1.0rem;
	margin: 0 auto 8.0rem auto;}

.mypage_c02contentsbox-inbox{
	padding: 0 0 3.0rem 0;}

.mypage_c02contentsbox-inbox-ttl{
	font-size: 2.4rem;
	padding: 0 0 1.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c02contentsbox-inbox-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.mypage_c02contentsbox-inbox-table01{
	font-size: 1.8rem;}

.mypage_c02contentsbox-inbox-table01 tr th{
	font-size: 1.6rem;
	padding: 2.0rem 0 0 0;}

.mypage_c02contentsbox-inbox-table01 tr td{
	padding: 0.4rem 0 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c02contentsbox-inbox-table01 tr td p{
	padding: 0 19.0rem 0 0;}

.mypage_c02contentsbox-inbox-table01-popupbtn{
	font-size: 1.4rem;
	width: 15.4rem;
	padding: 1.0rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 5.0rem;}

.mypage_c02contentsbox-inbox-table01-popupbtn:after{
    width: 1.2rem;
    height: 1.2rem;
	right: 1.8rem;}
}



.mypage_c03_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 100px 0 60px 0;
	margin: 0 auto;}

.mypage_c03-ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 30px 0;}

.mypage_c03-ttl:before{
	content: "Apartment";
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: linear-gradient(166deg,#0091F0 0%,#00F2F9 100%);
	vertical-align: middle;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.mypage_c03-contentsbox-accordion{
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 0 auto 40px auto;}

.mypage_c03-contentsbox-accordion summary{
	list-style: none;
	cursor: pointer;
	transition: 0.3s;
	padding: 50px 50px;}

.mypage_c02contentsbox-inbox-accordion summary::-webkit-details-marker{
 	display:none;}

.mypage_c03-contentsbox-accordion[open] summary{
	padding: 50px 50px 0 50px;}

.mypage_c03-contentsbox-accordion-table{
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #000;
	width: 100%;
	border-collapse: collapse;}

.mypage_c03-contentsbox-accordion-table tr{}

.mypage_c03-contentsbox-accordion-table tr th{
	color: #00D0F6;
	width: 22%;
	padding: 20px 0 20px 0;
	border-top: 2px #00D0F6 solid;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-table tr td{
	width: 78%;
	position: relative;
	padding: 20px 0 20px 20px;
	border-top: 2px #EEEEEE solid;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-table tr td:after{
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	border-top: 2px #3EC5FF solid;
	border-right: 2px #3EC5FF solid;
	transition: 0.3s;
	position: absolute;
	top: 20px;
	right: 5px;
	transform: rotate(135deg);
	z-index: 0;}

.mypage_c03-contentsbox-accordion[open] summary .mypage_c03-contentsbox-accordion-table tr td:after{
	top: 30px;
	transform: rotate(-45deg);}

.mypage_c03-contentsbox-accordion-inbox{
	padding: 0 50px 50px 50px;}

.mypage_c03-contentsbox-table{
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #000;
	width: 100%;
	border-collapse: collapse;}

.mypage_c03-contentsbox-table tr{}

.mypage_c03-contentsbox-table tr th{
	font-weight: 500;
	width: 22%;
	padding: 20px 0 20px 0;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-table tr td{
	width: 78%;
	position: relative;
	padding: 20px 0 20px 20px;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-inbox-ttl{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #00D0F6;
	position: relative;
	padding: 0 0 10px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 50px auto 0 auto;}

.mypage_c03-contentsbox-accordion-inbox-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.mypage_c03-contentsbox-accordion-inbox-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0 0;
	margin: 15px auto 20px auto;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01{
	list-style: none;
	padding: 0 0;
	margin: 0 auto;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li{
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 20px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	width: calc(100% - 180px);
	padding: 0 0;
	margin: 0 20px 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFF;
	width: 160px;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 12px 0;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a:hover{
	color: #FFFFFF;
	background-color: #333333;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

.mypage_c03-contentsbox-accordion-inbox-commonlist02{
	list-style: none;
	padding: 0 0;
	margin: 0 auto;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 130px calc(100% - 290px) 160px;
    grid-template-columns: 130px calc(100% - 290px) 160px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
	padding: 20px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .ttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	color: #000;
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	padding: 0 0;
	margin: 0 20px 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .label{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin: 0 10px 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .label p{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	background-color: #00D0F6;
	padding: 5px 10px;
	border-radius: 30px;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .linkarea{
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .linkarea a{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFF;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 12px 0;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 0 0 0 auto;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li a:hover{
	color: #FFFFFF;
	background-color: #333333;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li a:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li a:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

.mypage_c03-vendor-label{
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #00D0F6;
	padding: 0 0 10px 0;
	margin: 0 0;}

.mypage_c03-vendor-name{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding: 0 0 10px 0;
	margin: 0 0;}

.mypage_c03-vendor-information{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	padding: 0 0;
	margin: 0 0;}

@media only screen and (max-width: 960px) {
.mypage_c03-contentsbox-accordion summary{
	padding: 30px 30px;}

.mypage_c03-contentsbox-accordion[open] summary{
	padding: 30px 30px 0 30px;}

.mypage_c03-contentsbox-accordion-table tr th{
	font-size: 16px;
	width: 100%;
	display: block;
	padding: 20px 0 0 0;
	border-top: 2px #00D0F6 solid;
	border-bottom: none;}

.mypage_c03-contentsbox-accordion-table tr td{
	width: 100%;
	display: block;
	padding: 4px 0 20px 0;
	border-top: none;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-table tr td:after{
	top: 0;}

.mypage_c03-contentsbox-accordion[open] summary .mypage_c03-contentsbox-accordion-table tr td:after{
	top: 0;}

.mypage_c03-contentsbox-accordion-inbox{
	padding: 0 30px 30px 30px;}

.mypage_c03-contentsbox-table tr th{
	font-size: 16px;
	width: 100%;
	display: block;
	padding: 20px 0 0 0;
	border-bottom: none;}

.mypage_c03-contentsbox-table tr td{
	width: 100%;
	display: block;
	padding: 4px 0 20px 0;
	border-bottom: 2px #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li p{
	width: calc(100% - 160px);}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a{
	width: 140px;
	padding: 8px 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li{
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .ttl{
	grid-column: 1 / 3;
	grid-row: 2 / 3;
	margin: 10px 0 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .label{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .label p{
	width: 100px;
	padding: 8px 10px;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .linkarea{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	margin: 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .linkarea a{
	width: 160px;
	padding: 8px 0;}
}

@media only screen and (max-width: 520px) {
.mypage_c03_bg01{
	padding: 10.0rem 0 7.0rem 0;}

.mypage_c03-ttl{
	font-size: 3.2rem;
	margin: 0 0 3.0rem 0;}

.mypage_c03-ttl:before{
	font-size: 1.7rem;
	padding: 0.6rem 2.0rem;
	margin: 0 1.0rem 0 0;}

.mypage_c03-contentsbox-accordion{
	box-shadow: 0 0 5 0 #c2c2c2;
	border-radius: 1.0rem;
	margin: 0 auto 4.0rem auto;}

.mypage_c03-contentsbox-accordion summary{
	padding: 3.0rem 3.0rem;}

.mypage_c03-contentsbox-accordion[open] summary{
	padding: 3.0rem 3.0rem 0 3.0rem;}

.mypage_c03-contentsbox-accordion-table{
	font-size: 2.0rem;
	letter-spacing: 0;}

.mypage_c03-contentsbox-accordion-table tr th{
	font-size: 1.6rem;
	padding: 2.0rem 0 0 0;
	border-top: 0.2rem #00D0F6 solid;}

.mypage_c03-contentsbox-accordion-table tr td{
	padding: 0.4rem 0 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-table tr td:after{
	width: 1.6rem;
	height: 1.6rem;
	border-top: 0.2rem #3EC5FF solid;
	border-right: 0.2rem #3EC5FF solid;
	right: 0.5rem;}

.mypage_c03-contentsbox-accordion-inbox{
	padding: 0 3.0rem 3.0rem 3.0rem;}

.mypage_c03-contentsbox-table{
	font-size: 1.8rem;
	letter-spacing: 0;}

.mypage_c03-contentsbox-table tr th{
	font-size: 1.6rem;
	padding: 2.0rem 0 0 0;}

.mypage_c03-contentsbox-table tr td{
	padding: 0.4rem 0 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-inbox-ttl{
	font-size: 2.4rem;
	letter-spacing: 0;
	padding: 0 0 1.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;
	margin: 5.0rem auto 0 auto;}

.mypage_c03-contentsbox-accordion-inbox-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.mypage_c03-contentsbox-accordion-inbox-tx01{
	font-size: 1.8rem;
	letter-spacing: 0;
	margin: 1.5rem auto 2.0rem auto;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li{
	padding: 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li p{
	font-size: 2.0rem;
	letter-spacing: 0;
	width: calc(100% - 16.0rem);
	margin: 0 2.0rem 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a{
	font-size: 1.6rem;
	letter-spacing: 0;
	width: 14.0rem;
	padding: 0.8rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 5.0rem;}

.mypage_c03-contentsbox-accordion-inbox-commonlist01 li a:after{
    width: 1.6rem;
    height: 1.6rem;
	right: 1.8rem;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li{
	padding: 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .ttl{
	font-size: 2.0rem;
	letter-spacing: 0;
	margin: 1.0rem 0 0 0;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .label p{
	font-size: 1.6rem;
	width: 10.0rem;
	padding: 0.8rem 1.0rem;
	border-radius: 3.0rem;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li .linkarea a{
	font-size: 1.6rem;
	letter-spacing: 0;
	width: 16.0rem;
	padding: 0.8rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 5.0rem;}

.mypage_c03-contentsbox-accordion-inbox-commonlist02 li a:after{
    width: 1.6rem;
    height: 1.6rem;
	right: 1.8rem;}

.mypage_c03-vendor-label{
	font-size: 2.2rem;
        padding: 0 0 1.0rem 0;}

.mypage_c03-vendor-name{
	font-size: 1.8rem;
        padding: 0 0 1.0rem 0;}

.mypage_c03-vendor-information{
	font-size: 1.6rem;}
}

.mypage_c03_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.mypage_c03_repetitions01_g2 > .grid_container > .grid_item {
	background-color: #FFF;
	display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	padding: 30px 30px;
	border-radius: 10px;}

.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(odd){
	margin: 0 15px 30px 0;}

.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(even){
	margin: 0 0 30px 15px;}

@media only screen and (max-width: 960px) {
.mypage_c03_repetitions01_g2{
	margin: 0 0;}
	
.mypage_c03_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(odd),
.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(even){
	padding: 20px 20px;
	margin: 0 0 30px 0;}
}

@media only screen and (max-width: 520px) {
.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(odd),
.mypage_c03_repetitions01_g2 .grid_container .grid_item:nth-child(even) {
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 2.0rem 2.0rem;
	border-radius: 1.0rem;
	margin: 0 0 3.0rem 0;}
}



/*====================================
お知らせ
====================================*/
.news_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 70px 0;
	margin: 0 auto;}

.news_c01-ttl{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	position: relative;
	padding: 0 0 15px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto 15px auto;}

.news_c01-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.news_c01-day{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0 0;
	margin: 0 auto;}

.news_c01-label-important:before{
	content: "重 要";
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background-color: #00D0F6;
	display: inline-block;
	width: 60px;
	padding: 2px 5px;
	border-radius: 5px;
	margin: 0 10px 0 0;}

.news_c01-contentsarea{
	padding: 0 0;
	margin: 40px auto 0 auto;}

.news_c01-contentsarea h3{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0 0;
	margin: 0 auto;}

.news_c01-contentsarea p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0 0;
	margin: 0 auto 30px auto;}

.news_c01-contentsarea ul{
	font-size: 18px;
	list-style: none;
	padding: 0 0;
	margin: 0 auto 15px auto;}

.news_c01-contentsarea li{
	margin: 0 auto 5px auto;}

.news_c01-contentsarea li:before{
	content: "・";}

.news_c01-contentsarea a{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #00D0F6;
	transition: 0.3s;}

.news_c01-contentsarea a:hover{
	opacity: 0.8;}

.news_c01-contentsarea img{
	background-color: #f6f6f6;
	width: 100%;
	max-height: 500px;
	height: auto;
    object-fit: contain;
	margin: 0 auto 30px auto;}

@media only screen and (max-width: 960px) {}

@media only screen and (max-width: 520px) {
.news_c01_bg01{
	padding: 7.0rem 0;}

.news_c01-ttl{
	font-size: 2.6rem;
	padding: 0 0 1.5rem 0;
	border-bottom: 0.2rem #EEEEEE solid;
	margin: 0 auto 1.5rem auto;}

.news_c01-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.news_c01-day{
	font-size: 1.6rem;}

.news_c01-label-important:before{
	font-size: 1.4rem;
	width: 6.0rem;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	margin: 0 1.0rem 0 0;}

.news_c01-contentsarea{
	margin: 4.0rem auto 0 auto;}

.news_c01-contentsarea h3{
	font-size: 1.8rem;}

.news_c01-contentsarea p{
	font-size: 1.8rem;
	margin: 0 auto 3.0rem auto;}

.news_c01-contentsarea ul{
	font-size: 1.8rem;
	margin: 0 auto 1.5rem auto;}

.news_c01-contentsarea li{
	margin: 0 auto 0.5rem auto;}

.news_c01-contentsarea a{
	font-size: 1.8rem;}

.news_c01-contentsarea img{
	max-height: 50.0rem;
	margin: 0 auto 3.0rem auto;}
}


.news_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F9F9F9;
	padding: 100px 0 20px 0;
	margin: 0 auto;}

.news_c02-contentsbox{
	background-color: #FFF;
	box-shadow: 0 0 5px 0 #c2c2c2;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 0 auto 80px auto;}

.news_c02-contentsbox-ttl{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #00D0F6;
	position: relative;
	padding: 0 0 10px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

.news_c02-contentsbox-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.news_c02-contentsbox-materialslist{
	list-style: none;
	padding: 0 0;
	margin: 0 auto;}

.news_c02-contentsbox-materialslist li{
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 20px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 0;}

.news_c02-contentsbox-materialslist li p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	width: calc(100% - 220px);
	padding: 0 0;
	margin: 0 20px 0 0;}

.news_c02-contentsbox-materialslist li a{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFF;
	width: 200px;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 12px 0;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 0 0;}

.news_c02-contentsbox-materialslist li a:hover{
	color: #FFFFFF;
	background-color: #333333;}

.news_c02-contentsbox-materialslist li a:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

.news_c02-contentsbox-materialslist li a:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

@media only screen and (max-width: 960px) {
.news_c02-contentsbox{
	padding: 30px 30px;}

.news_c02-contentsbox-materialslist li p{
	width: calc(100% - 190px);}

.news_c02-contentsbox-materialslist li a{
	width: 160px;
	padding: 8px 10px 8px 0;}
}

@media only screen and (max-width: 520px) {
.news_c02_bg01{
	padding: 10.0rem 0 2.0rem 0;}

.news_c02-contentsbox{
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;
	margin: 0 auto 8.0rem auto;}

.news_c02-contentsbox-ttl{
	font-size: 2.4rem;
	padding: 0 0 1.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.news_c02-contentsbox-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.news_c02-contentsbox-materialslist li{
	padding: 2.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.news_c02-contentsbox-materialslist li p{
	font-size: 2.0rem;
	width: calc(100% - 19.0rem);
	margin: 0 2.0rem 0 0;}

.news_c02-contentsbox-materialslist li a{
	font-size: 1.6rem;
	width: 16.0rem;
	padding: 0.8rem 1.0rem 0.8rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 5.0rem;}

.news_c02-contentsbox-materialslist li a:after{
    width: 1.6rem;
    height: 1.6rem;
	right: 1.8rem;}
}



/*====================================
よくある質問
====================================*/
.faq_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 70px 0;
	margin: 0 auto;}

@media only screen and (max-width: 960px) {}

@media only screen and (max-width: 520px) {
.faq_c01_bg01{
	padding: 7.0rem 0;}
}



/*====================================
ダイレクトメッセージ
====================================*/
.dm_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 70px 0;
	margin: 0 auto;}

.dm_c01-contentsbox{
	box-shadow: 0px 0px 5px 0px #c2c2c2;
	background-color: #FFFFFF;
	padding: 50px 50px 0 50px;
	border-radius: 10px;
	margin: 0 auto;}

.dm_c01-contentsbox-inbox{
	padding: 0 0 50px 0;
	margin: 0 auto;}

.dm_c01-contents-box-chatbox{
	padding: 0 0;
    border: 1px #AAAAAA solid;
	margin: 0 0;}

.dm_c01-contents-box-chatbox-chatarea{
	max-height: 90dvh;
	overflow-y: scroll;
	padding: 30px 30px;}

.dm_c01-contents-box-chatbox-chatarea-r,
.dm_c01-contents-box-chatbox-chatarea-l{
	width: 92%;
	padding: 0 0;}

.dm_c01-contents-box-chatbox-chatarea-r{
	margin: 0 0 30px auto;}

.dm_c01-contents-box-chatbox-chatarea-l{
	margin: 0 auto 30px 0;}

.dm_c01-contents-box-chatbox-chatarea-r-name,
.dm_c01-contents-box-chatbox-chatarea-l-name{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15;
	color: #333;
	padding: 0 0 5px 0;
	margin: 0 0;}

.dm_c01-contents-box-chatbox-chatarea-r-name{
	text-align: right;}

.dm_c01-contents-box-chatbox-chatarea-l-name{
	text-align: left;}

.dm_c01-contents-box-chatbox-chatarea-r-contents,
.dm_c01-contents-box-chatbox-chatarea-l-contents{
	display: flex;
	align-items: end;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-time,
.dm_c01-contents-box-chatbox-chatarea-l-contents-time{
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	line-height: 1.15;
	color: #333;
	padding: 0 0;
	margin: 0 0;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-chat,
.dm_c01-contents-box-chatbox-chatarea-l-contents-chat{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	width: 100%;
	padding: 12px 12px;
	border-radius: 10px;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-chat{
	background-color: #E2F2F8;
	margin: 0 0 0 10px;}

.dm_c01-contents-box-chatbox-chatarea-l-contents-chat{
	background-color: #f6f6f6;
	margin: 0 10px 0 0;}

.dm_c01-contents-box-chatbox-inputarea{
	display: flex;
    border-top: 1px #AAAAAA solid;}

.dm_c01-contents-box-chatbox-inputarea-option{
	font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #333333;
    background-color: #EEEEEEE;
    transition: 0.3s;
	cursor: pointer;
    padding: 10px 15px;
	border-top: none;
    border-right: 1px #AAAAAA solid;
	border-bottom: none;
	border-left: none;
    margin: 0 0;}

.dm_c01-contents-box-chatbox-inputarea-option:hover{
	opacity: 0.8;}

.dm_c01-contents-box-chatbox-inputarea-input{
	font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    width: calc(100% - 167px);
    outline: none;
    padding: 10px 10px;
	border: none;
    margin: 0 0;}

.dm_c01-contents-box-chatbox-inputarea-send{
	font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #FFFFFF;
    background-color: #0095D5;
    width: 120px;
    transition: 0.3s;
	cursor: pointer;
    padding: 10px 0;
    border: 1px #0095D5 solid;
    margin: 0 0;}

.dm_c01-contents-box-chatbox-inputarea-send:hover{
	opacity: 0.8;}

@media only screen and (max-width: 960px) {
.dm_c01-contentsbox{
	padding: 30px 30px 0 30px;}

.dm_c01-contentsbox-inbox{
	padding: 0 0 30px 0;}

.dm_c01-contents-box-chatbox-chatarea-r,
.dm_c01-contents-box-chatbox-chatarea-l{
	width: auto;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-chat,
.dm_c01-contents-box-chatbox-chatarea-l-contents-chat{
	font-size: 16px;}}

@media only screen and (max-width: 520px) {
.dm_c01_bg01{
	padding: 7.0rem 0;}

.dm_c01-contentsbox{
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
	padding: 3.0rem 3.0rem 0 3.0rem;
	border-radius: 1.0rem;
	margin: 0 auto;}

.dm_c01-contentsbox-inbox{
	padding: 0 0 3.0rem 0;}
	
.dm_c01-contents-box-chatbox{
    border: 0.1rem #AAAAAA solid;}

.dm_c01-contents-box-chatbox-chatarea{
	padding: 3.0rem 3.0rem;}

.dm_c01-contents-box-chatbox-chatarea-r{
	margin: 0 0 3.0rem auto;}

.dm_c01-contents-box-chatbox-chatarea-l{
	margin: 0 auto 3.0rem 0;}

.dm_c01-contents-box-chatbox-chatarea-r-name,
.dm_c01-contents-box-chatbox-chatarea-l-name{
	font-size: 1.4rem;
	padding: 0 0 0.5rem 0;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-time,
.dm_c01-contents-box-chatbox-chatarea-l-contents-time{
	font-size: 1.2rem;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-chat,
.dm_c01-contents-box-chatbox-chatarea-l-contents-chat{
	font-size: 1.6rem;
	padding: 1.2rem 1.2rem;
	border-radius: 1.0rem;}

.dm_c01-contents-box-chatbox-chatarea-r-contents-chat{
	margin: 0 0 0 1.0rem;}

.dm_c01-contents-box-chatbox-chatarea-l-contents-chat{
	margin: 0 1.0rem 0 0;}

.dm_c01-contents-box-chatbox-inputarea{
    border-top: 0.1rem #AAAAAA solid;}

.dm_c01-contents-box-chatbox-inputarea-option{
	font-size: 2.0rem;
    padding: 1.0rem 1.5rem;
    border-right: 0.1rem #AAAAAA solid;}

.dm_c01-contents-box-chatbox-inputarea-input{
	font-size: 1.6rem;
    width: calc(100% - 16.7rem);
    padding: 1.0rem 1.0rem;}

.dm_c01-contents-box-chatbox-inputarea-send{
	font-size: 1.6rem;
    width: 12.0rem;
    padding: 1.0rem 0;
    border: 0.1rem #0095D5 solid;}
}



/*====================================
トップページ
====================================*/
.top_main-c01-area{
	background-image: url(../images/top-p/top_main-c01-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.top_main-img01{
	position: relative;}

.top_main-img01:after{
	content: "";
	background-image: url(../images/top-p/top_main-img01.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 1116 / 820;
	width: 1400px;
	height: auto;
	display: block;
	position: absolute;
	bottom: -320px;
	left: 380px;
	z-index: -1;}

@media only screen and (max-width: 1200px) {
.top_main-img01:after{
	width: 116.66vw;
	left: 31.66vw;}
}

@media only screen and (max-width: 960px) {
.top_main-img01:after{
	width: 728px;
	right: -300px;
	bottom: -460px;
	left: inherit;}
}

@media only screen and (max-width: 520px) {
.top_main-img01:after{
	width: 72.8rem;
	right: -30.0rem;
	bottom: -46.0rem;}
}


.top_main_bg01{
	width: 100%;
	position: relative;
	z-index: 5;
	padding: 140px 0 50px 0;
	margin: 0 auto;}

.top_main-ttl{
	margin: 0 0;}

.top_main-ttl img{
	aspect-ratio: 560 / 166;
	width: 560px;
	height: auto;}

.top_main-ailinkarea{
	text-align: center;
	width: 300px;
	margin: 40px 0 0 0;}

.top_main-ailinkarea-btn01{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #004599;
	background-color: #8CEEFF;
	display: block;
	position: relative;
	transition: 0.3s;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	padding: 20px 10px;
	border-radius: 50px;
	margin: 0 auto;}

.top_main-ailinkarea-btn01:hover{
	color: #FFFFFF;
	background-color: #004599;}

.top_main-ailinkarea-btn01:after{
    content: "";
    background-image: url(../images/common-p/common-btnarrow-blue.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    z-index: 1;}

.top_main-ailinkarea-btn01:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

.top_main-qr{
	padding: 0 0;
	margin: 50px auto 0 auto;}

.top_main-qr p{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.03em;
	color: #FFF;
	padding: 0 0;
	margin: 0 auto 10px auto;}

.top_main-qr img{
	aspect-ratio: 1 / 1;
	max-width: 136px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_main-ttl img{
	width: 46.66vw;}
}

@media only screen and (max-width: 960px) {
.top_main_bg01{
	padding: 142px 0 90px 0;}

.top_main-ttl{
	text-align: center;}

.top_main-ttl img{
	aspect-ratio: 650 / 183;
	max-width: 460px;
	width: 100%;
	height: auto;}

.top_main-ailinkarea{
	width: 380px;
	margin: 50px auto 0 auto;}

.top_main-ailinkarea-btn01{
	font-size: 26px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	padding: 24px 10px;
	border-radius: 50px;
	margin: 0 auto;}

.top_main-ailinkarea-btn01:after{
    width: 22px;
    height: 22px;
    right: 30px;}

.top_main-qr{
	display: none;}
}

@media only screen and (max-width: 520px) {
.top_main_bg01{
	padding: 14.2rem 0 9.0rem 0;}

.top_main-ttl img{
	max-width: none;}

.top_main-ailinkarea{
	width: 38.0rem;
	margin: 5.0rem auto 0 auto;}

.top_main-ailinkarea-btn01{
	font-size: 2.6rem;
	box-shadow: 0px 0px 1.0rem 0px rgba(0,0,0,0.2);
	padding: 2.4rem 1.0rem;
	border-radius: 5.0rem;}

.top_main-ailinkarea-btn01:after{
    width: 2.2rem;
    height: 2.2rem;
    right: 3.0rem;}
}


.top_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: rgba(20,127,240,0.5);
	Background-blend-mode: multiply;
	padding: 50px 0 0 0;
	margin: 0 auto;}

.top_c01-ttl{
	font-size: 46px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFF;}

.top_c01-ttl:before{
	content: "About NIHONEXT";
	font-size: 20px;
	font-weight: 500;
	color: #5AE6FF;
	display: block;
	padding: 0 0 5px 0;}

.top_c01-tx01{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 0 0;
	margin: 40px 0 70px 0;}

.top_c01-stepbox{
	background-color: #FFF;
	position: relative;
	padding: 20px 20px;
	border-radius: 10px;}

.top_c01-step-icon{
	background-color: #1BCDED;
	aspect-ratio: 1 / 1;
	width: 80px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	border-radius: 100%;}

.top_c01-step-icon img{
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;}

.top_c01-step-img{
	text-align: center;
	padding: 40px 0 0 0;
	margin: 0 auto;}

.top_c01-step-img img{
	aspect-ratio: 166 / 134;
	max-width: 166px;
	width: 100%;
	height: auto;}

.top_c01-stepbox-tx01{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.45;
	letter-spacing: 0.05em;
	color: #000;
	padding: 20px 0 0 0;
	margin: 0 auto;}

.top_c01-stepbox-arrow{
	position: relative;}

.top_c01-stepbox-arrow:before{
	content: "";
	background-color: #8CEEFF;
	aspect-ratio: 1 / 1;
	width: 20px;
	height: 20px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;}

.top_c01-decorationimg01{
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;}

.top_c01-decorationimg01 img{
	vertical-align: bottom;
	aspect-ratio: 1 / 1.6;
	width: 100px;
	height: auto;}

@media only screen and (max-width: 960px) {
.top_c01_bg01{
	padding: 200px 0 0 0;}

.top_c01-ttl{
	font-size: 35px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFF;}

.top_c01-ttl:before{
	font-size: 20px;
	padding: 0 0 10px 0;}

.top_c01-tx01{
	font-size: 22px;
	letter-spacing: 0;
	margin: 50px 0 48px 0;}

.top_c01-stepbox{
	font-size: 0;
	text-align: left;
	padding: 20px 20px 10px 68px;
	border-radius: 10px;}

.top_c01-step-icon{
	width: 83px;
	top: 50%;
	left: 0;
	transform: translate(-20px,-50%);}

.top_c01-step-img{
	width: 135px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0;
	margin: 0 auto;}

.top_c01-stepbox-tx01{
	font-size: 22px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 145px);
	padding: 0 0 0 10px;
	margin: 0 auto;}

.top_c01-stepbox-arrow{
	position: relative;}

.top_c01-stepbox-arrow:before{
	aspect-ratio: 10 / 8;
	width: 28px;
	height: auto;
	display: block;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: relative;
	top: inherit;
	left: inherit;
	transform: translate(0,0);
	margin: 0 auto;}

.top_c01-decorationimg01{
	left: 40%;
	transform: translate(-50%,0);}

.top_c01-decorationimg01 img{
	width: 100px;}
}

@media only screen and (max-width: 520px) {
.top_c01_bg01{
	padding: 20.0rem 0 0 0;}

.top_c01-ttl{
	font-size: 3.5rem;}

.top_c01-ttl:before{
	font-size: 2.0rem;
	padding: 0 0 1.0rem 0;}

.top_c01-tx01{
	font-size: 2.2rem;
	margin: 5.0rem 0 4.8rem 0;}

.top_c01-stepbox{
	padding: 2.0rem 2.0rem 1.0rem 6.8rem;
	border-radius: 1.0rem;}

.top_c01-step-icon{
	width: 8.3rem;
	transform: translate(-2.0rem,-50%);}

.top_c01-step-img{
	width: 13.5rem;}

.top_c01-stepbox-tx01{
	font-size: 2.2rem;
	width: calc(100% - 14.5rem);
	padding: 0 0 0 1.0rem;}

.top_c01-stepbox-arrow:before{
	width: 2.8rem;}

.top_c01-decorationimg01 img{
	width: 10.0rem;}
}

.top_c01_repetitions01_g3{
	margin: 0 50px;}

.top_c01_repetitions01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: calc(33.33% - 27px) 40px calc(33.33% - 27px) 40px calc(33.33% - 27px);
	grid-template-columns: calc(33.33% - 27px) 40px calc(33.33% - 27px) 40px calc(33.33% - 27px);
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_c01_repetitions01_g3 > .grid_container > .grid_item {
	text-align: center;
	margin: 0 10px 80px 10px;}

@media only screen and (max-width: 960px) {
.top_c01_repetitions01_g3{
	padding: 0 0 115px 0;
	margin: 0 20px;}
	
.top_c01_repetitions01_g3 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_c01_repetitions01_g3 > .grid_container > .grid_item {
	text-align: center;
	margin: 10px 10px;}
}

@media only screen and (max-width: 520px) {
.top_c01_repetitions01_g3{
	padding: 0 0 11.5rem 0;
	margin: 0 2.0rem;}

.top_c01_repetitions01_g3 > .grid_container > .grid_item {
	margin: 1.0rem 1.0rem;}
}


.top_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0 70px 0;
	margin: 0 auto;}

.top_c02-ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	vertical-align: middle;
	margin: 0 0;}

.top_c02-ttl:before{
	content: "News";
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: linear-gradient(166deg,#0091F0 0%,#00F2F9 100%);
	vertical-align: middle;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.top_c02-newslist{
	list-style: none;
	padding: 0 0;
	margin: 30px 0 40px 0;}

.top_c02-newslist li{
	position: relative;
	padding: 0 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

.top_c02-newslist li:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 1;}

.top_c02-newslist li a{
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #000;
	display: flex;
	align-items: start;
	transition: 0.3s;
	padding: 20px 0;}

.top_c02-newslist li a:hover{
	color: #034498;}

.top_c02-news-day{
	font-size: 16px;
	width: 160px;
	padding: 0 0;
	margin: 0 0;}

.top_c02-news-ttl{
	font-size: 20px;
	width: calc(100% - 190px);
	padding: 0 0 0 30px;
	margin: 0 0;}

.top_c02-news-ttl-important:before{
	content: "重 要";
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background-color: #00D0F6;
	display: inline-block;
	width: 60px;
	padding: 2px 5px;
	border-radius: 5px;
	margin: 0 5px 0 0;}

.top_c02-morebtn{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFFFFF;
	width: 240px;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 20px 20px;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 0 auto;}

.top_c02-morebtn:hover{
	color: #FFFFFF;
	background-color: #333333;}

.top_c02-morebtn:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	z-index: 1;}

.top_c02-morebtn:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

@media only screen and (max-width: 960px) {
.top_c02_bg01{
	padding: 70px 0;}

.top_c02-ttl{
	font-size: 32px;
	margin: 0 0;}

.top_c02-ttl:before{
	font-size: 17px;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.top_c02-newslist{
	margin: 20px 0 50px 0;}

.top_c02-newslist li{
	border-bottom: 2px #EEEEEE solid;}

.top_c02-newslist li:before{
	width: 130px;
	height: 2px;
	bottom: -2px;}

.top_c02-newslist li a{
	padding: 20px 0;}

.top_c02-news-day{
	font-size: 18px;
	width: 130px;}

.top_c02-news-ttl{
	font-size: 19px;
	width: calc(100% - 180px);
	padding: 0 0 0 20px;}

.top_c02-news-ttl-important:before{
	display: block;
	margin: 0 0 5px 0;}

.top_c02-morebtn{
	font-size: 24px;
	width: 320px;
	padding: 28px 0;
	border: 1px #333333 solid;
	border-radius: 80px;}

.top_c02-morebtn:after{
    width: 22px;
    height: 22px;
	right: 40px;}
}

@media only screen and (max-width: 520px) {
.top_c02_bg01{
	padding: 7.0rem 0;}

.top_c02-ttl{
	font-size: 3.2rem;
	margin: 0 0;}

.top_c02-ttl:before{
	font-size: 1.7rem;
	padding: 0.6rem 2.0rem;
	margin: 0 1.0rem 0 0;}

.top_c02-newslist{
	margin: 2.0rem 0 5.0rem 0;}

.top_c02-newslist li{
	border-bottom: 0.2rem #EEEEEE solid;}

.top_c02-newslist li:before{
	width: 13.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.top_c02-newslist li a{
	padding: 2.0rem 0;}

.top_c02-news-day{
	font-size: 1.8rem;
	width: 13.0rem;}

.top_c02-news-ttl{
	font-size: 1.9rem;
	width: calc(100% - 18.0rem);
	padding: 0 0 0 2.0rem;}

.top_c02-news-ttl-important:before{
	font-size: 1.4rem;
	width: 6.0rem;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	margin: 0 0 0.5rem 0;}

.top_c02-morebtn{
	font-size: 2.4rem;
	width: 32.0rem;
	padding: 2.8rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 8.0rem;}

.top_c02-morebtn:after{
    width: 2.2rem;
    height: 2.2rem;
	right: 4.0rem;}

}


.top_c03_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 70px 0 80px 0;
	margin: 0 auto;}

.top_c03-ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 30px 0;}

.top_c03-ttl:before{
	content: "FAQ";
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: linear-gradient(166deg,#0091F0 0%,#00F2F9 100%);
	vertical-align: middle;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.top_c03-faqbox{
	background-color: #FFF;
	transition: 0.3s;
	padding: 0 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

.top_c03-faqbox:hover{
	box-shadow: 0px 0px 5px 0px #c2c2c2;}

.top_c03-faqbox-inbox{}

.top_c03-faqbox:has(.top_c03-faqbox-inbox[open]){
	box-shadow: 0px 0px 5px 0px #c2c2c2;}

.top_c03-faqbox-inbox summary{
	list-style: none;
	cursor: pointer;
	padding: 20px 20px;}

.top_c03-faqbox-inbox summary::-webkit-details-marker{
	display:none;}

.top_c03-faqbox-inbox-q{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0.05em;
	color: #000;
	position: relative;
	padding: 0 0 0 60px;}

.top_c03-faqbox-inbox-q:before{
	content: "";
	background-image: url(../images/top-p/top_c03-faqbox-qicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;}

.top_c03-faqbox-inbox-a{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.05em;
	color: #004599;
	position: relative;
	padding: 0 0 0 60px;
	margin: 0 20px 20px 20px;}

.top_c03-faqbox-inbox-a:before{
	content: "";
	background-image: url(../images/top-p/top_c03-faqbox-aicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;}

.top_c03-morebtn{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333333;
	background-color: #FFFFFF;
	width: 240px;
	display: block;
	transition: 0.3s;
	position: relative;
	padding: 20px 20px;
	border: 1px #333333 solid;
	border-radius: 50px;
	margin: 40px auto 0 auto;}

.top_c03-morebtn:hover{
	color: #FFFFFF;
	background-color: #333333;}

.top_c03-morebtn:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	z-index: 1;}

.top_c03-morebtn:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

@media only screen and (max-width: 960px) {
.top_c03_bg01{
	padding: 70px 0;}

.top_c03-ttl{
	font-size: 32px;
	margin: 0 0 30px 0;}

.top_c03-ttl:before{
	font-size: 17px;
	padding: 6px 20px;
	margin: 0 10px 0 0;}

.top_c03-morebtn{
	font-size: 24px;
	width: 320px;
	padding: 28px 0;
	border: 1px #333333 solid;
	border-radius: 80px;
	margin: 50px auto 0 auto;}

.top_c03-morebtn:after{
    width: 22px;
    height: 22px;
	right: 40px;}
}

@media only screen and (max-width: 520px) {
.top_c03_bg01{
	padding: 7.0rem 0;}

.top_c03-ttl{
	font-size: 3.2rem;
	margin: 0 0 3.0rem 0;}

.top_c03-ttl:before{
	font-size: 1.7rem;
	padding: 0.6rem 2.0rem;
	margin: 0 1.0rem 0 0;}

.top_c03-faqbox{
	border-bottom: 0.2rem #EEEEEE solid;}

.top_c03-faqbox:hover{
	box-shadow: 0 0 0.5rem 0 #c2c2c2;}

.top_c03-faqbox:has(.top_c03-faqbox-inbox[open]){
	box-shadow: 0 0 0.5rem 0 #c2c2c2;}

.top_c03-faqbox-inbox summary{
	padding: 2.0rem 2.0rem;}

.top_c03-faqbox-inbox-q{
	font-size: 2.0rem;
	padding: 0 0 0 6.0rem;}

.top_c03-faqbox-inbox-q:before{
	width: 3.0rem;
	height: 3.4rem;}

.top_c03-faqbox-inbox-a{
	font-size: 1.8rem;
	padding: 0 0 0 6.0rem;
	margin: 0 2.0rem 2.0rem 2.0rem;}

.top_c03-faqbox-inbox-a:before{
	width: 3.0rem;
	height: 3.4rem;}

.top_c03-morebtn{
	font-size: 2.4rem;
	width: 32.0rem;
	padding: 2.8rem 0;
	border: 0.1rem #333333 solid;
	border-radius: 8.0rem;
	margin: 5.0rem auto 0 auto;}

.top_c03-morebtn:after{
    width: 2.2rem;
    height: 2.2rem;
	right: 4.0rem;}

}


.top_c00_bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../xxxx-p/xxxxxx_bg.jpg);
	margin: 0 auto;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
}
	

.top_repetitions00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

@media only screen and (max-width: 960px) {
.top_repetitions00_g2 > .grid_container {
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	 margin: 0 15px 30px 15px;}
}

@media only screen and (max-width: 520px) {
.top_repetitions00_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 5.77vw 2.88vw;}
}


.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_contents00_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */}
	
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 1;
	grid-row: 1;}

@media only screen and (max-width: 520px) {
.top_contents00_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_contents00_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 5.77vw 2.88vw;}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	grid-row: 1;}
	
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 2;
	grid-row: 2;}
}



/*====================================
LINE連携ページ
====================================*/
.linealignment-main-bg01{
	width: 100%;
	height: calc(100dvh - 300px);
	min-height: 500px;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 150px 0;
	margin: 0 auto;}

.linealignment-box{
	background-color: #FFF;
	max-width: 580px;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 0 auto;}

.linealignment-box-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.linealignment-box-inputttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.05em;
	color: #000;
	margin: 0 auto 10px auto;}

.linealignment-box-telinput{
	padding: 0 0;
	margin: 0 auto;}

.linealignment-box-telinput input{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	width: calc(100% - 20px);
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 0 auto;}

.linealignment-box-btnarea{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.linealignment-box-btnarea a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 0 auto;}

.linealignment-box-btnarea a:hover{
	opacity: 0.8;}

.llinealignment-box-btnarea a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.linealignment-box-textlink01{
	text-align: center;
	margin: 30px auto;}

.linealignment-box-textlink01 a{
	font-size: 18px;
    font-weight: 600;
    text-align: center;
	text-decoration: none;
    line-height: 1.25;
    color: #333333;
    transition: 0.3s;
    padding: 0 0 5px 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px #333 solid;
    border-left: none;}

.linealignment-box-textlink01 button{
	font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.25;
    color: #333333;
    background-color: inherit;
    cursor: pointer;
    transition: 0.3s;
    padding: 0 0 5px 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px #333 solid;
    border-left: none;}

.linealignment-box-textlink01 a:hover,
.linealignment-box-textlink01 button:hover{
	color: #034498;
	border-bottom: 1px #034498 solid;}

.linealignment-box-tx01{
	font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.05em;
    color: #000;
    margin: 0 auto 80px auto;}

@media only screen and (max-width: 960px) {
.linealignment-box{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.linealignment-main-bg01{
	height: calc(100dvh - 40.0rem);
	min-height: 40.0rem;
	padding: 20.0rem 0;}
	
.linealignment-box{
	padding: 5.0rem 3.0rem;
	border-radius: 1.0rem;}

.linealignment-box-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 4.0rem 0;}

.linealignment-box-inputttl{
	font-size: 2.0rem;
	letter-spacing: 0.02em;
	margin: 0 auto 1.0rem auto;}

.linealignment-box-telinput input{
	font-size: 2.2rem;
	width: calc(100% - 2.0rem);
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.linealignment-box-btnarea{
	margin: 2.0rem auto 0 auto;}

.linealignment-box-btnarea a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.linealignment-box-btnarea a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.linealignment-box-textlink01{
	margin: 4.0rem auto;}

.linealignment-box-textlink01 a,
.linealignment-box-textlink01 button{
	font-size: 1.8rem;
    padding: 0 0 0.5rem 0;
    border-bottom: 0.2rem #333 solid;}

.linealignment-box-textlink01 a:hover,
.linealignment-box-textlink01 button:hover{
	border-bottom: 0.2rem #034498 solid;}

.linealignment-box-tx01{
	font-size: 1.8rem;
	line-height: 1.45;
    letter-spacing: 0.02em;
    margin: 0 auto 10.0rem auto;}
}



/*====================================
認証コード入力関係ページ
====================================*/
.authcode-main-bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/common-p/common-main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;}

.authcode-box{
	background-color: #FFF;
	max-width: 580px;
	padding: 50px 50px;
	border-radius: 10px;
	margin: 170px auto 100px auto;}

.authcode-box-ttl{
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #008DEC;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.authcode-box-tx01{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 0 auto 10px auto;}

.authcode-box-authcodeinput{
	padding: 0 0;
	margin: 0 auto;}

.authcode-box-authcodeinput input{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	width: calc(100% - 20px);
	padding: 10px 10px;
	border: 2px #EEEEEE solid;
	margin: 0 auto;}

.authcode-box-btnarea{
	text-align: center;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.authcode-box-btnarea a{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	display: inline-block;
	transition: 0.3s;
	width: 280px;
	padding: 20px 0;
	border-radius: 40px;
	margin: 0 auto;}

.authcode-box-btnarea a:hover{
	opacity: 0.8;}

.authcode-box-btnarea a:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.authcode-box-authcoderesend{
	text-align: center;
	padding: 0 0;
	margin: 30px auto 0 auto;}

.authcode-box-authcoderesend button{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 1.25;
	color: #333333;
	background-color: inherit;
	cursor: pointer;
	transition: 0.3s;
	padding: 0 0 5px 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px #333 solid;
	border-left: none;}

.authcode-box-authcoderesend button:hover{
	color: #034498;
	border-bottom: 1px #034498 solid;}

.authcode-box-authcoderesend-annotation{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 30px auto 0 auto;}

@media only screen and (max-width: 960px) {
.authcode-box{
	max-width: 620px;
	padding: 30px 30px;}
}

@media only screen and (max-width: 520px) {
.authcode-box{
	padding: 3.0rem 3.0rem;
	border-radius: 1.0rem;
	margin: 17.0rem auto 10.0rem auto;}

.authcode-box-ttl{
	font-size: 3.2rem;
	letter-spacing: 0.02em;
	padding: 0 0 3.0rem 0;}

.authcode-box-tx01{
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	margin: 0 auto 1.0rem auto;}

.authcode-box-authcodeinput input{
	font-size: 2.2rem;
	width: calc(100% - 2.0rem);
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.authcode-box-btnarea{
	margin: 2.0rem auto 0 auto;}

.authcode-box-btnarea a{
	font-size: 1.8rem;
	width: 100%;
	padding: 2.0rem 0;
	border-radius: 4.0rem;}

.authcode-box-btnarea a:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem}

.authcode-box-authcoderesend{
	margin: 3.0rem auto 0 auto;}

.authcode-box-authcoderesend button{
	font-size: 1.8rem;
	padding: 0 0 0.5rem 0;
	border-bottom: 0.1rem #333 solid;}

.authcode-box-authcoderesend button:hover{
	border-bottom: 0.1rem #034498 solid;}

.authcode-box-authcoderesend-annotation{
	font-size: 1.4rem;
	margin: 3.0rem auto 0 auto;}
}



/*====================================
オンライン投票
====================================*/
.onlinevoting_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 70px 0;
	margin: 0 auto;}

.onlinevoting_c01-ttl{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;
	position: relative;
	padding: 0 0 15px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto 15px auto;}

.onlinevoting_c01-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.onlinevoting_c01-tabarea{
	padding: 0 0;
	margin: 0 0;}

.onlinevoting_c01-tabarea button{
	font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #333333;
    background-color: #FFF;
    width: 200px;
    display: inline-block;
    transition: 0.3s;
	cursor: pointer;
    padding: 12px 0;
    border: 1px #333333 solid;
    border-radius: 50px;
	margin: 0 0;}

.onlinevoting_c01-tabarea button:hover{
    color: #FFFFFF;
    background-color: #333333;}

.onlinevoting_c01-tabarea button.active{
    color: #FFFFFF;
    background-color: #333333;}

.onlinevoting_c01-tx01{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #000;
    padding: 0 0;
    margin: 40px auto 20px auto;}

.onlinevoting_c01-votingbox{
	background-color: #FFF;
    box-shadow: 0 0 5px 0 #c2c2c2;
    padding: 50px 50px 20px 50px;
    border-radius: 10px;
    margin: 0 auto 40px auto;}

.onlinevoting_c01-votingbox-inbox{
	padding: 0 0;
	margin: 0 0;}

.onlinevoting_c01-votingbox-inbox-ttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	padding: 0 0 10px 0;
	margin: 0 0;}

.onlinevoting_c01-votingbox-inbox-ttl:before{
	content: "●";
	color: #00D0F6;}

.onlinevoting_c01-votingbox-inbox-subttl{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	padding: 0 0 10px 20px;
	margin: 0 0;}

.onlinevoting_c01-votingbox-inbox-approvallist{
	font-size: 18px;
	font-weight: 500;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0 auto 30px auto;}

.onlinevoting_c01-votingbox-inbox-approvallist li{
	display: block;
	margin: 0 10px 5px 0;}

.onlinevoting_c01-votingbox-inbox-approvallist li:last-child{
	margin: 0 10px 0 0;}

.onlinevoting_c01-votingbox-inbox-approvallist input{
	outline: none;
	padding: 10px 10px;
	border: 2px #EEEEEE solid;}

.onlinevoting_c01-votingbox-btnarea{
	font-size: 0;
	text-align: center;}

.onlinevoting_c01-votingbox-backbtn{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #333333;
	background-color: #FFFFFF;
	width: 200px;
	display: inline-block;
	transition: 0.3s;
	padding: 20px 30px;
	border: 1px #333333 solid;
	border-radius: 40px;
    margin: 0 4px 10px 4px;}

.onlinevoting_c01-votingbox-backbtn:hover{
    color: #FFFFFF;
    background-color: #333333;}

.onlinevoting_c01-votingbox-backbtn:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-gray.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.onlinevoting_c01-votingbox-backbtn:hover:after{
	background-image: url(../images/common-p/common-btnarrow-white.png);}

.onlinevoting_c01-votingbox-nextbtn{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #FFF;
	background: linear-gradient(90deg,#00F2F9 0%,#0091F0 100%);
	width: 200px;
	display: inline-block;
	transition: 0.3s;
	padding: 20px 30px;
	border-radius: 40px;
    margin: 0 4px 10px 4px;}

.onlinevoting_c01-votingbox-nextbtn:hover{
	opacity: 0.8;}

.onlinevoting_c01-votingbox-nextbtn:after{
	content: "";
	background-image: url(../images/common-p/common-btnarrow-white.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	transition: 0.3s;
	margin: 0 0 0 10px;}

.onlinevoting_c01-votingbox-fin-ttl{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	padding: 0 0 10px 0;
	margin: 0 0;}

.onlinevoting_c01-votingbox-fin-tx01{
	font-size: 18px;
	font-weight: 500;
	padding: 0 0;
	margin: 10px 0 20px 0;}

.onlinevoting_c01-votingbox-fin-txlink01{
	font-size: 18px;
	font-weight: 600;
	color: #00D0F6;
	transition: 0.3s;}

.onlinevoting_c01-votingbox-fin-txlink01:hover{
	opacity: 0.8;}

.onlinevoting_c01-votingbox-fin-list{
	list-style: none;
	padding: 20px 0 15px 0;
	margin: 0 0;}

.onlinevoting_c01-votingbox-fin-list li{
	font-size: 18px;
	font-weight: 500;
	padding: 0 0 5px 0;
	margin: 0 0;}

.votingstatus-contents-box-resultbox{
	padding: 0 0;
	margin: 0 auto 40px auto;}

.votingstatus-contents-box-resultbox-approved,
.votingstatus-contents-box-resultbox-notapproved{
	max-width: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 12px 22px;}

.votingstatus-contents-box-resultbox-approved{}

.votingstatus-contents-box-resultbox-notapproved{}

.votingstatus-contents-box-resultbox-ttl{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	width: 70px;
	margin: 0 0;}

.votingstatus-contents-box-resultbox-approved .votingstatus-contents-box-resultbox-ttl{
	color: #00D0F6;}

.votingstatus-contents-box-resultbox-notapproved .votingstatus-contents-box-resultbox-ttl{
	color: #333333;}

.votingstatus-contents-box-resultbox-line{
	background-color: #f6f6f6;
	width: calc(100% - 110px);
	height: 24px;
	padding: 0 0;
	margin: 0 15px;}

.votingstatus-contents-box-resultbox-line div{
	height: 24px;
	padding: 0 0;
	margin: 0 0;}

.votingstatus-contents-box-resultbox-approved .votingstatus-contents-box-resultbox-line div{
	background-color: #00D0F6;}

.votingstatus-contents-box-resultbox-notapproved .votingstatus-contents-box-resultbox-line div{
	background-color: #555555;}

.votingstatus-contents-box-resultbox-result{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 0;
	margin: 0 0;}

@media only screen and (max-width: 960px) {
.onlinevoting_c01-votingbox{
    padding: 30px 30px 5px 30px;}
}

@media only screen and (max-width: 520px) {
.mypage_c01_bg01{
	padding: 7.0rem 0;}

.onlinevoting_c01-ttl{
	font-size: 2.6rem;
	padding: 0 0 1.5rem 0;
	border-bottom: 0.2rem #EEEEEE solid;
	margin: 0 auto 1.5rem auto;}

.onlinevoting_c01-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.onlinevoting_c01-tabarea button{
	font-size: 1.6rem;
    width: 20.0rem;
    padding: 1.2rem 0;
    border: 0.1rem #333333 solid;
    border-radius: 5.0rem;}

.onlinevoting_c01-tx01{
    font-size: 1.8rem;
    margin: 4.0rem auto 2.0rem auto;}

.onlinevoting_c01-votingbox{
    box-shadow: 0 0 0.5rem 0 #c2c2c2;
    padding: 3.0rem 3.0rem 0.5rem 3.0rem;
    border-radius: 1.0rem;
    margin: 0 auto 4.0rem auto;}

.onlinevoting_c01-votingbox-inbox-ttl{
	font-size: 2.0rem;
	padding: 0 0 1.0rem 0;}

.onlinevoting_c01-votingbox-inbox-subttl{
	font-size: 1.8rem;
	padding: 0 0 1.0rem 2.0rem;}

.onlinevoting_c01-votingbox-inbox-approvallist{
	font-size: 1.8rem;
	padding: 0 0 0 2.0rem;
	margin: 0 auto 3.0rem auto;}

.onlinevoting_c01-votingbox-inbox-approvallist li{
	margin: 0 1.0rem 0.5rem 0;}

.onlinevoting_c01-votingbox-inbox-approvallist li:last-child{
	margin: 0 1.0rem 0 0;}

.onlinevoting_c01-votingbox-inbox-approvallist input{
	padding: 1.0rem 1.0rem;
	border: 0.2rem #EEEEEE solid;}

.onlinevoting_c01-votingbox-backbtn{
	font-size: 1.8rem;
	width: calc(80% - 6.0rem);
	padding: 2.0rem 3.0rem;
	border: 0.1rem #333333 solid;
	border-radius: 4.0rem;
    margin: 0 0.4rem 1.0rem 0.4rem;}

.onlinevoting_c01-votingbox-backbtn:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.onlinevoting_c01-votingbox-nextbtn{
	font-size: 1.8rem;
	width: calc(80% - 6.0rem);
	padding: 2.0rem 3.0rem;
	border-radius: 4.0rem;
    margin: 0 0.4rem 1.0rem 0.4rem;}

.onlinevoting_c01-votingbox-nextbtn:after{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1.0rem;}

.onlinevoting_c01-votingbox-fin-ttl{
	font-size: 2.0rem;
	padding: 0 0 1.0rem 0;}

.onlinevoting_c01-votingbox-fin-tx01{
	font-size: 1.8rem;
	margin: 1.0rem 0 2.0rem 0;}

.onlinevoting_c01-votingbox-fin-txlink01{
	font-size: 1.8rem;}

.onlinevoting_c01-votingbox-fin-list{
	padding: 2.0rem 0 1.5rem 0;}

.onlinevoting_c01-votingbox-fin-list li{
	font-size: 1.8rem;
	padding: 0 0 0.5rem 0;}

.votingstatus-contents-box-resultbox{
	margin: 0 auto 4.0rem auto;}

.votingstatus-contents-box-resultbox-approved,
.votingstatus-contents-box-resultbox-notapproved{
	margin: 0 0 1.2rem 2.2rem;}

.votingstatus-contents-box-resultbox-ttl{
	font-size: 1.8rem;
	width: 7.0rem;}

.votingstatus-contents-box-resultbox-line{
	width: calc(100% - 11rem);
	height: 2.4rem;
	margin: 0 1.5rem;}

.votingstatus-contents-box-resultbox-line div{
	height: 2.4rem;}

.votingstatus-contents-box-resultbox-result{
	font-size: 1.6rem;}
}


/*=====modal=====*/
input.modal{
	display: none;}

.modal01-area{
	display: none;}

#modal01:checked + .modal01-area{
	display: block;}

.modal02-area{
	display: none;}

#modal02:checked + .modal02-area{
	display: block;}

.modal03-area{
	display: none;}

#modal03:checked + .modal03-area{
	display: block;}

.modal_a-contents{
	max-width: 800px;
	width: calc(100% - 60px);
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;}

.modal_a-clause{
	background: rgba(44,75,105,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;}

.modal_a-box{
	box-shadow: 0px 0px 5px 0px #c2c2c2;
    background-color: #FFFFFF;
    padding: 50px 50px;
    border-radius: 10px;
    margin: 0 auto;}

.modal_a-ttl{
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #00D0F6;
	position: relative;
	padding: 0 0 10px 0;
	border-bottom: 2px #EEEEEE solid;
	margin: 0 auto;}

.modal_a-ttl:before{
	content: "";
	background-color: #00D0F6;
	width: 160px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;}

.modal_a-tx01{
	font-size: 18px;
	font-weight: 500;
    color: #545454;
    padding: 18px 0;
	margin: 0 0;}

.modal_a-inputarea{
	font-size: 0;
	padding: 10px 0;
	margin: 0 0;}

.modal_a-inputarea li{
	vertical-align: top;
	display: inline-block;}

.modal_a-inputarea .modal_a-inputarea-l{
	width: calc(40% - 16px);
	padding: 0 16px 0 0;}

.modal_a-inputarea .modal_a-inputarea-r{
	width: 60%;}

.modal_a-inputarea .modal_a-inputarea-l p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: #555555;
	padding: 8px 0 0 0;
	margin: 0 0;}

.modal_a-inputarea .modal_a-inputarea-r p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: #000000;
	padding: 8px 0 0 0;
	margin: 0 0;}

.modal_a-inputarea .modal_a-inputarea-r input{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #000000;
	width: calc(100% - 20px);
	padding: 6px 10px;
	border: 1px #EEEEEE solid;}

.modal_a-inputarea .modal_a-inputarea-r textarea{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #000000;
	width: calc(100% - 20px);
	padding: 6px 10px;
	border: 1px #EEEEEE solid;}

.modal_a-btnarea{
	font-size: 0;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0;}

.modal_a-clausebtn{
	font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #333333;
    background-color: #FFF;
    display: inline-block;
    width: 180px;
    cursor: pointer;
    transition: 0.3s;
	position: relative;
    padding: 14px 0;
    border: 1px #333333 solid;
    border-radius: 50px;
    margin: 0 10px;}

.modal_a-clausebtn:hover{
	color: #FFFFFF;
	background-color: #333333;}

.modal_a-clausebtn:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-gray.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

.modal_a-clausebtn:hover:after{
    background-image: url(../images/common-p/common-btnarrow-white.png);}

.modal_a-nextbtn{
	font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #FFF;
    background: linear-gradient(90deg, #00F2F9 0%, #0091F0 100%);
    display: inline-block;
    width: 180px;
    cursor: pointer;
    transition: 0.3s;
	position: relative;
    padding: 14px 0;
    border-radius: 50px;
    margin: 0 10px;}

.modal_a-nextbtn:hover{
	opacity: 0.8;}

.modal_a-nextbtn:after{
	content: "";
    background-image: url(../images/common-p/common-btnarrow-white.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    transition: 0.3s;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0,-50%);
	z-index: 1;}

@media only screen and (max-width: 960px) {
.modal_a-box{
    padding: 30px 30px 16px 30px;}

.modal_a-inputarea li{
	vertical-align: top;
	display: block;}

.modal_a-inputarea .modal_a-inputarea-l{
	width: 100%;
	padding: 0 0;}

.modal_a-inputarea .modal_a-inputarea-r{
	width: 100%;}

.modal_a-inputarea .modal_a-inputarea-r p{
	padding: 5px 0 0 0;}

.modal_a-inputarea .modal_a-inputarea-r input{
	margin: 5px 0 0 0;}

.modal_a-inputarea .modal_a-inputarea-r textarea{
	margin: 5px 0 0 0;}

.modal_a-clausebtn{
	width: 280px;
    display: block;
    margin: 0 auto 14px auto;}

.modal_a-nextbtn{
	width: 280px;
    display: block;
    margin: 0 auto 14px auto;}
}

@media only screen and (max-width: 520px) {
.modal_a-contents{
	width: calc(100% - 6.0rem);}

.modal_a-box{
	box-shadow: 0 0 0.5rem 0 #c2c2c2;
    padding: 3.0rem 3.0rem 1.6rem 3.0rem;
    border-radius: 1.0rem;}

.modal_a-ttl{
	font-size: 2.2rem;
	padding: 0 0 1.0rem 0;
	border-bottom: 0.2rem #EEEEEE solid;}

.modal_a-ttl:before{
	width: 16.0rem;
	height: 0.2rem;
	bottom: -0.2rem;}

.modal_a-tx01{
	font-size: 1.8rem;
    padding: 2.0rem 0;}

.modal_a-inputarea{
	padding: 1.0rem 0;}

.modal_a-inputarea .modal_a-inputarea-l p{
	font-size: 1.8rem;
	padding: 0.8rem 0 0 0;}

.modal_a-inputarea .modal_a-inputarea-r p{
	font-size: 1.8rem;
	padding: 0.5rem 0 0 0;}

.modal_a-inputarea .modal_a-inputarea-r input{
	font-size: 1.6rem;
	width: calc(100% - 2.0rem);
	padding: 0.6rem 1.0rem;
	border: 0.1rem #EEEEEE solid;
	margin: 0.5rem 0 0 0;}

.modal_a-inputarea .modal_a-inputarea-r textarea{
	font-size: 1.6rem;
	width: calc(100% - 2.0rem);
	padding: 0.6rem 1.0rem;
	border: 0.1rem #EEEEEE solid;
	margin: 0.5rem 0 0 0;}

.modal_a-btnarea{
	padding: 2.0rem 0 0 0;}

.modal_a-clausebtn{
	font-size: 1.6rem;
    width: 28.0rem;
    padding: 1.4rem 0;
    border: 0.1rem #333333 solid;
    border-radius: 5.0rem;
    margin: 0 auto 1.4rem auto;}

.modal_a-clausebtn:after{
    width: 1.2rem;
    height: 1.2rem;
	right: 1.8rem;}

.modal_a-nextbtn{
	font-size: 1.6rem;
    width: 28.0rem;
    padding: 1.4rem 0;
    border-radius: 5.0rem;
    margin: 0 auto 1.4rem auto;}

.modal_a-nextbtn:after{
    width: 1.2rem;
    height: 1.2rem;
	right: 1.8rem;}
}