@charset "UTF-8";

@media screen and (max-width: 642px) {
	#contents img {
		width: 100%;
	}
}

/* .moreBox */
.pc_obj .inner {
	width: 960px !important;
}

.pc_obj .moreBox {
	clear: both;
	margin-bottom: 60px;
}
.pc_obj .inner {
	width: 960px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
.pc_obj .moreBtn {
	width: 100%;
	min-width: 1100px;
	clear: both;
	background: #333226;
	position:fixed;
	bottom: 0;
	z-index: 10;
}
.pc_obj .moreBtn ul {
	width: 1080px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
.pc_obj .moreBtn ul li {
	display: inline-block;
}
.pc_obj .moreBtn ul li a {
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 31px 5px 19px 14px;
	text-decoration: none;
}
.pc_obj .moreBtn ul li a:hover {
	color: #fabe00;
	background: url(../img/more/icon_more01.png) no-repeat center 10px;
}
.pc_obj .moreBtn ul li.last a:hover {
	background: url(../img/more/icon_more01.png) no-repeat 20px 10px;
}
.pc_obj .moreBtn ul li a span {
	background: url(../img/more/icon_more02.png) no-repeat right 6px;
	padding-right: 19px;
}
.pc_obj .section {
	position: relative;
}
.pc_obj .section .frame { 
	zoom: 1;
}
.pc_obj .section .frame:after {
	display: block;
	content: " ";
	clear: both;
	height: 0;
}

/* headline */
.pc_obj .section.headline {
	padding-top: 5px;
}
.pc_obj .section.headline .title {
	padding: 82px 0 12px 110px;
	background: url(../img/more/frame-headline-title.png) no-repeat 65px 10px;
}
.pc_obj .section.headline .description {
	font-size: 160%;
	width: 430px;
	padding: 10px 0 30px 140px;
	background: url(../img/more/frame-headline-description.png) repeat-y 65px 0;
}
.pc_obj .section.headline .description .source { 
	line-height: 1.7;
	padding-top: 5px;
}
.pc_obj .section.headline .description .source.fo11 {
	font-size: 55%;
}
.pc_obj .section.headline .figure {
	position: absolute;
	bottom: -60px;
	right: 0;
}
.pc_obj .section.headline .figure .caption {
	position: absolute;
	top: 206px;
	left: -170px;
	width: 170px;
}
.pc_obj .section .title {
	z-index: 9;
}
.pc_obj .section .description {
	z-index: 8;
}
.pc_obj .section .figure {
	position: relative;
}
.pc_obj .section.headline .figure {
	position: absolute;
	top: 322px;
	right: 0;
}
.pc_obj .section.headline .figure .caption {
	position: absolute;
	top: 206px;
	left: -170px;
	width: 170px;
}
.pc_obj .section.headline .figure1_2 {
	margin: 140px 0 0 0;
}

/* .step0 */
.pc_obj .section.step0 {
}
.pc_obj .section.step0 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	/* 共有 */
	background: url(../img/more/frame-step0-anchor.png) no-repeat 23px -30px;
}
.pc_obj .section.step0 .anchor img {
	position: absolute;
	top: 0;
	left: 100px;
}
.pc_obj .section.step0 .figure {
	padding-left: 67px;
}
.pc_obj .section.step0 .figure .caption {
	width: 220px;
	margin: 0 0 15px 20px;
}
/* .stepBox */
.pc_obj .stepBox01 {
	width: 100%;
	clear: both;
}
.pc_obj .stepBox02 {
	width: 33.333333333333336%;
	float: left;
}
.pc_obj .stepBox03 {
	width: 66.66666666666667%;
	float:left;
}

/* .step1 */
.pc_obj .section.step1 {	
}
.pc_obj .section.step1 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	/* 共有 */
	background: url(../img/more/frame-step0-anchor.png) no-repeat -297px -30px;
}
.pc_obj .section.step1 .anchor img {
	position: absolute;
	top: 3px;
	left: 78px;
}
.pc_obj .section.step1 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-right.png) repeat-y 100% 0;
}
.pc_obj .section.step1 .title {
	position: absolute;
	top: 118px;
	left: 76px;
}
.pc_obj .section.step1 .description {
	position: absolute;
	top: 200px;
	left: 76px;
	width: 210px;
}
.pc_obj .section.step1 .figure1 {
	margin-bottom: 5px;
	padding-left: 0;
}
.pc_obj .section.step1 .figure1 .image {
	padding-left: 314px;
}
.pc_obj .section.step1 .figure2 {
	padding-left: 54px;
}

/* .step2 */
.pc_obj .section.step2 {	
}
.pc_obj .section.step2 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step2-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step2 .anchor img {
	position: absolute;
	top: 0;
	left: 85px;
}
.pc_obj .section.step2 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-left.png) repeat-y 0 0;
}
.pc_obj .section.step2 .title {
	position: absolute;
	top: 115px;
	left: 85px;
}
.pc_obj .section.step2 .figure1 {
	float: left;
	padding-left: 86px;
}
.pc_obj .section.step2 .figure1 .caption {
	width: 210px;
	margin-bottom: 10px;
	padding-top: 80px;
}
.pc_obj .section.step2 .figure2 {
	float: left;
	padding: 13px 0 0 30px;
}
.pc_obj .section.step2 .figure2 .image {
	margin-bottom: 10px;
}
.pc_obj .section.step2 .figure2 .caption {
	position: absolute;
	bottom: -10px;
	width: 380px;
	padding-top: 80px;
}

/* .step3 */
.pc_obj .section.step3 {	
}
.pc_obj .section.step3 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step3-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step3 .anchor img {
	position: absolute;
	top: 13px;
	left: 85px;
}
.pc_obj .section.step3 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-right.png) repeat-y 100% 0;
}
.pc_obj .section.step3 .title {
	position: absolute;
	top: 128px;
	left: 85px;
}
.pc_obj .section.step3 .figure1 {
	padding: 15px 0 0 85px;
}
.pc_obj .section.step3 .figure1 .image {
	padding: 30px 0 0 20px;
}
.pc_obj .section.step3 .figure1 .caption {
	position: absolute;
	top: 15px;
	width: 210px;
	padding-top: 80px;
}

/* .step4 */
.pc_obj .section.step4 {
}
.pc_obj .section.step4 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step4-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step4 .anchor img {
	position: absolute;
	top: 2px;
	left: 85px;
}
.pc_obj .section.step4 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-left.png) repeat-y 0 0;
}
.pc_obj .section.step4 .title {
	position: absolute;
	top: 115px;
	left: 85px;
}
.pc_obj .section.step4 .description {
	position: absolute;
	top: 124px;
	left: 325px;
	width: 380px;
}
.pc_obj .section.step4 .figure1 {
	float: left;
	padding: 110px 0 0 115px;
}
.pc_obj .section.step4 .figure2 {
	float: left;
	padding: 110px 0 0 60px;
}
.pc_obj .section.step4 .figure2 .image {
	margin-bottom: 15px;
}
.pc_obj .section.step4 .figure2 .caption {
	width: 380px;
}
.pc_obj .section.step4 .figure3 {
	float: left;
	padding: 18px 0 0 12px;
}

/* .step5 */
.pc_obj .section.step5 {	
}
.pc_obj .section.step5 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step5-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step5 .anchor img {
	position: absolute;
	top: 34px;
	left: 85px;
}
.pc_obj .section.step5 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-right.png) repeat-y 100% 0;
}
.pc_obj .section.step5 .title {
	position: absolute;
	top: 150px;
	left: 85px;
}
.pc_obj .section.step5 .description {
	position: absolute;
	top: 238px;
	left: 85px;
	width: 210px;
}
.pc_obj .section.step5 .figure1 {
	float: left;
	padding-left: 330px;
}
.pc_obj .section.step5 .figure2 {
	float: left;
	margin-top: -20px;
	padding-left: 24px;
}

/* .step6 */
.pc_obj .section.step6 {
}
.pc_obj .section.step6 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step6-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step6 .anchor img {
	position: absolute;
	top: 0px;
	left: 85px;
}
.pc_obj .section.step6 .frame {
	padding-bottom: 55px;
	background: url(../img/more/frame-common-vertical-left.png) repeat-y 0 0;
}
.pc_obj .section.step6 .title {
	position: absolute;
	top: 116px;
	left: 85px;
}
.pc_obj .section.step6 .description {
	position: absolute;
	top: 122px;
	left: 325px;
	width: 380px;
}
.pc_obj .section.step6 .figure1 {
	float: left;
	padding: 110px 0 0 95px;
}
.pc_obj .section.step6 .figure1 .caption {
	position: absolute;
	bottom: 5px;
	left: 337px;
}
.pc_obj .section.step6 .figure2 {
	float: left;
	padding: 110px 0 0 35px;
}

/* .step7 */
.pc_obj .section.step7 {
}
.pc_obj .section.step7 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step7-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step7 .anchor img {
	position: absolute;
	top: 0px;
	left: 85px;
}
.pc_obj .section.step7 .frame {
	padding-bottom: 5px;
	background: url(../img/more/frame-common-vertical-right.png) repeat-y 100% 0;
}
.pc_obj .section.step7 .title {
	position: absolute;
	top: 95px;
	left: 85px;
}
.pc_obj .section.step7 .description {
	position: absolute;
	top: 102px;
	left: 355px;
	width: 350px;
}
.pc_obj .section.step7 .figure1 {
	float: left;
	padding: 85px 0 0 75px;
}
.pc_obj .section.step7 .figure2 {
	float: left;
	padding: 84px 0 0 35px;
}
.pc_obj .section.step7 .figure2 .caption {
	width: 350px;
	margin-bottom: 15px;
}
.pc_obj .section.step7 .figure3 {
	float: left;
	padding: 113px 0 0 35px;
}

/* .step8 */
.pc_obj .section.step8 {	
}
.pc_obj .section.step8 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step8-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step8 .anchor img {
	position: absolute;
	top: 40px; left: 85px;
}
.pc_obj .section.step8 .frame {
	padding-bottom: 15px;
	background: url(../img/more/frame-common-vertical-left.png) repeat-y 0 0;
}
.pc_obj .section.step8 .title {
	position: absolute;
	top: 154px;
	left: 85px;
}
.pc_obj .section.step8 .description {
	position: absolute;
	top: 158px;
	left: 325px;
	width: 180px;
}
.pc_obj .section.step8 .figure1 {
	float: left;
	padding: 154px 0 0 112px;
}
.pc_obj .section.step8 .figure2 {
	float: left;
	padding: 15px 0 0 62px;
}
.pc_obj .section.step8 .figure2 .image {
	margin-bottom: 15px;
}

/* .step9 */
.pc_obj .section.step9 {
}
.pc_obj .section.step9 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step9-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step9 .anchor img {
	position: absolute;
	top: 0px;
	left: 85px;
}
.pc_obj .section.step9 .frame {
	padding-bottom: 15px;
	background: url(../img/more/frame-common-vertical-right.png) repeat-y 100% 0;
}
.pc_obj .section.step9 .title {
	position: absolute;
	top: 115px;
	left: 85px;
}
.pc_obj .section.step9 .description {
	position: relative;
	top: 85px;
	left: 85px;
	width: 260px;
	margin-bottom: 340px;
}
.pc_obj .section.step9 .figure1 {
	position: absolute;
	bottom: 10px;
	right: 65px;
}

/* .step10 */
.pc_obj .section.step10{
}
.pc_obj .section.step10 .anchor {
	position: relative;
	height: 116px;
	padding: 0;
	background: url(../img/more/frame-step10-anchor.png) no-repeat 13px -36px;
}
.pc_obj .section.step10 .anchor img {
	position: absolute;
	top: 40px;
	left: 85px;
}
.pc_obj .section.step10 .frame {
	padding-bottom: 60px;
	background: url(../img/more/frame-common-vertical-left.png) repeat-y 0 0;
}
.pc_obj .section.step10 .title {
	position: absolute;
	top: 154px;
	left: 85px;
}
.pc_obj .section.step10 .description {
	position: relative;
	top: 125px;
	left: 85px;
	width: 210px;
	padding-bottom: 310px;
}
.pc_obj .section.step10 .figure1 {
	position: absolute;
	bottom: 55px;
	right: 25px;
}

/* .footline */
.pc_obj .section.footline {
	margin-top: 5px;
}
.pc_obj .section.footline .qanda {
	position: relative;
	float: left;
	width: 556px;
	border: 2px solid #fabe00;
}
.pc_obj .section.footline .qanda .title {
	margin-bottom: 0;
	padding: 3px;
	background: url(../img/more/footline-qanda-bground.png) repeat 0 0;
	border-bottom: 2px solid #fabe00;
}
.pc_obj .section.footline .qanda dl {
	font-size: 115%;
	width: 298px;
	margin: 0;
	padding: 15px 0 15px 15px;
	float: left;
}
.pc_obj .section.footline .qanda dl dt {
	font-weight: normal;
	margin-bottom: 14px;
	padding-left: 30px;
	background: url(../img/more/icon-q.png) no-repeat 0 0;
}
.pc_obj .section.footline .qanda dl dd {
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 30px;
	background: url(../img/more/icon-a.png) no-repeat 0 0;
	line-height: 1.2;
}
.pc_obj .section.footline .qanda .figure1 {
	position: absolute;
	bottom: 0;
	right: 10px;
}
.pc_obj .section.footline .inspector {
	float: right;
	width: 360px;
	padding: 15px 15px 14px 15px;
	background-color: #fff3d6;
}
.pc_obj .section.footline .inspector .title {
	text-align: center;
	margin-bottom: 15px;
}
.pc_obj .section.footline .inspector .description {
	position: absolute;
	top: 95px;
	font-size: 115%;
	width: 190px;
}
.pc_obj .section.footline .inspector .figure {
	text-align: right;
}
.pc_obj .section.footline .footnote {
	text-align: right;
	clear: both;
	padding: 6px 0;
}
.pc_obj .section.footline .qanda .peple {
	float: right;
	padding: 40px 30px 0 0;
}

/* sp
================================================================================================================== */
@media screen and (max-width: 700px) {

.sp_obj.contents_box {
	background-color: #fabe00;
	padding-top: 2px;
}

/* .moreMenu */
.sp_obj .moreMenu {
	margin-bottom:20px;
}
.sp_obj .moreMenu .menu01, .moreMenu .menu02 {
	display: table;
	width: 100%;
}
.sp_obj .moreMenu .menu01 li {
	display: table-cell;
	width: 25%;
	border-right: 2px solid #585746;
}
.sp_obj .moreMenu .menu02 li {
	display: table-cell;
	width: 33%;
	border-right: 2px solid #585746;
	border-top: 2px solid #585746;
}
.sp_obj .moreMenu ul li:last-child {
	border-right: none;
}
.sp_obj .moreMenu ul li a {
	display: block;
	background-color: #333226;
	color: #FFF;
	text-align: center;
	padding: 1.1em 0;
}
.sp_obj .moreMenu ul li a span {
	color: #fabe00;
	padding-right: 10px;
}
/* .moreBox */
.sp_obj .moreBox .inner02 {
	background-color:#fff;
}
.sp_obj .container {
	position: relative;
	max-width: 640px;
	text-align: left;
	margin: 0 auto;
}
.sp_obj .container .inner {
	position: relative;
	padding: 0 30px;
}
.sp_obj .container .inner p {
	background-image: url(../common/img/spacer.png);
}
.sp_obj .section.headline {
	background: url(../img/more/img_headline-bground.png) no-repeat 0 10px #FFF;
}
.sp_obj .section.headline .title {
	padding: 110px 0 20px 0;
}
.sp_obj .section.headline .description {
	margin-bottom: 10px;
	padding: 0 35px;
}
.sp_obj .section.headline .source {
	color: #333;
	margin-bottom: 0px;
	padding: 0 15px 0 35px;
	line-height: 1;
}
.sp_obj .section.headline .figure {
	position: relative;
	top: 0;
	left: 35px;
}
.sp_obj .section.headline .figure .caption {
	position: absolute;
	top: 170px;
	right: 30px;
	width: 215px;
}
.sp_obj .section .figure {
	position: relative;
}
.sp_obj .section .figure.figure1 {
	width: 100%;
}
.sp_obj .section .figure.figure1.mini {
	width: 40%;
}
.sp_obj .section .figure.figure2 {
	margin: 13% 0 0;
}
.sp_obj .section .inner {
	position: relative;
	padding: 0 40px;
}
.sp_obj .section.step0 .figure {
	position: relative;
	/* float: left; */
	width: 44%;
	margin-right: 20px;
}
.sp_obj .section.step0 .figure .caption {
	position: absolute;
	top: 5%;
	left: 110%;
	width: 100%;
}
.sp_obj .section.step0 p {
	padding-top: 20px;
}
.sp_obj .section > .title {
	margin-bottom: 10px;
}
.sp_obj .section.step1 .figure2 .caption {
	width: 50%;
	position: absolute;
	top: -30px;
	left: -10px;
}
.sp_obj .section.step2 .figure2 {
	margin: 5% 0 20px;
}
.sp_obj .section.step2 .figure2 .caption {
	position: absolute;
	top: -10px;
	right: 138px;
}
.sp_obj .section.step3 .figure1 .caption {
	width: 45%;
	position: absolute;
	top: -10px;
	left: -10px;
}
.sp_obj .holder {
	position: relative;
}
.sp_obj .section.step4 .figure1 {
	width: 29%;
	position: absolute;
	top: 15px;
}
.sp_obj .section.step4 .figure2 {
	margin-bottom: 20px;
}
.sp_obj .section.step4 .figure2 .caption {
	width: 63%;
    margin: 0 0 15px auto;
	text-align: right;
}
.sp_obj .section.step5 .holder {
	padding-top: 5%;
}
.sp_obj .section.step5 .figure1 {
	width: 31%;
	position: absolute;
	top: -20px;
}
.sp_obj .section.step5 .figure2 {
	position: relative;
	text-align: right;
	margin-bottom: 20px;
}
.sp_obj .section.step5 .figure2 .image {
	width: 63%;
    margin: 0 0 0 auto;
}
.sp_obj .section.step5 .figure2 .caption {
	width: 60%;
	position: absolute;
    top: -22%;
    right: 6%;
}
.sp_obj .section.step6 p:first-child {
	margin-bottom: 10px;
}
.sp_obj .section.step6 .figure1 {
	width: 31%;
	position: absolute;
	top: 0px;
	right: 0;
}
.sp_obj .section.step6 .figure2 {
	position: relative;
	margin-bottom: 20px;
}
.sp_obj .section.step6 .figure2 .caption {
	width: 50%;
	margin: 0 0 20px 30px;
}
.sp_obj .section.step7 p:first-child {
	margin-bottom: 10px;
}
.sp_obj .section.step7 .holder {
	padding-top: 7%;
}
.sp_obj .section.step7 .figure1 {
	width: 30%;
	position: absolute;
	top: 0px;
	right: 0;
}
.sp_obj .section.step7 .figure2 {
	position: relative;
	margin-bottom: 20px;
}
.sp_obj .section.step7 .figure2 .caption {
	width: 63%;
	margin-bottom: 20px;
}
.sp_obj .section.step8 p:first-child {
	margin-bottom: 10px;
}
.sp_obj .section.step8 .holder {
	padding-top: 13%;
}
.sp_obj .section.step8 .figure1 {
	width: 31%;
	position: absolute;
	top: 0px;
	left: 0;
}
.sp_obj .section.step8 .figure2 {
	width: 97%;
	position: relative;
	text-align: right;
	margin-bottom: 20px;
}
.sp_obj .section.step8 .figure2 .caption {
	width: 64%;
    margin: 0 0 0 auto;
}
.sp_obj .section.step9 p:first-child {
	margin-bottom: 10px;
}
.sp_obj .section.step9 .figure1 img {
	width: auto;
	max-width: none;
}
.sp_obj .section.step10 p:first-child {
	margin-bottom: 10px;
}
.sp_obj .section.footline {
	padding: 60px 0;
	margin-bottom: 60px !important;
}
.sp_obj .section.footline .container {
	width: 100%;
}
.sp_obj .section.footline .qanda {
	position: relative;
	margin-bottom: 60px;
	border: 2px solid #fabe00;
}
.sp_obj .section.footline .qanda .title {
	margin-bottom: 0;
	padding: 15px 10px;
	background:url(../img/more/img_footline-qanda-bground.png) repeat 0 0;
	border-bottom: 2px solid #fabe00;
}
#contents .sp_obj .section.footline .qanda .title img {
	width: 70%;
}
.sp_obj .section.footline .qanda .figure1 {
    width: 20%;
	position: absolute;
    top: 0;
    right: 3%;
    transform: translate(0, -24%);
}
.sp_obj .section.footline .qanda dl {
	margin: 0;
	padding: 25px 30px;
}
.sp_obj .section.footline .qanda dl dt {
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 30px;
	background: url(../img/more/icon-q.png) no-repeat 0 0;
}
.sp_obj .section.footline .qanda dl dd {
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 30px;
	background: url(../img/more/icon-a.png) no-repeat 0 0;
}
.sp_obj .section.footline .qanda dl dd:last-child {
	margin-bottom: 0;
}
.sp_obj .section.footline .inspector {
	position: relative;
	display: table;
	width: 90%;
	padding: 5%;
	background-color: #fff3d6;
}
.sp_obj .section.footline .inspector .holder {
	display: table-cell;
	width: 372px;
	vertical-align: top;
}
.sp_obj .section.footline .inspector .p {
	background-image: url(../common/img/spacer.png);
}
.sp_obj .section.footline .inspector .title {
	text-align: center;
	margin-bottom: 15px;
	padding: 20px 0 10px;
}
.sp_obj .section.footline .inspector .description {
	position: absolute;
	top: 95px;
	width: 190px;
}
.sp_obj .section.footline .inspector .figure {
	display: table-cell;
	width: 168px;
	text-align: right;
	vertical-align: top;
}
.sp_obj .section.footline .footnote {
	text-align: right;
	margin-top: 5px;
}


.sp_obj .moreBox {
	margin-top:-1px;
}

}