/* メイン画像　------------------------------------------- */

#mainpict{
background-image:url("../images/top/bg_rainbow2.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
position: relative;
text-align: center;
}
@media only screen and (max-width:480px){
#mainpict{
background-image:url("../images/top/bg_rainbow_sp.jpg");
}
#main_copy_en{
}
}

#main_copy{
font-size:30px;
font-weight:500;
letter-spacing: 3px;
padding:330px 0 20px;
}
#main_copy_en{
font-size:18px;
font-weight:400;
letter-spacing: 2px;
padding-bottom:140px;
}
@media only screen and (max-width:1199px){
#main_copy{
font-size:26px;
padding: 240px 0 15px;
}
#main_copy_en{
font-size:16px;
padding-bottom: 80px;
}
}
@media only screen and (max-width:640px){
#main_copy{
font-size:20px;
padding: 180px 0 10px;
}
#main_copy_en{
font-size:15px;
padding-bottom: 40px;
}
}

#main_pict{
text-align: center;
}

#main_pict img{
width:100%;
max-width:1831px;
height:auto;
}
@media only screen and (max-width:767px){
#main_pict{
width:100%;
}
}

#top_intro{
width:90%;
margin:40px auto 100px;
}
#top_intro p{
text-align: center;
margin-bottom:50px;
}
@media only screen and (max-width:680px){
#top_intro p{
text-align: center;
max-height: 100%;
letter-spacing: -0.3px;
}
}
@media only screen and (max-width:380px){
#top_intro p{
letter-spacing: -1px;
}
}


@media only screen and (min-width:1280px){
img.main_pict_pc{
display: inline
}
img.main_pict_tb,
img.main_pict_sp{
display:none;
}
}


@media only screen and (max-width:1279px){
img.main_pict_tb{
display: inline;
}

img.main_pict_pc,
img.main_pict_sp{
display:none;
}
}


@media only screen and (max-width:680px){
img.main_pict_sp{
display: inline;
}

img.main_pict_pc,
img.main_pict_tb{
display:none;
}
}

/*　事業案内　-------------------------------------------- */

#service_field h2{
font-weight:500;
margin-bottom:30px;
}



/*　ブログ　-------------------------------------------- */

#top_blog{
background-image:url("../images/top/blog_bg.gif");
background-size:cover;
width:100%;
padding:80px 0;
text-align: center;
}

#top_blog_inner{
width:1300px;
margin:0 auto;
background-color:#fff;
padding:25px;
}
@media only screen and (max-width:1344px){
#top_blog{
padding:60px 0;
}
#top_blog_inner{
width:80%;
}
}
@media only screen and (max-width:680px){
#top_blog_inner{
width:90%;
}
}


.top_midashi{
font-weight:800;
font-size:36px;
color:#409fc6;
}
@media only screen and (max-width:680px){
.top_midashi{
font-size:30px;
}
}


#top_blog h2{
margin-bottom:40px;
} 
.top_block_intro{
margin-bottom:40px;

}

#top_blog ul{
width:1170px;
margin:0 auto 60px;
overflow:hidden;
}
@media only screen and (max-width:1344px){
#top_blog ul{
display:block;
width:100%;
}
}
@media only screen and (max-width:1199px){
#top_blog ul{
max-width:767px;
}
}
@media only screen and (max-width:768px){
#top_blog ul{
max-width:480px;
margin:0 auto 30px;
}
}

#top_blog li{
float:left;
width:274px;
margin-right:20px;
}
#top_blog li:last-child{
float:left;
width:274px;
margin-right:0px;
}


#top_blog li img{
width:274px;
height:184px;
object-fit: cover;
}



@media only screen and (max-width:1344px){
#top_blog li{
width:23.5%;
margin-right:2%;
}
#top_blog li:last-child{
width:23.5%;
}
#top_blog li img{
width:100%;
}
}
@media only screen and (max-width:1199px){
#top_blog li,
#top_blog li:last-child{
display:block;
width:48%;
margin:0 0 30px 0;
}

#top_blog li:nth-child(2n+1){
display:block;
width:48%;
margin:0 4% 30px 0;
}
}


@media only screen and (max-width:680px){
#top_blog li,
#top_blog li:last-child,
#top_blog li:nth-child(2n+1){
display:block;
float:none;
width:100%;
max-width:560px;
margin-right:0px;
margin:0 auto 40px;
}
#top_blog li img{
width:100%;
height: 240px;
}
}



.top_blog_subbox{
display:flex;
font-size:14px;
margin-top:12px;

}

.top_blog_date{
color:#1c90bf;
margin-right:8px;
}
.top_blog_cate{
background-color:#70c9ed;
color:#fff;
line-height:1.0;
padding:6px 12px;
font-size:12px;
}

.top_blog_ttl{
text-align: left;
}

#top_blog a{
text-decoration: none;
}