@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 580px) {

}
@media screen and (min-width: 640px) {
}
@media screen and (min-width: 768px) {
.sp{
display: none;
}
.pc{
display: block;
}
.slide-img img{
border-radius: 50px 0px 50px 0px; /* 左上、右上、右下、左下 */
-webkit-border-radius: 50px 0px 50px 0px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50px 0px 50px 0px;   /* Firefox用 */
}
.slide-img{
padding: 40px;
}
#top-news .section-inner{
width: calc(100% - 80px);
table-layout: fixed;
display: table;
padding-top: 0;
}
#top-news .title-wrap{
width: 140px;
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 0 40px 0 0;
}
.home #top-news h2 + p {
text-align: left;
padding-left: 10px;
}
#top-news .news-list{
width: calc(100% - 220px);
display: table-cell;
vertical-align: top;
padding-right: 0;
}
#top-news .news-list li{
width:  100%;
display: table;
}
.news-list .meta-date{
display: table-cell;
width: 120px;
}
.news-list .title{
display: table-cell;
}
#top-about-kurasulu .image-box{
float:left;
width: 50%;
}
#top-about-kurasulu .text-box{
float: right;
width: calc(50% - 40px);
margin-left: 40px;
}
.home #top-about-kurasulu h2,
.home #top-about-kurasulu h2 + p{
text-align: left;
}
.home #top-about-kurasulu .view-all {
margin: 20px 0;
}
#top-about-works .text-box img{
width: 25%;
}
#top-about-works ol.pc{
width: 100%;
display: flex;
justify-content:space-between;
}
#top-about-works li{
position: relative;
width: 25%;
flex-basis:calc(90% / 4);
max-width:calc(90% / 4);
margin: 0;
}
#top-about-works li::after {
position: absolute;
display: block;
right: -27px;
bottom: 50%;
width: 10px;
height: 20px;
box-sizing: border-box;
border: transparent 10px solid;
border-left: #e47e81 10px solid;
}
#know-the-kurasulu {
padding-top: 60px;
}
.home #know-the-kurasulu h2 + p {
margin-bottom: 0;
}
#top-about-works h3{
margin: 40px 0;
}
#know-the-kurasulu ul{
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
#know-the-kurasulu li{
width: 33.33%;
flex-basis:calc(92% / 3);
max-width:calc(92% / 3);
margin: 0;
max-width: none;
}
#know-the-kurasulu li .text-box{
padding: 10px;
}
.entry-content #know-the-kurasulu .section-inner{
padding-bottom: 0;
}
#btn-list ul{
display: flex;
justify-content: space-between;
}
#btn-list li{
width: 50%;
flex-basis:calc(96% / 2);
max-width:calc(96% / 2);
margin: 0;
max-width: none;
}
/*下層共通*/
.under-page-header h2{
font-size: 36px;
}
.under-page-header h2 + p{
font-size: 24px;
}
}
@media screen and (min-width: 1080px) {
.slide-img{
margin: 0 auto;
max-width: 1200px;
}
.section-inner{
padding: 60px 0;
width: 1000px;
margin: 0 auto;
}
#top-news .section-inner{
padding: 0 0 60px;
width: 1000px;
margin: 0 auto;
}
.news-list a {
padding: 20px 0;
}
#top-news .title-wrap{
padding-right: 60px;
}
#top-news .news-list{
width: calc(100% - 240px);
}
#top-about-kurasulu .text-box{
width: calc(50% - 50px);
margin-left: 50px;
}
#top-about-kurasulu .title {
margin: 30px 0 20px;
font-size: 30px;
}
.home #top-about-kurasulu .view-all {
margin: 40px 0;
}
#top-about-works .text-box {
padding: 120px 0 105px;
}
#top-about-works .text-box img{
bottom:-10px;
left: -10px;
}
#top-about-works ol {
margin: 40px 0;
}
#top-about-works li{
position: relative;
width: 25%;
flex-basis:calc(96% / 4);
max-width:calc(86% / 4);
margin: 0;
}
#top-about-works li::after {
right: -53px;
bottom: 40%;
border: transparent 20px solid;
border-left: #e47e81 17px solid;
}
#top-about-works li p {
margin: 20px 0 0;
}
#know-the-kurasulu{
padding-bottom: 20px;
}
#know-the-kurasulu li .text-box {
padding: 30px 0;
}
#know-the-kurasulu .text-box .title {
margin-bottom: 15px;
}
/*下層共通*/
.under-page-header h2{
font-size: 40px;
}
.under-page-header h2 + p{
font-size: 30px;
}
}