@charset "UTF-8";

/* main visual */
.main_v {position:relative; z-index:2;}
.main_v .container{position:relative;}
.main_v-txt {background:#FFF; text-align:center;}
.main_v-txt .main_v-sub{color:#3893c6;}
.main_v-border{border:1px solid #3893c6; position:absolute;}
.main_message::before{content:" ";  display:block; background:#e5f6fc; position:absolute; z-index: 0;}
.main_message::after{content:" "; display:block; background:url(../img/common/bg_wave02.png) no-repeat right bottom; position:absolute; right:0; z-index:1;}
.main_message .container{position:relative; width:100%; z-index:3; }
.main_message .container .-catch .-sub{color:#3893c6;}
@media (max-width: 768px) {
.main_v {margin-bottom:0; background:
url(../img/top/mainv_bg.jpg) no-repeat top left,
linear-gradient(0deg ,#e5f6fc 0%,#e5f6fc 90%,#FFF 90%,#FFF 100%);
 background-size:90%;  position:relative; z-index:2;}
.main_v .container{height:50vh; width:100%;}
.main_v-txt {padding:10px 20px; margin:-20px 10px 10px -20px;}
.main_v-txt .main_v-sub{font-size:12px; color:#3893c6;}
.main_v-txt .main_v-tit{font-size:22px;}
.main_v-border{bottom:-10px; right:0; border-right:none;}
.main_message{background:#e5f6fc; position:relative; margin-bottom:20%;}
.main_message::after{width:100%; height:204px; bottom:0; background-size:50%;}
.main_message .container{ margin:0 auto ; padding:14% 8% 5%;}
.main_message .container .-catch{text-align:center; margin-bottom:25px;}
.main_message .container .-catch .-sub{font-size:16px;}
.main_message .container .-txt::after{width:80%; max-width:380px; height:180px; content:" "; display:block; background:url(../img/top/main_v_illust_pc.png) no-repeat center center; background-size:100%; margin:0 auto -17%;}
.main_message .container .-catch .-tit{font-size:20px;}
.main_message .container .-catch .-photo{display:none;}
.main_message .container .-txt{line-height:2;}
}
@media (min-width: 769px) {
.main_v {margin-bottom:100px; background: url(../img/top/main_v_bg_pc.jpg) no-repeat 90% 0%; background-size:cover; width: calc(100% - 15vw);  height:600px; position:relative; z-index:2;}
.main_v .container{position:relative; height:600px; width:auto; }
.main_v-txt {background:#FFF; text-align:center; padding:45px 35px; margin:-50px 25px 25px -50px;}
.main_v-txt .main_v-sub{font-size:24px;}
.main_v-txt .main_v-tit{font-size:40px;}
.main_v-border{border:1px solid #3893c6; position:absolute; bottom:-50px; right:-50px;}
.main_message::before{content:" "; width: 90%; height:950px; display:block; background:#e5f6fc; position:absolute; top:230px; right:0; z-index: 0;}
.main_message::after{width: 100%; height:1180px; top:0;}
.main_message .container{position:relative; margin:130px auto 0; width:100%; z-index:3; display:flex; justify-content:space-between;}
.main_message .container .-catch{width:50%;}
.main_message .container .-txt{width:45%;}
.main_message .container .-catch .-sub{color:#3893c6; font-size:24px;}
.main_message .container .-catch .-tit{font-size:32px;}
.main_message .container .-catch .-photo{margin:70px 0 0 20px;}
}





/* notice */

article.notice section {
    padding-bottom: 0;
}

article.notice section .notice_box {
    width: 90%;
    max-width: 1000px;
    margin: 20px auto;
    padding: 30px;
    border: 2px solid #0f68bc;
    text-align: center;
    background: #e5f6fc;
    box-sizing: border-box;
}
article.notice section .notice_box.white {
    background: #fff;
}


article.notice section .notice_box .title{
    line-height: 2;
}
article.notice section .notice_box .title{
    color: #333;
    font-size: 24px;
    font-weight: bold;
}
article.notice section .notice_box .title span{
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
article.notice section .notice_box .title a{
    border-bottom: 2px solid #0f68bc;
    color: #333;
}
article.notice section .notice_box .title a:hover{
    opacity: 0.6;
    text-decoration: none;
}
article.notice section .notice_box_bnr {
    max-width: 1000px;
    margin: 40px auto;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
article.notice section .notice_box_bnr .bnr {
    width: 50%;
    text-align: right;
}

article.notice section .notice_box_bnr .bnr img {
    height: 190px;
}

article.notice section .notice_box_bnr a:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {

article.notice section .notice_box {
    padding: 20px 12px;
    margin: auto;
}
article.notice section .notice_box .title{
    line-height: 1.6;
}
article.notice section .notice_box .title a{
    color: #333;
    border-bottom: 2px solid #0f68bc;
    font-size: 16px;
    font-weight: bold;
}
article.notice section .notice_box_bnr{
  margin: 20px auto;
}
article.notice section .notice_box_bnr .bnr {
    width: 90%;
    text-align: center;
    margin: 10px auto;
}
article.notice section .notice_box_bnr .bnr img{
  height: auto;
  
}

}


/* reason */
.reason{position:relative; background:url(../img/common/bg_wave01.png) no-repeat bottom left;}
.reason .sec-title span {font-weight: bold; color:#3893c6;}
.reason-list {font-weight: bold; display:flex; justify-content:space-between; flex-wrap:wrap;}
.reason-list-item { position: relative; text-align: center;}
.reason-list-item .-num{text-align:center; background:linear-gradient(90deg, #3cc2db 0%,  #2ea1db 100%); position:absolute; display:inline-block; color:#FFF; font-family:Arial;}
.reason-list-item p{letter-spacing: 0.05em; line-height: 1.8; }
@media (max-width: 768px) {


.reason{background-size:50%; padding-bottom:100px;}
.reason-list {font-size: 14px;}
.reason .sec-title span { font-size: 12px;}
.reason-list-item{width:48%; margin-bottom:10px;}
.reason-list-item img { margin-bottom:10px;}
.reason-list-item p{font-size: 12px;}
.reason-list-item .-num{font-size:15px; width:30px; height:30px; line-height:30px; top:-5px; left:-5px;}
}
@media (min-width: 769px) {
.reason .sec-title {padding-top: 70px; }
.reason .sec-title span { font-size: 24px; }
.reason .sec-title:before, .reason .sec-title :after { width: 30px; margin: -10px 40px; }
.reason-list{ margin: 0 auto 98px; max-width: 1000px; }
.reason-list-item {width:30%; margin-bottom: 39px; }
.reason-list-item .-num{font-size:30px; width:60px; height:60px; line-height:60px; top:-10px; left:-10px;}
}

/* life */
.life .-tit_eng{display:block; color:#3893c6; font-family:Arial;}
@media (max-width: 768px) {
.life{background: url(../img/common/seagull01.png) no-repeat 15% 60% ,url(../img/common/seagull02.png) center 10% no-repeat ,
  linear-gradient(90deg, #e5f6fc 0%,  #a0d2eb 100%);  padding:1px 0; position:relative;}
.life figure{text-align:right; position:relative; margin:-5% 0 0;}
.life figure::before{content:" "; background:url(../img/common/img_bird3.png) no-repeat; background-size:100%; display:block; width:65px; height:47px; position:absolute; z-index:2; bottom:-30px; right:10%;}
.life figure img{width:90%;}
.life .txt-box{width:100%; padding:25px 5% 60px;}
.life .-tit_jp{font-size:20px;}
.life .-tit_eng{font-size:14px;}
.life .-txt{margin:25px 0;}
}
@media (min-width: 769px) {
.life{background: url(../img/common/seagull01.png) no-repeat 15% 60% ,url(../img/common/seagull02.png) center 10% no-repeat ,
  linear-gradient(90deg, #e5f6fc 0%,  #a0d2eb 100%);  padding:100px 0 0; position:relative;}
.life::before{content:" "; background:url(../img/common/img_bird3.png) no-repeat; background-size:100%; display:block; width:131px; height:94px; position:absolute; z-index:2; top:-74px; right:10%;}
.life::after{content:" "; clear:both; float:none; background:#FFF; display:block; width:100%; height:30px;}
.life .txt-box{width:50%; margin-bottom:5%;}
.life .-tit_jp{font-size:32px;}
.life .-tit_eng{font-size:20px;}
.life .-txt{margin: 50px 0; line-height:2.2;}
.life figure{float:right; width:45%; position:relative; z-index:2; margin-bottom:-30px;}
}

/* blog */
.blog-list .-catch { position: relative; }
.blog-list .-catch img { margin-bottom: 10px; }
.blog-list .-cat a {text-align:center; color: #fff; background-color: #0f68bc;}
@media (max-width: 768px) {
.blog .container{padding:50px 0;}
.blog-list-item_sp{display:flex; justify-content:space-between; margin-bottom:15px;}
.blog-list{margin-bottom:30px;}
.blog-list .-thumb{width:45%;}
.blog-list .-txt{position:relative; width:50%;}
.blog-list .-time {font-size: 10px; margin-bottom:5px; }
.blog-list .-cat a{padding:2px 10px; font-size: 11px; width:100%; margin-bottom:5px; display:block;}
.blog-list .-title { font-size:12px;}
.blog-list-item{display:none;}
}
@media (min-width: 769px) {
.blog .container{padding: 100px 0;}
.blog .sec-title { padding-top: 30px; }
.blog-list {display:flex; justify-content:space-between; margin-bottom:30px;}
.blog-list-item {width:30%;}
.blog-list .-cat, .blog-list .-time { font-size: 12px; }
.blog-list .-cat {text-align: center; }
.blog-list .-title {font-size: 16px; margin: 15px 0;}
.blog-list .-time {font-size: 14px; margin-bottom: 10px; display: inline-block; }
.blog-list .-office { display: inline-block;}
.blog-list .-cat a{padding:2px 10px; font-size: 14px; bottom:-5px; right:5%; position: absolute;}
.blog .btn_link { margin-bottom: 120px; min-width:350px;}
.blog-list-item_sp{display:none;}
.blog .btn_link { margin-bottom: 50px; }

}


/* support */
.support-list { padding-bottom: 1em; position:relative;}
.support-list li{position:relative;}
.support-list li:nth-child(1)::before{content:" "; display:block; background:url(../img/top/boat01.png) no-repeat center center; position:absolute; background-size:100%;}
.support-list li:nth-child(2)::before{content:" "; display:block; background:url(../img/top/boat02.png) no-repeat center center; position:absolute; background-size:100%;}
.support-list .support-list-item { position: relative;}
.support-list .imgbox img { width: 100%; }
.support-list .txtbox .-ttl { font-weight: 500; color: #3893c6;}
.support-list .txtbox .-txt { line-height: 1.8; }
.support-list .txtbox .-num{color: #3893c6; font-family:Arial !important;}
.support-list .txtbox{background:rgb(255,255,255, 0.8);}
@media (max-width: 768px) {
.support {padding: 60px 2%;
  background:
  url(../img/common/img_bird2.png) no-repeat 5% 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;
  background-size:20% , 30% , 20% , 20%;}
.support-list .txtbox .-txt { line-height: 1.6; }
.support-list .txtbox{width:90%; padding:30px; position:relative; z-index:1;}
.support-list .imgbox img{width:90%;}
.support-list li{margin-bottom: 20px;}
.support-list li:nth-child(odd) .imgbox{text-align:left;}
.support-list li:nth-child(odd) .txtbox{margin:-30px 0 0 10%;}
.support-list li:nth-child(even) .imgbox{text-align:right;}
.support-list li:nth-child(even) .txtbox{margin:-30px 10% 0 0;}
.support-list li:nth-child(1)::before{width:100px; height:90px; bottom:-10px; left:-20px;}
.support-list li:nth-child(2)::before{width:74px; height:65px; bottom:-10px; right:-20px;}
}
@media (min-width: 769px) {
.support {padding: 120px 0;
  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;}
.support-list .imgbox {width: 50%; }
.support-list .txtbox {width: 55%; padding: 40px 60px;  z-index: 2; position: relative;}
.support-list .txtbox .-ttl { font-size: 24px; margin-bottom:20px;}
.support-list .txtbox .-txt{font-size:16px;}
.support-list .txtbox .-num{font-size:60px; position:absolute; top:-50px; left:0%; text-align:center; width:100%;}
.support-list li{margin-bottom: 100px;}
.support-list li::after{content:" "; display:block; clear:both;}
.support-list li:nth-child(odd) .imgbox{float:left;}
.support-list li:nth-child(odd) .txtbox{ float: right; margin: 5% 0 0 -5%;}
.support-list li:nth-child(even) .imgbox{float:right;}
.support-list li:nth-child(even) .txtbox{ float:left; margin: 5% -5% 0 0;}
.support-list li:nth-child(1)::before{width:197px; height:173px; bottom:0; right:-100px;}
.support-list li:nth-child(2)::before{width:147px; height:125px; bottom:0; left:-70px;}
}


/* top-access */
.top-access { height: 100%; }
.top-access .container {height: 100%; position:relative;}
.top-access-wrap{position:relative; z-index:2; overflow:hidden;}
.top-access-wrap .-title {letter-spacing: 1px; font-weight: bold; line-height: 1.4; text-align:center; }
.top-access-wrap .-txtbox{background:#f5f5f5; box-sizing:border-box;}
.top-access-wrap .-txtbox p{line-height:2;}
.access-list { margin-bottom: 25px; }
@media (max-width: 768px) {
.top-access .container {padding:50px 5% 0;}
.top-access-wrap .-img{text-align:center;}
.top-access-wrap .-txtbox{padding:7%;}
.top-access-wrap .-txtbox .-title{font-size:20px; margin-bottom:25px;}
.btn_ac_tel a{font-size:26px; font-weight:bold; color:#2b7299; font-family:Arial; display:block; box-shadow:#cfb92a 0 3px 0; background:#ffe74c; text-align:center; margin-bottom:15px;}
.btn_ac_tel a img{vertical-align:middle; margin-right:5px;}
}
@media (min-width: 769px) {
.top-access { padding: 150px 0 50px; }
.top-access .container::after{content:" "; display:block; border:1px solid #3893c6; width:100%; height:84%; top:-50px; left:-50px; position:absolute;}
.top-access .container { width: 90%; margin-bottom: 80px;}
.top-access-wrap .-img{width:50%; float:left;}
.top-access-wrap img { margin-bottom: 15px; width:100%;}
.top-access-wrap .-txtbox { width: 50%; margin:3% 0 0 -3%; float:right; padding:50px;}
.top-access-wrap .-txtbox .-title { font-size: 32px; margin-bottom:40px;}
.btn_ac_tel{display:none;}
.top-access .btn_link{padding: 10px 30px;}
}