@charset "UTF-8";
/* officce */
.officce .message h3{color:#3893c6;}
.officce .message .txt{box-sizing:border-box;}
.officce .message .-r_name{font-weight:bold; color:#3893c6; text-align:right;}
@media (max-width: 768px) {
.officce h2{display:none;}
.officce .message h3{font-size:16px; margin:10px 0;}
.officce .message .txt{margin-bottom:50px;}
.officce .message .txt p{font-size:12px; line-height:2;}
.officce .message .-r_name{margin-top:10px;}
}
@media (min-width: 769px) {
.officce{padding:0 0 100px;}
.officce .container{overflow:hidden;}
.officce .message picture{ width: 70%;  margin: 0 -25% 0 0; float:left;}
.officce .message .txt{width: 55%; background:rgb(255,255,255, 0.8); float:right; padding:50px 0 50px 50px; margin-top:70px;}
.officce .message h3{font-size: 24px; margin-bottom:30px;}
.officce .message .txt p{font-size:16px; line-height:2;}
.officce .message .-r_name{margin-top:20px;}
}
/* staff */
.staff .container .message{position:relative;}
.staff .container .message:nth-child(2)::before{content:" "; display:block; background:url(../img/top/boat01.png) no-repeat center center; background-size:100%; position:absolute;}
.staff .container .message:nth-child(4)::before{content:" "; display:block; background:url(../img/top/boat02.png) no-repeat center center; background-size:100%; position:absolute;}
.staff .message h3{color: #3893c6;}
@media (max-width: 768px) {
.staff{
	padding:60px 0;
    background:
    url(../img/common/img_bird2.png) no-repeat 90% 100% ,
	url(../img/common/img_bird.png) no-repeat 5% 2% ,
	url(../img/common/bg_wave_up.png) repeat-x top center ,
	url(../img/common/bg_wave_dowun.png) repeat-x bottom center ,
	url(../img/common/bg_wave_middle.png) center center repeat;
	background-size: 20% , 20% , 20% , 20%;
 }
.staff .message{margin-bottom:30px;}
.staff .message .inner{background:rgb(255,255,255, 0.8); padding:15px 30px 30px; position:relative; z-index:2; width:100%;}
.staff .message h3{text-align:center; margin:10px auto 15px; font-size:12px;}
.staff .message h3 b{font-size:16px;}
.staff .message .photo{text-align:center;}
.staff .message .photo img{max-width:106px; margin:10px auto;}
.staff .container .message:nth-child(2)::before{width:100px; height:86px; bottom:-40px; right:-20px;}
.staff .container .message:nth-child(4)::before{width:76px; height:63px; bottom:-40px; left:-20px;}
}
@media (min-width: 769px) {
.staff{
	background:
	url(../img/common/img_bird2.png) no-repeat 90% 100% ,
	url(../img/common/img_bird.png) no-repeat 10% 5% ,
	url(../img/common/bg_wave_up.png) repeat-x top center ,
	url(../img/common/bg_wave_dowun.png) repeat-x bottom center ,
	url(../img/common/bg_wave_middle.png) center center repeat;
}
.staff .container{padding:100px 0;}
.staff .message .inner{margin: 25px auto; display:flex; justify-content:space-between; background:rgb(255,255,255, 0.8); padding:30px; position:relative; z-index:2;}
.staff .message h3{font-weight:normal; margin-bottom:10px;}
.staff .message h3 b{margin-right: 20px;  font-size: 24px; font-weight:bold;}
.staff .message .photo{width: 23%; }
.staff .message .photo img{width:100%;}
.staff .message .txt{width: 74%; }
.staff .message .txt p{font-size:16px; line-height:2.2;}
.staff .container .message:nth-child(2)::before{width:197px; height:173px; bottom:-80px; right:-90px;}
.staff .container .message:nth-child(4)::before{width:147px; height:125px; bottom:-80px; left:-50px;}
.staff .container .message:last-child{margin-bottom:100px;}
}
/* facility */
.facility ul li img{width:100%;}
.facility ul{display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap:wrap;}
.facility ul li{width: 48%;}
@media (max-width: 768px) {
.facility{padding:0;}
.facility ul{width:86%; margin: 0 auto 60px;}
.facility ul li:nth-child(1),
.facility ul li:nth-child(2){margin-bottom:25px;}
}
@media (min-width: 769px) {
.facility{width:100%; max-width:1000px; margin:20px auto 100px; padding:50px; border:5px solid #3ea3db;}
.facility ul{width:100%; margin: 0 auto;}
.facility ul li:nth-child(1),
.facility ul li:nth-child(2){margin-bottom:50px;}
.facility ul li p{font-size:16px; text-align:center; margin-bottom:10px;}
}
/* info_box */
.info_box{background:#f5f5f5;}
.info_box .txt{padding-left:3%;}
.info_box .txt h3{text-align: center;}
.info_box .map{border:5px solid #FFF; box-sizing:border-box;}
.info_box .map iframe{ max-width: 100%;  width:100%; height:100%;}
@media (max-width: 768px) {
.info{margin: 0 auto 0;}
.info .container{padding:50px 0;}
.info_box{width:100%; padding:15px; margin:0 auto;}
.info_box .txt h3{font-size:16px;}
.info_box .txt p{font-size:12px; margin-bottom:10px; line-height:2;}
.info_box .map{position:relative;  width:100%;  height:0;  padding-top:75%; margin-bottom: 20px;}
.info_box .map iframe{ max-width: 100%; position:absolute; top:0; left:0; width:100%; height:100%;}
}
@media (min-width: 769px) {
.info .container{padding:100px 0;}
.info_box{width:100%; margin: 0 auto 40px; padding:40px; display: flex;}
.info_box .txt h3{font-size:28px; margin-bottom:20px;}
.info_box .txt p{font-size:16px; margin-bottom:20px; line-height:2;}
.info_box .map{width:60%; border:10px solid #FFF;}
.info .btn_link{padding:15px 0; width:100%;}
}
/* access */
.access{position:relative;}
.access .sec-title span {font-weight: bold; color:#3893c6;}
.access-list {font-weight: bold; display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.access-list-item{position:relative; text-align:center;}
.access-list-item .-num{text-align:center; background:linear-gradient(90deg, #3cc2db 0%,  #2ea1db 100%); position:absolute; display:inline-block; color:#FFF; font-family:Arial;}
@media (max-width: 768px) {
.access{background:
	url(../img/common/bg_wave01.png) no-repeat bottom left,
	url(../img/common/img_bird3.png) no-repeat 98% bottom;
	background-size:60% , 15%;}
.access .container{padding:50px 0;}
.access-list-item {width:46%; margin-bottom:20px; }
.access-list-item .-num{font-size:15px; width:30px; height:30px; line-height:30px; top:-5px; left:-5px;}
}
@media (min-width: 769px) {
.access{background:
	url(../img/common/bg_wave01.png) no-repeat bottom left,
	url(../img/common/img_bird3.png) no-repeat 80% bottom;}
.access .sec-title { padding-top: 70px; }
.access .sec-title span { font-size: 24px; }
.access-list { margin: 0 auto 98px; max-width: 1000px; }
.access-list-item {width:31%; margin-bottom: 39px; }
.access-list-item .-num{font-size:30px; width:60px; height:60px; line-height:60px; top:-10px; left:-10px;}
}