@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*フォントウェイト　100,300,350,400,500,700,900*/
body { /* font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; */ /*メインで使用するフォントが明朝体のとき
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
*/ /*メインで使用するフォントが丸ゴシックのとき
font-family: "Rounded Mplus 1c",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/ /* font-family: 'Noto Sans Japanese', sans-serif;
color: rgba(51, 51, 51, 1); */ font-family: 'Noto Serif JP', serif; color: #414141; }
@media screen and (max-width: 767px) { body { font-size: 14px; } }

/*/////////////////////////////
共通装飾クラス
/////////////////////////////*/
/*/////////////////////////////
共通レイアウト＋トップページ
/////////////////////////////*/
#key_visual .kv_area { background-image: url(../img/bg_kv.jpg); background-size: cover; background-position: center; overflow: hidden; }
@media screen and (max-width: 767px) { #key_visual .kv_area { padding: 5%; padding-top: 8%; padding-bottom: 8%; } }
#key_visual h1 { text-align: center; padding: 30px 0; }
@media screen and (max-width: 767px) { #key_visual h1 { padding: 0; } }
#key_visual h1 img { width: 90%; max-width: 1200px; }
@media screen and (max-width: 767px) { #key_visual h1 img { width: 100%; } }
#key_visual .ant { text-align: center; font-size: 12px; margin-top: 15px; }
@media screen and (max-width: 767px) { #key_visual .ant { width: 93%; margin: auto; margin-top: 5%; } }

#sec_01 { padding-top: 100px; padding-bottom: 150px; }
@media screen and (max-width: 767px) { #sec_01 { padding-top: 15%; padding-bottom: 20%; } }
#sec_01 .inner { width: 1000px; margin: auto; }
@media screen and (max-width: 767px) { #sec_01 .inner { width: 94%; } }
#sec_01 h2 { color: #009FB9; font-size: 38px; text-align: center; background-image: url(../img/line_01.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding-bottom: 70px; margin-bottom: 50px; }
@media screen and (max-width: 767px) { #sec_01 h2 { font-size: 18px; padding-bottom: 10%; background-image: url(../img/line_sp.svg); } }
#sec_01 h2 span { font-size: 50px; }
@media screen and (max-width: 767px) { #sec_01 h2 span { font-size: 30px; } }
#sec_01 .points { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 767px) { #sec_01 .points { flex-wrap: wrap; width: 100%; margin-bottom: 0; } }
#sec_01 .points li { text-align: center; color: #009FB9; font-size: 18px; }
@media screen and (max-width: 767px) { #sec_01 .points li { width: 100%; margin-bottom: 20%; font-size: 15px; } }
#sec_01 .points li span { font-size: 24px; }
@media screen and (max-width: 767px) { #sec_01 .points li span { font-size: 20px; } }
#sec_01 .points li .icons { height: 70px; margin-bottom: 20px; }
#sec_01 .points li .icons img { height: 100%; }
#sec_01 .points li:last-child .icons img { height: 70%; }
#sec_01 .app_dl { background-color: #D4ECEA; border-radius: 10px; }
#sec_01 .app_dl p.cpy { background-image: url(../img/bg_bnr.svg); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; width: 350px; font-size: 28px; color: #ffffff; padding: 18px; padding-left: 25px; border-radius: 10px; float: left; }
@media screen and (max-width: 767px) { #sec_01 .app_dl p.cpy { width: 100%; background-image: none; background-color: #009FB9; text-align: center; font-size: 20px; padding: 3%; border-radius: 10px 0 0; float: none; } }
#sec_01 .app_dl ul { width: 550px; float: left; display: flex; justify-content: space-between; margin-left: 35px; padding: 25px 0; }
@media screen and (max-width: 767px) { #sec_01 .app_dl ul { width: 100%; float: none; margin-left: 0; padding: 3%; } }
#sec_01 .app_dl ul li img { height: 65px; }
@media screen and (max-width: 767px) { #sec_01 .app_dl ul li img { height: 55px; } }

#sec_02 { background-color: #D4ECEA; }
#sec_02 .inner { width: 1000px; margin: auto; padding: 50px 0; }
@media screen and (max-width: 767px) { #sec_02 .inner { width: 94%; padding: 1% 0; padding-top: 10%; }
  #sec_02 .inner .inner { width: 100%; } }
#sec_02 h2 { font-size: 38px; color: #009FB9; text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 767px) { #sec_02 h2 { font-size: 23px; } }
#sec_02 h2 span { font-size: 58px; color: #E72B3E; }
@media screen and (max-width: 767px) { #sec_02 h2 span { font-size: 40px; } }
#sec_02 #map_area { display: flex; justify-content: space-between; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #sec_02 #map_area { flex-wrap: wrap; } }
#sec_02 #map_area .map { width: 55%; }
@media screen and (max-width: 767px) { #sec_02 #map_area .map { width: 100%; margin-bottom: 10%; } }
#sec_02 #map_area .map img { width: 100%; }
#sec_02 #map_area .links { width: 42%; }
@media screen and (max-width: 767px) { #sec_02 #map_area .links { width: 100%; } }
#sec_02 #map_area .links p { display: flex; align-items: center; justify-content: left; }
#sec_02 #map_area .links a { background-color: #009FB9; color: #ffffff; padding: 15px; display: block; margin-bottom: 10px; background-image: url(../img/cursor_white_01.svg); background-repeat: no-repeat; background-position: right 10px center; }
@media screen and (max-width: 767px) { #sec_02 #map_area .links a { margin-bottom: 5px; } }
#sec_02 #map_area .links a span { font-size: 28px; }
#sec_02 #map_area .links a:hover { text-decoration: none; background-color: #E72B3E; }
#sec_02 .area_box { margin-bottom: 75px; }
#sec_02 .area_box h3 { background-color: #E72B3E; color: #ffffff; text-align: center; font-size: 22px; padding: 15px; }
@media screen and (max-width: 767px) { #sec_02 .area_box h3 { font-size: 18px; padding: 2%; } }
#sec_02 .area_box .inner { background-color: #fff; padding: 25px; }
@media screen and (max-width: 767px) { #sec_02 .area_box .inner { padding: 3%; } }
#sec_02 .area_box ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 767px) { #sec_02 .area_box ul { padding-top: 5%; } }
#sec_02 .area_box ul li { width: 47.5%; display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 767px) { #sec_02 .area_box ul li { display: block; } }
#sec_02 .area_box ul li .pic { width: 47.5%; }
@media screen and (max-width: 767px) { #sec_02 .area_box ul li .pic { width: 100%; margin-bottom: 3%; } }
#sec_02 .area_box ul li .pic img { width: 100%; }
#sec_02 .area_box ul li .txt { width: 47.5%; font-family: "Noto Sans Japanese", sans-serif; }
@media screen and (max-width: 767px) { #sec_02 .area_box ul li .txt { width: 100%; } }
#sec_02 .area_box ul li .txt .floor { background-color: #009FB9; color: #fff; font-size: 13px; display: inline-block; padding: 3px 10px; }
@media screen and (max-width: 767px) { #sec_02 .area_box ul li .txt .floor { font-size: 11px; } }
#sec_02 .area_box ul li .txt h4 { font-size: 18px; color: #009FB9; margin-bottom: 15px; font-weight: 600; }
#sec_02 .area_box ul li .txt p { font-size: 13px; }
#sec_02 .area_box ul li .txt p.ant { color: #E72B3E; font-weight: 700; font-size: 12px; margin-bottom: 10px; }
#sec_02 .area_box ul li .txt .more { display: block; text-align: center; background-color: #F0F0F0; padding: 10px; font-size: 13px; margin-top: 15px; background-image: url(../img/cursol_gray.svg); background-repeat: no-repeat; background-position: right 10px center; }
#sec_02 .area_box ul li .txt .more:hover { text-decoration: none; background-color: #414141; color: #fff; }
#sec_02 .area_box ul li.col_01 { width: 100%; padding: 30px 0; }
#sec_02 .box_half { width: 50%; }
#sec_02 .box_half .inner { width: 100%; }
#sec_02 .box_half ul { display: block; }
#sec_02 .box_half ul li { width: 100% !important; }
#sec_02 .box_half ul li .txt { width: 100%; }
#sec_02 .box_half2 { width: 50%; }
#sec_02 .box_half2 .inner { width: 100%; }
#sec_02 .box_half2 ul li { width: 100%; }

footer { padding-top: 75px; }
@media screen and (max-width: 767px) { footer { padding-top: 10%; } }
footer .inner { width: 1000px; margin: auto; text-align: center; }
@media screen and (max-width: 767px) { footer .inner { width: 94%; } }
footer a:hover { text-decoration: none; }
footer a:hover .appbnr { background-color: #005360; }
footer .appbnr { background-color: #009FB9; color: #fff; padding: 20px 35px; border-radius: 10px; display: flex; background-image: url(../img/cursor_white_02.svg); background-repeat: no-repeat; background-position: right 35px center; display: flex; align-items: center; }
@media screen and (max-width: 767px) { footer .appbnr { padding: 3%; display: block; background-image: none; } }
footer .appbnr .cpy_01 { font-size: 28px; padding-right: 35px; border-right: solid 1px #fff; }
@media screen and (max-width: 767px) { footer .appbnr .cpy_01 { font-size: 20px; text-align: center; border: none; border-bottom: 1px solid #fff; padding-bottom: 3%; padding-right: 0; margin-bottom: 3%; } }
footer .appbnr .cpy_02 { font-family: "Noto Sans Japanese", sans-serif; font-size: 25px; font-weight: 600; padding-left: 35px; }
@media screen and (max-width: 767px) { footer .appbnr .cpy_02 { font-size: 20px; background-image: url(../img/cursor_white_02.svg); background-repeat: no-repeat; background-position: right 3% center; } }
footer .marunouchi { text-align: center; margin-top: 80px; display: inline-block; }
footer .marunouchi img { width: 280px; }
@media screen and (max-width: 767px) { footer .marunouchi img { width: 65%; } }
footer .btm { text-align: center; background-color: #D4ECEA; padding: 35px 0; font-family: "Noto Sans Japanese", sans-serif; margin-top: 75px; }
@media screen and (max-width: 767px) { footer .btm { margin-top: 10%; } }
footer .btm p { color: #5F5F5F; }
footer .btm .logo { margin-top: 35px; width: 158px; }

#pageTop { position: fixed; right: 15px; bottom: 15px; }
#pageTop img { width: 80px; }
@media screen and (max-width: 767px) { #pageTop img { width: 70px; } }

#pageTop:hover { cursor: pointer; }

/*# sourceMappingURL=otemachi-point.css.map */