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

/* ************************************************************
top
************************************************************ */
#main_visual{
margin:0 auto;
width:100%;
height:auto;
position:relative;
}

#main_visual .catchcopy01{
margin:auto;
font-size:70px;
color:#fff;
font-weight:bold;
position:absolute;
bottom:165px;
left:130px;
}

#main_visual .catchcopy02{
margin:auto;
font-size:25px;
color:#fff;
position:absolute;
bottom:110px;
left:135px;
}

#main_visual .slider-mb{display:none}

.br1024{display:none;}
/* *********** MaxWidth1600(pc)*********** */
@media screen and (max-width: 1600px) {
 /* ---------------------------------- */


#main_visual .catchcopy01{
font-size:70px;
bottom:150px;
left:90px;
}

#main_visual .catchcopy02{
font-size:25px;
bottom:100px;
left:95px;
}

 /* ---------------------------------- */
}
/* *********** MaxWidth1300(pc)*********** */
@media screen and (max-width: 1300px) {
 /* ---------------------------------- */

#main_visual .catchcopy01{
font-size:60px;
}

#main_visual .catchcopy02{
font-size:22px;
}

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

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

#main_visual .catchcopy01{
font-size:60px;
bottom:140px;
left:70px;
}

#main_visual .catchcopy02{
font-size:22px;
bottom:90px;
left:75px;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
.br1024{display:block;}

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

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#main_visual .slider-mb{display:block}
#main_visual .slider{display:none}


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

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



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

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


 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#main_visual .catchcopy01{
font-size:35px;
left:25px;
}

#main_visual .catchcopy02{
font-size:14px;
left:30px;
}


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



/* ************************************************************
商品バナー
************************************************************ */
.bnr-block{
margin:2% auto 0;
width:100%;
max-width:1200px;
display:flex;
justify-content: space-between;
align-items: center;
}
.bnr-block li{
padding:1%;
}


/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
.bnr-block{padding:1% 3%;}


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

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
.bnr-block{
flex-flow:row wrap;
}
.bnr-block li{
width:50%;
padding:3% 2%
}

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

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


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


/* ************************************************************
YOUTUBE
************************************************************ */
.youtube{
margin:2% auto 0;
width:100%;
max-width:1200px;
display:flex;
justify-content: space-between;
align-items: center;
}

.youtube li{
margin:2% auto 0;
width:33%;
padding:1%
}

.youtube li iframe{
margin:2% auto 0;
width:100%;
height:250px;
}


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

.youtube li iframe{height:150px;}

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


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

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

.youtube{
margin:5% auto;
display:block;
}

.youtube li{
width:70%;
}

.youtube li iframe{height:300px;}

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

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



.youtube li iframe{height:250px;}


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

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
.youtube{
margin:8% auto 10%;
display:block;
}
.youtube li{width:80%;}

.youtube li iframe{height:200px;}


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


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



/* ************************************************************
block01
************************************************************ */
#block01{
margin:5% auto;
width:100%;
max-width:1200px;
display:flex;
justify-content: space-between;
align-items: center;
}

#block01 .title{
margin:0 auto;
width:40%;
text-align: left;
}

#block01 .text{
margin:0 auto;
width:60%;
}

#block01 .text h2{
margin:0 auto;
width:100%;
text-align: left;
font-size:22px;
font-weight:bold;
line-height:1.5;
letter-spacing: 0.03em;
}
#block01 .text p{
margin:3% auto;
width:100%;
text-align: justify;
font-size:15px;
line-height:1.6;
letter-spacing: 0.04em;
}


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

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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block01{padding:5%;}

#block01 .title img{max-width:280px;}
#block01 .text h2{font-size:20px;}
#block01 .text p{font-size:15px;}

 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block01 .title img{max-width:230px;}


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

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

#block01{display:block}
#block01 .title img{max-width:220px;}

#block01 .title{
width:80%;
}

#block01 .text{
width:80%;
}

#block01 .text h2{
margin:15% auto 0;
font-size:20px;
}

#block01 .text p{
margin:5% auto 0;
font-size:15px;
}

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

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

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block01 .title img{max-width:200px;}

#block01 .title{
width:90%;
}

#block01 .text{
width:90%;
}



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


#block01 .text p{
margin:7% auto 0;
font-size:14px;
}

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


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

#block02 div{
width:500px;
height:600px;
background:#e9e9e9;
position:absolute;
top:-10%;
left:0;
}

#block02 ul{
margin:0 auto;
width:100%;
max-width:1100px;
display:flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: top;
z-index:1;
position:relative;
}

#block02 ul li{
margin:3% auto;
width:50%;
padding:0 4%;
}

#block02 ul li h3{
margin:4% auto 0;
width:100%;
font-size:18px;
font-weight:bold;
letter-spacing: 0.04em;
}


#block02 ul li p{
margin:4% auto 2%;
width:100%;
font-size:13px;
letter-spacing: 0.04em;
line-height: 1.4;
padding:0 6%;
text-align: justify;
}

#block02 ul li a{
margin:0 auto 0;
width:100%;
font-size:16px;
letter-spacing: 0.04em;
line-height: 1.4;
padding:2px;
text-align: justify;
border-bottom:1px solid #000;
transition:0.3s;
}

#block02 ul li a:hover{
color:#c3c9d2;
border-bottom:1px solid #c3c9d2;
transition:0.3s;
}
/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#block02 div{
width:300px;
height:550px;
}

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

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

#block02 ul{
padding:0 5%;
}

#block02 ul li{
padding:0 3%;
}

#block02 ul li h3{
margin:5% auto 0;
font-size:18px;
}

#block02 ul li p{
margin:4% auto 4%;
font-size:14px;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02{
margin:20% auto 0;
}

#block02 div{
width:200px;
top:-80px;
}

#block02 ul{
display:block;
}

#block02 ul li{
margin:3% auto 8%;
width:100%;
padding:0 8%;
}
#block02 ul li p{
margin:2% auto 2%;
font-size:13px;
padding:0 12%;
}

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

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

#block02 ul li{
margin:3% auto 12%;
}

#block02 ul li p{
margin:4% auto;
padding:0 5%;
}

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

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

#block02 div{
height:400px;
top:-50px;
}

#block02 ul li{
margin:3% auto 18%;
padding:0 5%;
}

#block02 ul li p{
padding:0 2%;
}


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

#block02 ul li h3{
font-size:16px;
}

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


/* ************************************************************
reform
************************************************************ */
#reform{
margin:5% auto;
width:100%;
position:relative;
padding:5%;
background:#ececec
}

/**list**/
#reform ul{
margin:0 auto;
max-width:1200px;
display:flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: top;
}

#reform ul li{
margin:0 auto;
width:33%;
padding:0 1%;
}

#reform ul li .title02{
margin:5% auto 3%;
font-size:18px;
font-weight:bold;
letter-spacing: 0.04em;
}

#reform ul li ul{
margin:4% auto;
max-width:1200px;
}

#reform ul li ul li{
margin:2% auto;
padding:0;
width:100%;
}

#reform ul li ul li a{
margin:0 auto;
display:block;
width:100%;
border:1px solid  #000;
padding:2%;
line-height:1.6;
font-size:15px;
border-radius:10px;
transition: 0.3s;
}

#reform ul li ul li a:hover{
background:#505050;
transition: 0.3s;
color:#fff
}


#reform .banner{
margin:5% auto;
width:100%;
padding:0 5%;
}

#reform .banner2{
margin:5% auto;
width:100%;
max-width:1200px;
padding:0%;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}

#reform .banner2 a{
padding:0 1%;
}
/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */


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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#reform{margin:8% auto 0;}

.block-title p:first-of-type{
font-size:50px;
}
.block-title p:nth-of-type(2){
margin:24px auto;
}

/**list**/
#reform ul{padding:2%;}

#reform ul li ul li{
margin:3% auto;
padding:0 2% 0 0;
}


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

.block-title p:first-of-type{
font-size:40px;
}
.block-title p:nth-of-type(2){
margin:20px auto;
font-size:14px;
}

/**list**/
#reform ul li{
margin:3% auto;
width:50%;
padding:0 1%;
}

#reform ul li ul{
padding:0 10%;
}

#reform ul li ul li{
margin:2% auto;
}

#reform .banner2{
margin:0 auto;
display:block;
text-align: center;
}

#reform .banner2 a{
text-align: center;
display:block;
padding:2%;
}

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

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#reform{
margin:15% auto 0;
padding:10% 0;
}

/**list**/
#reform ul li{
margin:3% auto;
width:100%;
}
#reform ul li ul{width:75%}

#reform .banner2 a{
text-align: center;
display:block;
padding:2% 5%;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#reform{margin:28% auto 0;}

#reform ul li ul{width:85%}

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#reform{
margin:35% auto 0;
padding:15% 0;
}

#reform ul li .title02{
margin:5% auto;
font-size:22px;
}

/**list**/
#reform ul li{margin:6% auto;}
#reform ul li ul{width:100%}
#reform ul li ul li{padding:0;}

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

.block-title p:first-of-type{
font-size:35px;
}

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



/* ************************************************************
blog
************************************************************ */
#blog{
margin:10% auto 0;
width:100%;
position:relative;
background:#c3c9d2;
padding:6% 4% 4%;
}

#blog h2{
margin:auto;
position:absolute;
top:-28px;
left:20%;
}

#blog .wp-post{
margin:0 auto;
width:100%;
max-width:1300px;
display:flex;
justify-content: center;
flex-flow: row nowrap;
align-items: top;
}

#blog .wp-post li{
width:25%;
padding:1%;
}

/*タイトル*/
#blog .wp-post li p:first-of-type{
width:100%;
padding:2% 1%;
text-align: left;
font-size:16px;
line-height:1.5;
}
/*日付*/
#blog .wp-post li p:nth-of-type(2){
width:100%;
padding:0 1%;
text-align: right;
font-size:14px;
line-height:1.5;
}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:180px;
width: 100%;
object-fit: cover;
}

/* *********** MaxWidth1920(pc)*********** */
@media screen and (max-width: 1920px) {
 /* ---------------------------------- */
#blog{margin:15% auto 0;}
#blog h2{left:150px;}

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

/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#blog h2{left:60px;}


#blog .wp-post{padding:0 5%;}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:160px;
}
 /* ---------------------------------- */
}

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#blog{margin:15% auto 0;}

#blog h2 img{max-width:120px;}

#blog .wp-post{padding:2% 0;}

/*タイトル*/
#blog .wp-post li p:first-of-type{
padding:3% 1%;
font-size:14px;
line-height:1.3;
}

/*日付*/
#blog .wp-post li p:nth-of-type(2){
font-size:12px;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#blog{margin:18% auto 0;}

#blog h2 img{max-width:90px;}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:120px;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#blog{margin:22% auto 0;}

#blog .wp-post{
flex-flow: row wrap;
padding:7% 0;}

#blog .wp-post li{
width:50%;
padding:2% 4%;
}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:160px;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#blog{margin:25% auto 0;}
#blog h2{left:40px;}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:130px;
}

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#blog{margin:30% auto 0;}
#blog h2{left:25px;}

#blog h2 img{max-width:80px;}

#blog .wp-post{padding:10% 0;}

#blog .wp-post li{
padding:2%;
}
/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:110px;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#blog{margin:35% auto 0;}

#blog .wp-post{padding:15% 0;}

/*アイキャッチ高さ調整*/
#blog .wp-post li img{
height:100px;
}
/*タイトル*/
#blog .wp-post li p:first-of-type{
font-size:12px;
}

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



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

#block03 article{
margin:0 auto 8%;
position:relative
}

#block03 article h2 {
margin:5% auto 3%;
font-size:30px;
font-weight:bold;
line-height:1.6;
display: inline-block;
position: relative;
}

#block03 article h2:before {
content: '';
position: absolute;
left: 50%;
bottom: -17px; /*下線の上下位置調整*/
display: inline-block;
width: 60px; /*下線の幅*/
height: 3px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置調整*/
background-color: #2d2d2d; /*下線の色*/
}

#block03 article .box{
margin:2% auto;
width:100%;
max-width:1200px;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}

/*写真ブロック*/
#block03 article .box .left{
margin:0 auto;
width:50%;
}

/*写真背景*/
#block03 article .absolute03{
width:40%;
height:150px;
background:#e9e9e9;
position:absolute;
bottom:-50px;
z-index:-1;
}

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
background:#d9e5df;
top:160px;
right:0;
}

/*文字ブロック*/
#block03 article .box .right{
padding:5% 0 0 0;
margin:0 auto;
width:50%;
position:relative;
}

#block03 article .box .right p{
margin:0 auto;
width:100%;
padding:0 8%;
font-size:15px;
line-height:2;
text-align: justify;
}

/*新築サブタイトル*/
#block03 article .box .right h3{
margin:0 auto 2%;
font-weight:bold;
font-size:30px;
line-height:1.5;
text-align: center;
color:#134600;
letter-spacing: 0.04em;
}

#block03 article .box .right h3 span{
font-size:16px;
line-height:1;
text-align: center;
display:block;
letter-spacing: 0.04em;
}

/****order****/
#block03 article:nth-of-type(even) .box .left{
order:2
}


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

#block03 article .box .right a::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: "";
}

#block03 article .box .right a:hover {
    background-color: #dddddd;
    color: #505050;
}


/****absolute****/
#block03 article:nth-of-type(odd) .box .right
.absolute01{
position:absolute;
top:-140px;
right:-300px;
}

#block03 article:nth-of-type(odd) .box .right
.absolute02{
position:absolute;
top:-30px;
left:-40px;
}

#block03 article:nth-of-type(even) .box .right
.absolute01{
position:absolute;
top:-80px;
left:-50px;
}

#block03 article:nth-of-type(even) .box .right
.absolute02{
position:absolute;
top:0px;
left:470px;
}


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

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
top:120px;
}

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

/* *********** MaxWidth1250(pc)*********** */
@media screen and (max-width: 1250px) {
 /* ---------------------------------- */
#block03{
margin:18% auto 0;
}
#block03 article{
margin:18% auto 5%;
}
#block03 article:nth-of-type(even) .box .right
.absolute01{
top:-80px;
left:0px;
}

/*写真ブロック*/
#block03 article .box .left{
padding:2%
}

#block03 article .box .right{
padding:2%
}

/****absolute****/
#block03 article:nth-of-type(odd) .box .right
.absolute01{
position:absolute;
top:-140px;
right:-300px;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01 img{
max-width:158px;
}

#block03 article:nth-of-type(odd) .box .right
.absolute02{
position:absolute;
top:-30px;
left:-40px;
}

#block03 article:nth-of-type(even) .box .right
.absolute01{
position:absolute;
top:-80px;
left:-0px;
}

#block03 article:nth-of-type(even) .box .right
.absolute01 img{
max-width:158px;
}

#block03 article:nth-of-type(even) .box .right
.absolute02{
position:absolute;
top:0px;
left:80%;
}

#block03 article .box .right
.absolute02 img{
max-width:55px;
}

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


#block03 article h2 {
margin:5% auto;
font-size:25px;
}
#block03 article h2:before {
width: 40px; /*下線の幅*//
}

#block03 article .box{display:block;}

/*写真ブロック*/
#block03 article .box .left{
width:80%;
}

/*写真背景*/
#block03 article .absolute03{
width:60%;
height:150px;
top:450px;
}

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
background:#d9e5df;
top:460px;
right:0;
}


/*文字ブロック*/
#block03 article .box .right{
margin:10% auto 0;
width:70%;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01{
position:absolute;
top:-140px;
right:-60%;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01 img{
max-width:200px;
}
#block03 article:nth-of-type(even) .box .right
.absolute01 img{
max-width:200px;
}

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

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block03 article{
margin:20% auto 10%;
}
/*写真背景*/
#block03 article .absolute03{
width:60%;
height:150px;
top:400px;
}

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
background:#d9e5df;
top:400px;
right:0;
}

/*文字ブロック*/
#block03 article .box .right{
margin:10% auto 0;
width:80%;
}

#block03 article:nth-of-type(odd) .box .right{
margin:18% auto 0;
}


#block03 article:nth-of-type(even) .box .right
.absolute01{
position:absolute;
top:-80px;
left:-15%;
}

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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
/*写真背景*/
#block03 article .absolute03{
width:60%;
height:100px;
top:380px;
}

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
background:#d9e5df;
top:380px;
}


/*文字ブロック*/
#block03 article .box .right{
margin:20% auto 0;
}

#block03 article:nth-of-type(odd) .box .right{
margin:20% auto 0;
}

#block03 article .box .right p{
padding:0 3%;
font-size:13px;
}


#block03 article:nth-of-type(even) .box .right
.absolute01{
left:-10%;
top:-40%;
}



/***リンクボタン***/
#block03 article .box .right a{
margin:10% auto 0;
max-width:250px;
font-size: 14px;
}


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

/* ***********MaxWidth540(mobile)*********** */
@media screen and (max-width: 540px) {
 /* ---------------------------------- */

/*写真背景*/
#block03 article .absolute03{
top:350px;
}

/*写真背景order*/
#block03 article:nth-of-type(even) .absolute03{
top:350px;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block03{margin:22% auto 0;}

#block03 article{
margin:19% auto;
position:relative
}

#block03 article h2 {
font-size:20px;
}

#block03 article h2:before {
bottom: -12px; /*下線の上下位置調整*/
width: 40px; /*下線の幅*/
}


/*写真背景*/
#block03 article .absolute03,
#block03 article:nth-of-type(even) .absolute03{
top:40%;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01 img{
max-width:140px;
}
#block03 article:nth-of-type(even) .box .right
.absolute01 img{
max-width:140px;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01{
position:absolute;
top:-40%;
right:-65%;
}

#block03 article:nth-of-type(even) .box .right
.absolute01{
top:-30%;
}
 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*写真ブロック*/
#block03 article .box .left{
width:90%;
}

/*写真背景*/
#block03 article .absolute03,
#block03 article:nth-of-type(even) .absolute03{
top:38%;
}


#block03 article h2 {
font-size:18px;
}


/*文字ブロック*/
#block03 article .box .right{
margin:30% auto 0;
width:80%;
}
/*文字ブロック*/
#block03 article:first-of-type .box .right{
margin:40% auto 0;
}
/*absolute*/
#block03 article .box .right
.absolute02 img{
max-width:40px;
}

#block03 article .box .right p{
line-height:1.8;
}

#block03 article:nth-of-type(odd) .box .right
.absolute01{
right:-50%;
top:-40%;
}
#block03 article:nth-of-type(even) .box .right
.absolute01{
left:-10%;
top:-25%;
}

#block03 article:nth-of-type(odd) .box .right
.absolute02{
top:-20px;
left:-25px;
}

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


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

#block04 ul{
margin:3% auto 0;
width:100%;
max-width:900px;
display:flex;
flex-flow:row wrap;
justify-content: space-between;
align-items:top;
}

#block04 li{
margin:0% auto;
width:33.3%;
padding:1% 0;
}

#block04 .ul01 li .text{
margin:3% auto 0;
width:100%;
padding:0% 6%;
font-size:13px;
text-align: left;
}


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

#block04{
margin:15% auto 0;
}


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

#block04{
margin:20% auto 0;
padding:0 10%;
}
#block04 li{
width:33.3%;
padding:1% 2%;
}

#block04 ul{
margin:5% auto 0;
}

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

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

#block04 li{
width:50%;
padding:2% 2%;
}

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

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

#block04{
margin:25% auto 0;
padding:0 5%;
}

#block04 .ul01 li .text{
margin:4% auto 0;
padding:0% 2%;
font-size:12px;
}

#block04 ul{
margin:8% auto 0;
}
 /* ---------------------------------- */
}

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




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


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



/* ************************************************************
ZEH-block
************************************************************ */
#zeh-block{
margin:8% auto 0;
width:100%;
max-width:800px;
display:flex;
justify-content: space-around;
align-items: center;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:30px 0;
}

#zeh-block .left{
margin:0 auto 0;
width:50%;
font-size:20px;
letter-spacing: 0.03em;
line-height:1.4;
}

#zeh-block .right{
margin:0 auto 0;
width:50%;
font-size:15px;
letter-spacing: 0.03em;
line-height:1.4;
text-align: left;
}

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

#zeh-block{
margin:10% auto 0;
width:80%;
}

#zeh-block .left{
font-size:18px;
}

#zeh-block .right{
font-size:14px;
}
/* ---------------------------------- */
}

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

#zeh-block{display:block;}

#zeh-block .left{
margin:0 auto 0;
width:100%;
font-size:17px;
}

#zeh-block .right{
margin:2% auto 0;
width:100%;
text-align:left;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */
#zeh-block .left{
margin:0 auto 0;
width:100%;
font-size:16px;
}

#zeh-block .right{
margin:2% auto 0;
width:100%;
text-align:left;
font-size:12px;

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

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

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

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