@charset "SHIFT_JIS";
/* CSS Document */

.serviceinformation .serviceBox {
	margin-bottom: 30px;
}
.serviceinformation .serviceBox h2 {

}
.serviceinformation .serviceBox ul {

}
.serviceinformation .serviceBox ul li {

}
.serviceinformation .serviceBox ul li a {
    background: url(/img/common2/arrow02.png) 0 50% no-repeat;
    background-size: 0.45em auto;
    padding: 0.5em 0 0.5em 0.8em;
    display: block;
}

.serviceinformation .serviceCaution {
	border: 1px solid #094fa4;
	margin-bottom: 30px;
}
.serviceinformation .serviceCaution h3 {
	font-size: 1.08em;
    padding: 0.2rem 0.5rem 0.2rem 2.5rem;
    color: #fff;
    font-weight: bold;
    background: url(/img/common2/check01.png) 0.5rem 50% no-repeat #094fa4;
    background-size: 1.4rem auto;
    margin-bottom: 1rem;
}
.serviceinformation .serviceCaution p {
	    padding: 0 1rem 1rem 1rem;
}



#serviceinformationCommon {
    background: #f4f4f4;
    padding: 1rem;
}

#serviceinformationCommon .account {
	border: 1px solid #094fa4;
}

#serviceinformationCommon .account dt {
	color: #fff;
	font-weight: bold;
	font-size: 1.08em;
	background: #094fa4;
	padding: 0.4em 0.5em 0.4em 1em;
	line-height: 1.4;
}

#serviceinformationCommon .account dt::before {
    content: '';
    display: inline-block;
	width: 18px;
    height: 11px;
    background-image: url(/img/common2/arrow05.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0.25em 0 0;
}

#serviceinformationCommon .account dd {
	padding: 1rem;
	background: #fff;
}

#serviceinformationCommon .account dd .btn01 {
	width: 24rem;
	max-width: 100%;
	margin: 1.2rem auto 0;
}

#serviceinformationCommon .account dd .btn01 a {
	font-size: 0.9rem;
	padding: 0;
}

#serviceinformationCommon .account dd .btn01 a div {
	background: url(/img/common2/bg01.png) 300% 5% no-repeat;
	background-size: 120% auto;
	padding: 0.8rem 0;
}

#serviceinformationCommon .account dd .btn01 a strong {
	font-size: 1.3rem;
	padding-left: 0.25em;
}

#serviceinformationCommon .account dd .link01 {
	text-align: center;
	margin-top: 0.8rem;
}

#serviceinformationCommon .account dd .link01 a {
    background: url(/img/common2/arrow02.png) 0 0.4em no-repeat;
    background-size: 0.45em auto;
    padding: 0 0 0 0.8em;
	display: inline-block;
}

#tab {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	background-color: #eee;
	padding: .75em .5em .5em;
}

#tab li {
	background-color: #094fa4;
	background-color: linear-gradient(to right, #094fa4, #0072b7);
	border-radius: 3px;
	margin-bottom: 0.2rem;
}

#tab li:not(:last-child) {
	margin-right: .2rem;
}

#tab li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: .5em 1em;
}

#tab li a::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 12px;
	background-image: url(/img/common2/arrow03.png);
	background-size: contain;
	vertical-align: middle;
	margin: -.2em 0 0 .35em;
}