@charset "utf-8";

h2.title {
	width: 100%;
	padding: 20px 0 20px 30px;
	box-sizing: border-box;
	position: relative;
}
h2.title img {
	position: absolute;
	top: -30px;
	right: 0;
}

#mainContainer .inner a {
text-decoration: none;
}

.sec01 {
padding-bottom: 20px;
border-bottom: 2px dotted #333;
}
.sec01 h3.title {
background: url("../images/use_assistance/title_icon.png") 0 0 no-repeat #1d2088;
background-size: auto 100%;
padding-left: 80px;
border: none;
color: #fff;
}

_:-ms-lang(x)::-ms-backdrop, .sec01 h3.title {
	padding: 7px 0 0 80px;
}

.sec01 .phase01 {
display: flex;
justify-content: space-between;
}
.sec01 .phase01 .textArea {
width: 600px;
}
.sec01 .txtType01 {
color: #d20000;
}
.sec01 .textbox {
background: url("../images/use_assistance/bk_img.png") 0 0 no-repeat;
font-weight: bold;
padding: 25px 14px 25px 20px;
width: 252px;
margin-top: 10px;
}
.sec01 .textbox p {
line-height: 1.4;
}
.sec01 .textbox p.small {
font-size: 0.875em;
}


.sec02 {
padding-bottom: 60px;
margin-bottom: 30px;
border-bottom: 2px dotted #333;
}
.sec02 h3.title {
background: url("../images/use_assistance/sub_title.png") center 0 no-repeat;
border: none;
text-align: center;
padding: 17px 0 16px;
}

_:-ms-lang(x)::-ms-backdrop, .sec02 h3.title {
padding: 22px 0 16px;
}

.sec02 table {
width: 100%;
margin-bottom: 20px;
}
.sec02 table th {
text-align: left;
}
.sec02 table td {
vertical-align: top;
}
.sec02 table td:first-child {
width: 44.5%;
}
.sec02 table td:nth-child(2) {
width: 26.5%;
}
.sec02 table td:last-child {
}
.sec02 table td .red {
color: #d80c18;
}
.sec02 table td .blue {
color: #1d2088;
}
.sec02 table td .big {
font-size: 1.500em;
font-weight: bold;
}
.sec02 table td .small {
font-size: 0.875em;
}
.sec02 table td li {
text-indent: -3.1em;
padding-left: 3.1em;
font-size: 0.875em;
}
.sec02 table td li span {
display: block;
font-size: 1.143em;
font-weight: bold;
}
.sec02 table td img {
margin-top: 20px;
}

.sec02 h4 {
color: #d20000;
font-size: 125.0%;
font-weight: bold;
margin-bottom: 30px;
}
.sec02 h4 .mark {
display: inline-block;
font-size: 1.111em;
border: 2px solid #100d0d;
border-radius: 20px;
background: url("../images/use_assistance/icon01.png") 96% center no-repeat #fff9b0;
color: #040582;
padding: 5px 60px 5px 20px;
margin-right: 0.5em;
line-height: 1.0;
width: auto;
box-sizing: border-box;
}

_:-ms-lang(x)::-ms-backdrop, .sec02 h4 .mark {
padding: 8px 40px 0 20px;
}

.sec02 p.txt01 {
	color: #d80c18
}

.sec02 h4 .small,
.sec02 p.txt01 .small{
font-size: 0.875em;
}

.sec02 .box03 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0 30px;
}

.sec02 .box03 dl {
	width: 30%;
	background: #c7e8fa;
	border-radius: 15px;
	padding: 40px 15px 15px;
	display: flex;
	gap: 0 15px;
	flex-wrap: wrap;
	position: relative;
}

.sec02 .box03 dl:nth-child(1) dt {
	width: 54px;
	height: 54px;
	background: url("../images/use_assistance/icon07.png") no-repeat;
	position: absolute;
	top: -18px;
	left: 0;
	text-indent: -999em;
}

.sec02 .box03 dl:nth-child(2) dt {
	width: 54px;
	height: 54px;
	background: url("../images/use_assistance/icon08.png") no-repeat;
	position: absolute;
	top: -18px;
	left: 0;
	text-indent: -999em;
}

.sec02 .box03 dl:nth-child(3) dt {
	width: 54px;
	height: 54px;
	background: url("../images/use_assistance/icon09.png") no-repeat;
	position: absolute;
	top: -18px;
	left: 0;
	text-indent: -999em;
}

.sec02 .box03 dl dd span {
	color: #d80c18
}

.sec02 .box03 dl dd a {
	text-decoration: underline !important;
}

.sec02 .box03 dl dd.btn04 {
	width: 100%;
	margin-top: 1em;
}

.sec02 .box03 dl dd.btn04 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #d80c18;
	background: #fff;
	color: #d80c18;
	text-decoration: none !important;
	font-weight: bold;
}

.sec02 .box03 .atten {
	color: #d80c18;
	font-weight: bold;
	line-height: 1.4;
	font-size: 0.875em;
	padding-top: 1em;
}

.sec02 .box03 .atten a {
	color: #d80c18;
	text-decoration: underline !important;
}



.sec02 .facility {
display: flex;
justify-content: center;
gap: 0 20px;
}

.sec02 .facility > div {
width: 40%;
position: relative;
border-radius: 10px;
padding: 38px 18px 10px;
background: #c7e8fa;
}
.sec02 .facility > div.typeC {
background: #fadce9;
}

.sec02 .facility div.typeA:before,
.sec02 .facility div.typeB:before {
content: url("../images/use_assistance/img_03.png");
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}

.sec02 .facility div.typeC:before {
content: url("../images/use_assistance/img_04.png");
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}

.sec02 .facility div.typeA:after {
content: url("../images/use_assistance/icon07.png");
position: absolute;
top: -15px;
left: -2px;
}
.sec02 .facility div.typeB:after {
content: url("../images/use_assistance/icon08.png");
position: absolute;
top: -15px;
left: -2px;
}
.sec02 .facility div.typeC:after {
content: url("../images/use_assistance/icon09.png");
position: absolute;
top: -15px;
left: -2px;
}

.sec02 .facility div ul {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0 10px;
}

.sec02 .facility div ul li {
text-indent: -1em;
padding-left: 1em;
}

.sec02 .facility div ul li span {
color: #d80c18;
}

.sec02 .facility div.typeA ul {
width: 60%;
}
.sec02 .facility div.typeA ul:after {
content: url("../images/use_assistance/img_05.png");
position: absolute;
top: -10px;
right: -2px;
}

.sec02 .facility div .atten {
text-indent: -1em;
padding-left: 1em;
color: #de0000;
font-weight: bold;
line-height: 1.4;
font-size: 0.875em;
}

.sec02 .facility div .atten a {
	color: #de0000;
	text-decoration: underline !important;
}

.sec02 .facility div.typeA .atten {
	padding-right: 5em;
}

.sec02 .facility div .btn a {
display: block;
text-align: center;
border: 2px solid #de0000;
color: #de0000;
text-decoration: none;
background: url("../images/use_assistance/icon05.png") 1% center no-repeat #fff;
border-radius: 30px;
margin: 20px 0 10px;
font-weight: bold;
padding:  2px 0 1px;
}
.sec02 .facility div .btn a:hover {
opacity: .7;
}

_:-ms-lang(x)::-ms-backdrop, .sec02 .facility div .btn a {
padding:  5px 0 1px;
}

.sec02 .facility div .yahoo {
background: #fff;
}

_:-ms-lang(x)::-ms-backdrop, .sec02 .facility div .yahoo {
padding: 5px 0 0;
display: inline-block;
background: #fff;
text-indent: 0;
margin: 0;
}


.sec03 {
}
.sec03 h3.title {
background: url("../images/use_assistance/sub_title.png") center 0 no-repeat;
border: none;
text-align: center;
padding: 17px 0 16px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 h3.title {
padding: 22px 0 11px;
}

.sec03 .textBox {
border-style: solid;
border-width: 11px;
border-image: url("../images/use_assistance/border.png") 11 repeat;
border-image-width: 11px;
}
.sec03 .textBox h4,
.sec03 .textBox p {
font-size: 1.313em;
font-weight: bold;
color: #040582;
text-align: center;
}
.sec03 .textBox p {
background: #c7e8fa;
margin: 2px 10px 5px;
border-radius: 10px;
}
.sec03 .textBox p span img {
width: 1.5em;
vertical-align: top;
}

.sec03 h4.title {
font-size: 1.313em;
text-align: center;
width: 65%;
margin: 60px auto 20px;
background: none;
color: #333;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border-radius: 0;
padding: 2px 0;
}
.sec03 h4.title span {
border-top: 2px solid #333;
border-bottom: 2px solid #333;
display: block;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 h4.title span {
padding: 7px 0 0;
}

.sec03 h5.title {
font-size: 175%;
text-align: center;
width: 50%;
margin: 0 auto 30px;
background: url("../images/use_assistance/title_icon02.png") 0 0 no-repeat #1d2088;
background-size: auto 100%;
color: #fff;
border-radius: 30px;
padding: 6px 0 6px 35px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 h5.title {
padding: 16px 0 6px 50px;
}

.sec03 .item {
background: #e9e7f3;
border-radius: 8px;
padding: 30px 50px;
position: relative;
width: 80%;
margin-left: auto;
margin-bottom: 40px;
}
.sec03 .item h4 {
position: absolute;
display: inline-block;
color: #fff;
padding: 4px 8px 4px 40px;
background: url("../images/use_assistance/icon02.png") 2% center no-repeat #d80c18;
border-radius: 5px;
font-size: 1.125em;
top: -16px;
left: -90px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .item h4 {
padding: 9px 8px 0px 40px;
}


.sec03 .item li {
text-indent: -1em;
padding-left: 1em;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .item li {
	margin-bottom: 10px;
}

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

.sec03 .item li span {
color: #d80c18;
}
.sec03 .item li a {
text-decoration: none;
}
.sec03 .item li a.btn {
background: #d80c18;
color: #fff;
padding: 4px;
font-weight: bold;
}
.sec03 .item li .underR {
	border-bottom: 2px solid #d80c18;
}

_:-ms-lang(x)::-ms-backdrop,.sec03 .item li a.btn {
padding: 5px 4px 0;
}

.sec03 .step {
position: relative;
padding-bottom: 30px;
margin-bottom: 10px;
background: url("../images/use_assistance/bk_line.png") 15px 0 repeat-y;
}
.sec03 .step:after {
content: url("../images/use_assistance/icon_arrow.png");
position: absolute;
bottom: -10px;
left: 0;
width: 35px;
height: 35px;
}
.sec03 .step h6 {
font-size: 175%;
border-top: 4px solid #1d2088;
line-height: 1.2;
}
.sec03 .step h6 span {
display: inline-block;
background: url("../images/use_assistance/step.png") 0 0 no-repeat;
color: #fff;
font-size: 1.143em;
padding: 0 50px 0 30px;
letter-spacing: 5px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .step h6 span {
padding: 5px 50px 0 30px;
}

.sec03 .step .textArea {
padding-left: 208px;
margin-top: 30px;
}
.sec03 .step .textArea p {
text-indent: -1em;
padding-left: 1em;
font-size: 1.125em;
}

.sec03 .step .textArea p .red {
color: #d80c18 !important;
}

.sec03 .step .textArea .abc img {
width: 1.5em;
vertical-align: top;
}
.sec03 .step .attenBox {
margin-top: 25px;
padding: 15px 15px 15px 65px;
background: url("../images/use_assistance/icon03.png") 10px 15px no-repeat #fffcd9;
border-radius: 10px;
}
.sec03 .step .attenBox p {
text-indent: -1em;
padding-left: 1em;
font-size: 16px;
}
.sec03 .step .attenBox .red {
color: #d80c18;
}
.sec03 .step .attenBox .underR {
text-decoration: underline!important;
}

.sec03 .step.last {
background: none;
}
.sec03 .step.last:after {
content: "";
position: static;
bottom: 0;
width: 0;
height: 0;
}

.sec03 p a.line {
	text-decoration: underline !important;
}

.sec03 .btn {
width: 65%;
margin: 0 auto;
}
.sec03 .btn a {
width: 100%;
display: block;
font-size: 175%;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #fff;
background: #d80c18 url("../images/use_assistance/icon04.png") 15px center no-repeat;
padding: 6px 0;
border: 3px solid #1b1815;
border-radius: 10px;
}
.sec03 .btn a:hover {
opacity: .7;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .btn a {
padding: 7px 0 0px;
}

.typec .textBox p {
background: #fadcea;
}
.sec03 .step h6 span.arrow {
display: inline-block;
background: none;
padding: 0 4px;
letter-spacing: 0;
}
.sec03 .step h6 span.arrow img {
width: 1.5em;
vertical-align: top;
}
.typec .step .textArea p {
text-indent: 0;
padding-left: 0;
}
.typec .step .textArea .btnY {
font-weight: bold;
color: #fff;
background: #eb9d1c;
padding: 0 4px;
}
_:-ms-lang(x)::-ms-backdrop, .typec .step .textArea .btnY {
padding: 5px 4px 0;
}

.typec .step .textArea .img {
margin: 20px 0 20px -160px;
}
.typec .step .textArea .attenBox p {
text-indent: -1em;
padding-left: 1em;
}
.typec .step .textArea ul.orange {
margin-top: 10px;
}
.typec .step .textArea ul.orange li {
text-indent: -1em;
padding-left: 1em;
font-size: 0.875em;
}
.typec .step .textArea ul.orange li span {
color: #f08300;
}
.typec .step .textArea .btnRa {
}
.typec .step .textArea .btnRa a {
display: inline-block;
font-size: 1.250em;
text-decoration: none;
color: #d80c18;
border: #d80c18 2px solid;
border-radius: 30px;
background: url("../images/use_assistance/icon05.png") 5px center no-repeat #fff;
padding: 0 15px 0 40px;
}

_:-ms-lang(x)::-ms-backdrop, .typec .step .textArea .btnRa a {
padding: 5px 15px 0 40px;
}

.step .judgement {
display: flex;
justify-content: space-between;
}
.step .judgement > div {
width: 45%;
}
.step .judgement > div .textArea {
padding-left: 60px;
}

.step.pdbp {
padding-bottom: 100px;
}
.step .judgement .approval,
.step .judgement .dismissal {
position: relative;
}
.step .judgement .approval:after {
content: "承認";
position: absolute;
top: -50px;
left: 45px;
font-size: 200%;
font-weight: bold;
}
.step .judgement .dismissal:before {
content: url("../images/use_assistance/icon_arrow02.png");
position: absolute;
top: -75px;
left: -510px;
}
.step .judgement .dismissal:after {
content: "却下";
position: absolute;
top: -50px;
left: 75px;
font-size: 200%;
font-weight: bold;
color: #d80c18;
}
.step .judgement .dismissal h6 {
border-top: 4px solid #6356a3;
}
.step .judgement .dismissal h6 span {
background: url("../images/use_assistance/step_02.png") 0 0 no-repeat;
}
.step .judgement .dismissal .textArea {
padding-left: 20px;
}
.step .judgement .dismissal .textArea .atten {
font-size: 0.875em;
}
.typec .step .textArea .btnR {
font-weight: bold;
color: #d80c18;
padding: 0 4px;
border: 1px solid #d80c18;
}

_:-ms-lang(x)::-ms-backdrop, .typec .step .textArea .btnR {
padding: 5px 4px 0;
}

.sec03.typec .btn {
width: 70%;
}
.sec03.typec .btn a {
padding-left: 70px;
}

.sec03.typec .links {
}
.sec03.typec .links p {
text-align: center;
}
.sec03.typec .links .underR {
border-bottom: 1px solid #d80c18;
text-decoration: none;
}
.sec03.typec .links .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 70%;
margin: 20px auto 30px;
}
.sec03.typec .links .list > div {
width: 48%;
text-align: center;
padding: 4px 0;
border: 1px solid #221815;
margin-bottom: 20px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03.typec .links .list > div {
padding: 5px 0 0;
}

.tabilink {
border-style: solid;
border-width: 8px;
border-image: url("../images/use_assistance/border_02.png") 8 repeat;
border-image-width: 8px;
padding: 0 15px;
margin: 0 auto 30px;
width: 28.8%;
}
.tabilink span {
padding-right: 10px;
}

.sec03 .information {
font-size: 1.125em;
font-weight: bold;
color: #d80c18;
width: 750px;
margin: 0 auto;
text-align: center;
}

.typec .step .textArea .btnRW {
background: #d80c18;
color: #fff;
padding: 4px;
font-weight: bold;
}

_:-ms-lang(x)::-ms-backdrop, .typec .step .textArea .btnRW {
padding: 5px 4px 0;
}

#mainContainer section.typec.cancel {
margin-bottom: 10px;
}
.sec03 .item.cancel h4 {
color: #d80c18;
padding: 4px 34px 4px 12px;
background: url("../images/use_assistance/icon06.png") 98% center no-repeat #fff100;
border-radius: 30px;
border: 1px solid #020018;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .item.cancel h4 {
padding: 5px 34px 0 12px;
}

.sec03 .item.cancel li.redL {
color: #d80c18;
font-size: 1.250em;
margin-bottom: 20px;
}
.sec03 .item.cancel li.redL:last-child {
margin-bottom: 0;
}
.sec03 .item.cancel li a.btnR {
background: none;
color: #d80c18;
border: 1px solid #d80c18;
padding: 4px;
font-weight: bold;
}
.sec03 .item.cancel li a.btnRB {
background: none;
color: #333;
border: 1px solid #d80c18;
padding: 4px;
font-weight: bold;
}

_:-ms-lang(x)::-ms-backdrop, .sec03 .item.cancel li a.btnR {
padding: 5px 4px 0;
}
_:-ms-lang(x)::-ms-backdrop, .sec03 .item.cancel li a.btnRB {
padding: 5px 4px 0;
}

.sec03 .attenBox.cancel {
margin-top: 25px;
padding: 15px 15px 15px 65px;
background: url("../images/use_assistance/icon03.png") 10px 15px no-repeat #fffcd9;
border-radius: 10px;
margin-bottom: 40px;
margin-left: 200px;
}
.sec03 .attenBox.cancel p {
text-indent: -1em;
padding-left: 1em;
font-size: 16px;
}
.sec03 .attenBox.cancel .red {
color: #d80c18;
}
.sec03 .attenBox.cancel .underR {
text-decoration: underline!important;
}

.sec04 {
}
.sec04 .img01 {
text-align: center;
}
.sec04 .img02 {
text-align: center;
margin-bottom: 20px;
}
.sec04 .img03 {
text-align: center;
}
.note {
font-size: 150%;
font-weight: bold;
color: #d80c18;
text-align: center;
margin-bottom: 30px;
}


.sec03.typec .reservation {
position: absolute;
top: 6px;
left: 335px;
}
.sec03.typec .reservation a {
display: inline-block;
font-size: 1.250em;
text-decoration: none;
color: #d80c18;
border: #d80c18 2px solid;
border-radius: 30px;
background: url("../images/use_assistance/icon05.png") 5px center no-repeat #fff;
padding: 0 15px 0 40px;
}

_:-ms-lang(x)::-ms-backdrop, .sec03.typec .reservation a {
padding: 7px 15px 0 40px;
}


.box04 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	margin-top: 20px;
}

.box04 .info {
	border: 1px dashed #666;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
}