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

/* ************************************************************
contact
************************************************************ */
#block01{
margin:2% auto;
width:100%;
text-align: center;
font-size:16px;
letter-spacing: 0.06em;
line-height:1.5;
max-width:850px;
text-align: left;
}

/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
 
#block01{margin:4% auto;}

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

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



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

#block01{
padding:0 10%;
font-size:15px;}
 /* ---------------------------------- */
}

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


#block01{
padding:2% 10%;
font-size:14px;
}

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

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



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

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




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


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



/* ************************************************************
block02
************************************************************ */

#block02{
margin:10% auto;
width:100%;
text-align: center;
max-width:1000px;
border-bottom:1px solid #000;
padding:0 0 5%
}

h3.underline{
margin:0 auto 2%;
width:100%;
text-align: center;
font-size:23px;
line-height:1.6;
letter-spacing: 0.05em;
position:relative;
}

h3.underline:before{
content:' ';
position:absolute;
bottom:-10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
border-bottom:1px solid #000;
width:100px;
}

#block02 .tel{
margin:0 auto;
width:100%;
text-align: center;
font-size:50px;
line-height:1.5;
letter-spacing: 0.1em;
}
#block02 .tel a{color:#274873;}

#block02 .tel span{font-size:25px;}

#block02 .time{
margin:0 auto;
width:100%;
text-align: center;
font-size:15px;
line-height:1.5;
letter-spacing: 0.1em;
}


/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02{
width:85%;
padding:0 0 5%
}


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

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


#block02{padding:0 0 10%}
h3.underline{font-size:20px;}

#block02 .tel{
padding:2% 0 0 0;
font-size:45px;
}

#block02 .time{font-size:13px;}


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

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

#block02 .tel{
padding:2% 0 0 0;
font-size:40px;
}

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

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

h3.underline{font-size:15px;}

#block02 .tel{
padding:4% 0 0 0;
font-size:35px;
}


 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#block02 .tel span{font-size:20px;}

#block02 .tel{
font-size:30px;
}

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