@charset "UTF-8";
/* CSS Document */
body{color:#4f4f4f}


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

#block01 .main-image{
margin:0 auto 0;
width:100%;
max-width:1200px;
}

#block01 ul{
margin:1.2% auto 0;
width:100%;
max-width:1200px;
display:flex;
justify-content:space-between
}

#block01 article{
margin:5% auto 0;
width:100%;
max-width:740px;
}

#block01 article h2{
margin:0 auto;
width:100%;
padding:2% 0;
font-size:24px;
letter-spacing: 0.06em;
line-height:1.5;
}

#block01 article p{
margin:0 auto;
width:100%;
padding:2% 0;
font-size:15px;
letter-spacing: 0.06em;
line-height:1.7;
text-align: justify;
}

.br380{display:none}
/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */


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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block01{
margin:2% auto 0;
width:100%;
}
#block01 .main-image{
padding:0 2%;
}

#block01 ul{padding:0 2%;}
#block01 ul li{padding:0 1% 0 0}
#block01 ul li:last-of-type{padding:0 0 0 0}

#block01 article{
margin:8% auto 0;
}

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

#block01 ul li{padding:0 1.5% 0 0}

#block01 article{
margin:10% auto 0;
}

#block01 article h2{
font-size:20px;
padding:0 2%;
}

#block01 article p{
padding:2% 10%;
font-size:13px;
}
 /* ---------------------------------- */
}

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


#block01 article p{
padding:3% 7%;
}

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

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

#block01 article h2{
font-size:18px;
padding:0 2%;
}

#block01 article p{
padding:4% 7%;
font-size:12px;
}

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

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


#block01 article h2{
font-size:16px;
padding:0 10%;
}


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

#block01 article h2{
font-size:17px;
line-height:1.8;
}
#block01 article p{
padding:4% 10%;
}
 /* ---------------------------------- */
}



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

#block02 article{
margin:10% auto 15%;
width:100%;
}

#block02 .house-mark{
margin:0 auto 0;
width:100%;
text-align: center;
}

#block02 h2{
margin:0 auto 1%;
width:100%;
padding:1% 0;
font-size:24px;
letter-spacing: 0.06em;
line-height:1.5;
}

#block02 article .text{
margin:0 auto;
width:100%;
padding:2% 0;
font-size:14px;
max-width:740px;
letter-spacing: 0.06em;
line-height:1.5;
text-align: justify;
}


#block02 article .text2{
margin:0 auto;
width:100%;
padding:2% 0;
font-size:16px;
max-width:740px;
letter-spacing: 0.06em;
line-height:1.5;
text-align: center;
}

/***リンクボタン***/
.link-btn{
margin:1% auto 0;
width:100%;
max-width:300px;
background:#505050;
display: table;
position: relative;
padding: 0.8em 2.5em;
min-width: 15em;
color: #fff;
letter-spacing: 0.05em;
font-size: 14px;
text-align: center;
text-decoration: none;
box-sizing: border-box;
transition: 0.5s;
}

.link-btn::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}

.link-btn:hover {
    background-color: #dddddd;
    color: #505050;
}


/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#block02{
padding:0 2%;
}


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

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

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

#block02 article .text{
padding:3% 2%;
font-size:13px;
}
#block02 article .text2{
padding:3% 2%;
font-size:15px;
}

#block02 .house-mark{

}

#block02 .house-mark img{
max-width:50px
}

#block02 h2{
margin:0.5% auto 1.5%;
padding:1% 0;
font-size:22px;
}


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

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

#block02 article{
margin:15% auto 20%;
width:100%;
}

#block02 h2{
margin:1% auto 1%;
padding:1% 0;
}

#block02 article .text{
font-size:12px;
padding:3% 5%;
}

#block02 article .text2{
font-size:14px;
padding:5%;
}
/***リンクボタン***/
.link-btn{
margin:3% auto 0;
max-width:280px;
}

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

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

#block02 h2{
margin:2% auto 3%;
padding:1% 0;
font-size:20px;
letter-spacing: 0.08em;
}

#block02 article .text{
font-size:12px;
padding:4% 5%;
}

#block02 article .text2{
padding:5% 5%;
}
#block02 .house-mark img{
max-width:40px
}

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

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

#block02 h2{
padding:2% 0;
font-size:18px;
}
#block02 article{
margin:20% auto 25%;
width:100%;
}

#block02 article .text{
font-size:12px;
padding:6% 5%;
}

#block02 article .text2{
font-size:13px;
padding:6% 5%;
}
/***リンクボタン***/
.link-btn{
margin:3% auto 0;
max-width:250px;
font-size:13px;
}

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


#block02 article .text{
font-size:12px;
padding:8% 10%;
}

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