@charset "UTF-8";

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



body {
	font-size: 5.333vw;
}

.pc,
.pcimage,
img[src*="_pc."],
.hidden {
	display: none !important;
}

div.container {
	width: 100%;
}





/* ▼header */
/* ----------------------------------------------------- */
header {
	background: #000000 url(../img/header_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}





/* ▼question */
/* ----------------------------------------------------- */
section#question div.container {
	width: 78.667%;
}

section#question div.container > p {
	font-size: 3.733vw;
}

section#question blockquote {
	padding: 1em 0;
}

section#question blockquote figure {
	margin: 0;
}

section#question blockquote figure img {
	width: 4em;
}

section#question blockquote p {
	margin-top: 0.5em;
	font-size: 3.467vw;
}

section#question blockquote h2 {
	font-size: 5.596vw;
}




/* ▼introduction */
/* ----------------------------------------------------- */
section#introduction {
	padding-top: 17.242vh;
}

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

section#introduction div.container {
	width: 89.334%;
}

section#introduction h2 img {
	width: 67.165% !important;
}

section#introduction dl {
	padding: 1em;
}

section#introduction dl dt,
section#introduction dl dd {
	font-size: 4vw;
}

section#introduction dl dd {
	padding-left: 2.5em;
}

section#introduction dl dd::before {
	margin: 0 0.5em 0 -2.5em;
	background-size: 80%;
}

section#introduction p {
	width: 88.060%;
	margin-left: auto;
	margin-right: auto;
	font-size: 3.733vw;
}





/* ▼twotypes */
/* ----------------------------------------------------- */
section#twotypes {
	padding-top: 0;
	background: #000000 url(../img/twotypes_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

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

section#twotypes h3 {
	width: 80%;
	margin: 1.3em auto;
	font-size: 5.333vw;
}

section#twotypes p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 3.733vw;
}




/* ▼type_a / type_b / type_c / type_d */
/* ----------------------------------------------------- */
section#type_a {
	padding-top: 22.489vh;
	padding-bottom: 0;
	background: #000000 url(../img/type_a_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#type_b {
	padding-top: 29.986vh;
	padding-bottom: 0;
	background: #000000 url(../img/type_b_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#type_c {
	padding-top: 20.990vh;
	padding-bottom: 0;
	background: #ffffff url(../img/type_c_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#type_d {
	padding-top: 23.239vh;
	padding-bottom: 0;
	background: #ffffff url(../img/type_d_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}


section#type_a div.container,
section#type_b div.container,
section#type_c div.container,
section#type_d div.container {
	width: 78.667%;
	width: 83%;
}

section#type_a h2,
section#type_b h2,
section#type_c h2,
section#type_d h2 {
	margin-right: -0.5em;
	font-size: 9.333vw;
}

section#type_a p,
section#type_b p,
section#type_c p,
section#type_d p {
	font-size: 3.733vw;
}





/* ▼conversely */
/* ----------------------------------------------------- */
section#conversely {
	padding-top: 13.494vh;
	background: #ffffff;
}

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

section#conversely p {
	font-size: 6.667vw;
}




/* ▼twotype_end */
/* ----------------------------------------------------- */
section#twotype_end {
	padding-bottom: 2em;
}

section#twotype_end div.container {
	width: 83%;
}

section#twotype_end p {
	font-size: 3.733vw;
}





/* ▼diffarence */
/* ----------------------------------------------------- */
section#diffarence {
	padding-top: 17.242vh;
}

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

section#diffarence div.container {
	width: 80%;
}

section#diffarence h2 {
	font-size: 6.667vw;
}

section#diffarence p {
	font-size: 3.733vw;
}

section#diffarence h2 + p {
	font-size: 4vw;
}

section#diffarence article {
	margin: 5.623vh 0;
	padding: 3.467vw;
}

section#diffarence article h3 {
	font-size: 4vw;
}

section#diffarence article h4 {
	font-size: 6.667vw;
	text-align: center;
}

section#diffarence article p {
	font-size: 3.467vw;
}

section#diffarence article figure {
	width: 85.767%;
	margin: 0.5em auto;
}





/* ▼madness */
/* ----------------------------------------------------- */
section#madness {
	padding-top: 16.492vh;
}

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

section#madness div.container {
	width: 78.667%;
}

section#madness h2 {
	font-size: 6.667vw;
}

section#madness p {
	font-size: 3.733vw;
}






/* ▼self-sacrifice */
/* ----------------------------------------------------- */
section#self-sacrifice {
	padding-top: 0;
	padding-bottom: 4em;
	background: #000000 url(../img/self-sacrifice_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#self-sacrifice div.container {
	width: 89.334%;
	overflow: visible;
}

section#self-sacrifice h2 {
	font-size: 8vw;
}

section#self-sacrifice p {
	width: 88.060%;
	margin: 3em auto;
	font-size: 3.733vw;
}

section#self-sacrifice h2 + p {
	margin-top: 20.240vh;
}

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

section#self-sacrifice dl dt,
section#self-sacrifice dl dd {
	font-size: 4vw;
}

section#self-sacrifice dl::after {
	bottom: -4.8em;
	width: 8em;
	height: 4.875em;
}

section#self-sacrifice dl dd {
	padding-left: 2.5em;
}

section#self-sacrifice dl dd::before {
	margin: 0 0.5em 0 -2.5em;
	background-size: 80%;
}





/* ▼belief */
/* ----------------------------------------------------- */
section#belief {
	background: #000000 url(../img/belief_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#belief div.container {
	width: 84%;
}

section#belief h2 {
	font-size: 8vw;
}

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

section#belief p {
	font-size: 3.733vw;
}

section#belief div.container > p {
	margin: 25.488vh auto 2em auto;
}

section#belief blockquote {
	padding: 1em 0.5em;
}

section#belief blockquote::before {
	top: 0;
}

section#belief blockquote p {
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 3.2vw;
}





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

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

section#voice div.container {
	width: 78.667%;
}

section#voice h2 {
	font-size: 6.667vw;
}

section#voice article {
	padding: 1em;
	background-size: 6.780%;
}

section#voice article h3 {
	font-size: 4vw;
}

section#voice article figure {
	margin: 0 0 0.5em 0;
}

section#voice article p {
	font-size: 3.2vw;
}



section#voice article > p.sp {
	font-size: 2.666vw;
	color: #232323;
}





/* ▼seminar */
/* ----------------------------------------------------- */
section#seminar {
	padding-top: 9.746vh;
	background: #000000 url(../img/seminar_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

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

section#seminar h3 {
	font-size: 5.333vw;
}

section#seminar p {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

section#seminar p time {
	display: block;
	margin: 0.3em 0;
	padding: 0.2em;
	font-size: 8.533vw;
	text-align: center;
	background: #000000;
}

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

section#seminar ol {
	width: 89.334%;
	margin: 1em auto;
}

section#seminar ol li {
	font-size: 3.733vw;
}

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

section#seminar ul li {
	padding: 1em;
	font-size: 3.467vw;
}

section#seminar ul li span {
	font-size: 3.2vw;
}





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

section#speaker div.container {
	width: 89.334%;
	padding: 1em;
}

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

section#speaker p {
	font-size: 3.467vw;
	line-height: 1.7;
}

section#speaker p.sp {
	font-size: 2.666vw;
}

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

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

section#speaker div#profile div.text figure {
	width: 3.25em;
	margin: 1em 0 0 0;
}

section#speaker div#profile h3 {
	font-size: 4.266vw;
}

section#speaker div#profile h3 span {
	display: block;
	font-size: 3.2vw;
}

section#speaker div#profile h4 {
	margin: 1em 0 0 0;
	font-size: 2.666vw;
}

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

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 li {
	width: 100%;
	margin: 0 0 1.5em 0;
	font-size: 2.666vw;
}

section#speaker ul#books li img,
section#speaker ul#media li img {
	width: 6em;
}

section#speaker ul#activity li img {
	width: 9em;
}

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

section#speaker ul + hr {
	margin-top: 0;
}





/* ▼conditions */
/* ----------------------------------------------------- */
section#conditions div.container {
	width: 89.334%;
}

section#conditions h2 {
	font-size: 5.333vw;
}

section#conditions h2::before {
	width: 2.25em;
	height: 2.25em;
}

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

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

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

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

section#conditions div.wrap article p {
	font-size: 3.2vw;
}





/* ▼recommend */
/* ----------------------------------------------------- */
section#recommend {
	padding: 1.5em 0;
}

section#recommend h2 {
	font-size: 6.667vw;
}

section#recommend article {
	width: 78.667%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	padding-left: calc( 1em - 1px );
	padding-right: calc( 1em - 1px );
}

section#recommend article h3 {
	font-size: 4vw;
}

section#recommend article figure {
	margin: 0 0 0.5em 0;
}

section#recommend article p {
	font-size: 3.2vw;
}



section#recommend article > p.sp {
	font-size: 2.666vw;
	color: #ffffff;
}




/* ▼overview */
/* ----------------------------------------------------- */
section#overview {
	padding: 20.990vh 0 2em 0;
	background: #000000 url(../img/twotypes_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#overview div.container {
	width: 89.334%;
}

section#overview h2 {
	font-size: 6.667vw;
}

section#overview p {
	width: 88.060%;
	margin-left: auto;
	margin-right: auto;
	font-size: 3.733vw;
}

section#overview div#outline {
	margin-top: 2em;
	padding: 1.5em 1em;
	padding: 1.5em calc( 1em - 1px );
}

section#overview div#outline h3 {
	font-size: 5.596vw;
}

section#overview div#outline h3 span {
	font-size: 3.733vw;
}

section#overview table {
	width: 100%;
}

section#overview table th,
section#overview table td {
	font-size: 3vw;
}

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





/* ▼form */
/* ----------------------------------------------------- */
section#form {
	padding-top: 1em;
}

section#form div.container {
	width: 89.334%;
	padding: 5%;
}

section#form div.container > h1,
section#form div.container > h2 {
	font-size: 6.667vw;
}

section#form div.container p {
	font-size: 3.733vw;
}


section#form div.container > ul {
	display: table;
}

section#form div.container > ul li {
	display: table-cell;
	padding: 0 0.2em;
}

section#form div.container > ul li img {
	max-width: 100% !important;
}

section#form form table th,
section#form form table td {
	display: block;
	width: 100% !important;
	padding-left: 0;
	font-size: 3.733vw;
}

section#form form table th {
	font-size: 3.733vw;
}

section#form form table td {
	padding-bottom: 1em;
}

section#form form p button img {
	max-width: 100% !important;
}

form button {
	margin: 0;
}

section#form form table td span {
	font-size: 3.2vw;
}





/* ▼footer */
/* ----------------------------------------------------- */
footer div.container {
	width: 89.334%;
}

footer p img {
	display: block;
	margin: 0 auto 1em auto;
}

footer p,
footer address {
	font-size: 2.666vw;
}