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

html {font-size: 62.5%; }
body {font-display: swap; font-size: 1.6rem; line-height: 1.75; letter-spacing: 0.075em; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-justify: inter-ideograph; color: rgba(50,50,50,1.00); background-color: white; font-family: 'Noto Sans JP', /*'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic,*/ 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; font-weight: 400; text-align: center;}
body {margin: 0; padding: 0; -webkit-text-size-adjust: 100%;}
img {vertical-align: bottom; max-width: 100%;}
figure {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,h7,h8,h9,h10 {font-size: 1.6rem; font-weight: normal; margin: 0; padding: 0; line-height: 1.25;}
ul,ol,dl,li,dt,dd {margin: 0; padding: 0; font-weight: normal;}
.f10 {font-size: 1.0rem;} .f12 {font-size: 1.2rem;} .f14 {font-size: 1.4rem;} .f16 {font-size: 1.6rem;} .f18 {font-size: 1.8rem;}
.f20 {font-size: 2.0rem;} .f22 {font-size: 2.2rem;} .f24 {font-size: 2.4rem;} .f26 {font-size: 2.6rem;} .f28 {font-size: 2.8rem;}
.f30 {font-size: 3.0rem;} .f32 {font-size: 3.2rem;} .f23 {font-size: 3.4rem;} .f36 {font-size: 3.6rem;} .f38 {font-size: 3.8rem;}
.f40 {font-size: 4.0rem;} .f42 {font-size: 4.2rem;} .f43 {font-size: 4.4rem;} .f46 {font-size: 4.6rem;} .f48 {font-size: 4.8rem;} .f50 {font-size: 5.0rem;}
.bold {font-weight: bold;}
.lh100 {line-height: 1;} .lh125 {line-height: 1.25;} .lh150 {line-height: 1.50;} .lh175 {line-height: 1.75;} .lh200 {line-height: 2;}
a {transition: 0.4s;} a.ov:hover {opacity: 0.8;} ov {transition: 0.4s;} ov:hover {opacity: 0.8;}
.m-b25 {margin-bottom: 25px;} .m-b50 {margin-bottom: 50px;} .m-b75 {margin-bottom: 75px;} .m-b100 {margin-bottom: 100px;}
.m-t25 {margin-top: 25px;} .m-t50 {margin-top: 50px;} .m-t75 {margin-top: 75px;} .m-t100 {margin-top: 100px;}
.w-max {width: 100%;} .w-1080 {width: 1080px;} .w-1240 {width: 1240px;}
.lt {text-align: left;} .ct {text-align: center;} .rt {text-align: right}
.fl {float: left;} .fr {float: right;} .clear {clear: both;} .of-hdn {overflow: hidden;}

body.frontpage { background: url("../img/bg_bird02.jpg") center center no-repeat;}
.maincont {margin: 25px 0;}

a[href^="tel:"]{text-decoration: none; color: inherit;}

/*****HEADER*****/
header {}
header::before {content: ''; display: block; height: 20px; background: url("../img/bg_gradation-blue.svg") center center repeat; background-size: cover; min-width: 1240px;}
header .box {width: 1240px; margin: auto;}
header .box .contact {text-align: right;}
header .box .contact a {line-height: 1.5; display: inline-block; padding:0.15em 1.15em 0.3em 1.15em; background: url("../img/bg_gradation_gold.jpg") center center repeat; background-size: contain; font-weight: 500; font-size: 1.9rem; color: white; text-decoration: none!important;}
header .box .navi {padding: 0 1.5em; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
header .box .navi h1 {text-align: center; margin: 0 2.5em 0 0;}
header .box .navi h1 a {text-decoration: none!important; color: rgba(25,25,25,1.00)!important;}
header .box .navi h1 a img {width: 100%;}
header .box .navi h1 a span {font-size: 1.1rem;}
header .box .navi nav {width: 100%;}
header .box .navi nav ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
header .box .navi nav ul li {list-style: none;}
header .box .navi nav ul li a {text-decoration: none!important; color: rgba(25,25,25,1.00)!important; font-weight: 500; font-size: 1.4rem;}
header .box .navi nav ul li a:hover {text-decoration: none!important; color: #EBA300!important;/*オレンジ色*/}
/*****FOOTER*****/
footer { margin: 100px 0 0 0;}
footer .box {}
footer .box nav {min-width: 1240px; border-top: 1px solid #003E80/*青色*/; border-bottom: 1px solid #003E80/*青色*/; padding: 1em 0;}
footer .box nav ul {width: 1080px; margin: auto; text-align: center;}
footer .box nav ul li {list-style: none; display: inline-block; margin: 0 0.75em;}
footer .box nav ul li a {text-decoration: none!important; color: #003E80!important/*青色*/; font-size: 1.4rem; font-weight: 400;}
footer .box nav ul li a:hover {color: #EBA300!important;/*オレンジ色*/}
footer .box .box2 {width: 1080px; margin: 40px auto; padding: 0 80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
footer .box .box2 h2 {}
footer .box .box2 h2 a {text-decoration: none!important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer .box .box2 h2 a img {width: 250px; margin: 0 1.5em 0;}
footer .box .box2 h2 a span {font-size: 1.9rem; color: #003E80/*青色*/;}
footer .box .box2 .dtl {text-align: left; font-size: 1.4rem; line-height: 1.25}
footer .box .copy { min-width:1240px; font-size: 1.2rem; text-align: center; padding: 0.5em 0; background: url("../img/bg_gradation-blue.jpg") center center repeat; background-size:100% 100%; color: white;}

/*****LINK*****/
.maincont {}
.titimage {position: relative; width: 1240px; margin: 0 auto 50px auto;}
.titimage figure.titimage {width: 100%;}
.titimage figure.titimagelogo {width: 85px; position: absolute; left: 1.5em; bottom: 1.5em;}
.titimage figure.titimagetx {height: 40px; position: absolute; margin: auto; right: auto; left: auto; top: 45%; width: 100%;}
.titimage figure.titimagetx img {height: 100%; margin: 0 auto;}

.page.page-link {}
.page {}
.page>.box {width: 1080px; margin: 0 auto; padding: 0 80px;}
.page h1 {color:#003E80/*青色*/; font-weight: 400; font-size: 4.0rem; text-align: center; margin: 0 0 50px 0;}

.link-box01 {margin: 0 0 50px 0;}
.link-box {}
.link-box h2 {font-size: 2.2rem; font-weight: 400; color: #C51D62/*ピンク*/; text-align: center; padding: 0.75em; border-top:1px solid #C51D62/*ピンク*/; border-bottom:1px solid #C51D62/*ピンク*/;}
.link-box01 .list {margin: 25px 0 0 0; padding: 0 5em;}
.link-box01 .list ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.link-box01 .list ul li {box-shadow: 1px 1px 4px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));*/ border-radius: 10px; list-style: none; width: 30%; margin: 0 0 28px 0; text-align: left; background: url("../img/bg_gradation-blue2.jpg") center center repeat; background-size: contain;}
.link-box01 .list ul li:first-child {list-style: none; width: 65%;}
.link-box01 .list ul li a {font-weight: 400; font-size: 2.0rem; height: 100%; transition: 0.4s; color: white; line-height: 1.25; text-decoration: none!important; display: block; border-radius: 5px; overflow: hidden; padding: 0.5em 0.5em 0.5em 2.5em; box-sizing: border-box; background: url("../img/ic_ar01-r.svg") left 1em center no-repeat; background-size: 1em 1em;}
.link-box01 .list ul li a:hover {color: yellow;}
.link-box01 .list ul li:first-child a {padding: 1.2em 0.5em 0.5em 2.5em;}
.link-box01 .list ul li:nth-child(2) {background-image: none!important; background-color: white;}
.link-box01 .list ul li:nth-child(2) a {color: rgba(25,25,25,1.00)!important;}
.link-box01 .list ul li a big {font-size: 3.0rem; font-weight: 400;}
.link-box02 {margin: 0 0 50px 0;}
.link-box02 .list {margin: 25px 0 0 0; padding: 0 5em;}
.link-box02 .list ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.link-box02 .list ul li {list-style: none; text-align: left; font-size: 1.9rem; font-weight: 400;}
.link-box02 .list ul li a {display: block; color: #0098DE!important; text-decoration: none;}
.link-box02 .list ul li a:hover {text-decoration: underline;}
.link-box02 .list ul li a::before {content: ''; width: 1em; height: 1em; vertical-align: -0.1em; display: inline-block; background: url("../img/ic_ar01-r.svg") center left no-repeat; background-size: contain; margin:0 0.3em 0 0;}
.link-box03 .list {margin: 25px 0 0 0; padding: 0 5em;}
.link-box03 .list ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.link-box03 .list ul li {box-shadow:1px 1px 4px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));*/ border-radius: 5px; list-style: none; width: 30%; margin: 0 0 1em 0; text-align: left; background: url("../img/bg_gradation-orange.jpg") center center repeat; background-size: contain;}
.link-box03 .list ul li a {height: 100%; transition: 0.4s; color: white; font-size: 2.1rem; line-height: 1.25; text-decoration: none!important; display: block; border-radius: 5px; overflow: hidden; padding: 0.8em 0.5em 0.8em 2.5em; box-sizing: border-box; background: url("../img/ic_ar02-r.svg") left 1em center no-repeat; background-size: 1em 1em;}
.link-box03 .list ul li a:hover {color:rgba(25,25,25,1.00);}

/*****PLAN*****/
.page-plan {}
.plan-box {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.plan-box .plan-box01 {width: 47.5%;}
.plan-box .plan-box02 {width: 47.5%;}
.plan-box h2 {color: #003E80/*青色*/; font-weight: 400; font-size: 2.5rem; text-align: left; margin: 0 0 7px 0;}
table.table-plan {border-collapse:  collapse; width: 100%}
table.table-plan th,table.table-plan td {border:1px solid rgba(100,100,100,1.00); padding: 0.25em 0.5em; line-height: 1.5; font-weight: 300;}
table.table-plan th.bold,table.table-plan td.bold {font-weight: bold;}
.plan-boxdata {text-decoration: none; color: #003E80/*青色*/; font-weight: 400; font-size: 2.5rem; padding:40px; margin: auto; text-align: center;}
.plan-boxdata a:hover {text-decoration: none!important; color: #EBA300!important;/*オレンジ色*/}
/*****CLUB*****/
.page-club {}
.page-club h2 {color: #003E80/*青色*/; font-weight: 400; font-size: 3.3rem; text-align: center; margin: 0 0 10px 0; line-height: 1;}
.page-club .exp {text-align: left; margin-bottom: 10px; font-weight: 300; font-size: 1.8rem;}
.page-club .pic {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-club .pic figure {width: 32%;}
.page-club .pic.fisherman figure {margin:0 20px 0 0; width: auto;}
.page-club .pic.fisherman figure.tate01 {width: 24.7%;}
.page-club .pic.fisherman figure:last-child {margin:0;}
.page-club .box {margin-bottom: 75px;}
.page-club .box:last-child {margin-bottom: 0px;}

/*****NEWS*****/
.page-news {}
.page-news .box {}
.page-news .exp {font-size: 3.0rem; font-weight: 400; text-align: center; padding: 0.5em 0; border-top: 1px solid rgba(100,100,100,1.00); border-bottom: 1px solid rgba(100,100,100,1.00); margin: 0 0 50px 0;}
.page-news .news {}
.page-news .news article { margin: 0 0 50px 0; overflow: hidden;}
.page-news .news article:last-child { margin: 0 0 0 0;}
.page-news .news article h2 {color: #003E80/*青色*/; font-weight: bold; font-size: 3.3rem; margin: 0; line-height: 1.25; text-align: left;}
.page-news .news article time {text-align: left; display: block; font-weight: 400; font-size: 2.0rem;}
.page-news .news article .kiji {text-align: left; font-weight: 300; font-size: 1.7rem;}
.page-news .news article .kiji figure {width: 50%; float: left; margin: 0 2em 1em 0;}

/*****POLICY*****/
.page-policy {}
.page-policy .exp {padding: 0.5em 0; margin: 0 0 50px 0; text-align: center; background: url("../img/bg_gradation-red.jpg") center center repeat; background-size: contain; color: white; font-size: 2.3rem; font-weight: 400; line-height: 1;}
.page-policy .greeting {}
.page-policy .greeting article {}
.page-policy .greeting article h2 {font-size: 3.0rem; font-weight: bold; color: #003E80/*青色*/; margin: 0 0 15px 0; line-height: 1.25; text-align: left;}
.page-policy .greeting article .kiji {text-align: left; line-height: 2; font-weight: 300; font-size: 2.0rem;}
.page-policy .greeting article .kiji .pic {float: right; margin: 0 0 1.5em 2em;}
.page-policy .greeting article .kiji .pic figure {}
.page-policy .greeting article .kiji .pic figcaption {text-align: center;}
.bnr_policy01 {margin: 50px 0 0 0; text-align: center;}
.bnr_policy01 a {transition: 0.4s;}
.bnr_policy01 a img {width: 450px; border-radius: 23px; box-shadow:1px 2px 6px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.5));  filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.5));*/}
.bnr_policy01 a:hover {opacity: 0.8;}

/*****ABOUT*****/
.page-about {}
.page-about .exp {padding: 1em 0; margin: 0 0 50px 0; text-align: center; font-size: 2.3rem; font-weight: 300; border-bottom: 1px solid rgba(100,100,100,1.00); border-top: 1px solid rgba(100,100,100,1.00);}
.page-about .bnrbox {margin: 0 0 50px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-about .bnrbox figure {width: 49%; margin: 0 0 20px 0;}
.page-about .bnrbox figure img {box-shadow:1px 1px 4px rgba(0,0,0,0.5); border-radius: 28px; /*-webkit-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));*/}
.page-about .rotarian {border-radius: 15px; box-shadow:1px 2px 5px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 2px 5px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 2px 5px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 2px 5px rgba(0,0,0,0.5)); filter: drop-shadow(1px 2px 5px rgba(0,0,0,0.5));*/ margin: 0 0 50px 0;}
.page-about .rotarian .box {border-radius: 15px; /*-webkit-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.2)); -moz-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.2)); -ms-filter:drop-shadow(1px 2px 6px rgba(0,0,0,0.2)); filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.2));*/ background-color: white; padding: 25px;}
.page-about .rotarian h2 {color: #003E80/*青色*/; font-size: 3.4rem; font-weight: bold; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.page-about .rotarian h2::before {content: ''; display: block; height: 1.5em; width: 100%; background: url("../img/bd_rotarian.svg") center center no-repeat; background-size: contain; }
.page-about .rotarian h2::after {content: ''; display: block; height: 1.5em; width: 100%; background: url("../img/bd_rotarian.svg") center center no-repeat; background-size: contain; }
.page-about .rotarian .pic {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-about .rotarian .pic li { width: 16%; list-style: none;}
.page-about .rotarian .pic li figcaption { font-size: 1.2rem;}
.page-about .rotarian .dtl {margin: 25px 0 0 0; text-align: left; font-size: 1.5rem; letter-spacing: 0em;}
.page-about .rotarian .dtl h3 {font-size: 2.2rem; color: #003E80/*青色*/;}
.page-about .point {}
.page-about .point h4 {font-size: 3.5rem; color: #003E80/*青色*/; font-weight: 400;}
.page-about .point h4::after {content: ''; display: block; height: 18px; width: 100%; background: url("../img/ic_ar03-b.svg") center center no-repeat; background-size: contain; margin: 20px 0;}
.page-about .point .list {}
.page-about .point .list ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-about .point .list ul li {font-size:2.6rem; text-shadow: 1px 1px 2px white; box-shadow:1px 1px 3px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));*/ font-weight: bold; width: 32%; margin: 0 0 15px 0; padding: 0.5em 0; border-radius: 4px; list-style: none; background: url("../img/bg_gradation-yellow.jpg") center center no-repeat; background-size: 100% 100%;}
.page-about .point .exp2 {margin: 25px 0 0 0; font-size: 2.6rem;}

/*****TOP*****/
.maincont {}
.topslide {margin:0 auto 25px auto; width: 1240px; position: relative;}
.tx_slide {position: absolute; top: 2.5em; right: 5em; width: 17%;}
.page-top {}
.page-top>.box {width: 1080px; margin: 0 auto 0 auto; padding: 0 80px;}
.top-nav {margin: 0 0 15px 0;}
.top-nav ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.top-nav ul li { list-style: none; width: 32%;}
.top-nav ul li a {box-shadow:1px 1px 3px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));*/ transition: 0.4s; border: 4px solid #F6AB00; display: block; padding: 0.15em 0 0.2em 0; font-size: 2.5rem; font-weight: 500; text-decoration: none!important; color: white; text-align: center; background: url("../img/bg_gradation-orange.jpg") center center no-repeat; background-size: 100% 100%;}
.top-nav ul li:nth-child(2) a {border: 4px solid #0054A7; background: url("../img/bg_gradation-blue2.jpg") center center no-repeat; background-size: 100% 100%;}
.top-nav ul li a:hover {background-size: 200% 100%;}
.page-top .plof {margin: 0 0 60px 0;}
.page-top .plof h2 {padding: 60px 0; background: url("../img/gear-gray.png") center center no-repeat; line-height: 1.5;  background-size: contain; font-size: 4.0rem;  font-weight: 400; color: #003E80/*青色*/;}
.page-top .plof .exp {font-size: 2.3rem; font-weight: 300;}
.page-top .now {margin: 0 0 40px 0;}
.page-top .now h2 {line-height: 1.5; font-size: 3.5rem; font-weight: 400; color: #003E80/*青色*/; text-align: center; margin: 0 0 5px 0;}
.page-top .now h3 {padding: 0.15em 0 0.25em 0; font-size: 2.3rem; font-weight: 400; color: white; text-align: center; background: url("../img/bg_gradation-blue.jpg") center center repeat; background-size: contain;}
.page-top .now .dtl {padding: 40px 1em 50px 1em; border-bottom: 1px solid #003E80/*青色*/;}
.page-top .now .dtl dl {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-top .now .dtl dl dt {width: 7em; text-align:left; font-size: 1.7rem; font-weight: 300;}
.page-top .now .dtl dl dt::after {content: '：'; display: inline-block; float: right;}
.page-top .now .dtl dl dd {width: calc(100% - 8em); text-align: left; line-height: 1.5; font-size: 1.7rem; font-weight: 300;}
.page-top .pickup {width: 800px; margin: 0 auto 80px auto;}
.page-top .pickup h3 {line-height: 1.5; font-size: 2.3rem; font-weight: 400; text-align: left; padding: 0 0 5px 0;}
.page-top .pickup .list {}
.page-top .pickup .list dl {border-top: 1px solid rgba(100,100,100,1.00); padding: 0.5em 35px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-top .pickup .list dl:last-child {border-bottom: 1px solid rgba(100,100,100,1.00);}
.page-top .pickup .list dl dt {width: 6em; text-align: left; font-size: 1.9rem; font-weight: 400; -ms-flex-item-align: center; align-self: center;}
.page-top .pickup .list dl dd {width: calc(100% - 6em); text-align: left; color: #003E80/*青色*/; font-size: 2.2rem; font-weight: 400;}
.page-top .pickup .list dl dd a {color: #003E80!important/*青色*/; text-decoration: none;}
.page-top .pickup .list dl dd a:hover {color: #EBA300!important/*オレンジ*/; text-decoration: none;}
.page-top .bnrbox {position: relative;}
.page-top .bnrbox .bird {position: absolute; top: -150px; right: -150px; z-index: -100; width: 175px;}
.page-top .bnrbox div {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.page-top .bnrbox div figure {width: 25%;}
.page-top .bnrbox div figure a {transition: 0.4s;}
.page-top .bnrbox div figure a:hover {opacity: 0.8;}
.page-top .bnrbox div figure img {border-radius: 16px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); /*-webkit-filter:drop-shadow(1px 1px 5px rgba(0,0,0,0.5)); -moz-filter:drop-shadow(1px 1px 5px rgba(0,0,0,0.5)); -ms-filter:drop-shadow(1px 1px 5px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.5));*/}

/*---------------------------------------------------------------------------BP1240*/
@media (max-width: 1240px) {
	body {width: 100%;}
.box-max {width: 1240px; margin: 0 auto; overflow: hidden;}
}

/*---------------------------------------------------------------------------BP768*/
@media(min-width: 768px){
  a[href^="tel:"]{ pointer-events: none; text-decoration: none; color: inherit;}
}