@charset "UTF-8";

.contents{ width: 1000px; height: auto; margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 800px; float: left; z-index: 10;}
.contents-wrapper-right{ width: 180px; float: right; margin-top: 33px; z-index: 10;}
.contents-wrapper-right .side-menu-item{ margin-bottom: 15px;}
.contents-wrapper-right .side-menu-item a:hover{ filter:Alpha(opacity=75); opacity:0.75;}

.title{ font-size: 2.4rem;}

.section{ margin: 60px 0;}
.section-title{ font-size: 2.4rem; border-bottom: 3px #ED7901 solid; margin-bottom: 30px;}
.section-title .note{ font-size: 1.8rem}
.flow-title{ font-size: 2.0rem; line-height: 1.2; color: #ED7901; margin-bottom: 20px;}
.flow-title .benefit-note{ font-size: 1.4rem;}
.flow-subtitle{ font-size: 1.8rem; line-height: 1.8; color: #ED7901; margin-top: 30px;}
.section p{ font-size: 1.4rem; line-height: 1.6;}

.application-section{ margin: 30px 0 50px;}
.application-section .benefit-strong{ color: #DD6673; font-weight: bold;}

.link-list,.requirements-list{ font-size: 1.4rem; line-height: 1.8; counter-reset: item;}
.link-list,.requirements-list li::before{
	counter-increment: item;
	content: counter(item)'.';
	display: inline-block;
	margin-right: 0.5rem;
	color: #ED7901;
	font-weight: bold;
	font-size: 1.4rem;
}

.list-caution{ margin-top: 10px;}
.list-num{ display: inline; color: #ED7901; font-weight: bold;}




table.permission-table{ width:100%;border-collapse: collapse;border-spacing:0px; margin:20px 0;}
	table.permission-table th,table.permission-table td{ padding:12px; border:1px solid #C4C4C4;}
	table.permission-table th{ font-weight: normal; background: #FFEBCD; width:220px;}

table.address-table{ width:100%;border-collapse: collapse;border-spacing:0px; margin:20px 0; font-size: 1.2rem;}
	table.address-table th,table.address-table td{ padding:12px 12px 12px 24px; border:1px solid #C4C4C4;}
	table.address-table th{ font-weight: normal; background: #FFEBCD;}

.required-list{ margin: 20px 0 50px 30px;}
.required-list .required-item{ font-size: 1.4rem; line-height: 1.8;}

.benefit-list{ margin: 0;}
.benefit-list .benefit-item{ font-size: 1.4rem; line-height: 1.8; margin-bottom: 30px;}
.benefit-list .strong{ font-weight: bold;}
.benefit-list .underline{ text-decoration: underline;}

.link{ margin-top: 15px;}
.link-item-page{ padding-left: 14px; background: url(../images/triangle.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}
.link-item-pdf{ padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}

.link2{ margin-top: 10px; }
.link-item-page2{ padding-left: 14px; background: url(../images/triangle.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px; margin-left: 2em;}
.link-item-pdf2{ padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px; margin-left: 2em;}

#tabAccordion { margin: 40px auto 0; width: 800px; /* width: 1000px; */ /*height: auto;*/ /*height: 1200px;*/ position: relative;}

#tabAccordion dl {top: 0; left: 0; width:100%; position: absolute;}
#tabAccordion dl dt{ top: 0; left: 0; font-weight: bold; position: absolute; box-sizing: border-box; overflow: hidden;font-size:2.0rem;}
#tabAccordion dl dt i{ opacity: 0.5;}
#tabAccordion dl dt a:hover{opacity: 0.5; text-decoration: none;}

#tabAccordion dl:nth-child(1) dt{ text-align: center;}
#tabAccordion dl:nth-child(1) dt a{color:#666; /*background: #FFEBCD;*/ text-align: center;}
#tabAccordion dl:nth-child(1) dd{ /*background: #FFF;*/ background: none;}
#tabAccordion dl:nth-child(2) dt{ text-align: center;}
#tabAccordion dl:nth-child(2) dt a{color:#666; /*background: #FFEBCD;*/ text-align: center;}
#tabAccordion dl:nth-child(2) dd{ /*background: #FFF;*/ background: none;}

#tabAccordion dl dt a {display: block;padding: 5px 0;text-align: center;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}

#tabAccordion dl dt.btnAcv a{color: #fff;}
#tabAccordion dl:nth-child(1) dt.btnAcv a{background: #F79F00; }
#tabAccordion dl:nth-child(2) dt.btnAcv a{background: #F79F00; }
#tabAccordion dl dt.btnAcv i{opacity: 1; color: #F79F00;}

#tabAccordion dl dd {top: 75px; left: 0px; padding: 0px; width: 800px; /*height: auto;*/ text-align: center; display: none;color: #000; position: absolute; box-sizing: border-box; background:#fff; text-align: left;}


@media only screen and (min-width: 768px) {/*PC*/

#tabAccordion.guide dl dt {width: 400px;}
#tabAccordion.guide dl:nth-child(1) dt {left: 0px;}
#tabAccordion.guide dl:nth-child(2) dt {left: 400px;}
#tabAccordion dl dt a{border-left: 1px solid #CCC;}
#tabAccordion dl:last-child dt a{border-right :1px solid #CCC;}
}

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

.contents{ width: 90%; /*min-height: 700px;*/ margin-top: 100px;}
.contents p{ 1.4rem; line-height: 1.8;}
.heading{ font-size: 3.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 100%; float: none;}
.section{ margin: 40px 0 30px;}
.title{ font-size: 1.6rem; width: 100%;}
.section-title{ font-size: 1.8rem;}
.section-title .note{ font-size: 1.4rem}

.swipe-img{ text-align: center;}
.permission-table-wrapper,
	.address-table-wrapper{
		padding: 0px 0 20px;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	
table.permission-table{ width: 100%;}
	table.permission-table th{ width: 50px;}
	table.permission-table td{ width: 200px;}

table.address-table{ width:100%;}

.application-flow-wrapper{
	padding: 0px 0 20px;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.application-flow{ margin: 50px 0 0; width: 700px;}
	.application-flow .application-headline{ width: 180px;}
	.application-flow .application-substance{ width: 480px;}

.required-list{ margin: 20px 0 50px 0;}

#tabAccordion { width: 100%; height: auto; margin:auto; padding-top: 20px; padding-bottom:15px;}
#tabAccordion dl { top: auto; left: auto; width: 100%; margin:auto;position: relative; box-sizing: border-box;}
#tabAccordion dl dt { top: 0; left: 0; width: 100%; position: relative; text-align: left; font-size: 1.2rem;}
#tabAccordion dl dt i{ display: none}
#tabAccordion dl dt a { text-align: left; border: 1px solid #ccc; padding:12px;}
#tabAccordion dl dd { top: auto; left: auto; padding: 0; width: 100%; height: auto; position: relative; display: none; overflow: hidden;}
#tabAccordion dl dt a:after{ font-size: 12px; position: absolute; right: 12px; top: 16px;}
#tabAccordion dl dt > a:after{ content: "OPEN ▼"; font-family: 'Fira Sans Condensed', sans-serif; color: #999;}
#tabAccordion dl dt.btnAcv a:after{ content: "CLOSE ▲"; font-family: 'Fira Sans Condensed', sans-serif; color: #ececec;}

#tabAccordion dl:nth-child(1) dt a{ text-align: left;}
#tabAccordion dl:nth-child(2) dt a{ text-align: left;}
#tabAccordion dl:nth-child(3) dt a{ text-align: left;}
#tabAccordion dl:nth-child(4) dt a{ text-align: left;}
}