@charset "UTF-8";

@import url("./normalize.css");
@import url("./general.css");
@import url("./font.css");
@import url("./style.css");



body {
	font-size: 20px;
}

.sp,
.spimage,
img[src*="_sp."],
.hidden {
	display: none !important;
}

div.container {
	width: 100%;
	max-width: 1080px;
	padding: 0;
}





/* ▼header */
/* ----------------------------------------------------- */
header {
	background: #000000 url(../img/header_pc.jpg) no-repeat center top;
}





/* ▼question */
/* ----------------------------------------------------- */
section#question {
	background: #000000 url(../img/question.jpg) no-repeat center bottom;
}

section#question div.container {
	max-width: 760px;
}

section#question div.container p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

section#question div.container > p {
	font-size: 0.9em;
}

section#question blockquote p {
	font-size: 1em;
}

section#question blockquote h2 {
	font-size: 1.9em;
}





/* ▼introduction */
/* ----------------------------------------------------- */
section#introduction {
	padding-top: 11em;
}

section#introduction::before {
	padding: 6.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='130' width='1920' fill='rgb(0,0,0)' fill-opacity='1'%3E%3Cpolygon points='0,0 960,130 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#introduction div.container {
	max-width: 760px;
}

section#introduction dl {
	padding: 2.3em;
}

section#introduction dl dt,
section#introduction dl dd {
	font-size: 1em;
}

section#introduction dl dt {
	padding: 0 0 0 2em;
}

section#introduction p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
}





/* ▼twotypes */
/* ----------------------------------------------------- */
section#twotypes {
	padding-top: 12.5em;
	background: #000000 url(../img/twotypes_pc.jpg) no-repeat center top;
}

section#twotypes::before {
	padding: 9.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='190' width='1920' fill='rgb(241,241,241)' fill-opacity='1'%3E%3Cpolygon points='0,0 0,190 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#twotypes h3 {
	width: 53.704%;
	margin: 1.3em auto;
	font-size: 1.9em;
}

section#twotypes p {
	width: 53.704%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
}





/* ▼type_a / type_b / type_c / type_d */
/* ----------------------------------------------------- */
section#type_a h2,
section#type_b h2,
section#type_c h2,
section#type_d h2 {
	width: 62.963%;
	font-size: 3.5em;
}

section#type_c h2 {
	width: 64.815%;
}

section#type_a p,
section#type_b p,
section#type_c p,
section#type_d p {
	width: 53.704%;
	font-size: 0.9em;
}

section#type_a {
	background: #000000 url(../img/type_a_pc.jpg) no-repeat center top;
}

section#type_a h2,
section#type_a p {
	margin-left: 8.334%;
}

section#type_b {
	background: #000000 url(../img/type_b_pc.jpg) no-repeat center top;
}

section#type_b h2,
section#type_b p {
	margin-left: 37.963%;
}

section#type_c {
	background: #ffffff url(../img/type_c_pc.jpg) no-repeat center top;
}

section#type_c h2,
section#type_c p {
	margin-left: 8.334%;
}

section#type_d {
	background: #ffffff url(../img/type_d_pc.jpg) no-repeat center top;
}

section#type_d h2,
section#type_d p {
	margin-left: 37.963%;
}





/* ▼conversely */
/* ----------------------------------------------------- */
section#conversely {
	padding-top: 9.5em;
	background: #ffffff;
}

section#conversely::before {
	padding: 9.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='190' width='1920' fill='rgb(0,0,0)' fill-opacity='1'%3E%3Cpolygon points='0,0 0,190 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#conversely p {
	font-size: 2.5em;
}




/* ▼twotype_end */
/* ----------------------------------------------------- */
section#twotype_end div.container {
	max-width: 580px;
}

section#twotype_end p {
	font-size: 0.9em;
}





/* ▼diffarence */
/* ----------------------------------------------------- */
section#diffarence {
	padding-top: 8em;
	padding-bottom: 0.5em;
}

section#diffarence::before {
	padding: 6.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='130' width='1920' fill='rgb(255,255,255)' fill-opacity='1'%3E%3Cpolygon points='0,0 960,130 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#diffarence div.container {
	max-width: 895px;
}

section#diffarence h2 {
	font-size: 3em;
}

section#diffarence p {
	font-size: 0.9em;
}

section#diffarence h2 + p {
	font-size: 1em;
}

section#diffarence div.container > p {
	width: 67.040%;
	margin-left: auto;
	margin-right: auto;
}

section#diffarence article {
	margin: 3.5em 0;
	padding: 2em 2em 2em 2.5em;
}

section#diffarence article div.headline {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

section#diffarence article div.headline div {
	width: 55.280%;
}

section#diffarence article div.headline figure {
	width: 40.994%;
}

section#diffarence article h3 {
	font-size: 1.2em;
}

section#diffarence article h4 {
	font-size: 2.5em;
}

section#diffarence article#common_04 h4 {
	font-size: 2.387em;
}

section#diffarence article p {
	margin-left: 0.83em;
	margin-right: 1em;
	font-size: 0.9em;
}

section#diffarence article blockquote {
	margin: 1.5em 3em;
}

section#diffarence article blockquote p {
	margin: 0;
	font-size: 0.8em;
}





/* ▼madness */
/* ----------------------------------------------------- */
section#madness {
	padding-top: 8em;
	padding-bottom: 0.5em;
}

section#madness::before {
	padding: 6.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='130' width='1920' fill='rgb(241,241,241)' fill-opacity='1'%3E%3Cpolygon points='0,0 960,130 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#madness h2 {
	font-size: 3em;
}

section#madness p {
	width: 53.704%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
}






/* ▼self-sacrifice */
/* ----------------------------------------------------- */
section#self-sacrifice {
	padding-bottom: 6em;
	background: #000000 url(../img/self-sacrifice_pc.jpg) no-repeat center top;
}

section#self-sacrifice div.container {
	max-width: 760px;
	overflow: visible;
}

section#self-sacrifice h2 {
	font-size: 3.5em;
}

section#self-sacrifice p {
	width: 80%;
	margin: 3em auto;
	font-size: 0.9em;
}

section#self-sacrifice dl {
	padding: 2.3em;
}

section#self-sacrifice dl dt,
section#self-sacrifice dl dd {
	font-size: 1em;
}

section#self-sacrifice dl dt {
	padding: 0 0 0 2em;
}

section#self-sacrifice dl::after {
	bottom: -7.25em;
	width: 11.75em;
	height: 7.25em;
}





/* ▼belief */
/* ----------------------------------------------------- */
section#belief {
	background: #000000 url(../img/belief_pc.jpg) no-repeat center top;
}

section#belief div.container {
	max-width: 895px;
}

section#belief h2 {
	font-size: 3em;
}

section#belief h2 span {
	font-size: 2em;
}

section#belief h2 span::before {
	content: "　";
}

section#belief p {
	font-size: 0.9em;
}

section#belief div.container > p {
	width: 64.246%;
	margin: 16.667em auto 2em auto;
}

section#belief blockquote {
	padding: 1.5em 3.95em;
}

section#belief blockquote p:first-child {
	margin-left: 1.5em;
	margin-right: 2.5em;
}

section#belief blockquote p:last-child {
	font-size: 0.8em;
}





/* ▼voice */
/* ----------------------------------------------------- */
section#voice {
	padding-top: 8em;
	padding-bottom: 0.5em;
}

section#voice::before {
	padding: 6.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='130' width='1920' fill='rgb(0,0,0)' fill-opacity='1'%3E%3Cpolygon points='0,0 960,130 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#voice h2 {
	font-size: 2.5em;
}

section#voice article {
	padding: 2.5em 2.5em 1em 2.5em;
}

section#voice article p {
	font-size: 0.75em;
}

section#voice article div.wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

section#voice article div.wrap figure {
	width: 43.878%;
	margin: 0;
}

section#voice article div.wrap div.text {
	width: 54.082%;
}

section#voice article div.wrap div.text h3 {
	margin: 0;
	font-size: 1.1em;
}



section#voice article div.wrap figure figcaption.pc {
	font-size: 10px;
}





/* ▼seminar */
/* ----------------------------------------------------- */
section#seminar {
	padding-top: 12.5em;
	padding-bottom: 0.5em;
	background: #000000 url(../img/seminar_pc.jpg) no-repeat center top;
}

section#seminar::before {
	padding: 6.5em 0 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='130' width='1920' fill='rgb(241,241,241)' fill-opacity='1'%3E%3Cpolygon points='0,0 960,130 1920,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
}

section#seminar h3 {
	font-size: 1.7em;
}

section#seminar p {
	width: 82.871%;
	margin: 0 auto;
	font-size: 3em;
}

section#seminar p time span {
	font-size: 0.5em;
}

section#seminar ol {
	width: 82.871%;
	margin: 1em auto;
	padding: 0.4em 0;
	border-top: 1px dotted #988575;
	border-bottom: 1px dotted #988575;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

section#seminar ol li {
	font-size: 1em;
}

section#seminar ul {
	width: 72.223%;
	margin: 0 auto;
}

section#seminar ul li {
	margin: 1em 0;
	padding: 2em;
	font-size: 1.1em;
}

section#seminar ul li span {
	font-size: 0.728em;
}





/* ▼speaker */
/* ----------------------------------------------------- */
section#speaker {
	padding: 2em 0;
}

section#speaker div.container {
	max-width: 895px;
	padding: 2em;
}

section#speaker h2 {
	font-size: 1.7em;
}

section#speaker p {
	font-size: 0.9em;
}

section#speaker div#profile > figure {
	width: 34.356%;
}

section#speaker div#profile div.text {
	width: 60.123%;
}

section#speaker div#profile h3 {
	font-size: 1.5em;
}

section#speaker div#profile h3 span {
	margin: 0 0 0 2em;
	font-size: 0.534em;
}

section#speaker div#profile h4 {
	font-size: 0.9em;
}

section#speaker div#profile p {
	margin: 3em 0 0 0;
	font-size: 0.65em;
}

section#speaker h5 {
	width: 96.342%;
}

section#speaker h5 img {
	width: 170px !important;
}

section#speaker ul {
	width: 96.342%;
	padding: 0 0.5em;
}

section#speaker ul#books,
section#speaker ul#media {
	padding-bottom: 1em;
}

section#speaker ul li {
	width: 48%;
	margin: 0 0 1.5em 0;
	font-size: 0.7em;
}

section#speaker ul#books li {
	width: 100%;
}

section#speaker ul#results li img {
	max-width: auto !important;
	height: 30px !important;
}





/* ▼conditions */
/* ----------------------------------------------------- */
section#conditions div.container {
	max-width: 895px;
}

section#conditions h2 {
	font-size: 2.5em;
}

section#conditions h2::before {
	width: 90px;
	height: 90px;
}

section#conditions div.wrap {
	padding: 3em;
}

section#conditions div.wrap article {
	padding: 0 0 0 7em;
}

section#conditions div.wrap article::before {
	padding: 0.459em 0.7em;
	font-size: 1.2em;
}

section#conditions div.wrap article h3 {
	padding: 0.267em 0;
	font-size: 1.5em;
}

section#conditions div.wrap article p {
	font-size: 0.8em;
}





/* ▼recommend */
/* ----------------------------------------------------- */
section#recommend h2 {
	font-size: 2.5em;
}

section#recommend article {
	padding: 2.5em 2.5em 1em 2.5em;
	padding-left: calc( 2.5em - 1px );
	padding-right: calc( 2.5em - 1px );
}

section#recommend article p {
	font-size: 0.75em;
}

section#recommend article div.wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

section#recommend article div.wrap figure {
	width: 43.878%;
	margin: 0;
}

section#recommend article div.wrap div.text {
	width: 54.082%;
}

section#recommend article div.wrap div.text h3 {
	margin: 0;
	font-size: 1.1em;
}



section#recommend article div.wrap figure figcaption.pc {
	font-size: 10px;
	color: #ffffff;
}




/* ▼overview */
/* ----------------------------------------------------- */
section#overview {
	padding: 4em 0 2em 0;
	background: #000000 url(../img/twotypes_pc.jpg) no-repeat center top;
}

section#overview div.container {
	max-width: 760px;
}

section#overview h2 {
	font-size: 2.5em;
}

section#overview p {
	font-size: 0.95em;
}

section#overview div#outline {
	padding: 3em 4.5em;
	padding: 3em calc( 4.5em - 1px );
}

section#overview div#outline h3 {
	font-size: 2.5em;
}

section#overview div#outline h3 span {
	font-size: 0.4em;
}

section#overview table {
	width: 100%;
}

section#overview table th {
	padding-left: 2em;
	padding-right: 0;
}





/* ▼form */
/* ----------------------------------------------------- */
section#form div.container {
	max-width: 895px;
	padding: 5% 0;
}

section#form div.container > h1,
section#form div.container > h2,
section#form div.container > p,
section#form div.container > ul,
section#form div.container > form {
	width: 76.531%;
	margin-left: auto;
	margin-right: auto;
}

section#form h1,
section#form h2 {
	font-size: 2.5em;
}

section#form div.container p {
	font-size: 0.9em;
}

section#form form table td span {
	font-size: 0.6em;
}





/* ▼footer */
/* ----------------------------------------------------- */
footer p,
footer address {
	font-size: 0.65em;
}