@charset "utf-8";
@import url("page.css");
/* CSS Document */
#title {
	background-image: url(../images/higher-self/title_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 97.48%;
	height: 0;
	width: 100%;
}

#annual-income {
	background-image: url(../images/higher-self/annual-income_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 67.08%;
	height: 0;
	width: 96%;
}

#goal h3 {
	margin: 40px 0 0;
	width: 100%;
}

#goal dl {
	background-image: url(../images/higher-self/goal_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 129.45%;
	height: 0;
	width: 96%;
}

#god-b {
	display: none;
}

#cause {
	display: block;
	margin: 40px 0;
	width: 100%;
}

#cause h3 {
	background-image: url(../images/higher-self/ti_cause_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 24.10%;
	height: 0;
	width: 100%;
}

.accordion {
margin: 40px auto 60px;
max-width: 96%;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.content {
max-height: 0;
overflow: hidden;
}

.toggle:checked + .title + .content {
max-height: 1200px;
transition: all 1.5s;
}

.title .btn-cause01 {
	background-image: url(../images/higher-self/btn_point01_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 19.96%;
	height: 0;
	width: 100%;
}

.title .btn-cause02 {
	background-image: url(../images/higher-self/btn_point02_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 19.96%;
	height: 0;
	width: 100%;
}

.title .btn-cause03 {
	background-image: url(../images/higher-self/btn_point03_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 19.96%;
	height: 0;
	width: 100%;
}

#cause01 {
	margin: 40px auto;
	width: 96%;
}
#cause01 dt {
	background-image: url(../images/higher-self/ti_cause01_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 30px;
	padding-top: 16.25%;
	height: 0;
	width: 100%;
}
#cause01 dd {
	background-image: url(../images/higher-self/cause01.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 141.18%;
	height: 0;
	width: 100%;
}

#cause02 {
	margin: 40px auto;
	width: 96%;
}
#cause02 dt {
	background-image: url(../images/higher-self/ti_cause02_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 30px;
	padding-top: 16.25%;
	height: 0;
	width: 100%;
}
#cause02 dd{
	background-image: url(../images/higher-self/cause02.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 210.83%;
	height: 0;
	width: 100%;
}

#cause03 {
	margin: 40px auto;
	width: 96%;
}
#cause03 dt {
	background-image: url(../images/higher-self/ti_cause03_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 30px;
	padding-top: 16.25%;
	height: 0;
	width: 100%;
}
#cause03 dd {
	background-image: url(../images/higher-self/cause03.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 116.29%;
	height: 0;
	width: 100%;
}

#requirement {
	background-image: url(../images/higher-self/requirement_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 127.92%;
	height: 0;
	width: 100%;
}
#requirement-img {
	display: block;
	margin: 40px auto 60px;
	width: 100%;
}

#hs-marketing {
	background-image: url(../images/higher-self/hs-marketing.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 33.19%;
	height: 0;
	width: 100%;
}

#hs-value {
	background-image: url(../images/higher-self/hs-marketing02.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px 0;
	padding-top: 72.74%;
	height: 0;
	width: 100%;
}

#hs-value-img {
	display: block;
	margin: 40px 0;
	width: 100%;
}

#marketing {
	background-image: url(../images/higher-self/marketing.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 43.08%;
	height: 0;
	width: 100%;
}

#marketing-img {
	display: block;
	margin: 40px 0;
	width: 100%;
}

#blueprint {
	background-image: url(../images/higher-self/blueprint.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 34.75%;
	height: 0;
	width: 100%;
}

#promise {
	display: block;
	margin: 40px 0 60px;
	width: 100%;
}

#worry {
	background-image: url(../images/higher-self/check_worry.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 60px 0;
	padding-top: 111.32%;
	height: 0;
	width: 100%;
}

#curriculum {
	background-image: url(../images/higher-self/curriculum.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 60px 0;
	padding-top: 178.49%;
	height: 0;
	width: 100%;
}

#track-record {
	display: block;
	margin: 0 0 50px;
	width: 100%;
}

#track-record h3 {
	background-image: url(../images/higher-self/tit_track-record_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 65.23%;
	height: 0;
	width: 100%;
}

#track-record ul {
	background-image: url(../images/higher-self/track-record_list.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 78.83%;
	height: 0;
	width: 100%;
}

@media only screen and (min-width: 769px) {
#title {
	background-image: url(../images/higher-self/title.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 554px;
	width: 1300px;
}

#annual-income {
	background-image: url(../images/higher-self/annual-income.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 80px auto;
	padding-top: 0;
	height: 440px;
	width: 779px;
}

#goal h3 {
	display: block;
	margin: 80px auto 0;
	width: 740px;
}

#goal dl {
	background-image: url(../images/higher-self/goal.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 80px auto;
	padding-top: 0;
	height: 873px;
	width: 779px;
}

#god-b {
	display: block;
	margin: 50px auto;
	height: 180px;
	width: 180px;
}

#cause {
	display: block;
	margin: 60px auto;
	width: 1300px;
}

#cause h3 {
	background-image: url(../images/higher-self/ti_cause.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 182px;
	width: 803px;
}

.toggle:checked + .title + .content {
max-height: 1800px;
transition: all 1.5s;
}

.title .btn-cause01 {
	background-image: url(../images/higher-self/btn_point01.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 123px;
	width: 783px;
}

.title .btn-cause02 {
	background-image: url(../images/higher-self/btn_point02.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 123px;
	width: 783px;
}

.title .btn-cause03 {
	background-image: url(../images/higher-self/btn_point03.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 123px;
	width: 783px;
}

#cause01 {
	display: block;
	margin: 50px auto;
	width: 743px;
}
#cause01 dt {
	background-image: url(../images/higher-self/ti_cause01.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 50px;
	padding-top: 0;
	height: 189px;
	width: 633px;
}
#cause01 dd {
	background-image: url(../images/higher-self/cause01.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 1049px;
	width: 743px;
}

#cause02 {
	display: block;
	margin: 50px auto;
	width: 757px;
}
#cause02 dt {
	background-image: url(../images/higher-self/ti_cause02.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 50px;
	padding-top: 0;
	height: 171px;
	width: 545px;
}
#cause02 dd {
	background-image: url(../images/higher-self/cause02.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding-top: 0;
	height: 1596px;
	width: 757px;
}

#cause03 {
	display: block;
	margin: 50px auto;
	width: 749px;
}
#cause03 dt {
	background-image: url(../images/higher-self/ti_cause03.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 50px;
	padding-top: 0;
	height: 183px;
	width: 679px;
}
#cause03 dd {
	background-image: url(../images/higher-self/cause03.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 871px;
	width: 749px;
}

#requirement {
	background-image: url(../images/higher-self/requirement.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 60px;
	padding-top: 0;
	height: 754px;
	width: 712px;
}
#requirement-img {
	display: none;
}

#hs-marketing {
	background-image: url(../images/higher-self/hs-marketing.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 60px;
	padding-top: 0;
	height: 235px;
	width: 708px;
}

#hs-value {
	background-image: url(../images/higher-self/hs-marketing02.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 60px;
	padding-top: 0;
	height: 515px;
	width: 708px;
}

#hs-value-img {
	display: block;
	margin: 50px auto;
	width: 708px;
}

#marketing {
	background-image: url(../images/higher-self/marketing.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 60px;
	padding-top: 0;
	height: 305px;
	width: 708px;
}

#marketing-img {
	display: block;
	margin: 50px auto;
	width: 618px;
}

#blueprint {
	background-image: url(../images/higher-self/blueprint.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 60px;
	padding-top: 0;
	height: 246px;
	width: 708px;
}

#promise {
	display: block;
	margin: 0 auto 80px;
	width: 805px;
}

#worry {
	background-image: url(../images/higher-self/check_worry.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 80px;
	padding-top: 0;
	height: 895px;
	width: 804px;
}

#curriculum {
	background-image: url(../images/higher-self/curriculum.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 80px;
	padding-top: 0;
	height: 1087px;
	width: 609px;
}

#track-record {
	margin: 0 auto 60px;
}

#track-record h3 {
	background-image: url(../images/higher-self/tit_track-record.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 50px;
	padding-top: 0;
	height: 371px;
	width: 649px;
}

#track-record ul {
	background-image: url(../images/higher-self/track-record_list.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 577px;
	width: 732px;
}

}