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


/*PC*/
@media print, screen and (min-width: 768px) {

/*----------------------------------------------------*/

#hedImg_message {
width: calc(100% - 80px);
padding-top: 30px;
padding-bottom: 60px;
background: url(../images/message/01/hed_img.jpg) center center no-repeat;
min-height: 700px;
background-size: cover; 
text-align: center; 
position: relative;
}

#hedImg_message02 {
width: calc(100% - 80px);
padding-top: 30px;
padding-bottom: 60px;
background: url(https://placehold.jp/1600x1000.png) center center no-repeat;
min-height: 700px;
background-size: cover; 
text-align: center; 
position: relative;
}

.message_titbox { position: absolute; right: -80px; bottom: 0; padding: 65px 50px 60px; background: #1a6bb5; color: #fff;  }
.message_tit { font-size: 25px; font-weight: bold; text-align: left; line-height: 2em; margin-bottom: 30px; }
.message_name { font-size: 16px; text-align: left; font-weight: 400; line-height: 2.5em;  }
.message_name span.name { font-size: 25px; padding-right: 10px; font-weight: bold; }
.message_name span.en { font-size: 20px; font-weight: 400; }

.message_txt { line-height: 2em; margin-bottom:40px;}

.idx_box05_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.idx_box05_list li { width: 48%; margin-right: 4%; position: relative; }
.idx_box05_list li:nth-child(2n+2) { margin-right: 0px; }
.read_btn2 { position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: #1a6bb5;  vertical-align: middle; }
.read_btn2 span { font-size: 16px; color: #fff; position: relative; padding-right: 50px; margin-top: 30px; z-index: 10;}
.read_btn2 span{ color: #fff; font-size: 16px; font-weight: bold; }
.read_btn2 span::before { position: absolute; display: block; content: "\f061"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 0; left: 0; margin: auto; font-size: 18px; top:12px;  -webkit-transition: all 0.3s ease-out; text-align: center; 
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }

.idx_box05_list li a:hover .read_btn2 span::before {right: -5px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.idx_box05_list_tit { font-size: 20px; font-weight: bold; margin-bottom: 15px;  }
.idx_box05_list_txt {  margin-bottom: 15px;}
.idx_box05_list_txtbox {padding-top: 20px;   }


.photo_hover_wrap2 img {
width: 100%;
height: auto;
}

.photo_hover_wrap2 {
display: block;
height: 550px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap2 .photo2 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box05_list li a:hover .photo_hover_wrap2 {
text-decoration: none;
cursor: pointer;
}
.idx_box05_list li a:hover .photo_hover_wrap2 .photo2 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {
/*----------------------------------------------------*/

.idx_box05_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.idx_box05_list li { width: 100%; }
.idx_box05_list li:nth-child(n+2) { margin-top: 30px;  }
.read_btn2 { position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: #1a6bb5;  vertical-align: middle; }
.read_btn2 span { font-size: 16px; color: #fff; position: relative; padding-right: 50px; margin-top: 30px; z-index: 10;}
.read_btn2 span{ color: #fff; font-size: 16px; font-weight: bold; }
.read_btn2 span::before { position: absolute; display: block; content: "\f061"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 0; left: 0; margin: auto; font-size: 18px; top:12px;  -webkit-transition: all 0.3s ease-out; text-align: center; 
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }

.idx_box05_list li a:hover .read_btn2 span::before {right: -5px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.idx_box05_list_tit { font-size: 20px; font-weight: bold; margin-bottom: 15px;  }
.idx_box05_list_txt {  margin-bottom: 15px;}
.idx_box05_list_txtbox {padding-top: 20px;   }

.photo_hover_wrap2 { position: relative; }


/*----------------------------------------------------*/

#hedImg_message {
width: 100%;
background: url(../images/message/01/hed_img.jpg) center center no-repeat;
height: 500px;
background-size: cover; 
text-align: center; 
position: relative;
margin-bottom: 50px; 
}

#hedImg_message02 {
width: 100%;
background: url(../images/message/01/hed_img.jpg) center center no-repeat;
height: 500px;
background-size: cover; 
text-align: center; 
position: relative;
margin-bottom: 50px; 
}

.message_titbox { position: absolute;  bottom: -50px; padding: 30px; background: #1a6bb5; color: #fff; width: 80%;  right: 0;  }
.message_tit { font-size: 18px; font-weight: bold; text-align: left; line-height: 2em; margin-bottom: 30px; }
.message_name { font-size: 14px; text-align: left; font-weight: 400; line-height: 2.5em;  }
.message_name span.name { font-size: 18px; padding-right: 10px; font-weight: bold; }
.message_name span.en { font-size: 18px; font-weight: 400; }

.message_txt { line-height: 2em; margin-bottom:30px; }












}