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

/* ************************************************************
block01
************************************************************ */
#block01{
margin: 0 auto;
width:100%;
}

#block01 article{
margin: 8% auto;
padding: 2% 0 3%;
width: 45%;
max-width: 1000px;
background-color: #fff;
border-radius: 20px;
position: relative;
}

#block01 article .tel-contact{
margin: 0 auto;
padding: 2% 0;
width: 100%;
font-size: 24px;
color: #fff;
position: absolute;
top:-12%;
}

#block01 article .tel-contact span{
padding: 1% 5%;
background-color: #ef8575;
border-radius: 50px;
}

#block01 article h2{
margin: 5% auto 8%;
font-size: 50px;
font-weight: 600;
color: #ef8575;
}

#block01 article p{font-size: 26px;}

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

#block01 article .tel-contact{
padding: 2% 0 5%;
font-size: 22px;
}

#block01 article h2{
margin: 6% auto;
font-size: 40px;
}

#block01 article p{font-size: 22px;}

 /* ---------------------------------- */
}

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

#block01{margin: 6% auto;}
#block01 article{width: 65%;}
#block01 article .tel-contact{font-size: 20px;}
#block01 article h2{font-size: 36px;}
#block01 article p{font-size: 19px;}

 /* ---------------------------------- */
}


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

#block01 {margin: 12% auto;}
#block01 article h2{margin: 7% auto 5%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */

#block01 article{
width: 80%;
padding: 2% 0 5%;
}

#block01 article h2{margin: 7% auto 5%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 
 #block01 article h2{margin: 9% auto 6%;}
 
 /* ---------------------------------- */
}

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

#block01{margin: 15% auto;}

#block01 article h2{
margin: 11% auto 8%;
font-size: 30px;
}

#block01 article p{font-size: 16px;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ************************************************************
block02
************************************************************ */
#block02{
margin: 0 auto;
width:100%;
}

#block02 article{
margin: 8% auto;
padding: 2% 0 3%;
width: 45%;
max-width: 1000px;
background-color: #fff;
border-radius: 20px;
position: relative;
}

#block02 article .line-contact{
margin: 0 auto;
padding: 2% 0;
width: 100%;
font-size: 24px;
color: #fff;
position: absolute;
top:-12%;
}

#block02 article .line-contact span{
padding: 1% 6%;
background-color: #8fd6a6;
border-radius: 50px;
}

#block02 article a{
display: inline-block;
margin: 5% auto;
font-size: 38px;
font-weight: 600;
color: #ef8575;
border-bottom: 2px solid #ef8575;
padding-bottom: 3%;
}

#block02 article a:hover{color: #6a3906;}
#block02 article p{font-size: 26px;}


/* ******************************************* */
@media screen and (max-width: 1400px) {
 /* ---------------------------------- */

#block02 article a{font-size: 34px;}

 /* ---------------------------------- */
}

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

#block02 article .line-contact{
padding: 2% 0 5%;
font-size: 22px;
}

#block02 article a{font-size: 28px;}
#block02 article p{font-size: 22px;}

 /* ---------------------------------- */
}

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

#block02{margin: 6% auto;}
#block02 article{width: 65%;}
#block02 article .line-contact{font-size: 20px;}
#block02 article a{margin: 6% auto 4%;}
#block02 article p{font-size: 19px;}

 /* ---------------------------------- */
}

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

#block02{margin: 12% auto;}
#block02 article{padding: 2% 0 5%;}

#block02 article a{
font-size: 26px;
border-bottom: 1.5px solid #ef8575;
padding-bottom: 2%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */

#block02 article{width: 80%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 
#block02 article a{
margin: 7% auto 5%;
font-size: 23px;
}

 /* ---------------------------------- */
}

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

#block02{margin: 15% auto;}

#block02 article a{
margin: 8% auto 7%;
line-height: 1.3;
padding-bottom: 0.5%;
}

#block02 article p{font-size: 16px;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ************************************************************
block03 メールフォーム（大枠のみ）
************************************************************ */
#block03-mail_box{
margin: 0 auto;
width: 85%;
max-width: 1400px;
background-color: #fff;
border-radius: 20px;
position: relative;
}

#block03-mail_box article{
margin: 0 auto;
padding: 5% 0;
}

#block03-mail_box article .mail-contact{
margin: 0 auto;
padding: 2% 0;
width: 100%;
font-size: 24px;
color: #fff;
position: absolute;
top:-1.5%;
}

#block03-mail_box article .mail-contact span{
padding: 0.7% 4%;
background-color: #ef8575;
border-radius: 50px;
}

#block03-mail_box article .contact-text{
margin: 3% auto 5%;
font-size: 38px;
font-weight: 600;
color: #ef8575;
}

#block03-mail_box article .contact-text span{
border-bottom: 2px solid #ef8575;
padding-bottom: 0.5%;
}

#block03-mail_box article .explanation{
font-size: 20px;
line-height: 1.7;
}

#block03-mail_box article .explanation a{
color: #6a3906;
letter-spacing: 0.06em;
border-bottom: 2px solid #6a3906;
}


/* ******************************************* */
@media screen and (max-width: 1400px) {
 /* ---------------------------------- */

#block03-mail_box article .contact-text{font-size: 34px;}

 /* ---------------------------------- */
}

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

#block03-mail_box article .mail-contact{
padding: 2% 0 5%;
font-size: 22px;
}

#block03-mail_box article .contact-text{font-size: 28px;}
#block03-mail_box article .explanation{font-size: 18px;}

 /* ---------------------------------- */
}

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

#block03-mail_box{margin: 6% auto;}
#block03-mail_box article .mail-contact{font-size: 20px;}
#block03-mail_box article .contact-text{margin: 3% auto 5%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 800px) {
 /* ---------------------------------- */

#block03-mail_box{margin: 10% auto;}

#block03-mail_box article .mail-contact{
padding: 0.5% 4%;
font-size: 19px;
top:-1%;
}

#block03-mail_box article .explanation{font-size: 16px;}
#block03-mail_box article .explanation a{border-bottom: 1px solid #6a3906;}

 /* ---------------------------------- */
}

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

#block03-mail_box{margin: 12% auto;}

#block03-mail_box article .contact-text{
margin: 4% auto 6%;
font-size: 26px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 
#block03-mail_box article .contact-text{
margin: 3% auto 7%;
font-size: 23px;
}

#block03-mail_box article .explanation{font-size: 14px;}

 /* ---------------------------------- */
}

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

#block03-mail_box{
margin: 15% auto;
width: 80%;
}

#block03-mail_box article .contact-text{
margin: 8% auto 7%;
line-height: 1.3;
padding-bottom: 0.5%;
}

#block03-mail_box article .explanation{font-size: 12px;}

 /* ---------------------------------- */
}