@charset "UTF-8"; /* Theme Name: mayor tagkagaki Description: 高垣市長選挙サイト Author: 河野建太 Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ .bg-color{ background-color: #143FA2; } /*全共通ヘッダーフッター*/ /*ヘッダー*/ /***ヘッダータイトル***/ @media only all and (min-width: 992px){ .top-header { width: 100%; display: flex; background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; align-items: center; } .top-header-contents{ } .header-img{ width: 100px; height: 100px; } .header-img img{ width: 100%; } .top-title{ height: 100px; } .name-contents { border-bottom: solid 1px #FFFFFF89; } .top-title .name { text-align: left; font: normal normal 800 50px/55px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-title .name-text{ text-align: left; font: normal normal normal 15px/10px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-title .en-name{ text-align: left; font: normal normal normal 20px/15px Gill Sans; letter-spacing: 25px; color: #FFFFFF89; opacity: 1; vertical-align: top; } } @media all and (max-width: 992px) and (min-width: 768px){ .top-header { width: 100%; display: flex; background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; align-items: center; } .top-header-contents{ } .header-img{ width: 80px; height: 80px; } .header-img img{ width: 100%; } .top-title{ } .name-contents { border-bottom: solid 1px #FFFFFF89; } .top-title .name { text-align: left; font: normal normal 800 40px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-title .name-text{ text-align: left; font: normal normal normal 18px/12px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .en-name-contents{ height: 40px; } .top-title .en-name{ text-align: left; font: normal normal normal 18px/13px Gill Sans; letter-spacing: 5px; color: #FFFFFF89; opacity: 1; vertical-align: top; } } @media all and (max-width: 768px){ .top-header { width: 100%; display: flex; background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; align-items: center; } .top-header-contents{ } .header-img{ width: 70px; height: 70px; } .header-img img{ width: 100%; } .top-title{ } .name-contents { border-bottom: solid 1px #FFFFFF89; } .top-title .name { text-align: left; font: normal normal 800 30px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; display: block; } .top-title .name-text{ text-align: left; font: normal normal normal 12px/20px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; display: block; } .en-name-contents{ height: 40px; } .top-title .en-name{ text-align: left; font: normal normal normal 13px/13px Gill Sans; letter-spacing: 3px; color: #FFFFFF89; opacity: 1; vertical-align: top; } } /***ヘッダーメニュー***/ .menu-bar{ } .navbar{ padding: 0; } @media only screen and (min-width: 992px){ .navbar-nav{ width: 100%; } .navbar-nav li { display: inline-block; width: 17%; padding-top:10px; padding-bottom: 10px; text-align: center; border-left: solid 1px rgba(224,236,255); } .navbar-nav li a { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 18px/35px Gill Sans; letter-spacing: 0px; color: #1348AC; opacity: 1; display: block; } .navbar-nav li:hover { background-color: rgba(224,236,255,.5); } .navbar-nav li.active-li{ background-color:#1348AC; } .page-id-31 .navbar-nav li:nth-child(1) { background: #1348AC; } .page-id-31 .navbar-nav li:nth-child(1) a { color: #fff; font-weight: bold; } .page-id-19 .navbar-nav li:nth-child(2) { background: #1348AC; } .page-id-19 .navbar-nav li:nth-child(2) a { color: #fff; font-weight: bold; } .page-id-13 .navbar-nav li:nth-child(3) { background: #1348AC; } .page-id-13 .navbar-nav li:nth-child(3) a { color: #fff; font-weight: bold; } .page-id-20 .navbar-nav li:nth-child(4) { background: #1348AC; } .page-id-20 .navbar-nav li:nth-child(4) a { color: #fff; font-weight: bold; } .page-id-33 .navbar-nav li:nth-child(5) { background: #1348AC; } .page-id-33 .navbar-nav li:nth-child(5) a { color: #fff; font-weight: bold; } .page-id-68 .navbar-nav li:nth-child(6) { background: #1348AC; } .page-id-68 .navbar-nav li:nth-child(6) a { color: #fff; font-weight: bold; } .page-id-22 .navbar-nav li:nth-child(7) { background: #1348AC; } .page-id-22 .navbar-nav li:nth-child(7) a { color: #fff; font-weight: bold; } .page-id-55 .navbar-nav li:nth-child(7) { background: #1348AC; } .page-id-55 .navbar-nav li:nth-child(7) a { color: #fff; font-weight: bold; } } @media only screen and (max-width: 992px){ .navbar{ z-index: 1000; width: 100%; } .navbar-nav{ width: 100%; } .navbar-nav li { display: inline-block; width: 100%; padding-top:10px; padding-bottom: 10px; text-align: center; border-bottom: solid 1px rgba(224,236,255); background-color:#1348AC; } .navbar-nav li a { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 18px/35px Gill Sans; letter-spacing: 0px; color: #fff; opacity: 1; display: block; } .navbar-nav li:hover { } .navbar-nav li.active-li{ background-color:#1348AC; } .page-id-31 .navbar-nav li:nth-child(1) { background: #1348AC; } .page-id-31 .navbar-nav li:nth-child(1) a { color: #fff; font-weight: bold; text-decoration: underline } .page-id-19 .navbar-nav li:nth-child(2) { background: #1348AC; } .page-id-19 .navbar-nav li:nth-child(2) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-13 .navbar-nav li:nth-child(3) { background: #1348AC; } .page-id-13 .navbar-nav li:nth-child(3) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-20 .navbar-nav li:nth-child(4) { background: #1348AC; } .page-id-20 .navbar-nav li:nth-child(4) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-33 .navbar-nav li:nth-child(5) { background: #1348AC; } .page-id-33 .navbar-nav li:nth-child(5) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-68 .navbar-nav li:nth-child(6) { background: #1348AC; } .page-id-68 .navbar-nav li:nth-child(6) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-22 .navbar-nav li:nth-child(7) { background: #1348AC; } .page-id-22 .navbar-nav li:nth-child(7) a { color: #fff; font-weight: bold; text-decoration: underline; } .page-id-55 .navbar-nav li:nth-child(7) { background: #1348AC; } .page-id-55 .navbar-nav li:nth-child(7) a { color: #fff; font-weight: bold; text-decoration: underline; } } @media only screen and (min-width: 992px){ .navbar{ border-top: solid 1px #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); } } @media only screen and (max-width: 992px) and (min-width: 768px){ header{ position: relative; } .menu-bar{ position: absolute; top: 30px; right: 30px; } .navbar{ justify-content: flex-end; } button{ padding-top: 0!important; border: solid 3px #fff!important; } .navbar span{ color: #fff; font-size: 10px; line-height: 10px; } .navbar .fas{ color: #fff; font-size: 30px; } } @media only screen and (max-width: 768px){ .menu-bar{ } .navbar{ justify-content: flex-end; position: fixed; top: 30px; right: 0; } button{ padding-top: 0!important; border: solid 2px #fff!important; } .navbar span{ color: #fff; font-size: 10px; line-height: 10px; } .navbar .fas{ color: #fff; font-size: 20px; } } /*フッター*/ footer{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; } .mayor-room span{ font-size: 16px; } .mayor-room .footer-title{ font-size: 24px; } .copyright{ text-align: center; font: normal normal normal 20px/96px Avenir; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } @media only screen and (max-width: 992px){ footer{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; } .mayor-room span{ font-size: 12px; } .mayor-room .footer-title{ font-size: 16px; } .copyright{ text-align: center; font: normal normal normal 16px/96px Avenir; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } } /*=== home(1)===*/ /*article*/ /*トップ画像*/ @media only screen and (min-width: 992px){ .top-img { border-bottom: solid 16px #1348AC; background-image:url("img/home-top.png"); background-size: contain; background-attachment: scroll; width: 100%; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 100%; height: 600px; } .top-img-title{ height: 100%; } .top-img-title h2{ text-align: left; font: normal bold normal 70px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #D3AA22; } .top-img-title h2 span{ text-align: left; font: normal bold normal 105px/150px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; } .top-img-title h3{ color: var(--unnamed-color-1348ac);text-align: left; font: normal bold normal 50px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 0.76; } } @media only screen and (max-width: 992px) and (min-width: 768px){ .top-img { border-bottom: solid 16px #1348AC; background-image:url("img/home-top.png"); background-size: contain; background-attachment: scroll; width: 100%; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 100%; height: 400px; } .top-img-title{ height: 100%; } .top-img-title h2{ text-align: left; font: normal bold normal 50px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #D3AA22; } .top-img-title h2 span{ text-align: left; font: normal bold normal 70px/150px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; } .top-img-title h3{ color: var(--unnamed-color-1348ac);text-align: left; font: normal bold normal 30px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 0.76; } } @media only screen and (max-width: 768px){ .top-img { border-bottom: solid 16px #1348AC; background-image:url("img/home-top.png"); background-size: cover; background-attachment: scroll; width: 100%; background-repeat: no-repeat; background-color: #f6f6f6; background-position: right bottom; height: auto; } .top-img-title{ height: 100%; } .top-img-title h2{ text-align: left; font: normal bold normal 30px/30px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #D3AA22; } .top-img-title h2 span{ text-align: left; font: normal bold normal 40px/45px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; } .top-img-title h3{ color: var(--unnamed-color-1348ac);text-align: left; font: normal bold normal 15px/20px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 0.76; } } /*メインコンテンツ*/ .home-main{ } @media only screen and (min-width: 992px){ .home-contents-main{ border-bottom: solid 2px #325A8D; } .home-sentence{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 20px/34px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .home-sentence span{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 50px/34px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; } .home-mayor-name span{ text-align: left; font: normal normal normal 30px/51px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; opacity: 1; } .home-sentence-fb { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 25px/34px Hiragino Maru Gothic ProN; letter-spacing: 0px; color: #fff; } } @media only screen and (max-width: 992px){ .home-contents-main{ border-bottom: solid 2px #325A8D; } .home-sentence{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .home-sentence span{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 25px/34px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; } .home-mayor-name span{ text-align: left; font: normal normal normal 16px/51px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; opacity: 1; } .home-sentence-fb { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 16px/34px Hiragino Maru Gothic ProN; letter-spacing: 0px; color: #fff; } } .home-sentence-fb:hover { text-decoration: underline; } /*アイディアボックス*/ .ideabox{ } @media only screen and (min-width: 992px){ .home-idea-title { text-align: left; font: normal normal normal 40px/91px Gill Sans; letter-spacing: 10px; opacity: 1; } .bg-blue{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; text-align: left; font: normal normal normal 40px/91px Gill Sans; letter-spacing: 15px; color: #FFFFFF; opacity: 1; } .home-idea-subtitle{ text-align: left; font: normal normal normal 20px/51px Hiragino Maru Gothic ProN; letter-spacing: 30px; color: #FFFFFF; opacity: 1; background-color: #1348AC; vertical-align: middle; } .ideabox-contents{ background-color: #A0B2CA; padding: 70px 0; } .ideabox-text-first{ font: normal normal normal 20px/68px Hiragino Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .ideabox-text-second{ font: normal normal normal 15px/35px Gill Sans; letter-spacing: 0px; color: #FFFFFF89; opacity: 1; } .ideabox-text textarea { border:none; border-radius:20px; box-shadow: none; padding: 2px 8px; } .ideabox-text input :focus { outline: none; } .ideabox-submit input{ border-radius:20px; box-shadow: none; padding: 10px 20px; background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; border-radius: 26px; opacity: 1; color: #fff; border:none; } } @media only screen and (max-width: 992px){ .ideabox-title > div{ text-align: center; } .home-idea-title { text-align: center; font: normal normal normal 50px/52px Gill Sans; letter-spacing: 0px; opacity: 1; } .bg-blue{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; text-align: left; font: normal normal normal 40px/60px Gill Sans; letter-spacing: 5px; color: #fff; opacity: 1; } .home-idea-subtitle{ text-align: left; font: normal normal normal 20px/51px Hiragino Maru Gothic ProN; letter-spacing: 5px; color: #FFFFFF; opacity: 1; background-color: #1348AC; vertical-align: middle; } .ideabox-contents{ background-color: #A0B2CA; padding: 50px 0; } .ideabox-text-first{ font: normal normal normal 16px/36px Hiragino Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .ideabox-text-second{ font: normal normal normal 10px/35px Gill Sans; letter-spacing: 0px; color: #FFFFFF89; opacity: 1; } .ideabox-text textarea { border:none; border-radius:20px; box-shadow: none; padding: 2px 8px; } .ideabox-text input :focus { outline: none; } .ideabox-submit input{ border-radius:20px; box-shadow: none; padding: 10px 20px; background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; border-radius: 26px; opacity: 1; color: #fff; border:none; } } /*=== profile(2)===*/ /*article*/ .profile-main{ } @media only screen and (min-width: 1200px){ .top-img-profile { border-bottom: solid 16px #fff; background-image:url("img/profile-top.png"); background-size: contain; background-attachment: scroll; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: right; top; width: 100%; height: 600px; position: relative; } .top-img-title-profile{ position: relative; } .top-img-title-profile>h2{ position: absolute; top: 300px; right: 600px; } .top-img-title-profile>div{ position: absolute; top: 80px; right: 80px; } .jp-profile { text-align: left; font: normal normal normal 50px/80px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 0.54; } .en-profile { position: absolute; text-align: left; font: normal normal normal 180px/200px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-profile-first { text-align: left; font: normal bold normal 60px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #AF5A5A; } .top-profile-second { color: var(--unnamed-color-7c7c7c); text-align: left; font: normal bold normal 30px/65px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #7C7C7C; } .top-profile-third { text-align: left; font: normal bold normal 60px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #BF991B;" } .top-profile-fourth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 60px/80px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .top-profile-fifth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 120px/150px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .profile-main-title h3{ text-align: center; font: normal normal normal 35px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 70px; color: #FFFFFF; opacity: 0.38; } .his-no { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 50px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-no-mayor{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 70px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor-no{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 100px/100px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-title{ color: var(--unnamed-color-1348ac); font: normal normal 800 25px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-sentence{ color: var(--unnamed-color-1348ac); font: normal normal 800 20px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .profile-main-title{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; height: 70px; } } @media only screen and (max-width: 1200px) and (min-width: 992px){ .top-img-profile { border-bottom: solid 16px #fff; background-image:url("img/profile-top.png"); background-size: cover; background-attachment: scroll; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: right top; width: 100%; height: 400px; position: relative; } .top-img-title-profile{ position: relative; } .top-img-title-profile>h2{ position: absolute; top: 200px; right: 400px; } .top-img-title-profile>div{ position: absolute; top: 0px; right: 200px; } .jp-profile { text-align: left; font: normal normal normal 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 0.54; } .en-profile { position: absolute; text-align: left; font: normal normal normal 120px/130px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-profile-first { text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #AF5A5A; } .top-profile-second { color: var(--unnamed-color-7c7c7c); text-align: left; font: normal bold normal 20px/40px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #7C7C7C; } .top-profile-third { text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #BF991B;" } .top-profile-fourth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .top-profile-fifth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 80px/100px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .profile-main-title h3{ text-align: center; font: normal normal normal 35px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 70px; color: #FFFFFF; opacity: 0.38; } .his-no { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 50px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-no-mayor{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 70px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor-no{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 100px/100px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-title{ color: var(--unnamed-color-1348ac); font: normal normal 800 25px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-sentence{ color: var(--unnamed-color-1348ac); font: normal normal 800 20px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .profile-main-title{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; height: 70px; } } @media only screen and (max-width: 992px) and (min-width: 768px){ .top-img-profile { border-bottom: solid 16px #fff; background-image:url("img/profile-top.png"); background-size: cover; background-attachment: scroll; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center top; width: 100%; height: 400px; position: relative; } .top-img-title-profile{ position: relative; } .top-img-title-profile>h2{ position: absolute; top: 250px; right: 400px; } .top-img-title-profile>div{ position: absolute; top: 0px; left: 280px; } .jp-profile { text-align: left; font: normal normal normal 30px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 0.54; } .en-profile { position: absolute; text-align: left; font: normal normal normal 100px/100px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-profile-first { text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #AF5A5A; } .top-profile-second { color: var(--unnamed-color-7c7c7c); text-align: left; font: normal bold normal 20px/40px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #7C7C7C; } .top-profile-third { text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #BF991B;" } .top-profile-fourth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/60px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .top-profile-fifth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 80px/100px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .profile-main-title h3{ text-align: center; font: normal normal normal 35px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 70px; color: #FFFFFF; opacity: 0.38; } .his-no { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 50px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-no-mayor{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 70px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor-no{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 60px/60px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-title{ color: var(--unnamed-color-1348ac); font: normal normal 800 25px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-sentence{ color: var(--unnamed-color-1348ac); font: normal normal 800 20px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .profile-main-title{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; height: 70px; } } @media only screen and (max-width: 768px){ .top-img-profile { border-bottom: solid 16px #fff; background-image:url("img/profile-top.png"); background-size: cover; background-attachment: scroll; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: left bottom; width: 100%; height: 200px; position: relative; } .top-img-title-profile{ position: relative; } .top-img-title-profile>h2{ position: absolute; top: 80px; right: 300px; } .top-img-title-profile>div{ position: absolute; top: 0px; left: 260px; } .jp-profile { text-align: left; font: normal normal normal 20px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 0.54; } .en-profile { position: absolute; text-align: left; font: normal normal normal 60px/60px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-profile-first { text-align: left; font: normal bold normal 20px/20px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #AF5A5A; } .top-profile-second { color: var(--unnamed-color-7c7c7c); text-align: left; font: normal bold normal 10px/10px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #7C7C7C; } .top-profile-third { text-align: left; font: normal bold normal 20px/20px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #BF991B;" } .top-profile-fourth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 20px/20px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .top-profile-fifth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/40px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .profile-main-title h3{ text-align: center; font: normal normal normal 20px/50px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 20px; color: #FFFFFF; opacity: 0.38; } .his-no { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 30px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-no-mayor{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 70px/70px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .his-word-mayor-no{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 60px/60px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-title{ color: var(--unnamed-color-1348ac); font: normal normal 800 25px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .history-last-sentence{ color: var(--unnamed-color-1348ac); font: normal normal 800 20px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .profile-main-title{ background: var(--unnamed-color-1348ac) 0% 0% no-repeat padding-box; background: #1348AC 0% 0% no-repeat padding-box; opacity: 1; height: 50px; } } @media only screen and (max-width: 576px){ .top-img-profile { border-bottom: solid 16px #fff; background-image:url("img/profile-top.png"); background-size: cover; background-attachment: scroll; background-repeat: no-repeat; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 200px; position: relative; } .top-img-title-profile{ position: relative; } .top-img-title-profile>h2{ position: absolute; top: 100px; right: 70px; } .top-img-title-profile>div{ position: absolute; top: 10px; left: 150px; } .jp-profile { text-align: left; font: normal normal normal 22px/22px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 0.54; } .en-profile { position: absolute; text-align: left; font: normal normal normal 45px/45px Gill Sans; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .top-profile-first { text-align: left; font: normal bold normal 18px/18px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #AF5A5A; } .top-profile-second { color: var(--unnamed-color-7c7c7c); text-align: left; font: normal bold normal 10px/10px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #7C7C7C; } .top-profile-third { text-align: left; font: normal bold normal 18px/18px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #BF991B;" } .top-profile-fourth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 18px/18px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } .top-profile-fifth { color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 30px/30px Toppan Bunkyu Mincho,'Palatino Linotype', 'Book Antiqua', Palatino, Klee, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝ProN W3', HiraMinProN-W3, 'ヒラギノ明朝Pro W3', 'Hiragino Mincho Pro', HG正楷書体-PRO, DF中楷書体, 'MS 明朝', 'MS Mincho', メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; } } .history-main img{ box-shadow: 10px 3px 10px #00000029; } .history-last > .row{ padding: 20px 0; } @media only screen and (min-width: 768px){ .his-2002{ text-align: right; } .img-2009{ display: none; } .his-1969{ text-align: right; } .history-last-title{ border-bottom: solid 1px #dee2e6; } .history-last-sentence{ border-bottom: solid 1px #dee2e6; } } @media only screen and (max-width: 768px){ .his-2002{ text-align: left; } .his-2006 img{ display: none; } .his-1969{ text-align: left; } .his-2017>div>div{ text-align: left; } .history-last-title span{ border-bottom: solid 2px #1348AC; } } /*=== policy(3)===*/ /*article*/ /*policy-contents*/ @media only screen and (min-width: 768px){ /*policy-title*/ .policy-title > h2 { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 40px/68px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .policy-title > h3{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 30px/51px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 0.46; } /*policy-sentence*/ .policy-sentence p{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 20px/34px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } /*policy-link(追加)(更新)*/ .policy-resources-title a{ font-size: 20px; color: #1348AC; margin-bottom: 0.75rem; font-weight: 700; font-family: Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho Pro", serif; } .policy-links{ /* 表示は行内カラムのままにして、マーカーを表示 */ list-style: disc; padding: 0 0 0 1.2rem; margin: 0; } .policy-links li{ margin-bottom: 0.5rem; list-style-position: inside; color: #1348AC; /* テキスト色を紺に統一 */ font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMinCho, "ヒラギノ明朝ProN W3", "Hiragino Mincho Pro", serif; font-family: Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMinCho, "ヒラギノ明朝ProN W3", "Hiragino Mincho Pro", serif; } /* マーカー(・)の色指定(ブラウザ対応済み) */ .policy-links li::marker{ color: #1348AC; font-size: 16px; } /* リンクも明朝・紺色で揃える */ .policy-links a { color: #1348AC; font-size: 16px; font-family: Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMinCho, "ヒラギノ明朝ProN W3", "Hiragino Mincho Pro", serif; } @media only screen and (max-width: 768px){ .policy-resources-title{ font-size: 18px; } .policy-links a, .policy-sentence-first a { font-size: 15px; } .policy-links{ padding-left: 0.8rem; } .policy-links li{ font-size: 15px; } .policy-links li::marker{ font-size: 15px; } } /*policy-no*/ .policy-no{ } .number{ } .policy-no-title{ background: #143FA2 0% 0% no-repeat padding-box; opacity: 1; } .policy-no-title span{ text-align: center; font: normal normal normal 100px/160px Toppan Bunkyu Mincho; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-title h4{ text-align: left; font: normal normal 800 50px/85px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-title h5{ text-align: left; font: normal normal normal 30px/51px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-contents { text-align: left; font: normal normal normal 20px/34px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; opacity: 1; } } @media only screen and (max-width: 768px){ /*policy-title*/ .policy-title > h2 { color: var(--unnamed-color-1348ac); text-align: center; font: normal normal 800 25px/32px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .policy-title > h3{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 18px/25px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 0.46; } /*policy-sentence*/ .policy-sentence p{ color: var(--unnamed-color-1348ac); font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; text-align: left; } /*policy-no*/ .policy-no{ } .number{ } .policy-no-title{ background: #143FA2 0% 0% no-repeat padding-box; opacity: 1; } .no-span{ text-align: center; } .policy-no-title span{ text-align: center; font: normal normal normal 100px/130px Toppan Bunkyu Mincho; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-title h4{ text-align: center; font: normal normal 800 40px/65px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-title h5{ text-align: center; font: normal normal normal 20px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-no-contents { text-align: left; font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #143FA2; opacity: 1; } } /*policy-contents-maps*/ /*policy-map*/ @media only screen and (min-width: 1200px){ .policy-bg{ background: #143FA2 0% 0% no-repeat padding-box; opacity: 1; } .policy-map-title-contents { height: 130px; } .policy-map-title h4 { text-align: center; font: normal normal 800 90px/130px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-map-title h5 { text-align: center; font: normal normal normal 30px/130px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .modal-dialog { max-width: inherit; width: 50%; margin-left: 15px; } .policy-map-contents { background-image: url("img/hhc.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; height: 1000px; } .maps{ position: relative; } .map-click { height: 100px; width: 350px; } .map-click:hover{ background-color: rgba(224,236,255,.5); } .maps.map-fukutomi .map-click { position: absolute; top: 140px; left: 160px; } .maps.map-toyosaka .map-click { position: absolute; top: 60px; left: 690px; } .maps.map-shiwa .map-click { position: absolute; top: 300px; left: 80px; } .maps.map-kouchi .map-click { position: absolute; top: 260px; left: 720px; } .maps.map-hachihonmastu .map-click { position: absolute; top: 490px; left: 80px; } .maps.map-takaya .map-click { position: absolute; top: 500px; left: 730px; } .maps.map-saijo .map-click { position: absolute; top: 610px; left: 680px; } .maps.map-kurose .map-click { position: absolute; top: 790px; left: 80px; } .maps.map-akitsu .map-click { position: absolute; top: 840px; left: 650px; } } @media only screen and (max-width: 1200px){ .policy-bg{ background: #143FA2 0% 0% no-repeat padding-box; opacity: 1; } .policy-map-title-contents { padding:30px 0; } .policy-map-title h4 { text-align: center; font: normal normal 800 40px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .policy-map-title h5 { text-align: center; font: normal normal normal 20px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .modal-dialog { max-width: inherit; width: 85%; } .shadow-phone{ text-align: center; font: normal bold normal 20px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 5px; color: #FFFFFF; opacity: 1; position: relative; border: solid 3px #000!important; } .shadow-phone i { position: absolute; right: 30px; } .d-phone-sentence{ color: var(--unnamed-color-1348ac); font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; text-align: left; } } /*=== results(4)===*/ /*article*/ @media only screen and (min-width: 992px){ .results-main h2{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 50px/80px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .d-phone{ display: none; } .results-button-bg { background: #143FA2 0% 0% no-repeat padding-box; border: 1px solid #143FA2; border-radius: 21px; opacity: 1; position: relative; } .results-button a{ font: normal normal normal 20px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; height: 100%; width: 100%; display: block; } .results-button-bg i{ position: absolute; right: 15px; top: 11px; } } @media only screen and (max-width: 992px) and (min-width: 768px){ .results-main h2{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 35px/80px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .d-phone{ display: none; } .results-button-bg { background: #143FA2 0% 0% no-repeat padding-box; border: 1px solid #143FA2; border-radius: 21px; opacity: 1; position: relative; } .results-button a{ font: normal normal normal 15px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; height: 100%; width: 100%; display: block; } .results-button-bg i{ position: absolute; right: 13px; top: 13px; } } @media only screen and (max-width: 768px){ .results-main h2{ color: var(--unnamed-color-1348ac); text-align: center; font: normal normal normal 28px/50px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .d-phone{ display: inline; } .results-button-bg { background: #143FA2 0% 0% no-repeat padding-box; border: 1px solid #143FA2; border-radius: 21px; opacity: 1; position: relative; } .results-button a{ font: normal normal normal 15px/40px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #FFFFFF; opacity: 1; height: 100%; width: 100%; display: block; } .results-button-bg i{ position: absolute; right: 20px; top: 13px; } } /*=== blog(5)===*/ /*article*/ @media screen and (min-width: 768px) { .fb-container { width: 100%; } .blog-title h2 span{ color: var(--unnamed-color-1348ac); font: normal normal 800 40px/102px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .blog-contents-title h3 span, .nl-sentence { color: var(--unnamed-color-1348ac); font: normal normal 800 35px/45px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; margin: 0; } .blog-contents-title span{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 20px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } } @media screen and (max-width: 767px) { .fb-container { width: 80%; max-width: 500px; } .blog-title h2 span{ color: var(--unnamed-color-1348ac); font: normal normal 800 30px/102px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .blog-contents-title h3 span, .nl-sentence { color: var(--unnamed-color-1348ac); font: normal normal 800 25px/35px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; margin: 0; } .blog-contents-title span{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 15px/20px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } } /*=== support(6)===*/ /*article*/ @media only screen and (min-width: 768px){ .support-title h2 span{ color: var(--unnamed-color-1348ac); font: normal normal 800 40px/102px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .support-sentence p, .support-sentence th,.support-sentence li{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 20px/34px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; list-style: none; } .support-sentence h3{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 24px/34px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; list-style: none; } .support-sentence ul{ padding: 0; } .btn-color{ background-color: #1348AC; color: #fff; width: 60%; max-width: 550px; min-width: 220px; margin: 30px auto; display: block; text-align: center; height: 50px; line-height: 50px; color: #fff; padding: 0; } .btn-color:hover { background-color: #3C41D2; color: #fff; } } @media only screen and (max-width: 768px){ .support-title h2 span{ color: var(--unnamed-color-1348ac); font: normal normal 800 30px/102px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; opacity: 1; } .support-sentence p, .support-sentence th,.support-sentence li{ color: var(--unnamed-color-1348ac); text-align: left; font: normal normal normal 16px/30px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; list-style: none; } .support-sentence h3{ color: var(--unnamed-color-1348ac); text-align: left; font: normal bold normal 20px/28px Toppan Bunkyu Mincho,"Palatino Linotype", "Book Antiqua", Palatino, Klee, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝ProN W3", HiraMinProN-W3, "ヒラギノ明朝Pro W3", "Hiragino Mincho Pro", HG正楷書体-PRO, DF中楷書体, "MS 明朝", "MS Mincho", メイリオ, Meiryo, serif; letter-spacing: 0px; color: #1348AC; list-style: none; } .support-sentence ul{ padding: 0; } .btn-color{ background-color: #1348AC; color: #fff; width: 60%; max-width: 550px; min-width: 220px; margin: 30px auto; display: block; text-align: center; height: 50px; line-height: 50px; color: #fff; padding: 0; } .btn-color:hover { background: #fff; color: #00142c; } } /*=== supporters(7)===*/ /*article*/ .supporters-text-center p{ text-align: center!important; } /*フォーム*/ .cform th { width: 20%; /*変なところで改行される場合はここの数字を変更します。*/ border-bottom: solid 1px #d6d6d6; padding: 20px 0 20px 15px; font-weight: normal; } .cform td { line-height: 150%; border-bottom: solid 1px #d6d6d6; padding: 10px 5px; } @media only screen and (min-width: 768px){ .cform { width: 80%; margin: auto; } } @media only screen and (max-width: 768px){ .cform { width: 100%; margin: auto; } } .cform [type=submit] { display: inline-block; font-size: 20px; padding: 10px 30px; text-decoration: none; background: #ff8f00; color: #FFF; border-bottom: solid 4px #B17C00; border-radius: 3px; } .cform option, .cform textarea, .cform input[type=text], .cform input[type=email], .cform input[type=search], .cform input[type=url] { width: 100%; } .required-srt { font-size: 8pt; padding: 5px; background: #ce0000; color: #fff; border-radius: 3px; margin-left: 10px; vertical-align: middle; } @media only screen and (max-width:768px) { .cform th, .cform td { width: 100%; display: block; border-top: none; } } .cform .mwform-tel-field input{ width: 20%!important; } 
Warning: Cannot modify header information - headers already sent by (output started at /home/xs642381/h-takagaki.jp/public_html/wp-content/themes/mayor takagaki/functions.php:1) in /home/xs642381/h-takagaki.jp/public_html/wp-includes/sitemaps/class-wp-sitemaps-renderer.php on line 126
https://h-takagaki.jp/wp-sitemap-posts-post-1.xmlhttps://h-takagaki.jp/wp-sitemap-posts-page-1.xmlhttps://h-takagaki.jp/wp-sitemap-taxonomies-category-1.xmlhttps://h-takagaki.jp/wp-sitemap-users-1.xml