@charset "utf-8";


/* --------------------------------------------

index

---------------------------------------------- */ 

.main-title {
	width: 94%; max-width: 1054px;
	margin: 0 auto;
	padding: 4em 0 3em;
}

.main-title .showPc {
	display: block;
	width: 100%;
}
.main-title .showSp {
	display: none;
}
@media screen and (max-width:1024px){
.main-title {
	padding: 2em 0;
}
}
@media screen and (max-width:768px){
.main-title {
	width: 100%; max-width: 600px;
	margin: 0 auto;
	padding: 2em 0;
}

.main-title .showPc {
	display: none;
}
.main-title .showSp {
	display: block;
	width: 90%;
	margin: 0 auto;
}
}


/* Price
------------------------------------------------*/
.section:nth-of-type(1) {
	position: relative;
	padding: 12em 0;
	background: #fff;
}
.section:nth-of-type(1)::before {
	display: block;
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 109px;
	background: url("../img/index/section_back01.png") bottom center no-repeat;
	background-size: 100% 100%;
}
@media screen and (max-width:1024px){
.section:nth-of-type(1) {
	padding: 4em 0;
}
.section:nth-of-type(1)::before {
	display: none;
}
}

.section-price {
	width: 94%; max-width: 1020px;
	margin: 0 auto 5em;
}

.section-price > p {
	font-size: 28px; font-size: 2.8rem;
	text-align: center;
	letter-spacing: -0.02em;
	color: #fff;
	border-radius: 30px;
	background: #e50012;
}
@media screen and (max-width:1024px){
.section-price > p {
	padding: 0.5em 0;
	font-size: 24px; font-size: 2.4rem;
	line-height: 1.3;
}
}
@media screen and (max-width:980px){
.section-price > p {
	font-size: 22px; font-size: 2.2rem;
}
}
@media screen and (max-width:768px){
.section-price > p {
	font-size: 20px; font-size: 2rem;
}
}

.section-price__box {
  display: flex;
	margin-bottom: 2em;
}
@media screen and (max-width:1024px){
.section-price__box {
  display: block;
}
}

.section-price__box p {
	font-size: 18px; font-size: 1.8rem;
}

.section-price__box .price-day {
	width: 60%; max-width: 629px;
}
@media screen and (max-width:1024px){
.section-price__box .price-day {
	width: 100%;
	margin: 0 auto 3em;
}
}

.section-price__box .price-day img {
	display: block;
	width: 100%; max-width:629px;
}
@media screen and (max-width:980px){
.section-price__box .price-day img {
	display: block;
	width: 90%; max-width:350px;
	margin: 0 auto;
}
}
.section-price__box .price-day img {
	display: block;
	width: 100%;
}
.section-price__box .price-day p {
	text-align: right;
}
@media screen and (max-width:1024px){
.section-price__box .price-day p {
	letter-spacing: -0.05em;
	text-align: center;
}
}


.section-price__box .price-first {
	width: 40%; max-width: 340px;
	margin: 0 0 0 auto;
}
@media screen and (max-width:1024px){
.section-price__box .price-first {
	width: 100%; max-width: 629px;
	margin: 0 auto;
}
}

.section-price__box .price-first p:nth-of-type(1) {
	margin-bottom: 0.5em;
	font-size: 18px; font-size: 1.8rem;
}
.section-price__box .price-first p:nth-of-type(1) > img {
	display: block;
	width: 100%; max-width: 340px;
}
.section-price__box .price-first p:nth-of-type(1) span {
	display: block;
	box-sizing: border-box;
	width: 100%; max-width: 207px;
	margin-bottom: 0.5em;
	padding: 0.35em 0 0.25em;
	font-size: 26px; font-size: 2.6rem;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	border-radius: 10px;
	background: #5e4400;
}
@media screen and (max-width:1024px){
.section-price__box .price-first p:nth-of-type(1) {
	text-align: center;
}

.section-price__box .price-first p:nth-of-type(1) > img {
	width: 80%;
	margin: 0 auto 1em;
}

.section-price__box .price-first p:nth-of-type(1) span {
	margin: 0 auto 0.5em;
}
}

.section-price__box .price-first p:nth-of-type(2) {
	font-size: 18px; font-size: 1.8rem;
	line-height: 1;
	color: #e50012;
}
.section-price__box .price-first p:nth-of-type(2) > img {
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width:1024px){
.section-price__box .price-first p:nth-of-type(2) {
	line-height: 1.8;
	text-align: center;
}

.section-price__box .price-first p:nth-of-type(2) > img {
	display: block;
	margin: 0 auto;
}
}



/* Word
------------------------------------------------*/
.section-word {
	width: 94%; max-width: 1020px;
	margin: 0 auto;
	border-radius: 25px;
	border: 3px solid #e50012;
}

.section-word__box {
	display: flex;
	width: 98%; max-width: 821px;
	margin: 0 auto;
	padding: 5em 0;
}
@media screen and (max-width:980px){
.section-word__box {
	display: block;
	padding: 2em 0;
}
}

.section-word__box .word-box:nth-of-type(1) {
	width: 45%; max-width: 355px;
	padding-top: 1em;
}
@media screen and (max-width:980px){
.section-word__box .word-box:nth-of-type(1) {
	width: 95%; max-width: none;
	margin: 0 auto 2em;
}
}

.word-box:nth-of-type(1) .word-heading {
	margin-bottom: 1em;
	font-size: 23px; font-size: 2.3rem;
	line-height: 1.4;
	letter-spacing: 0;
}
@media screen and (max-width:980px){
.word-box:nth-of-type(1) .word-heading {
	text-align: center;
}
}

.word-box:nth-of-type(1) .word-heading b {
	font-size: 29px; font-size: 2.9rem;
	color: #e50012;
}
@media screen and (max-width:980px){
.word-box:nth-of-type(1) .word-heading b {
	font-size: 25px; font-size: 2.5rem;
}
}

.word-box:nth-of-type(1) .word-list {
	max-width: 310px;
}
@media screen and (max-width:980px){
.word-box:nth-of-type(1) .word-list {
	margin: 0 auto;
}
}

.word-box:nth-of-type(1) .word-list li {
	position: relative;
	padding: 0.15em 0.5em;
	font-size: 24px; font-size: 2.4rem;
	border-bottom: 4px solid #5e4400;
}

.word-box:nth-of-type(1) .word-list li img {
	position: absolute; top: 0.3em; right: 0.5em;
}


.section-word__box .word-box:nth-of-type(2) {
	width: 55%; max-width: 435px;
	margin: 0 0 0 auto;
	background: url("../img/index/price_chart_illust.png") 70% 100% no-repeat;
}
@media screen and (max-width:980px){
.section-word__box .word-box:nth-of-type(2) {
	width: 95%; max-width: 600px;
	margin: 0 auto;
	background: url("../img/index/price_chart_illust.png") 70% 100% no-repeat;
}
}
@media screen and (max-width:768px){
.section-word__box .word-box:nth-of-type(2) {
	background-position: 95% 100%;
	background-size: 150px;
}
}

.word-box:nth-of-type(2) > img {
	display: block;
	position: relative;
	width: 60%; max-width: 96px;
	margin-top: -2em;
}

.word-box:nth-of-type(2) .word-box__forte {
	position: relative;
	width: 100%;
	padding: 2em 0;
	border-radius: 40px;
	border: 5px solid #5e4400;
}

.word-box:nth-of-type(2) .word-box__forte::after {
	display: block;
	content: "";
	position: absolute; bottom: -2.5em; left: 25%;
	width: 33px;
	height: 35px;
	background: url("../img/index/forte_hukidashi.png") top left no-repeat;
	background-size: contain;
}

@media screen and (max-width:980px){
.word-box:nth-of-type(2) .word-box__forte {
	border-radius: 20px;
}

.word-box:nth-of-type(2) .word-box__forte::after {
	display: none;
}

}

.word-box:nth-of-type(2) .word-box__forte h3 {
	width: 90%;
	margin: 0 auto 0.5em;
	font-size: 22px; font-size: 2.2rem;
	line-height: 1.6;
	letter-spacing: -0.06em;
}
@media screen and (max-width:768px){
.word-box:nth-of-type(2) .word-box__forte h3 br {
	display: none;
}
}
.word-box:nth-of-type(2) .word-box__forte ul {
	width: 90%;
	margin: 0 auto;
}

.word-box:nth-of-type(2) .word-box__forte ul li {
	display: inline-block;
	box-sizing: border-box;
	margin-bottom: 0.5em;
	padding: 0 1em;
	font-size: 16px; font-size: 1.6rem;
	border: 2px dotted #5e4400;
	border-radius: 5px;
}
@media screen and (max-width:980px){
.word-box:nth-of-type(2) .word-box__forte ul li {
	width: 49.5%;
}
}
@media screen and (max-width:768px){
.word-box:nth-of-type(2) .word-box__forte ul li {
	width: 100%;
}
}


/* About
------------------------------------------------*/
.section:nth-of-type(2) {
	position: relative;
	padding: 15em 0 12em;
}
.section:nth-of-type(2)::before {
	display: block;
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 109px;
	background: url("../img/index/section_back02.png") bottom center no-repeat;
	background-size: 100% 100%;
}
@media screen and (max-width:1024px){
.section:nth-of-type(2) {
	padding: 4em 0 5em;
}
.section:nth-of-type(2)::before {
	display: none;
}
}


.section-about__heading {
	width: 94%; max-width: 899px;
	margin: 0 auto 2em;;
}
.section-about__heading .showPc {
	display: block;
	width: 100%; max-width: 609px;
}
@media screen and (max-width:980px){
.section-about__heading .showPc {
	display: none;
}
.section-about__heading .showSp {
	display: block;
	max-width: 280px;
}
}

.about-comment {
	position: relative;
	width: 94%; max-width: 899px;
	margin: 0 auto 5em;;
}

.about-comment p {
	position: relative;
	width: 100%; max-width: 732px;
	padding: 1.5em 5%;
	font-size: 26px; font-size: 2.6rem;
	border-radius: 26px;
	letter-spacing: 0.05em;
	background: #ffef51;
}
.about-comment p::after {
	display: block;
	content: "";
	position: absolute; bottom: 35%; right: -1.4em;
	width: 38px;
	height: 20px;
	background: url("../img/index/descriprion_hukidashi.png") top left no-repeat;
	background-size: contain;
}
@media screen and (max-width:980px){
.about-comment p {
	margin: 0 auto;
}
.about-comment p::after {
	display: none;
}
}

.about-comment > img {
	display: block; 
	position: absolute; bottom: -1.7em; right: 0;
}
@media screen and (max-width:980px){
.about-comment > img {
	display: none; 
	position: static;
	max-width: 180px;
	margin: 0 0 0 auto;
}
}


.about-type {
	position: relative;
	width: 94%; max-width: 899px;
	margin: 0 auto 3em;
}
@media screen and (max-width:980px){
.about-type {
	text-align: center;
}
}


.about-type > .showPc {
	display: block;
	width: 100%; max-width: 744px;
	margin: 0 auto;
}
@media screen and (max-width:980px){
.about-type > .showPc {
	display: none;
}
.about-type > .showSp {
	display: block;
	width: 80%; max-width: 450px;
	margin: 0 auto 3em;
}
}

.about-type > section {
	box-sizing: border-box;
	width: 100%; max-width: 262px;
	height: 262px;
	padding: 5em 0;
	border-radius: 50%;
}
@media screen and (max-width:980px){
.about-type > section {
	display: inline-block;
	width: 100%; max-width: 220px;
	height: 220px;
	margin: 0 5% 2em;
}
}
@media screen and (max-width:768px){
.about-type > section {
	display: block;
	width: 100%; max-width: none;
	height: inherit;
	margin: 0 0 2em;
	padding: 2em 0;
	border-radius: 15px;
}
}

.about-type > section p {
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.3;
}
@media screen and (max-width:980px){
.about-type > section p {
	text-align: left;
}
}

.about-type-seo {
	position: absolute; top: 10em; left: -1em;
	border: 3px solid #fff;
	background: #ff9600;
}
@media screen and (max-width:980px){
.about-type-seo {
	position: static;
}
}

.about-type-seo::before {
	display: block;
	content: "";
	position: absolute; bottom: 4.3em; right: -7.2em;
	width: 109px;
	height: 30px;
	background: url("../img/index/description_border01.png") top left no-repeat;
	background-size: contain;
}
@media screen and (max-width:980px){
.about-type-seo::before {
	display: none;
}
}

.about-type-seo h3 {
	width: 85%; max-width: 185px;
	margin: 0 auto 0.5em;
}
.about-type-seo h3 img {
	display: block;
	width: 100%; max-width: 120px;
	margin: 0 auto;
}
.about-type-seo p {
	width: 85%; max-width: 185px;
	margin: 0 auto;
}
@media screen and (max-width:768px){
.about-type-seo p {
	width: 85%; max-width: none;
}
}

.about-type-koukoku {
	position: absolute; top: 2em; right: -3.5em;
	border: 3px solid #fff;
	background: #00c2bc;
}
@media screen and (max-width:1050px){
.about-type-koukoku {
	position: absolute; top: 2em; right: 0em;
}
}
@media screen and (max-width:980px){
.about-type-koukoku {
	position: static;
}
}


.about-type-koukoku::before {
	display: block;
	content: "";
	position: absolute; top: 7em; left: -8em;
	width: 129px;
	height: 12px;
	background: url("../img/index/description_border02.png") top left no-repeat;
	background-size: contain;
}
@media screen and (max-width:1050px){
.about-type-koukoku::before {
	position: absolute; bottom: 8em; left: -6em;
	width: 90px;
}
}
@media screen and (max-width:980px){
.about-type-koukoku::before {
	display: none;
}
}


.about-type-koukoku h3 {
	width: 85%; max-width: 203px;
	margin: 0 auto 0.8em;
}
.about-type-koukoku h3 img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.about-type-koukoku p {
	width: 85%; max-width: 203px;
	margin: 0 auto;
}
@media screen and (max-width:768px){
.about-type-koukoku p {
	width: 85%; max-width: none;
}
}


.about-merit {
	width: 94%; max-width: 840px;
	margin: 0 auto 6em;
	padding: 3em 0 5em;
	border: 5px solid #5e4400;
	border-radius: 27px;
	background: #fff;
}

.about-merit h3 {
	width: 95%; max-width: 707px;
	margin: 0 auto 0.5em;
	padding-bottom: 0.25em;
	font-size: 40px; font-size: 4rem;
	text-align: center;
	border-bottom: 3px solid #5e4400;
}
@media screen and (max-width:980px){
.about-merit h3 {
	font-size: 30px; font-size: 3rem;
}
}

.about-merit .about-merit__list {
	width: 95%; max-width: 707px;
	margin: 0 auto;
}

.about-merit .about-merit__list dt {
	position: relative;
	padding-left: 25px;
	font-size: 25px; font-size: 2.5rem;
	line-height: 1.3;
	letter-spacing: 0;
	color: #e50012;
}
.about-merit .about-merit__list dt::before {
	display: block;
	content: "";
	position: absolute; top: 0.25em; left: 0;
	width: 21px;
	height: 22px;
	background: url("../img/index/description_check.png") top center no-repeat;
	background-size: contain;
}
.about-merit .about-merit__list dd {
	width: 95%;
	margin: 0 0 1.5em auto;
	font-size: 16px; font-size: 1.6rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width:320px){
.about-merit .about-merit__list dd {
	width: 90%;
}
}

.about-merit .about-merit__list dd:nth-last-of-type(1) {
	margin: 0 0 0 auto;
}
.about-merit .about-merit__list dd span {
	background: #ffef51;
}


.about-flow {
	width: 94%; max-width: 1280px;
	margin: 0 auto;
}

.about-flow h3 {
	width: 100%; max-width: 900px;
	margin: 0 auto 2.5em;
}

.about-flow h3 img {
	display: block;
	width: 60%; max-width: 293px;
}

.about-flow__item {
	float: left;
	position: relative;
	width: 16.4%;
	margin-right: 3.7%;
	padding: 1em 0 2em;
	border: 3px dotted #5e4400;
	border-radius: 27px;
	background: #fff;
}
@media screen and (max-width:1050px){
.about-flow__item {
	width: 48%;
	margin: 0 1% 2em;
	padding: 2em 0;
}
}
@media screen and (max-width:768px){
.about-flow__item {
	width: 100%;
	margin: 0 0 2em;
	border-radius: 10px;
}
}

.about-flow__item:nth-last-of-type(1) {
	margin-right: 0;
}
.about-flow__item::after {
	display: block;
	content: "";
	position: absolute; top: 0; bottom: 0; left: 108%;
	margin: auto 0;
	width: 25px;
	height: 36px;
	background: url("../img/index/flow_arrow.png") top center no-repeat;
	background-size: contain;
}
.about-flow__item:nth-last-of-type(1)::after {
	display: none;
}
@media screen and (max-width:1050px){
.about-flow__item::after {
	display: none;
}
}

.about-flow__item .about-flow__step {
	display: block;
	width: 95%; max-width: 177px;
	margin: 0 auto 0.6em;
	padding: 0.1em 0;
	font-size: 18px; font-size: 1.8rem;
	text-align: center;
	color: #fff;
	border-radius: 8px;
	background: #5e4400;
}

.about-flow__item h4 {
	width: 90%; max-width: 177px;
	margin: 0 auto 0.25em;
}

.about-flow__item h4 img {
	display: block;
	width: 100%;
}

.about-flow__item p {
	width: 95%; max-width: 177px;
	margin: 0 auto;
	font-size: 14px; font-size: 1.4rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width:1050px){
.about-flow__item p {
	width: 90%; max-width: 400px;
	font-size: 15px; font-size: 1.5rem;
}
}


/* About
------------------------------------------------*/
.section:nth-of-type(3) {
	position: relative;
	padding: 15em 0 8em;
	background: #fff;
}
.section:nth-of-type(3)::before {
	display: block;
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 109px;
	background: url("../img/index/section_back01.png") bottom center no-repeat;
	background-size: 100% 100%;
}
@media screen and (max-width:1024px){
.section:nth-of-type(3) {
	padding: 4em 0 5em;
}
.section:nth-of-type(3)::before {
	display: none;
}
}


.section-qa {
	width: 94%; max-width: 770px;
	margin: 0 auto;
}

.section-qa__heading {
	width: 80%; max-width: 350px;
	margin: 0 auto 2em;
}
.section-qa__heading img {
	display: block;
	width: 100%;
}

.qa-item {}
.qa-item__question {
	overflow: hidden;
	margin-bottom: 2em;
	padding-top: 4em;
}
.qa-item__question > img {
	display: block;
	float: left;
	width: 30%; max-width: 107px;  
	margin: -4em 3em 0 0;
}
@media screen and (max-width:1050px){
.qa-item__question > img {
	float: none;
	width: 30%; max-width: 100px;
	margin: 0 auto 0.5em;
}
}

.qa-item__question p {
	float: left;
	position: relative;
	width: 90%; max-width: 303px;
	padding: 0.8em 5%;
	font-size: 19px; font-size: 1.9rem;
	line-height: 1.4;
	letter-spacing: 0;
	border: 5px dotted #5e4400;
	border-radius: 15px;
	background: #fff;
}
@media screen and (max-width:1050px){
.qa-item__question p {
	float: none;
	margin: 0 auto;
	text-align: center;
}
}

.qa-item__question p > img {
	display: block;
	position: absolute; top: -2em; left: -2em;
}
@media screen and (max-width:1050px){
.qa-item__question p > img {
	display: block;
	position: absolute; top: -1em; left: -1em;
	width: 30px;
}
}

.qa-item__answer {
	position: relative;
	width: 95%; max-width: 598px;
	margin: 0 0 0 auto;
	padding: 1em 5%;
	border-radius: 25px;
}
@media screen and (max-width:1050px){
.qa-item__answer {
	margin: 0 auto 2em;
}
}

/* 背景色違い */
.qa-item01 .qa-item__answer {
	background: #bdda8e;
}

.qa-item02 .qa-item__answer {
	background: #f5bed6;
}

.qa-item03 .qa-item__answer {
	background: #bae2f8;
}
@media screen and (max-width:1050px){
.qa-item01 .qa-item__answer,
.qa-item02 .qa-item__answer,
.qa-item03 .qa-item__answer {
	background: none;
}
}

.qa-item__answer > img {
	display: block;
	position: absolute; top: -3em; right: -4em;
	width: 30%; max-width: 123px;
}
@media screen and (max-width:1050px){
.qa-item__answer > img {
	display: block;
	float: none;
	position: static;
	width: 30%; max-width: 100px;
	margin: 0 auto 0.5em;
}
}

.qa-item__answer p {
	position: relative;
	max-width: 600px;
	padding: 0.8em 5%;
	font-size: 20px; font-size: 2rem;
	line-height: 1.5;
	letter-spacing: 0;
	border-radius: 15px;
}
@media screen and (max-width:1050px){
.qa-item__answer p {
	max-width: 475px;
	margin: 0 auto;
}

/* 背景色違い */
.qa-item01 .qa-item__answer p {
	background: #bdda8e;
}

.qa-item02 .qa-item__answer p {
	background: #f5bed6;
}

.qa-item03 .qa-item__answer p {
	background: #bae2f8;
}
}


.qa-item__answer p > img {
	display: block;
	position: absolute; top: -2em; left: -4em;
}
@media screen and (max-width:1050px){
.qa-item__answer p > img {
	display: block;
	position: absolute; top: -0.5em; left: -1em;
	width: 30px;
}
}


/* Voice
------------------------------------------------*/
.section:nth-of-type(4) {
	position: relative;
	padding: 15em 0 12em;
}
.section:nth-of-type(4)::before {
	display: block;
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 109px;
	background: url("../img/index/section_back02.png") bottom center no-repeat;
	background-size: 100% 100%;
}
@media screen and (max-width:1024px){
.section:nth-of-type(4) {
	padding: 4em 0 5em;
}
.section:nth-of-type(4)::before {
	display: none;
}
}

.section-voice {
	width: 94%; max-width: 1100px;
	margin: 0 auto 5em;
	padding: 5em 0;
	border-radius: 35px;
	background-image: linear-gradient(
	45deg,
	#ffef51 6.25%, #fff7a8 6.25%,
	#fff7a8 12.5%, #ffef51 12.5%,
	#ffef51 18.75%, #ffef51 18.75%,
	#ffef51 25%, #ffef51 25%,
	#ffef51 31.25%, #fff7a8 31.25%,
	#fff7a8 37.5%, #ffef51 37.5%,
	#ffef51 43.75%, #ffef51 43.75%,
	#ffef51 50%, #ffef51 50%,
	#ffef51 56.25%, #fff7a8 56.25%,
	#fff7a8 62.5%, #ffef51 62.5%,
	#ffef51 68.75%, #ffef51 68.75%,
	#ffef51 75%, #ffef51 75%,
	#ffef51 81.25%, #fff7a8 81.25%,
	#fff7a8 87.5%, #ffef51 87.5%,
	#ffef51 93.75%, #ffef51 93.75%,
	#ffef51
  );
  background-size: 80px 80px;
}
@media screen and (max-width:850px){
.section-voice {
	padding: 3em 0 1em;
	border-radius: 20px;
}
}

.section-voice__heading {
	width: 60%; max-width: 289px;
	margin: 0 auto 3em;
}
@media screen and (max-width:850px){
.section-voice__heading {
	max-width: 200px;
	margin: 0 auto 2em;
}
}

.section-voice__heading img {
	display: block;
	width: 100%;
}

.voice-detail {
	width: 95%; max-width: 942px;
	margin: 0 auto;
	padding: 3em 4%;
	border-radius: 16px;
	background: #fff;
}

.voice-detail > p:nth-of-type(2) {
	margin-bottom: 2em;
	font-size: 15px; font-size: 1.5rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width:850px){
.voice-detail > p:nth-of-type(2) {
	font-size: 16px; font-size: 1.6rem;
}
}

.voice-detail__name {
	margin-bottom: 1em;
	font-size: 24px; font-size: 2.4rem;
	line-height: 1.4;
}
@media screen and (max-width:850px){
.voice-detail__name {
	font-size: 20px; font-size: 2rem;
	letter-spacing: 0;
}
}

.voice-detail__inner:nth-of-type(1) {
	float: left;
	width: 45%; max-width: 394px;
}
@media screen and (max-width:850px){
.voice-detail__inner:nth-of-type(1) {
	float: none;
	width: 100%; max-width: 394px;
	margin: 0 auto 2em;
}
}

.voice-detail__inner:nth-of-type(1) p {
	font-size: 33px; font-size: 3.3rem;
}
@media screen and (max-width:1050px){
.voice-detail__inner:nth-of-type(1) p {
	font-size: 26px; font-size: 2.6rem;
}
}

.voice-detail__inner:nth-of-type(1) p > img {
	display: block;
	width: 100%; max-width: 376px;
}
@media screen and (max-width:1050px){
.voice-detail__inner:nth-of-type(1) p > img {
	max-width: 250px;
}
}

.voice-detail__inner:nth-of-type(1) p > span {
	display: block;
	margin-top: -0.8em;
	font-size: 42px; font-size: 4.2rem;
	letter-spacing: -0.04em;
}
@media screen and (max-width:1050px){
.voice-detail__inner:nth-of-type(1) p > span {
	font-size: 32px; font-size: 3.2rem;
}
}

.voice-detail__inner:nth-of-type(1) p > span b {
	display: inline-block;
	font-size: 84px; font-size: 8.4rem;
}
@media screen and (max-width:1050px){
.voice-detail__inner:nth-of-type(1) p > span b {
	font-size: 60px; font-size: 6rem;
}
}

.voice-detail__inner:nth-of-type(1) ul li {
	font-size: 22px; font-size: 2.2rem;
	letter-spacing: -0.02em;
}
@media screen and (max-width:768px){
.voice-detail__inner:nth-of-type(1) ul li {
	font-size: 18px; font-size: 1.8rem;
}
}

.voice-detail__inner:nth-of-type(2) {
	float: right;
	width: 50%; max-width: 411px;
}
@media screen and (max-width:850px){
.voice-detail__inner:nth-of-type(2) {
	float: none;
	width: 100%; max-width: 411px;
	margin: 0 auto;
}
}

.voice-detail__inner:nth-of-type(2) > img {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.voice-detail__inner:nth-of-type(2) > a {
	display: block;
	font-size: 20px; font-size: 2rem;
	text-align: center;
}


/* Contact
------------------------------------------------*/
.section-contact {
	overflow: hidden;
	width: 90%; max-width: 935px;
	margin: 0 auto;
	border-radius: 21px;
	border: 3px solid #e50012;
	background: #fff;
}
@media screen and (max-width:980px){
.section-contact {
	overflow: hidden;
	width: 90%; max-width: 600px;
}
}

.section-contact__heading {
	background: #e50012;
}
.section-contact__heading .showPc {
	display: block;
	width: 90%; max-width: 492px;
	margin: 0 auto;
	padding: 0.5em 0 1em;
}
@media screen and (max-width:980px){
.section-contact__heading .showPc {
	display: none;
}
.section-contact__heading .showSp {
	display: block;
	width: 60%; max-width: 265px;
	margin: 0 auto;
	padding: 0.8em 0 0;
}
}

.section-contact__inner {
	width: 95%; max-width: 835px;
	margin: 0 auto;
	padding: 2em 0;
}

.section-contact__tel {
	float: left;
	width: 60%; max-width: 525px;
	font-size: 31px; font-size: 3.1rem;
	letter-spacing: -0.05em;
	line-height: 1.3;
	color: #e50012;
}
@media screen and (max-width:980px){
.section-contact__tel {
	float: none;
	width: 90%; max-width: none;
	margin: 0 auto;
	font-size: 31px; font-size: 3.1rem;
	text-align: center;
}
}

.section-contact__tel b {
	font-size: 43px; font-size: 4.3rem;
}

.section-contact__tel span {
	font-size: 17px; font-size: 1.7rem;
	letter-spacing: -0.05em;
}
@media screen and (max-width:768px){
.section-contact__tel span {
	display: block;
	text-align: center;
}
}

.section-contact__button {
	display: block;
	float: right;
	width: 40%; max-width: 285px;
	margin-top: 0.4em;
	padding: 0.6em 0;
	font-size: 16px; font-size: 1.6rem;
	text-align: center;
	color: #fff;
	border-radius: 35px;
	background: #e50012;
}
@media screen and (max-width:980px){
.section-contact__button {
	float: none;
	width: 95%; max-width: 285px;
	margin: 1em auto;
	font-size: 18px; font-size: 1.8rem;
}
}

.section-contact__button::before {
	display: inline-block;
	content: "";
	width: 32px; height: 21px;
	margin-right: 1em;
	vertical-align: middle;
	background: url("../img/index/contact_mail_icon.png") top center no-repeat;
	background-size: contain;
}



/* Company
------------------------------------------------*/
.section05 {
	padding: 5em 0;
	background: #fff;
}

.company {
	width: 94%; max-width: 1122px;
	margin: 0 auto;
}

.company .section-company__heading {
	margin-bottom: 4em;
	font-size: 20px; font-size: 2rem;
	text-align: center;
	color: #b3b3b3;
}

.company .company-logo {
	display: block;
	width: 60%; max-width: 217px;
	margin: 0 auto 4em;
}
@media screen and (max-width:980px){
.company .company-logo {
	width: 60%; max-width: 180px;
	margin: 0 auto 4em;
}
}

.company .company__text {
	margin-bottom: 6em;
	font-family: "gen_b", sans-serif;
	font-size: 17px; font-size: 1.7rem;
	font-weight: 400;
	text-align: center;
}
@media screen and (max-width:980px){
.company .company__text {
	margin-bottom: 3em;
	font-size: 15px; font-size: 1.5rem;
	text-align: left;
}
.company .company__text br {
	display: none;
}
}

.company .company-list {
	text-align: center;
}

.company .company-list li {
	display: inline-block;
	overflow: hidden;
	width: 30%;
	margin: 0 1% 3em;
	vertical-align: top;
}
@media screen and (max-width:1024px){
.company .company-list li {
	width: 47%;
	margin: 0 1% 3em;
}
}
@media screen and (max-width:450px){
.company .company-list li {
	width: 98%;
	margin: 0 1% 3em;
}
}

.company .company-list li img {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.company .company-list li a {
	display: block;
	font-size: 12px; font-size: 1.2rem;
	color: #999;
}

.company .company-link__text {
	margin-bottom: 2em;
	padding: 1em 0 0;
	font-family: "gen_b", sans-serif;
	font-size: 20px; font-size: 2rem;
	font-weight: normal;
	text-align: center;
}

.company .company-link__button {
	display: block;
	width: 95%; max-width: 435px;
	margin: 0 auto;
	padding: 0.5em 0;
	font-family: "gen_b", sans-serif;
	font-size: 16px; font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	color: #fff;
	border-radius: 23px;
	background: #3dbce1;
}





