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

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

contact

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

#contact{
margin:8% auto 0;
width:100%;
}


#contact h2{
margin:0 auto 1%;
width:100%;
max-width:650px;

background:#000;
font-size:20px;
color:#fff;
padding:1% 10%;
letter-spacing: 0.05em;

}

#contact p{
margin:0 auto;
width:100%;
max-width:800px;
font-size:15px;
color:#000;
padding:1% 2%;
line-height:1.5;
letter-spacing: 0.05em;
text-align: center
}

#contact p.caution{
font-size:12px;
}

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


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

#contact{
margin:10% auto 0;
padding:0 5%
}

#contact h2{margin:0 auto 5%;}

#contact h2 span{
font-size:18px;
padding:2% 3%;
}

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


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

#contact{
margin:15% auto 0;
}

#contact h2{margin:0 auto 6%;}

#contact h2 span{
font-size:16px;
line-height:2;
}

#contact p{
font-size:14px;
}
 /* *************** */
}


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


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

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


#contact h2 span{
font-size:14px;
line-height:1.6;
padding:2% 5%;
}
#contact p{
font-size:13px;
}

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


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

/* ************************************************************
◆ thanks ◆
************************************************************ */
#thanks{margin:10% auto}

#thanks h2{
margin:0 auto 3%;
font-size:60px;
font-weight:bold;
color:#950103;
letter-spacing: 0.07em;
}

#thanks p{
margin:0 auto 3%;
font-size:16px;
letter-spacing: 0.04em;
text-align: center;
line-height:2;
}

#thanks p:last-of-type{
text-decoration: underline
}

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


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

#thanks{margin:15% auto}

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


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

#thanks{margin:15% auto 20%}

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


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

#thanks{padding:2% 5%}

#thanks h2{
font-size:50px;
}
#thanks p{
margin:0 auto 5%;
font-size:14px;
}

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

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


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

#thanks h2{
font-size:40px;
}

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