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

/*--------------------------------------------------------------
Top:
----------------------------------------------------------------
*/
.slide-img img{
border-radius: 30px 0px 30px 0px; /* 左上、右上、右下、左下 */
-webkit-border-radius: 30px 0px 30px 0px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 30px 0px 30px 0px;   /* Firefox用 */
}
.home .entry-header{
background-color: #ffffef;
}
.slide-img{
padding: 20px;
}
#top-news{
background-color: #ffffef;
}
.home h2{
font-family: 'Josefin Sans', sans-serif;
font-size: 50px;
line-height: 1;
letter-spacing: 2px;
text-align: center;
color: #333;
}
.home h2 + p{
color: #88C580;
font-size: 19px;
padding-bottom: 10px;
text-align: center;
}
.home .view-all{
position: relative;
display: block;
font-family: 'Josefin Sans', sans-serif;
background-color: #80C9E0;
color: #fff;
font-size: 20px;
padding: 6.5px 0;
text-align: center;
width: 130px;
border-radius:22.5px;
-webkit-border-radius:22.5px;
-moz-border-radius:22.5px;
margin: 0 auto;
}
.news-list{
margin: 20px 0;
}
.news-list li{
border-bottom: #FAE286 1px solid;
}
.news-list a{
display: block;
padding: 10px 0;
}
.news-list .meta-date,
.news-list .title{
display: block;
}

#top-about-kurasulu{
padding-top: 20px;
}
#top-about-kurasulu .title{
margin: 20px 0 10px;
font-size: 24px;
font-weight: 700;
}
#top-about-kurasulu .title + p{
line-height: 33px;
}
.home #top-about-kurasulu .view-all{
margin: 20px auto;
}
#top-about-kurasulu img{
border-radius: 30px 0px 30px 0px; /* 左上、右上、右下、左下 */
-webkit-border-radius: 30px 0px 30px 0px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 30px 0px 30px 0px;   /* Firefox用 */
}
#top-about-works{
padding-bottom: 20px;
}
#top-about-works .text-box{
position: relative;
background-image: url(../images/top/top-about-works.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: 20px 0;
padding: 15% 0 8%;
}
#top-about-works .text-box h2{
color: #fff;
}
#top-about-works .copy{
text-align: center;
line-height: 2;
}
#top-about-works .text-box img{
position: absolute;
display: block;
bottom:-2%;
left: -2%;
width: 30%;
max-width: 240px;
transform: scale(-1, 1);
}
#top-about-works h3{
font-size: 19px;
font-weight: 700;
line-height: 1;
padding:14px 0;
margin: 20px 0;
color: #80c9e0;
text-align: center;
width: 100%;
border: #80c9e0 3px solid;
box-sizing: border-box;
border-radius: 26.5px;
-webkit-border-radius: 26.5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 26.5px;   /* Firefox用 */
}
#top-about-works h3 + p{
font-size: 18px;
font-weight: 700;
text-align: center;
}
#top-about-works ol{
margin: 20px 0;
}
#top-about-works li::after{
content: "";
display: block;
text-align: center;
width: 20px;
box-sizing: border-box;
border: transparent 10px solid;
border-top: #e47e81 10px solid;
margin: 0 auto;
}
#top-about-works li:nth-child(4)::after{
display: none;
}
#top-about-works li .image-box{
overflow: hidden;
max-width: 480px;
margin: 0 auto;
}
#top-about-works li p{
text-align: center;
margin: 5px 0;
}
#know-the-kurasulu{
background-color: #ffffef;
padding-top: 40px;
}
#know-the-kurasulu ul{
margin-bottom: 20px;
}
#know-the-kurasulu li{
display: block;
max-width: 480px;
margin:0 auto 20px;
}
#know-the-kurasulu li:last-child{
margin-bottom: 0;
}
#know-the-kurasulu li .image-box{
line-height: 0;
}
#know-the-kurasulu li .image-box img{
line-height: 0;
}
#know-the-kurasulu li .text-box{
background-color: #fff;
border: #fae286 1px solid;
border-top: none;
box-sizing: border-box;
text-align: center;
padding: 10px 0;
}
#know-the-kurasulu .text-box .title{
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
#btn-list{
background-color: #ffffef;
padding: 0 0 20px;
}
#btn-list a{
position: relative;
display: block;
}
#btn-list p{
position: absolute;
text-align: center;
width: 100%;
left: 0;
color: #fff;
line-height: 1;
}
#btn-list li{
line-height: 1;
width: 100%;
max-width: 480px;
margin: 0 auto;
}
#btn-list li:nth-child(1){
margin-bottom: 20px;
}
#btn-list p.title{
top:calc(50% - 40px);
font-size: 50px;
font-family: 'Josefin Sans', sans-serif;
}
#btn-list .title + p{
font-size: 19px;
top:calc(50% + 0.5em);
}
/*下層共通*/
.under-page-header{
padding: 40px 0;
background-color: #ffffef;
text-align: center;
}
.under-page-header h2{
font-size: 28px;
line-height: 1.2;
color: #88c580;
font-weight: 700;
margin-bottom: 10px;
}
.under-page-header h2 + p{
font-family: 'Josefin Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #333;
}
:not(.home) .entry-content h3{
text-align: center;
font-size: 50px;
line-height: 1.2;
font-family: 'Josefin Sans', sans-serif;
color: #333;
font-weight: 700;
}
:not(.home) .entry-content h3 + p{
text-align: center;
font-size: 19px;
color: #88c580;
}

/*About us*/
#about-us .copy{
text-align: center;
font-size: 24px;
font-weight: 600;
color: #555;
margin-bottom: 20px;
}
#about-us #slogan,
#about-us #message,
#about-us #company{
margin: 20px 0;
}
#about-us #slogan img{
margin-bottom: 20px;
}
#about-us #slogan img + p{
text-align: center;
font-size: 18px;
line-height: 37px;
color: #555;
}
#about-us #message .copy{
margin-top: 20px;
}

#about-us #message h4{
font-size: 19px;
font-weight: 600;
color: #80c9e0;
margin: 20px 0;
}
#about-us #message ul{
margin-bottom: 20px;
}
#about-us #message li{
margin-bottom: 10px;
}
#about-us #message li::before{
content: "●";
color: #80c9e0;
padding-right: 0.5em;
}
#about-us #message li a{
text-decoration: underline;
}
#about-us #message figcaption{
text-align: center;
margin-top: 10px;
}
#about-us #message figcaption span{
display: block;
}
#about-us #message figcaption strong{
display: block;
font-size: 20px;
}
#about-us #company table{
margin: 20px 0;
}
#about-us #company tr{
display: block;
width: 100%;
}
#about-us #company th{
display: block;
width: 100%;
text-align: left;
padding: 10px 0;
border-bottom: #fae286 1px solid;
}
#about-us #company td{
display: block;
width: 100%;
padding: 10px 0;
}