@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,600,700,900');

/*------ reset ------*/

:root{
	--main-bg-color:#e2004f;
	--main-bg-color-extend1:#e2587b;
	--main-black:#0b0b0b;
	--side-logo-width:85%;
	--main-ribon-after-color:#84002e;
	--drag-drop-file-drag:#e2587b;
	--drag-drop-file-drag-rgb:20,185,220;
}

*{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family:
			'Noto Sans JP',
			sans-serif;
			font-display: swap;
	word-break: break-all;
}

html {
	min-width: 320px;
	font-size: 70%;
}
ol, ul{
	padding-left:0;
}
body {
	margin: 0;
	padding: 0;
	padding-top:45px;
	line-height: 1.5;
	font-family:
			'Noto Sans JP',
			sans-serif;
	color: var(--main-black);
	letter-spacing:0.05em;
	font-display: swap;
}

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  62.5em) {
	body{

	}
}


/*--------------------------------------------------
 Main layout
----------------------------------------------------*/

/*------ #main ------*/
div#main {
	width: 100%;
	min-width: 320px;
	min-height: 100vh;
	margin: 0 auto;
	position: relative;
}

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  48em) {

/*------ #main ------*/
html{
  	font-size: 100%;
}
body{
	padding-top:0;
}
div#main {
	-webkit-display:flex;
	display:flex;
	background:#F2F2F2;
}
}
/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  62.5em) {

/*------ #main ------*/

div#main {
}

}

/*------ link ------*/

a:link:not(.btn,.page-link),
a:visited:not(.btn,.page-link) {
	color: #000;
	text-decoration: underline;
}
a:hover:not(.btn,.page-link),
a:active:not(.btn,.page-link) {
	color: #000;
	text-decoration: none;
}

a:hover:not(.btn,.page-link) img {
	opacity: 0.8;
	\zoom: 1;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/*------ image ------*/

img {
	border: 0;
	vertical-align: text-bottom;
	max-width: 100%;
	height:auto;
}



/*------ hr ------*/

hr {
	display: none;
	clear:both;
}


/*--------------------------------------------------
 header
----------------------------------------------------*/

#header {
	width: 100%;
	min-width: 320px;
	position: relative;
}
header {
	position: relative;
}
#headermain {
	position: relative;
	width:89.33%;
	margin:0 auto;
}

#logo {
	position: relative;
	width: 46%;
	margin:0;
	padding-top: 2.28%;
	padding-bottom: 3.28%;
}
#logo p{
	margin: 0;
	line-height: 0;
	font-size: 0;
}

#header-id{
	position: absolute;
	width:50%;
	top:0;
	right:0;
	padding:1.4% 0;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-align-items:center;
	align-items:center;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
#header-id p{
  margin-bottom: 0;
  word-break: break-all;
}
.header-id-plan{
	width:74.62%;
	margin-right:4.77%;
	font-size:3.46vw;
	line-height:1.5;
	font-family: sofia-pro,sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align:right;
	color:var(--main-bg-color);
}
.header-id-img{
	width:20.61%;
	position: relative;
}
.header-id-img:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.header-id-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius:100vh;
	object-fit: cover;
	border:solid 1px var(--main-bg-color);
}




/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  48em) {

header {
	position: relative;
}

#headermain {
	position:relative;
	width:100%;
	margin:0;
}
#logo {
	width: 100%;
	padding-top: 11.53%;
	padding-bottom: 9.61%;
	background:#FFF;
}
#logo p{
	width: var(--side-logo-width);
	margin: 0 auto;
}

#header-id{
	position: relative;
	width:100%;
	top:0;
	right:0;
	padding:11.53% 0;
	display:block;
}
.header-id-plan{
	width:100%;
	margin-right:0;
	font-size:1.46vw;
	text-align:center;
	color:#FFF;
}
.header-id-img{
	width:32.69%;
	margin:0 auto 3.84%;
}
.header-id-img img{
	border:solid 1px #FFF;
}
.header-id-mail{
	width:100%;
	margin-right:0;
	font-size:1.07vw;
	line-height:1.8;
	text-align:center;
	color:#FFF;
}
}

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  81.25em) {

.header-id-plan{
	font-size:19px;
}
.header-id-mail{
	font-size:14px;
}

}


/*--------------------------------------------------
 container
----------------------------------------------------*/

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  48em) {

#sidemenu{
	position: relative;
	width:20%;
	background:var(--main-bg-color);
	padding:0 0 11.53%;
	margin:0;
}

.menu-list {
	position: relative;
}
.menu-item {
	position: relative;
	width:100%;
	border-bottom:solid 1px var(--main-bg-color-extend1);
}
.menu-item:nth-of-type(1) {
	border-top:solid 1px var(--main-bg-color-extend1);
}
.menu-item h2 {
	position: relative;
	cursor: pointer;
	padding:4.6% 13.46% 4.6% 20%;
	font-size:1.76vw;
	line-height:1.5;
	color:#FFF;
	font-family: sofia-pro,sans-serif;
	font-weight: 700;
	font-style: normal;
	background:url('/images/common/icon/arrow_02.svg') center right 5.76% no-repeat;
	background-size:6.53% auto;
	margin-bottom: 0;
}
#setting.menu-item h2 {
	font-family:'Noto Sans JP',sans-serif;
	font-size:1.23vw;
	padding:6.3% 13.46% 6.3% 20%;
}
.menu-item h2.menu-itemactive {
	background:var(--main-bg-color-extend1) url('/images/common/icon/arrow_03.svg') center right 5.76% no-repeat;
	background-size:6.53% auto;
}
.current-menu h2.menu-itemactive {
	background:url('/images/common/icon/arrow_02.svg') center right 5.76% no-repeat;
	background-size:6.53% auto;
}
.current-menu h2 {
	background:var(--main-bg-color-extend1) url('/images/common/icon/arrow_03.svg') center right 5.76% no-repeat;
	background-size:6.53% auto;
	margin-bottom:0;
}

.menu-item h2::before {
	content:'';
	position: absolute;
	width:7.69%;
	height:0;
	padding-top:7.69%;
	top:50%;
	left:7.69%;
	margin-top:-3.845%;
}
#qr.menu-item h2::before {
	background:url('/images/common/icon/qr_w.svg') top center no-repeat;
	background-size:100% auto;
}
#shorturl.menu-item h2::before {
	background:url('/images/common/icon/url_w.svg') top center no-repeat;
	background-size:100% auto;
}
#pdf.menu-item h2::before {
	background:url('/images/common/icon/pdf_w.svg') top center no-repeat;
	background-size:100% auto;
}
#filetransfer.menu-item h2::before {
	background:url('/images/common/icon/filetransfer_w.svg') top center no-repeat;
	background-size:100% auto;
}
#setting.menu-item h2::before {
	background:url('/images/common/icon/setting_w.svg') top center no-repeat;
	background-size:100% auto;
}
.menu-item ul {
	position: relative;
	list-style:none;
	padding:7.69% 0;
	margin-bottom: 0;
	display:none;
	background:#FFF;
}
.current-menu ul{
	display:block;
	background:#FFF;
}
.menu-item ul li {
	position: relative;
	font-size:1.07vw;
	line-height:1.5;
	color:var(--main-bg-color);
	margin-bottom:3.46%;
}
.menu-item ul li a {
	position: relative;
	display:block;
	padding:1.92% 0 1.92% 20%;
	font-size:1.07vw;
	line-height:1.5;
	color:var(--main-bg-color);
	text-decoration:none;
	transition: all .6s;
}
.current-menu ul li {
	color:var(--main-bg-color);
}
.current-menu ul li a {
	position: relative;
	display:block;
	padding:1.92% 0 1.92% 20%;
	font-size:1.07vw;
	line-height:1.5;
	color:var(--main-bg-color);
	text-decoration:none;
	transition: all .6s;
}
.current-menu ul li.current-link a {
	background:var(--main-bg-color-extend1);
	color:#FFF;
}

.menu-item ul li a:hover {
	background:var(--main-bg-color-extend1);
	color:#FFF;
}
.current-menu ul li a:hover {
	background:var(--main-bg-color-extend1);
	color:#FFF;
}


}

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  81.25em) {
#sidemenu{
	width:260px;
	background:var(--main-bg-color);
	padding:0 0 200px;
}

.menu-item h2 {
	font-size:23px;
}
#setting.menu-item h2 {
	font-size:16px;
}
.menu-item ul li {
	font-size:14px;
}
.menu-item ul li a {
	font-size:14px;
}
.current-menu ul li a {
	font-size:14px;
}
}



/*--------------------------------------------------
 container
----------------------------------------------------*/

div#container {
	position:relative;
	width: 100%;
	margin: 0;
	padding:3.33% 0 8%;
	background:#F2F2F2;
}

div#container div#mainContainer {
  box-sizing: unset;
	width: 89.33%;
	margin: 0 auto;
}

div#container div#mainContainer h2 {
	font-size: 3.73vw;
	line-height: 1.71;
	font-weight:600
	letter-spacing:0.075em;
	color:var(--main-bg-color);
}
div#container div#mainContainer p {
	font-size: 3.06vw;
	line-height: 1.73;
	font-weight:400;
}
div#container div#mainContainer ul,
div#container div#mainContainer ol {
	list-style:none;
}
div#container div#mainContainer ul li,
div#container div#mainContainer ol li {
	font-size: 3.06vw;
	line-height: 1.73;
	font-weight:400;
	list-style:none;
}

.pconly {
	display:none;
}



#topicpath{
	margin-bottom:2.98%;
}
#topicpath ul{
	-webkit-display:flex;
	display:flex;
}
#topicpath ul li{
	font-size:2.26vw !important;
	line-height:1.5;
	color:var(--main-black);
}
#topicpath ul li a{
	font-size:2.26vw;
	line-height:1.5;
	color:var(--main-black);
	text-decoration:none;
}
#topicpath ul li a:hover{
	text-decoration:underline;
}
#topicpath ul li::after{
	content:' 〉 ';
}
#topicpath ul li:last-of-type::after{
	content:'';
}
#topicpath ul li:first-of-type::after{
	content:' 〉 ';
}


#page-title {
	position:relative;
	width:100%;
	margin-bottom:2.98%;
}
#page-title h1 {
	position:relative;
	font-size:5.33vw;
	line-height:1.2;
	color:var(--main-bg-color);
}
#page-title p.page-title-txt {
	position:relative;
	font-size:2.8vw !important;
	line-height:1.85 !important;
	margin-top:2.98%;
}
#page-title p.page-title-img {
	position:absolute;
	width:22.38%;
	top:0;
	right:0;
	margin-top:-5.2%;
}


#important-news {
	position:relative;
	background:#FFF;
	padding:4.85%;
	margin-bottom:7.46%;
}
#important-news h2 {
	margin-bottom:2.23%;
}
#important-news dl dt,
#important-news dl dd {
	font-size: 2.4vw;
	line-height: 1.5;
	font-weight:400;
	margin-bottom:1%;
}
#important-news dl dd a {
	text-decoration:none;
	color:var(--main-black);
}
#important-news dl dd a:hover {
	text-decoration:underline;
}

#dashboard-link {
	position:relative;
	width:100%;
	margin-bottom:8.95%;
}
#dashboard-link ul {
	position:relative;
	width:100%;
}
#dashboard-link ul li {
	position:relative;
	width:100%;
	margin-bottom:3.88%;
}
#dashboard-link ul li:last-of-type {
	margin-bottom:0;
}
#dashboard-link ul li a {
	position:relative;
	display:block;
	background:#FFF;
	font-size:3.73vw;
	line-height:1.5;
	font-weight:600;
	letter-spacing:0.075em;
	padding:3.73%;
	color:var(--main-bg-color);
	text-decoration:none;
	transition: all .6s;
}
#dashboard-link ul li a:hover {
	background:var(--main-bg-color);
	color:#FFF;
}
#dashboard-link ul li a::after {
	content:'';
	position:absolute;
	top:0;
	right:3.73%;
	margin-top:5.22%;
	width:4.92%;
	height:0;
	padding-top:2.68%;
	background:url('/images/common/icon/arrow_01.svg') top center no-repeat;
	background-size:100% auto;
}
#dashboard-link ul li a:hover::after {
	background:url('/images/common/icon/arrow_01_w.svg') top center no-repeat;
	background-size:100% auto;
}




#can-be-used {
	position:relative;
	width:100%;
}
#can-be-used h2{
	margin-bottom:3.58%;
}
#can-be-used ul{
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#can-be-used ul li{
	position:relative;
	width:47.76%;
	height:0;
	padding-top:47.76%;
	background:#FFF;
	margin-bottom:4.47%;
	box-sizing: border-box;
	border:solid 1px #FFF;
	transition: all .6s;
}
#can-be-used ul li:hover{
	border:solid 1px var(--main-bg-color);
}
#can-be-used ul li a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index:20;
	top:0;
	left:0;
}
#can-be-used ul li h3{
	position:absolute;
	top:0;
	left:10.15%;
	margin-top:5%;
	width:79.68%;
	font-size:4.66vw;
	line-height:1.5;
	color:var(--main-bg-color);
}
#can-be-used ul li h3{
	position:absolute;
	top:0;
	left:10.15%;
	margin-top:5%;
	width:79.68%;
	font-size:4.66vw;
	line-height:1.5;
	color:var(--main-bg-color);
	font-weight:600;
}
#can-be-used ul li h4{
	position:absolute;
	top:0;
	left:10.15%;
	margin-top:21.875%;
	width:79.68%;
	font-size:2.53vw;
	line-height:1.5;
	color:var(--main-black);
	font-weight:400;
}
#can-be-used ul li p.can-be-used-img{
	position:absolute;
	top:0;
	left:26.56%;
	margin-top:30%;
	width:46.875%;
	font-size:0;
	line-height:0;
}
#can-be-used ul li p.can-be-used-link{
	position: absolute;
	bottom: 0;
	left: 10%;
	margin-bottom: 5.15%;
	width: 80%;
	font-size: 2.4vw !important;
	line-height: 3 !important;
	font-weight: 600 !important;
	text-align: center;
	color: #FFF;
	background: var(--main-bg-color);
	border-radius: 100vh;
}


/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  48em) {

div#container {
	padding: 0;
	width:80%;
	min-height: 100vh;
}
div#container div#mainContainer {
	width: 90.4%;
	margin: 0 auto;
	padding:4.8%;
}
div#container div#mainContainer h2 {
	font-size: 1.3vw;
}
div#container div#mainContainer p {
	font-size: 1.23vw;
	line-height: 1.75;
}
div#container div#mainContainer ul li,
div#container div#mainContainer ol li {
	font-size: 1.23vw;
	line-height: 1.75;
}

.pconly {
	display: block !important;
}
.sponly {
	display: none !important;
}

p.conts-notice {
	position:absolute;
	bottom:0;
	left:4.8%;
	margin-bottom:2.5%;
	font-size: 0.84vw;
}

#support-link {
	position:absolute;
	top:0;
	right:1.92%;
	width:96.15%;
	margin-top:1.44%;
}
#support-link ul{
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
#support-link ul li{
	font-size:1.07vw;
}
#support-link ul li a{
	font-size:1.07vw;
	text-decoration:none;
}
#support-link ul li a:hover{
	text-decoration:underline;
}
#support-link ul li::after{
	content:'　｜　';
}
#support-link ul li:last-of-type::after{
	content:'';
}


#topicpath{
	margin-bottom:1.06%;
}
#topicpath ul li{
	font-size:0.92vw !important;
}
#topicpath ul li a{
	font-size:0.92vw;
}


#page-title {
	margin-bottom:2.97%;
}
#page-title h1 {
	font-size:2.3vw;
}
#page-title p.page-title-txt {
	display:none;
}
#page-title p.page-title-img {
	display:none;
}

#important-news {
	padding:2.65%;
	margin-bottom:4.25%;
}
#important-news h2 {
	margin-bottom:2.12%;
}
#important-news dl {
	-webkit-display:flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#important-news dl dt,
#important-news dl dd {
	font-size: 1.07vw;
	line-height: 2.64;
	font-weight:400;
	margin-bottom:0;
}
#important-news dl dt {
	width:10.77%;
}
#important-news dl dd {
	width:89.23%;
}

#can-be-used {
	position:relative;
	width:100%;
}
#can-be-used h2{
	margin-bottom:3.58%;
	color:var(--main-black) !important;
}
#can-be-used ul{
	width:105.31%;
	margin-left:-2.655%;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
#can-be-used ul li{
	width:28.28%;
	padding-top:28.28%;
	margin:0 2.52% 5.05%;
}
#can-be-used ul li h3{
	left:10.36%;
	margin-top:6%;
	width:79.68%;
	font-size:2.15vw;
}
#can-be-used ul li h4{
	left:10.36%;
	margin-top:21.42%;
	width:79.68%;
	font-size:1.07vw;
}
#can-be-used ul li p.can-be-used-img{
	left:26.56%;
	margin-top:30%;
	width:46.875%;
	font-size:0;
	line-height:0;
}
#can-be-used ul li p.can-be-used-link{
	left:25.78%;
	margin-bottom:10.36%;
	width:47.14%;
	font-size:1.07vw !important;
	line-height:2.42 !important;

}

}

/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  81.25em) {

div#container {
	width:calc(100% - 260px);
}
div#container div#mainContainer {
	width:calc(100% - 100px);
	padding:50px;
}
div#container div#mainContainer h2 {
	font-size: 17px;
}
div#container div#mainContainer p {
	font-size: 14px;
}
div#container div#mainContainer ul li,
div#container div#mainContainer ol li {
	font-size: 14px;
}

p.conts-notice {
	left:50px;
	margin-bottom:15px;
	font-size: 11px;
}

#support-link ul li{
	font-size: 14px;
}
#support-link ul li a{
	font-size: 14px;
}


#topicpath ul li{
	font-size:12px !important;
}
#topicpath ul li a{
	font-size:12px;
}

#page-title {
	margin-bottom:28px;
}
#page-title h1 {
	font-size:30px;
}

#important-news {
	padding:25px;
	margin-bottom:40px;
}
#important-news h2 {
	margin-bottom:10px;
}
#important-news dl dt,
#important-news dl dd {
	font-size: 14px;
}

#can-be-used {
	position:relative;
	width:100%;
}
#can-be-used ul{
	width:calc(100% + 50px);
	margin-left:-25px;
}
#can-be-used ul li{
	width:280px;
	padding-top:280px;
	margin:0 25px 50px;
}
#can-be-used ul li h3{
	font-size:28px;
}
#can-be-used ul li h4{
	font-size:14px;
}
#can-be-used ul li p.can-be-used-link{
	font-size:14px !important;
}



}




/*--------------------------------------------------
 footer
----------------------------------------------------*/

div#footer {
	width: 100%;
	min-width: 320px;
	padding-top: 6.66%;
	padding-bottom:20.93%;
	clear: both;
	position:relative;
	background:#F2F2F2;
}
#footerMain ul.footer-link {
	width:32%;
	margin:0 auto 5.06%;
	list-style:none;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#footerMain ul.footer-link li {
	font-size: 2.4vw;
	line-height:1.5;
}
#footerMain ul.footer-link li a {
	font-size: 3vw;
	line-height:1.5;
	text-decoration:none;
	color:var(--main-black);
}
#footerMain ul.footer-link li a:hover {
	text-decoration:underline;
}
#footerMain ul.footer-sns {
	margin:0 auto 5.06%;
	list-style:none;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}
#footerMain ul.footer-sns li {
	width:6.13%;
	margin:0 1.33%;
	font-size: 0 !important;
	line-height:0 !important;
}
#footerMain ul.footer-sns li svg {
	width:100%;
	height:auto;
}
#footerMain ul.footer-sns li svg .st0{
	fill:var(--main-black);
}
#footerMain ul.footer-sns li a:hover svg .st0{
	fill:var(--main-bg-color);
}
#footerMain p.copyright {
	width:100%;
	margin:0 auto;
	font-size: 1.86vw;
	line-height:1.2;
	text-align:center;
	margin-bottom:2%;
	letter-spacing:0.125em;
}
#footerMain p.footer-notice {
	width:100%;
	margin:0 auto;
	font-size: 1.86vw;
	line-height:1.2;
	text-align:center;
	letter-spacing:0.075em;
}
#footerMain p.call {
	width:12.66%;
	position:absolute;
	bottom:0;
	right:0;
	margin-right:2.8%;
	margin-bottom:19.46%;
}




/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  48em) {

#footerMain {
	position:relative;
	width:100%;
	bottom:0;
	left:0;
	padding-bottom:7.69%;
	padding-top:10%;
}
#footerMain ul.footer-link {
	width:84.61%;
	margin:0 auto 11.53%;
	list-style:none;
	display:block;
}
#footerMain ul.footer-link li {
	font-size: 1.07vw;
	line-height:1.5;
	margin-bottom:4.54%;
}
#footerMain ul.footer-link li:last-of-type {
	margin-bottom:0;
}
#footerMain ul.footer-link li a {
	font-size: 1.07vw;
	color:#FFF;
}
#footerMain ul.footer-sns {
	margin:0 auto 3.84%;
	list-style:none;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}
#footerMain ul.footer-sns li {
	width:11.15%;
	margin:0 2.5%;
}
#footerMain ul.footer-sns li svg .st0{
	fill:#FFF;
}
#footerMain ul.footer-sns li a:hover svg .st0{
	fill:#F2F2F2;
}
#footerMain p.copyright {
	font-size: 0.84vw;
	color:#FFF;
	margin-bottom:0;
}
#footerMain p.footer-notice {
	font-size: 0.7vw;
	color:#FFF;
}
#footerMain p.call {
	width:4.46%;
	position:fixed;
	bottom:0;
	right:0;
	margin-right:2.46%;
	margin-bottom:1.76%;
	z-index:200;
}
}


/* media Queries------------------------------------
----------------------------------------------------*/
@media only screen and (min-width:  81.25em) {
#footerMain {
	padding-bottom:15px;
}
#footerMain ul.footer-link li {
	font-size: 14px;
}
#footerMain ul.footer-link li a {
	font-size: 14px;
}
#footerMain p.copyright {
	font-size: 11px;
}
#footerMain p.footer-notice {
	font-size: 8px;
}
}



/*--------------------------------------------------
 footer-nav
----------------------------------------------------*/

#footer-nav{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#FFF;
	padding:5.33% 0;
	z-index:100;
}
#footer-nav ul {
	margin:0 auto;
	list-style:none;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}
#footer-nav ul li {
	width:8.13%;
	margin:0 5.33%;
	font-size: 0;
	line-height:0;
}
#footer-nav ul li a {
	text-decoration:none;
	font-size: 0;
	line-height:0;
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
}
#footer-nav ul li:nth-of-type(1) a {
	background:url('/images/common/icon/qr_g.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(1) a:hover,
#footer-nav ul li.current:nth-of-type(1) a {
	background:url('/images/common/icon/qr_b.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(2) a {
	background:url('/images/common/icon/url_g.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(2) a:hover,
#footer-nav ul li.current:nth-of-type(2) a {
	background:url('/images/common/icon/url_b.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(3) a {
	background:url('/images/common/icon/pdf_g.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(3) a:hover,
#footer-nav ul li.current:nth-of-type(3) a {
	background:url('/images/common/icon/pdf_b.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(4) a {
	background:url('/images/common/icon/filetransfer_g.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(4) a:hover,
#footer-nav ul li.current:nth-of-type(4) a {
	background:url('/images/common/icon/filetransfer_b.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(5) a {
	background:url('/images/common/icon/setting_g.svg') top center no-repeat;
	background-size:100% auto;
}
#footer-nav ul li:nth-of-type(5) a:hover,
#footer-nav ul li.current:nth-of-type(5) a {
	background:url('/images/common/icon/setting_b.svg') top center no-repeat;
	background-size:100% auto;
}



/*------ aos ------*/
[data-aos=vanishanime] {
	opacity: 1;
}
[data-aos=vanishanime].aos-animate {
	opacity: 0;
}
[data-aos=appearanime] {
	opacity: 0;
}
[data-aos=appearanime].aos-animate {
	opacity: 1;
}



/*------ clearfix ------*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
}

.linebtn:after,
div#footer footer div#footerMain div.footerArea:after
{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

/*ここからS.E.onetop Sugawara引き継ぎ boostrapで対応できないスタイルを記述*/
.ui-timepicker-standard{
  border: none;
  box-shadow:0 0 2px rgb(100 100 100 / 35%);
}
.ui-state-hover, #ui-active-item{
  background: none;
  border:none;
}
.ui-state-hover, #ui-active-item{
  background: rgba(0,0,0,0.05);
}
.drag-drop-file.drag{
  border-color: var(--drag-drop-file-drag);
  outline: 0;
  background-color:rgb(246 253 255) !important;
  box-shadow: inset 0 0 0 0.25rem rgba(var(--drag-drop-file-drag-rgb), 0.25);
}
.drag-drop-file .invalid-feedback{
	text-align: center;
}
.swiswii-ribon:after{
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 0.5rem transparent;
  border-left: solid 0.5rem var(--main-ribon-after-color);
}
.swiswii-btn-edit:hover .icon-swiswii-pencil, .swiswii-btn-analysis:hover .icon-swiswii-chart{
  width: 100%;
  font-weight: bold;
}
.swiswii-btn-edit:hover .icon-swiswii-pencil::before{
  content: "編集" !important;
  font-size: 0.7rem;
  display: block;
}
html:not([lang='ja']) .swiswii-btn-edit:hover .icon-swiswii-pencil::before{
  content: "Edit" !important;
  font-size: 0.5rem;
}
.swiswii-btn-analysis:hover .icon-swiswii-chart::before{
  content: "計測";
  font-size: 0.7rem;
  display: block;
}
html:not([lang='ja']) .swiswii-btn-analysis:hover .icon-swiswii-chart::before{
  content: "Data" !important;
  font-size: 0.5rem;
}

.tooltip-inner{
  line-height: 1.6;
  text-align: left;
}
button.copyBtn{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.btn.btn-outline-primary.bg-white{
	word-break: normal;
}
.datepicker{
  word-break: initial;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
	background-color: var(--main-bg-color);
	background-image: -webkit-linear-gradient(to bottom, var(--main-bg-color),var(--main-bg-color));
	background-image: linear-gradient(to bottom, var(--main-bg-color),var(--main-bg-color));
}
.lang-switcher-mb li {
	width: 30%;
}
.lang-switcher-pc{
	width: 84.61%;
	margin: 0 auto 11.53%;
}
.lang-switcher-pc a,.lang-switcher-pc span{
	font-size: .87em;
}
.lang-switcher-pc a{
	text-decoration: none !Important;
}
.lang-switcher-pc a:hover{
	text-decoration: underline !Important;
}
/*ヘッダー改造*/
@media (max-width: 767px) {
    html:not(.share),body:not(.share){
        background:#F2F2F2
    }
}
#header.sponly #headerArea{
    position: fixed;
    width: 100%;
    top:0;
    left:0;
    z-index:1;
    background: var(--main-bg-color);
    height: 45px;
}

#header.sponly #headerArea #logo{
    margin:0 auto;
}
.drawer-toggle.drawer-hamburger .drawer-hamburger-icon{
    transform: scale(-0.65);
    -webkit-transform: scale(-0.65);
}
.drawer-hamburger{
    top:-9px !important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
    background-color: #fff !important;
    height: 4px !important;
    border-radius: 10px !important;
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 0px !important;
}
.drawer--right.drawer-open .drawer-nav {
    top: 0;
		min-width: 65vw;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.history-back-button{
    position: absolute;
    color: #fff;
    font-size: 0.7em;
    top:50%;
    left:0;
    transform:translateY(-50%);
}
.done-img{
	animation: enjoyAnim 1.5s ease 0s infinite normal forwards;
}
@keyframes enjoyAnim {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}
	15% {
		transform: translateX(-30px) rotate(-6deg);
	}
	30% {
		transform: translateX(15px) rotate(6deg);
	}
	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}
	60% {
		transform: translateX(9px) rotate(2.4deg);
	}
	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}
.two-factor-input-area{
	width:60%;
	height:6.2rem
}
@media (max-width: 767px){
	.two-factor-input-area{
			width: 80%;
			height: 6.2rem;
	}
}