@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document title
--------------------------------------------------------- */

#title figure {
	height: 41.83333333333333vw;
}

#title dl {
	margin: 6vw 5vw 10vw;
}

#title dt {
	margin-bottom: 5vw;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 7.2vw;
	line-height: 1.5;
	color: var(--blue);
}

#title dd {
	text-align: justify;
}


#title .copy {
margin-top: 40px;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 4.2vw;
	line-height: 1;
}

/* ---------------------------------------------------------
	CSS Document model
--------------------------------------------------------- */

#model {
	margin-bottom: 15vw;
	padding: 15vw 5vw;
	background: #F4F4F2;
}

#model h2 {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 6vw;
	font-weight: 700;
	font-size: 5.5vw;
	line-height: 1.4;
	position: relative;
}

#model h2:before,
#model h2:after {
	content: '';
	width: 33px;
	height: 82px;
	background: url(../images/model_left.svg) no-repeat left / 100% auto;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
}

#model h2:before {
	left: -50px;
}

#model h2:after {
	background-image: url(../images/model_right.svg);
	right: -50px;
}

#model .memo {
	margin-bottom: 7vw;
	font-weight: 500;
	font-size: 3vw;
	color: #8E8E8E;
}

#model .comment ul {
	margin-bottom: 30px;
}

#model .comment li {
	margin-bottom: 3vw;
	border: solid 1px var(--black);
	background: #FDFF00;
	font-weight: 600;
	font-size: 5vw;
	line-height: 13vw;
}

#model .comment .orange {
	font-weight: 800;
	color: #F26400;
}

#model .comment .num {
	display: inline-block;
	vertical-align: -0.06em;
	font-weight: 800;
	font-size: 6.5vw;
}

#model .comment p {
	text-align: justify;
}

#model .comment p span {
	background: #fffe66;
}

#model .model_01 {
	margin-top: 10vw;
	padding: 8vw 5vw;
	background: #fff;
}

#model .model_01 h3 {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 4vw;
	line-height: 9vw;
	position: relative;
}

#model .model_01 h3:before,
#model .model_01 h3:after {
	content: '';
	width: 33px;
	height: 82px;
	background: url(../images/model_left.svg) no-repeat left / 100% auto;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
}

#model .model_01 h3:before {
	left: -6vw;
}

#model .model_01 h3:after {
	background-image: url(../images/model_right.svg);
	right: -6vw;
}

#model .model_01 h3 span {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5vw;
	padding: 0 0.7em;
	background: #F26400;
	line-height: 8vw;
	color: #fff;
}

#model .model_01 figure {
	height: 165px;
}

#model .model_01 ul {
	text-align: left;
	line-height: 1.5;
}

#model .model_01 li {
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 4.5vw;
	position: relative;
}

#model .model_01 li:before {
	content: '';
	width: 24px;
	height: 26px;
	margin-right: 5px;
	background: url(../images/model_check.svg) no-repeat left / 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}

/* ---------------------------------------------------------
	CSS Document graph
--------------------------------------------------------- */

#graph {
	margin: 0 2vw 10vw;
}

#graph h2 {
	margin-bottom: 5vw;
	font-weight: 700;
	font-size: 6vw;
	line-height: 1;
}

#graph h2 span {
	color: #F26400;
	font-size: 8vw;
}

#graph .memo {
	margin-bottom: 5vw;
}

#graph figure {
	height: 83.72584541062802vw;
}

/* ---------------------------------------------------------
	CSS Document concept
--------------------------------------------------------- */

#concept {
	margin-bottom: 5vw;
}

#concept h2 {
	margin-bottom: 5vw;
	background: #175280;
	font-weight: 700;
	font-size: 5vw;
	line-height: 14vw;
	color: #fff;
}

#concept .copy {
	margin-bottom: 15px;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6vw;
	line-height: 1.5;
	color: var(--blue);
}

#concept .comment {
	margin: 0 5vw;
	text-align: justify;
}

#concept .comment span {
	background: #fffe66;
}

#concept .section {
	margin: 8vw 5vw 0;
	padding: 8vw;
	box-shadow: 0 0 0 5px #175280 inset;
	position: relative;
}

#concept .section:before {
	content: '';
	width: 56px;
	height: 56px;
	background: url(../images/concept_right.png) no-repeat 0 0;
	position: absolute;
}

#concept .section:before {
	top: 0;
	right: 0;
}

#concept h3 {
	margin-bottom: 5vw;
	font-weight: 600;
	font-size: 4vw;
	line-height: 1.5;
}

#concept h3:after {
	display: block;
	content: '';
	width: 100%;
	height: 10px;
	margin-top: 5vw;
	background-image: linear-gradient(90deg, #fff 0%, #fff 38%, #e5e5e5 38%, #e5e5e5 100%, #fff);
	background-size: 11px;
	transform: skewX(-40deg);
}

#concept h3 span:nth-child(1) {
	display: block;
}

#concept h3 span:nth-child(2) {
	display: inline-block;
	vertical-align: top;
	background-image: linear-gradient(#fffe66, #fffe66);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	font-weight: 700;
	font-size: 6vw;
	color: #175280;
}

#concept .f_left {
	margin-bottom: 5vw;
	text-align: justify;
}

#concept .f_right {
	height: 53.69173333333333vw;
}

#concept .section ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#concept .section li {
	width: 49%;
	margin-bottom: 2%;
	background: var(--blue);
	line-height: 12vw;
	color: #fff;
}

#concept .option {
	margin-top: 3vw;
	padding: 5vw;
	background: #E2F4FF;
	line-height: 1.5;
}

#concept .option .more img {
	height: 10vw;
}

#concept .option .catch {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 4.5vw;
	line-height: 1;
	color: #08AEAA;
}

#concept .option p {
	text-align: justify;
}

#concept .option .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 15px;
}

#concept .option .box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 49%;
	height: 22vw;
	margin-bottom: 2%;
	border: solid 3px #08AEAA;
	background: linear-gradient(150deg, #fff 50%, rgba(8, 174, 170, 0.1) 50%);
	font-weight: 600;
	font-size: 3.5vw;
	line-height: 1.5;
}

#concept .option .box:last-of-type {
	width: 60%;
	margin: 0 auto;
}

#concept .option .box span {
	font-weight: 800;
	color: #F26400;
}

/* ---------------------------------------------------------
	CSS Document voice
--------------------------------------------------------- */

#voice {
	margin: 0 5vw 15vw;
}

#voice .balloon {
	height: 60px;
	overflow: hidden;
	margin-bottom: 17px;
	font-size: 4vw;
	line-height: 48px;
	color: #fff;
	position: relative;
	z-index: 0;
}

#voice .balloon:before {
	content: '';
	width: 0;
	height: 0;
	border: solid 150px transparent;
	border-top: solid 60px #175280;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
}

#voice .copy {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1;
}

#voice h2 {
	margin-bottom: 5vw;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6vw;
	line-height: 1.5;
	color: var(--blue);
}

#voice dl {
	display: flex;
	margin-bottom: 3vw;
	padding: 3vw;
	background: #f5f2e8;
	text-align: left;
}

#voice dt {
	width: 26vw;
	height: 26vw;
	margin-right: 3vw;
}

#voice dt img {
	height: 26vw;
	object-fit: cover;
}

#voice dd {
	flex: 1;
	line-height: 1.5;
}

#voice dd span {
	display: block;
	font-weight: 600;
	color: #cc9d14;
}

#voice p {
	margin-top: 6vw;
	font-size: 6vw;
	color: #ce1a02;
}

#voice li {
	margin-top: 15px;
	text-align: center;
}

#voice li a {
	display: inline-block;
	vertical-align: top;
	padding: 0 4em 0 3.5em;
	border-radius: 5px;
	background: #c7ae5e;
	text-decoration: none;
	font-weight: 500;
	font-size: 4vw;
	line-height: 3em;
	color: #fff;
	position: relative;
}

#voice li a:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -3px;
	border: solid 5px transparent;
	border-left: solid 7px #fff;
	position: absolute;
	top: 50%;
	right: 3em;
}

/* ---------------------------------------------------------
	CSS Document simulation
--------------------------------------------------------- */

#simulation {
	padding: 15vw 5vw 10vw;
	background: #f4f4f2 url(../images/simulation_bg.png) top;
}

#simulation h2 {
	margin-bottom: 5vw;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 8vw;
	line-height: 1.5;
	color: var(--blue);
}

#simulation .copy02 {
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 6vw;
	line-height: 1;
}

#simulation .copy {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 5vw;
	line-height: 1.5;
}

#simulation .copy em {
	font-weight: 600;
	color: #F26400;
}

#simulation p {
	margin-bottom: 8vw;
	text-align: justify;
}

#simulation .w485 {
	margin-bottom: 10vw;
	position: relative;
}

#simulation h3 {
	background: #3398f2;
	font-weight: 500;
	font-size: 5vw;
	line-height: 10vw;
	color: #fff;
}

#simulation h3 .num {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	font-size: 6vw;
	color: #fdff00;
}

#simulation h3 .mini {
	font-size: 4vw;
}

#simulation h3 .mini span {
	color: #fdff00;
}

#simulation table {
	width: 100%;
	background: #fff;
}

#simulation th {
	padding: 0 10px;
	border: solid 1px #e3e2e1;
	background: #fffdee;
	text-align: left;
	font-weight: 500;
	line-height: 44px;
}

#simulation tr:last-child th {
	background: #fffe66;
	font-weight: 600;
	color: #3398f2;
}

#simulation td {
	padding: 0 10px;
	border: solid 1px #e3e2e1;
	text-align: left;
	font-weight: 500;
	line-height: 44px;
}

#simulation tr:last-child td {
	background: #fffe66;
	color: #ce1a02;
}

#simulation tr:last-child td span {
	display: inline-block;
	vertical-align: top;
	font-size: 26px;
}

#simulation figure {
	width: 20vw;
	height: 20vw;
	position: absolute;
	bottom: -4vw;
	right: 4vw;
}

#simulation .note {
	text-align: justify;
	font-size: 3vw;
}

/* ---------------------------------------------------------
	CSS Document example
--------------------------------------------------------- */

#example {
	margin-bottom: 15vw;
	padding: 10vw 5vw 18vw;
	background: #E2F4FF;
}

#example h2 {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5vw;
	background-image: linear-gradient(#08AEAA, #08AEAA);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	background-position: 0 100%;
/*
	text-decoration: underline solid #08AEAA 10px;
	text-decoration-skip-ink: none;
	text-underline-offset: -0.15em;
*/
	font-weight: 600;
	font-size: 5vw;
	line-height: 1.5;
}

#example .overflow {
	overflow: auto;
	-webkit-overflow-scrolling: auto;
	margin-right: -5vw;
	padding-right: 5vw;
	border-left: solid 1px #D8D8D8;
}

#example table {
	background: #fff;
}

#example th {
	height: 10vw;
	padding: 0;
	border: solid 1px #D8D8D8;
	border-left: 0;
	background: #F8F8F8;
	font-weight: 500;
}

#example td {
	height: 13vw;
	padding: 0 1em;
	border: solid 1px #D8D8D8;
	border-left: 0;
	background: #fff;
	font-weight: 500;
}

/* data_01 */
#example #data_01 {
	margin-bottom: 12vw;
}

#example #data_01 table {
	width: 180vw;
}

#example #data_01 td {
	width: 30vw;
}

#example #data_01 .area {
	border-right: 0;
	box-shadow: -1px 0 0 #D8D8D8 inset;
	position: sticky;
	left: 0;
}

/* data_02 */
#example #data_02 table {
	width: 220vw;
}

#example #data_02 td {
	text-align: left;
}

#example #data_02 .name {
	padding: 0 1em;
	border-right: 0;
	text-align: left;
	box-shadow: -1px 0 0 #D8D8D8 inset;
	position: sticky;
	left: 0;
}

#example #data_02 .w194 {
	padding: 0 1em;
	text-align: left;
}

#example #data_02 td.w140 {
	width: 30vw;
}

#example #data_02 td.w80 {
	width: 20vw;
	text-align: center;
}

#example #data_02 .active {
	color: #F26400;
}

#example #data_02 .active td {
	height: 16vw;
	border-top: solid 4px #F26400;
	border-bottom: solid 4px #F26400;
	background: #FDF3EC;
}

#example #data_02 .active td.name {
	font-weight: 600;
	font-size: 4vw;
}

#example #data_02 .active td.name:before {
	content: '';
	width: 4px;
	height: 100%;
	background: #F26400;
	position: absolute;
	top: 0;
	left: 0;
}

#example #data_02 .active td.w80:last-of-type {
	position: relative;
}

#example #data_02 .active td.w80:last-of-type:before {
	content: '';
	width: 4px;
	height: 100%;
	background: #F26400;
	position: absolute;
	top: 0;
	right: -0.8px;
}

/* ---------------------------------------------------------
	CSS Document interview
--------------------------------------------------------- */

#interview h2 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 7vw;
	line-height: 1.5;
	color: var(--blue);
}

/* ---------------------------------------------------------
	CSS Document interview > name
--------------------------------------------------------- */

#interview #name {
	margin-bottom: 10vw;
	padding: 10vw 5vw;
	background: #F8F8F8;
}

#interview #name figure {
	height: 54.09130434782609vw;
	margin-bottom: 5vw;
}

#interview #name .row {
	text-align: left;
}

#interview #name ul {
	display: flex;
	margin-bottom: 10px;
}

#interview #name li {
	margin-right: 2vw;
	padding: 0 0.5em;
	border: solid 1px var(--blue);
	font-size: 3vw;
	line-height: 5vw;
	color: var(--blue);
}

#interview #name .description {
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 4vw;
	color: var(--blue);
}

#interview #name .copy {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 5vw;
	line-height: 1.4;
}

#interview #name .message {
	margin-bottom: 5vw;
	line-height: 1.8;
}

#interview #name .keywords {
	font-size: 3vw;
	color: #8b8a8a;
}

/* ---------------------------------------------------------
	CSS Document interview > entry
--------------------------------------------------------- */

#interview #entry {
	margin: 0 5vw;
	text-align: justify;
	font-size: 4vw;
}

#interview #entry .summary {
	margin-bottom: 15vw;
}

#interview #entry h3 {
	margin-bottom: 6vw;
	padding: 1px 0 3px 4vw;
	border-left: solid 1.5vw var(--blue);
	font-weight: 500;
	font-size: 5vw;
	line-height: 1.3;
}

#interview #entry figure {
	margin-bottom: 5vw;
	text-align: center;
}

#interview #entry figure img {
	height: 50vw;
}

#interview #entry h4 {
	font-weight: 500;
	font-size: 5vw;
	line-height: 1.5;
	color: #cc9d14;
}

#interview #entry p {
	margin-top: 0.5em;
}

#interview #entry .entry_open {
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	color: #038EB1;
}

#interview #entry .entry_close {
	display: none;
	margin-top: 2em;
}

/* ---------------------------------------------------------
	CSS Document business
--------------------------------------------------------- */

#business {
	margin: 0 5vw;
}

#business h2 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6.5vw;
	line-height: 1.5;
	color: var(--blue);
}

#business .copy02 {
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 3.5vw;
	line-height: 1;
}

#business .copy {
	margin-bottom: 3vw;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1;
	color: var(--blue);
}

#business h3 {
	margin: 0 -5vw 5vw;
	padding: 12px 0 14px;
	background: var(--blue);
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 5vw;
	line-height: 8vw;
	color: #fff;
	position: relative;
}

#business h3:after {
	content: '';
	width: 0;
	height: 0;
	margin-left: -11px;
	border: solid 11px transparent;
	border-top: solid 16px var(--blue);
	position: absolute;
	left: 50%;
	bottom: -27px;
}

/* ---------------------------------------------------------
	CSS Document business > income
--------------------------------------------------------- */

#business .income {
	margin-bottom: 15vw;
}

#business .income h3 > span {
	display: block;
}

#business .income h3 > span span:first-child {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	color: #ffc502;
}

#business .income h3 > span span:last-child {
	display: inline-block;
	vertical-align: top;
	font-size: 7vw;
	color: #ffc502;
}

#business .income p {
	margin-bottom: 5vw;
	text-align: left;
}

#business .income li:first-of-type img {
	height: 53.87493333333333vw;
}

#business .income li:last-of-type img {
	height: 26.77493333333333vw;
}

/* ---------------------------------------------------------
	CSS Document business > royalty
--------------------------------------------------------- */

#business .royalty {
	margin-bottom: 30px;
}

#business .royalty h3 > span {
	display: block;
	color: #ffc502;
}

#business .royalty h3 > span span {
	display: inline-block;
	vertical-align: top;
}

#business .royalty h3 > span span:last-child {
	font-size: 7vw;
}

#business .royalty p {
	text-align: justify;
}

#business .royalty h4 {
	margin-top: 30px;
	text-align: left;
	font-weight: 600;
	font-size: 4.5vw;
}

#business .royalty .price {
	margin-top: 10px;
	font-size: 0;
}

#business .royalty .price li {
	margin-bottom: 44px;
	background: #05ada9;
	font-size: 4.5vw;
	line-height: 10vw;
	color: #fff;
	position: relative;
}

#business .royalty .price li:after {
	content: '';
	width: 16px;
	height: 16px;
	margin-left: -8px;
	background: url(../images/business_plus_sp.png) no-repeat 0 0 / 100% auto;
	position: absolute;
	bottom: -30px;
	left: 50%;
}

#business .royalty .price li:last-child {
	margin-bottom: 0;
	color: #fdff00;
}

#business .royalty .price li:last-child:after {
	display: none;
}

#business .royalty .price li img {
	height: 52.99173333333333vw;
}

#business .royalty .note {
	margin-top: 5vw;
	text-align: justify;
}

#business .royalty .note li {
	padding-left: 18px;
	background: url(../images/business_icon.png) no-repeat left;
}

#business .royalty .note p {
	margin-bottom: 2em;
}

/* ---------------------------------------------------------
	CSS Document business > about
--------------------------------------------------------- */

#business .about {
	margin-bottom: 15vw;
	padding: 5vw 5vw 6vw;
	background: #fffdee url(../images/comment.png) no-repeat 752px bottom;
}

#business .about h4 {
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 5vw;
	color: var(--blue);
}

#business .about p {
	margin-bottom: 5vw;
	text-align: justify;
}

#business .about dl {
	line-height: 1.4;
	color: #ce1a02;
}

#business .about dt {
	margin-bottom: 5px;
	font-size: 4vw;
}

#business .about dd {
	margin: 0 15px;
	font-size: 5vw;
}

/* ---------------------------------------------------------
	CSS Document business > design
--------------------------------------------------------- */

#business .design {
	margin-bottom: 15vw;
}

#business .design h3 span:last-of-type {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	font-size: 7vw;
	color: #ffc502;
}

#business .design .f_left {
	margin-bottom: 5vw;
	text-align: justify;
}

#business .design ul li {
	margin-bottom: 3px;
	border-radius: 5px;
	background: #08aeaa;
	font-size: 4vw;
	line-height: 9vw;
	color: #fff;
}

#business .design ul li span {
	color: #fdff00;
}

/* ---------------------------------------------------------
	CSS Document market
--------------------------------------------------------- */

#market {
	margin-bottom: 15vw;
	padding: 15vw 5vw 5vw;
	background: #F8F8F8;
}

#market .copy {
	margin-bottom: 5vw;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1.4;
}

#market .copy02 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6vw;
	line-height: 1.5;
	color: var(--blue);
}

#market h2 {
	margin: 0 -5vw 8vw;
	padding: 0.7em 0 0.7em 28vw;
	background: #175280;
	text-align: left;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1.4;
	color: #fff;
	position: relative;
}

#market h2 span {
	width: 23vw;
	height: 23vw;
	border-radius: 100%;
	border: solid 4px #175280;
	background: #fff;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 13vw;
	line-height: 19vw;
	color: #175280;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 2vw;
}

#market h3 {
	margin-bottom: 5vw;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6.8vw;
	line-height: 1.4;
	color: var(--blue);
}

#market .flex {
	margin-bottom: 15vw;
}

#market .row {
	text-align: justify;
}

#market .row p {
	margin-bottom: 2em;
}

#market .flex figure img {
	height: 70vw;
}

/* ---------------------------------------------------------
	CSS Document about
--------------------------------------------------------- */

#about {
	margin: 0 5vw 10vw;
}

#about h2 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1.3;
}

#about h2:after {
	display: block;
	content: '';
	width: 100%;
	height: 10px;
	margin-top: 10px;
	background-image: linear-gradient(90deg, #fff 0%, #fff 38%, #e5e5e5 38%, #e5e5e5 100%, #fff);
	background-size: 11px;
	transform: skewX(-40deg);
}

#about dt {
	margin-bottom: 15px;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 6.8vw;
	line-height: 1.3;
	color: var(--blue);
}

#about dd {
	text-align: left;
}

#about dd em {
	font-weight: 700;
	color: #f26400;
}

#about dd span {
	padding-left: 3px;
	background: #fce9d8;
}

/* ---------------------------------------------------------
	CSS Document point
--------------------------------------------------------- */

#point {
	margin-bottom: 15vw;
	padding: 8vw 6vw 15vw;
	background: #e2f4ff;
}

#point h2 {
	font-size: 0;
}

#point h2 > span {
	display: inline-block;
	vertical-align: top;
	width: 135px;
	height: 135px;
	border-radius: 100%;
	background: #efa03a;
	background: -moz-linear-gradient(top, #efa03a 0%, #ee893e 100%);
	background: -webkit-linear-gradient(top, #efa03a 0%,#ee893e 100%);
	background: linear-gradient(to bottom, #efa03a 0%,#ee893e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa03a', endColorstr='#ee893e',GradientType=0 );
	font-weight: 500;
	font-size: 18px;
	line-height: 135px;
	color: #fff;
}

#point h2 > span:last-child {
	margin-left: 10px;
}

#point h2 > span span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

#point ol {
	margin: 7vw 0;
}

#point ol li {
	margin-bottom: 10px;
	padding-left: 24px;
	background: url(../images/point_check_sp.png) no-repeat left / 16px auto;
	text-align: left;
	line-height: 1.4;
}

/* ---------------------------------------------------------
	CSS Document faq
--------------------------------------------------------- */

#faq {
	margin: 0 5vw 15vw;
}

#faq h2 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 7vw;
	line-height: 1.5;
	color: var(--blue);
}

#faq dl {
	margin-bottom: 5vw;
	padding: 5vw;
	background: #F8F8F8;
	text-align: left;
}

#faq dt {
	padding-left: 30px;
	padding-right: 10vw;
	font-size: 4vw;
	line-height: 1.5;
	position: relative;
	transition: .4s;
}

#faq dt:active,
#faq dt:hover {
	color: var(--blue);
}

#faq dt:before {
	content: 'Q';
	width: 32px;
	height: 32px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: var(--blue);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
}

#faq dt i {
	width: 10px;
	height: 10px;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: 0;
}

#faq dt i:before {
	content: '';
	width: 2px;
	height: 10px;
	background: var(--blue);
	position: absolute;
	top: 0;
	right: 4px;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	transform: rotate(0);
}

#faq dt.active i:before {
	transform: rotate(90deg);
}

#faq dt i:after {
	content: '';
	width: 10px;
	height: 2px;
	background: var(--blue);
	position: absolute;
	top: 4px;
	right: 0;
}

#faq dd {
	display: none;
	margin-top: 5vw;
	padding-left: 30px;
	line-height: 2.1;
	position: relative;
}

#faq dd:before {
	content: 'A';
	width: 32px;
	height: 32px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #08AEAA;
	position: absolute;
	top: 0;
	left: 0;
}

#faq dd iframe {
	vertical-align: top;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	border: 0;
}

/* ---------------------------------------------------------
	CSS Document flow
--------------------------------------------------------- */

#flow {
	margin-bottom: 15vw;
	padding: 10vw 5vw 15vw;
	background: #f4f4f2;
}

#flow h2 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 7vw;
	line-height: 1.5;
	color: var(--blue);
}

#flow li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../images/flow_03.png) no-repeat bottom / 100% auto;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
}

#flow li:first-child {
	background-image: url(../images/flow_02.png);
}

/* ---------------------------------------------------------
	CSS Document outline
--------------------------------------------------------- */

#outline {
	margin: 0 5vw 15vw;
}

#outline h2 {
	margin-bottom: 5vw;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 7vw;
	line-height: 1.5;
	color: var(--blue);
}

#outline .container {
	border: solid 1px #e3e2e1;
	border-top: 0;
}

#outline .dt {
	border-top: solid 1px #e3e2e1;
	padding: 10px 20px;
	background: #f8f8f8;
	font-weight: 500;
	font-size: 3.5vw;
}

#outline .dd {
	padding: 15px 20px 20px;
	text-align: left;
}

#outline .dd dl:first-of-type {
	margin-bottom: 20px;
}