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

/* ************************************************************
各ブロックタイトル部分
************************************************************ */

h2.block-title{
margin: 0 auto;
font-size: 33px;
color: #6a3906;
line-height: 2;
font-weight: 700;
}

h2.block-title span{
position: relative;
line-height: 1;
z-index: 2;
}

h2.block-title span::before{
content: '';
width: 100%;
height: 12px;
background-color: #f7c6c7;
border-radius: 20px;
position: absolute;
bottom: 2px;
left: 0%;
z-index: -1;
}

#block02 h2.block-title span::before{
background-color: #8fd6a6;
}

#block03 h2.block-title span::before{
background-color: #fdc958;
}


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

h2.block-title{font-size: 28px;}

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

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

h2.block-title{font-size: 26px;}
h2.block-title span::before{height: 8px;}

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

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

h2.block-title{font-size: 24px;}

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


/* ************************************************************
block01
************************************************************ */

#block01{
margin: 10% auto;
width:100%;
position:relative;
z-index:0;
}

#block01 article{
margin: 0 auto;
width:100%;
max-width:1000px;
background:#fff;
border-radius:30px;
padding:3% 5% 4% 10%;
}

#block01 .greeting{
margin:3% auto 0;
width:100%;
font-size:18px;
line-height:2;
letter-spacing: 0.05em;
text-align: left;
}

#block01 .name{
margin:3% auto 0;
width:100%;
font-size:25px;
line-height:2;
letter-spacing: 0.05em;
text-align: right;
}

#block01 .name span{
font-size:20px;
padding-right:2%;
}

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



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

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

#block01{padding:5%;}

#block01 article{
border-radius:35px;
padding:5% 8% 4% 10%;
}

#block01 .greeting{
margin:4% auto 0;
width:100%;
font-size:16px;
line-height:2;
letter-spacing: 0.05em;
text-align: left;
}

#block01 .name{
margin:3% auto 0;
width:100%;
font-size:24px;
line-height:2;
letter-spacing: 0.05em;
text-align: right;
}

#block01 .name span{
font-size:18px;
padding-right:2%;
}


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

#block01 .greeting{
font-size:14px;
}

#block01 .name{
font-size:20px;
}

#block01 .name span{
font-size:16px;
}

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

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

#block01 .greeting br{display:none}

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

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

#block01 article{padding:8% 10% 10% 10%;}

#block01 .greeting{
font-size:13px;
}

#block01 .name{
font-size:18px;
}

#block01 .name span{
font-size:14px;
}

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

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




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



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




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

#block02{
margin: 12% auto;
width:100%;
position:relative;
}

#block02 .gallery{
margin: 2% auto;
width:100%;
display:flex;
justify-content: space-around;
max-width:1200px;
align-items: center;
flex-flow:row nowrap;
}

#block02 .gallery li{
padding:1%;
}

#block02 .btn-list{
margin: 3% auto;
width:100%;
display:flex;
justify-content: space-around;
max-width:1000px;
align-items: center;
flex-flow:row wrap;
}

#block02 .btn-list li{
padding:1.5% 2%;
width:50%;
}

#block02 .btn-list li a img{
transition: 0.2s;
}

#block02 .btn-list li a img:hover {
transition: 0.2s;
transform:scale(1.05)
}

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


#block02{
margin:14% auto;
padding:0 5%;
}

#block02 .btn-list{
padding:0 5%;
}

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

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



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

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

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

#block02 .gallery{
margin: 4% auto;
display:block;
}

#block02 .gallery li{
padding:2%;
}

#block02 .btn-list{
margin: 5% auto;
display:block;
}

#block02 .btn-list li{
margin:0 auto;
width:80%;
padding:3%;
}


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

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



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

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

#block02{margin:18% auto;}
#block02 .btn-list li{width:90%;}

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

#block02 .btn-list li{width:100%;}

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



/* ************************************************************
block03
************************************************************ */

#block03{
margin: 12% auto;
width:100%;
background:#fff;
padding:6% 5%;
}

#block03 dl{
margin: 4% auto;
width:100%;
max-width:1000px;
padding:0 5%;
text-align: left;
}

#block03 dl dt{
margin: 6% auto 0;
width:100%;
border-bottom:3px solid #f9a898;
padding:0 0 1%;
font-size:23px;
letter-spacing: 0.06em;
line-height:1.6;
padding-left:1.6em;
text-indent:-1.6em;
}

#block03 dl dd{
margin: 0 auto 0;
width:100%;
padding:2% 2%;
font-size:16px;
letter-spacing: 0.06em;
line-height:1.8;
}


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


#block03{
margin: 18% auto;
padding:10% 5%;
}

#block03 dl dt{
margin: 8% auto 0;
font-size:18px;
/*残したまま!崩れる*/
padding-left:1.6em;
text-indent:-1.6em;
}

#block03 dl dd{
font-size:14px;
}

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

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

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

#block03{
margin: 18% auto;
padding:10% 5%;
}

#block03 dl dt br{display:none}

#block03 dl dt{
margin: 12% auto 0;
font-size:16px;
border-bottom:2px solid #f9a898;

/*残したまま!崩れる*/
padding-left:1.6em;
text-indent:-1.6em;
}

#block03 dl dd{
font-size:13px;
padding:3% 5%;
}



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

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



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

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

#block03 dl dt{
margin: 15% auto 0;
font-size:15px;
padding-bottom:3%;
}

#block03 dl dd{
font-size:12px;
padding:4% 5%;
line-height:1.7;
}




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



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