@charset "UTF-8";
/* CSS Document */
body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }

.res-img {
width: 100%;
height: auto;
vertical-align: bottom!important;}

/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 15%;
letter-spacing: 4px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 115px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.6rem;
padding: 0 5%;
letter-spacing: 1.1px;}	

/*method*/
.about_method_box {
position: relative;
width: 100%;}

.about_method_box .text {
position: absolute;
top: 50%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;
font-family: 'Noto Sans JP', sans-serif;}

.text {line-height: 1.6;}

.about_method_box .text h2 {
font-size: 1.1rem;
font-weight: bold;
color: #fff;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.about_method_box .text p {
font-size: 0.8rem;
line-height: 1.6;
color: #fff;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}


.about_method_box .right-text2 {
position: absolute;
top: 20%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;
font-family: 'Noto Sans JP', sans-serif;}

.about_method_box .left-text2 {
position: absolute;
top: 76%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;
font-family: 'Noto Sans JP', sans-serif;}


/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
	
.page_title {
position: absolute;
top: 42%;
right: 9%;
letter-spacing: 4px;}

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 100px;}	
	
/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

/*method*/
.about_method_box .text h2 {
font-size: 1rem;
font-weight: bold;
color: #fff;
margin-bottom: 1em;}	

.about_method_box .text p {
font-size: 0.7rem;
line-height: 1.6;
color: #fff;
margin-bottom: 1em;}	
	
.about_method_box .right-text2 {
position: absolute;
top: 20%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;}	

.about_method_box .left-text2 {
position: absolute;
top: 76%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;}	

}
@media screen and (min-width:768px){
.pc { display:block; }
.sp { display:none; }
/*topビジュアル*/
.main_voat_top {padding-top: 0;}	
	
.page_title {
position: absolute;
top: 30%;
left: 2%;
right: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 157px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {font-size: 1.1rem;letter-spacing: 2.5px;padding: 1% 5%;}	
	
.about_method_box .text {
position: absolute;
top: 50%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;}	
	
.about_method_box .right-text2 {
position: absolute;
top: 20%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;}	
	
.about_method_box .text h2 {
font-size: 1.9rem;
margin-bottom: 1em;}
	
.about_method_box .text p {
font-size: 1.1rem;
margin-bottom: 1.3em;}	

.about_method_box .left-text2 {
position: absolute;
top: 77%;
left: 10%;
transform: translate(0%,-50%);
width: 80%;
height: auto;}
	
}

@media screen and (min-width:1024px){
/*topビジュアル*/
.main_voat_top {padding-top: 0;}
	
.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}
.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 180px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}*/
	
.about_sub_text {font-size: 1rem;padding: 2% 5%;}
	
/*method*/
.about_method_box .right-text {
top: 43%;
left: 53%;
transform: translate(0%,-53%);}

.about_method_box .right-text2 {
top: 27%;
left: 53%;
transform: translate(0%,-53%);}
	
.about_method_box .text {
position: absolute;
width: 43%;}	

.about_method_box .text h2 {
font-size: 1.5rem;margin-bottom: 1em;}	

.about_method_box .text p {
font-size: 0.9rem;
line-height: 1.8;
margin-bottom: 1.5em;}

.about_method_box .left-text {
top: 53%;
left: 6%;
transform: translate(0%,-53%);}

.about_method_box .left-text2 {
top: 42%;
left: 6%;
transform: translate(0%,-53%);}
	
}

@media screen and (min-width:1440px){
	
.about_method_box .text p {font-size: 1rem;}
	
	
}