@charset "UTF-8";
/* CSS Document */

/*****************************************************

contact

*****************************************************/


#sub_visual .sv{
width:100%;
object-fit: cover;
object-position: center right;
}

.title-box h2{
margin:1% auto 0;
width:100%;
font-size:14px;
color:#3c3c3c;
}


/* ▼▼▼▼▼▼▼▼MaxWidth2200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 2200px) {
 /* ************** */

.title-box{
top:160px;
left:-200px;
}

.title-box h2{
margin:0.8% auto 0;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1500(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1500px) {
 /* ************** */

.title-box{top:140px;}
.title-box h1 img{width:14%;}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

.title-box h1 img{width:18%;}

.title-box{
top:120px;
left:-330px;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
.title-box{top:100px;}

.title-box h1 img{width:18%}

.title-box{
top:90px;
left:-200px;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */	

	#sub_visual .sv{object-position:-60px}
	
	/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth800(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 800px) {
 /* ************** */
	#sub_visual .sv{object-position:-160px}
.title-box{top:100px;}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.title-box{top:110px;}
.title-box h1 img{width:25%;}

#sub_visual .sv{object-position:-170px}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth680(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 680px) {
 /* ************** */
	#sub_visual .sv{object-position:-270px}
	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

.title-box h1{
width:100%;
padding-bottom:1%;
}

.title-box h1 img{width:34%;}
	#sub_visual .sv{object-position:-300px}

.title-box{
top:100px;
left:0;
}

.title-box h2{
margin:0 auto;
width:230px;
text-align: center;
font-size:12px;
}

.title-box h2 br{display:none;}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
.title-box{
top:70px;
left:0;
}
#sub_visual .sv{object-position:-220px}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#sub_visual .sv{object-position:-280px}
.title-box h1 img{width:42%;}

.title-box{
top:70px;
}
 /* *************** */
}


/* ************************************************************
◆ #contact ◆
************************************************************ */

#contact{
margin:4% auto;
width:100%;
max-width:1000px;
}

#contact h3{
margin:0 auto;
width:40%;
font-size:25px;
letter-spacing: 0.15em;
color:#fb7289;
border-bottom:1px solid #fb7289;
padding-bottom:1%;
}

#contact .p01{
margin:3% auto;
width:100%;
font-size:15px;
letter-spacing: 0.1em;
color:#3e3e3e;
text-align: center;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#contact{padding:0 2%;}

#contact h3{
margin:0 auto;
width:60%;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#contact .p01{
margin:6% auto 8%;
width:90%;
text-align: left;
}
#contact .p01 br{display:none
}


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */


#contact h3{
margin:0 auto;
width:70%;
font-size:20px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#contact .p01{
font-size:13px;
}

 /* *************** */
}


/* ************************************************************
◆ thanks ◆
************************************************************ */

#thanks{
margin:4% auto 5%;
width:100%;
max-width:1000px;
}

#thanks p:first-child{
margin:10% auto 5%;
width:70%;
text-align: center;
font-family: 'Nunito', sans-serif;
font-size:100px;
color:#fb7289;
letter-spacing: 0.1em;
line-height:1.2;
border-bottom:dotted 10px #fb7289;
}

#thanks p:first-child br{;
display:none}


#thanks p:nth-of-type(2),
#thanks p:nth-of-type(3){
margin:4% auto;
width:100%;
text-align: center;
padding:0 10%;
font-size:16px;

}

#thanks p:nth-of-type(3) a{
border-bottom:1px solid #000;
padding-bottom:0.5%;
letter-spacing: 0.07em;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#thanks{
margin:4% auto 8%;}

#thanks p:first-child{
font-size:90px;
width:80%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#thanks p:first-child{
font-size:70px;
width:80%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

#thanks p:first-child br{display:block;}
#thanks p:first-child{
font-size:80px;
padding-bottom:5%;}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#thanks p:first-child{
margin:20% auto 10%;
font-size:65px;
padding-bottom:8%;}


#thanks p:nth-of-type(2){
font-size:14px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth350(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 350px) {
 /* ************** */

#thanks p:first-child{
margin:20% auto 10%;
font-size:55px;
padding-bottom:8%;}



 /* *************** */
}