@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/*ikkrweb preview ie9 emulator ie7 varnish error*/
/*background:transparent;*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
/*ikkrweb preview ie9 emulator ie7 varnish error*/
/*background:transparent;*/
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.wysiwyg .table-wrapper {
overflow-x: auto;
}
}
h2.head-title, .wysiwyg h2, .free-layout-area h2 {
background: url(../img_sub/h2_bg.png) center center/100% 100% no-repeat;
border-radius: 6px 6px 0 0;
margin-top: 0.9em;
color: #565656;
font-size: 150%;
box-sizing: border-box;
border-bottom: 3px solid #367aab;
padding: 4px 15px;
}
h2.head-title .bg, .wysiwyg h2 .bg, .free-layout-area h2 .bg {
display: block;
}
h2.head-title a {
color: inherit;
}
h3.head-title, .wysiwyg h3, .free-layout-area h3, .smartcmsBbsBlock h3 {
margin-top: 1.1em;
background: #f4faf4;
border-radius: 6px;
color: #565656;
font-size: 140%;
box-sizing: border-box;
position: relative;
}
h3.head-title::before, .wysiwyg h3::before, .free-layout-area h3::before, .smartcmsBbsBlock h3::before {
background-color: #367aab;
border-radius: 50%;
content: '';
display: inline-block;
height: 10px;
left: 10px;
top: 20px;
position: absolute;
width: 10px;
}
@media screen and (max-width: 768px) {
h3.head-title::before, .wysiwyg h3::before, .free-layout-area h3::before, .smartcmsBbsBlock h3::before {
height: 10px;
left: 20px;
top: 32px;
width: 10px;
}
}
h3.head-title .bg, .wysiwyg h3 .bg, .free-layout-area h3 .bg, .smartcmsBbsBlock h3 .bg {
display: block;
padding: 5px 34px;
}
@media screen and (max-width: 768px) {
h3.head-title .bg, .wysiwyg h3 .bg, .free-layout-area h3 .bg, .smartcmsBbsBlock h3 .bg {
padding-left: 50px;
}
}
h4, .wysiwyg h4, .free-layout-area h4 {
background: url(../img_sub/h4_bg.png) bottom center/100% auto no-repeat #fff;
margin-top: 1.2em;
display: block;
line-height: 1.2;
color: #565656;
font-size: 140%;
padding: 10px 15px 5px 5px;
}
h5, .wysiwyg h5, .free-layout-area h5 {
margin-top: 1.2em;
font-size: 125%;
display: block;
padding: 0 0 5px 0;
color: #565656;
line-height: 1.2;
border-bottom: 1px solid #367aab;
}
h6, .wysiwyg h6, .free-layout-area h6 {
margin-top: 1.3em;
font-size: 111%;
padding-bottom: 5px;
color: #565656;
line-height: 1.2;
}
h2.head-title, h3.head-title {
overflow: hidden;
}
.smartcmsBbsBlock h3,
h4, h5, h6 {
overflow: hidden;
}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .free-layout-area h2, .free-layout-area h3, .free-layout-area h4, .free-layout-area h5, .free-layout-area h6 {
overflow: hidden;
}
.wysiwyg ul, .pubcom-table ul {
overflow: hidden;
margin-top: 10px;
margin-left: 30px;
padding-left: 1.4em;
list-style: disc;
}
* html .wysiwyg ul,
* html .pubcom-table ul {
display: inline-block;
}
.wysiwyg ol, .pubcom-table ol {
/* åãè¾¼ã¿ç»åæã«ãªã¹ããåºãªãåé¡ã解決 */
overflow: hidden;
margin-top: 10px;
margin-left: 30px;
padding-left: 1.4em;
list-style: decimal;
}
* html .wysiwyg ol,
* html .pubcom-table ol {
display: inline-block;
}
.wysiwyg p {
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.wysiwyg table ul, .wysiwyg table ol, .pubcom-table table ul, .pubcom-table table ol {
margin-left: 0;
}
.wysiwyg table p, .pubcom-table table p {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.wysiwyg table, .smartcmsBbsBlock .bbsBody .form table {
border-collapse: collapse;
border: 1px solid #bfbfbf;
margin-top: 10px;
}
.wysiwyg td
, .wysiwyg th {
border-collapse: collapse;
border: 1px solid #bfbfbf;
padding: 5px 10px;
word-break: break-all;
}
.wysiwyg th {
background-color: #f4faf4;
}
.wysiwyg caption {
text-align: left;
font-weight: bold;
padding: 5px;
}
.wysiwyg div {
line-height: 150%;
margin-top: 10px;
}
.wysiwyg img {
max-width: 100%;
height: auto;
}
.wysiwyg .col {
width: 700px;
overflow: hidden;
}
.wysiwyg .left-col {
width: 330px;
float: left;
}
.wysiwyg .right-col {
width: 330px;
float: right;
}
strong, em, b {
font-style: normal;
font-weight: bold;
}
.strng_, .cke_panel_list .strng_ {
font-style: normal;
font-weight: bold;
}
.text_, .cke_panel_list .text_ {
color: #c00;
font-weight: bold;
}
.text2_, .cke_panel_list .text2_ {
color: #00c;
font-weight: normal;
}
.wysiwyg blockquote {
margin-top: 10px;
margin-left: 30px;
padding: 5px 5px 5px 15px;
background-image: url("../img_common/blockquote.png");
background-position: left top;
background-repeat: no-repeat;
background-color: #eee;
border-left: 3px solid #999;
}
body {
font-size: 1rem;
font-family: "YuGothic", 游ã´ã·ã㯠Medium, "Yu Gothic Medium", "游ã´ã·ãã¯", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ãã©ã®ãè§ã´ ProN W3", Hiragino Kaku Gothic ProN, Arial, "ã¡ã¤ãªãª", Meiryo, sans-serif;
color: #333;
background: #fff;
}
@media screen and (max-width: 768px) {
body {
font-size: 1.75rem;
}
}
img {
border: none;
vertical-align: top;
}
p, li, address, table, dt, dd {
line-height: 180%;
}
ul, ol {
list-style: none;
}
a:link {
color: #2d5f92;
text-decoration: underline;
}
a:visited {
color: #2d5f92;
text-decoration: underline;
}
a:hover {
color: #2d5f92;
text-decoration: none;
}
/*ã¢ã¯ã»ã·ããªãã£å¯¾å¿*/
a:focus img {
/*border:1px solid #C00000;*/
}
a:focus {
background-color: #cce2fc;
color: #2d5f92;
}
a:active {
_background: #cce2fc;
/*IEã®ã¿activeçä¼¼ã¯ã©ã¹ã«ã¦å¦ç*/
}
/*iphoneã§ã«ãã§æåãµã¤ãºãåæã«å¤ããã®ãä¿®æ£*/
body {
-webkit-text-size-adjust: 100%;
}
address {
font-style: normal;
}
/*clearfix*/
.cmstag:after,
.clearfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.first-left {
margin-left: 0 !important;
}
.first-top {
margin-top: 0 !important;
}
.left-col {
float: left;
}
.right-col {
float: right;
}
.img-item img, .img-text img {
max-width: 100%;
height: auto;
}
@media print, screen and (min-width: 769px) {
.view-sp {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.view-pc {
display: none !important;
}
}
.des-attention-area {
width: 1000px;
margin: 0 auto;
padding-bottom: 10px;
}
.des-attention {
background-color: #FFFF40;
font-size: 80%;
}
.des-attention2 {
background-color: #C0C0FF;
font-size: 80%;
}
.color-scheme-area {
margin-top: 20px;
}
.scheme-bar {
padding: 5px 0 5px 0;
border: 1px solid #333333;
}
.color-scheme-area .box {
width: 300px;
}
@media print, screen and (min-width: 769px) {
.color-scheme-area .box {
float: left;
margin-left: 20px;
}
}
.color-scheme-area .title {
margin: 5px 0 0 0;
}
.scheme1 {
background-color: #bedfef;
text-align: center;
}
.scheme2 {
border: 1px solid #367aab;
text-align: center;
}
.scheme3 {
background-color: #333333;
text-align: center;
}
.scheme4 {
background-color: #367aab;
text-align: center;
}
.scheme5 {
border: 1px solid #367aab;
text-align: center;
}
.scheme6 {
background-color: #ffffff;
text-align: center;
}
.scheme7 {
background-color: #448aca;
text-align: center;
}
.scheme8 {
background-color: #367aab;
color: #fff;
text-align: center;
}
.scheme9 {
background-color: #e5f2f9;
text-align: center;
}
.scheme10 {
background-color: #367aab;
text-align: center;
}
.scheme11 {
background-color: #a3c4e0;
text-align: center;
}
/* Googleã«ã¹ã¿ã æ¤ç´¢
--------------------------------------------------------- */
/* ----- ããã©ã«ãã¹ã¿ã¤ã«åæå ----- */
form.gsc-search-box {
margin: 0 !important;
font-size: inherit !important;
}
table.gsc-search-box {
margin: 0 !important;
border: none !important;
}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
padding: 0 !important;
}
table.gsc-search-box td.gsc-input {
padding: 0 !important;
}
.gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover {
box-shadow: none !important;
}
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
box-shadow: none !important;
}
table.gsc-search-box td {
line-height: 1.0;
}
.gsib_a {
padding: 0 0 0 10px !important;
}
.cse input.gsc-input, input.gsc-input {
box-sizing: border-box;
padding: 5px 0 !important;
border: none !important;
font-size: inherit !important;
margin: 0 !important;
}
.cse input.gsc-input::-webkit-input-placeholder, input.gsc-input::-webkit-input-placeholder {
font-family: inherit !important;
font-size: inherit !important;
}
.cse input.gsc-input:-moz-placeholder, input.gsc-input:-moz-placeholder {
font-family: inherit !important;
font-size: inherit !important;
}
.cse input.gsc-input::-moz-placeholder, input.gsc-input::-moz-placeholder {
font-family: inherit !important;
font-size: inherit !important;
}
.cse input.gsc-input:-ms-input-placeholder, input.gsc-input:-ms-input-placeholder {
font-family: inherit !important;
font-size: inherit !important;
}
.gsst_b {
font-size: inherit !important;
padding: 0 !important;
}
.gsst_a {
padding: 0 !important;
}
.gscb_a {
display: inline-block;
font: inherit !important;
padding: 0 5px !important;
}
td.gsc-search-button {
font-size: 0;
}
.gsc-search-button {
margin: 0 !important;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
box-sizing: border-box;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer;
}
/* ----- ã«ã¹ã¿ã è¨å® ----- */
.gsc-input-box {
border: 1px solid #367aab !important;
}
@media print, screen and (min-width: 769px) {
.gsc-input-box {
border-radius: 4px 0 0 4px !important;
}
}
@media screen and (max-width: 768px) {
.gsc-input-box {
border-radius: 4px 0 0 4px !important;
}
}
@media print, screen and (min-width: 769px) {
.cse input.gsc-input, input.gsc-input {
min-height: 44px;
}
}
@media screen and (max-width: 768px) {
.cse input.gsc-input, input.gsc-input {
min-height: 78px;
}
}
@media print, screen and (min-width: 769px) {
td.gsc-search-button {
height: 44px;
padding-left: 0 !important;
}
}
@media screen and (max-width: 768px) {
td.gsc-search-button {
height: 78px;
padding-left: 0 !important;
}
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
background-color: #367aab !important;
}
@media print, screen and (min-width: 769px) {
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
width: 46px !important;
border-radius: 0 4px 4px 0 !important;
}
}
@media screen and (max-width: 768px) {
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
width: 80px !important;
border-radius: 0 4px 4px 0 !important;
}
}
@media print, screen and (min-width: 769px) {
.gsc-search-button-v2 svg {
width: 26px !important;
height: 26px !important;
}
}
@media screen and (max-width: 768px) {
.gsc-search-button-v2 svg {
width: 44px !important;
height: 44px !important;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.hide {
display: none;
}
#smartphone * {
box-sizing: border-box;
}
#smartphone a {
color: #333;
display: block;
text-decoration: none;
}
#smartphone .wrap {
align-items: center;
background-color: #a3c4e0;
border: 6px solid #367aab;
display: flex;
justify-content: center;
padding: 15px 0;
position: relative;
width: 100%;
}
#smartphone .wrap .txt {
font-size: 230%;
font-weight: bold;
line-height: 140%;
padding-right: 20px;
}
#smartphone .wrap .ico {
background-color: #ffffff;
border-radius: 50%;
height: 40px;
width: 40px;
position: absolute;
right: 20px;
}
#smartphone .wrap .ico:after {
border-left: 12px solid #367aab;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
bottom: 0;
content: '';
left: 0;
height: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 0;
}
#speach-area {
display: none;
margin-top: 30px;
background-color: #edeef0;
}
#speach-area.is-active {
display: block;
}
#speach-area .speach-area-in {
position: relative;
}
@media print, screen and (min-width: 769px) {
#speach-area .speach-area-in {
width: 1000px;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#speach-area .speach-area-in {
margin: 0 20px;
}
}
#speach-area .speach-area-close {
position: absolute;
right: -10px;
top: -10px;
appearance: none;
border: none;
cursor: pointer;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-radius: 50%;
background-color: #1b2441;
}
#speach-area .speach-area-close:hover {
opacity: .85;
}
@media print, screen and (min-width: 769px) {
#speach-area .speach-area-close {
width: 24px;
height: 24px;
}
}
@media screen and (max-width: 768px) {
#speach-area .speach-area-close {
padding: 0;
width: 48px;
height: 48px;
}
}
@media print, screen and (min-width: 769px) {
#speach-area .speach-area-close img {
width: 80%;
}
}
@media screen and (max-width: 768px) {
#speach-area .speach-area-close img {
width: 19px;
height: 19px;
}
}
#speach-area .tsutaeru-speech {
font-size: 100%;
text-align: left;
}
#speach-area .tsutaeru-speech .tsutaeru-button {
margin-right: .25em;
}
/*++++++++++++++++++++++++++++++++++
* ããããã¼ã¸ã®ã³ã³ãã³ãã¨ãªã¢å°ç¨CSSï¼ããªã³ãç¨ï¼
* @version 0.0.1
++++++++++++++++++++++++++++++++++*/
@media print {
body {
zoom: 1;
}
}
@media print, screen and (min-width: 769px) {
body {
min-width: 1040px;
}
.to-container a {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
margin-top: -9999px;
color: #333;
font-size: 97%;
}
.to-container a:focus {
position: relative;
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 5px;
}
#header-print {
position: relative;
}
#header {
background: rgba(255, 255, 255, 0.85);
left: 0;
position: absolute;
top: 0;
right: 0;
z-index: 90;
/* .header-subnav-area */
/* end-.header-subnav-area */
}
#header .header-subnav-area {
display: flex;
align-items: center;
gap: 0 20px;
width: 1000px;
margin: 0 auto;
}
#header .header-subnav-area #header-logo {
position: relative;
}
#header .header-subnav-area #header-logo span::after {
background-color: rgba(255, 255, 255, 0.85);
border-radius: 0 0 10px 10px;
content: "";
bottom: -14px;
height: 40px;
left: 0;
position: absolute;
width: 239px;
}
#header .header-subnav-area #header-logo a {
display: inline-block;
}
#header .header-subnav-area #header-logo a:hover {
opacity: .85;
}
#header .header-subnav-area #header-logo img {
padding: 10px 0 0 20px;
position: relative;
z-index: 10;
}
#header .header-subnav-area .box {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
padding-bottom: 8px;
width: 720px;
}
#header .header-subnav-area .header-size, #header .header-subnav-area .header-color {
align-items: center;
display: grid;
grid-template-columns: repeat(3, auto);
}
#header .header-subnav-area .header-size .item, #header .header-subnav-area .header-color .item {
grid-column-start: 1;
}
#header .header-subnav-area .header-size button, #header .header-subnav-area .header-color button {
appearance: none;
background: none;
border: none;
cursor: pointer;
display: block;
font-size: 0;
padding: 0;
vertical-align: bottom;
}
#header .header-subnav-area .header-size dt, #header .header-subnav-area .header-color dt {
grid-column-start: 1;
grid-column-end: span 3;
font-size: 0.75rem;
}
#header .header-subnav-area .header-size dd, #header .header-subnav-area .header-color dd {
line-height: 1;
}
#header .header-subnav-area .header-size dd img, #header .header-subnav-area .header-color dd img {
cursor: pointer;
}
#header .header-subnav-area .header-size dd img:hover, #header .header-subnav-area .header-color dd img:hover {
opacity: .85;
}
#header .header-subnav-area .header-size dd a, #header .header-subnav-area .header-color dd a {
display: block;
}
#header .header-subnav-area .header-lang {
display: flex;
margin-left: 20px;
}
#header .header-subnav-area .header-lang .lang-select {
appearance: none;
background: url(../img_common/lang_icon.png) center left 6px no-repeat, url(../img_common/lang_arrow.png) center right 6px no-repeat #fff;
border: 1px solid #367aab;
border-right: none;
background-size: 16px 16px, auto;
border-radius: 4px 0 0 4px;
cursor: pointer;
font-size: 0.8125rem;
min-width: 165px;
padding: 10px 20px 10px 26px;
}
#header .header-subnav-area .header-lang .btn-lang-select {
background: #fff;
border: 1px solid #367aab;
border-left: none;
border-radius: 0 4px 4px 0;
color: #333;
font-size: 0.8125rem;
font-weight: bold;
line-height: 1;
cursor: pointer;
position: relative;
}
#header .header-subnav-area .header-lang .btn-lang-select:hover {
opacity: .85;
}
#header .header-subnav-area .header-lang .btn-lang-select::after {
background-color: #295597;
content: '';
display: inline-block;
height: 26px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1px;
}
#header .header-subnav-area {
font-size: 0.8125rem;
width: 1000px;
margin: 0 auto;
position: relative;
min-height: 60px;
}
#header .header-subnav-area #header-logo {
position: absolute;
top: 10px;
left: 0;
}
#header .header-subnav-area .box {
box-sizing: border-box;
}
#header .header-subnav-area .box .header-size button, #header .header-subnav-area .box .header-color button {
appearance: none;
background: none;
border: none;
cursor: pointer;
font-size: 0;
padding: 0;
}
#header .header-subnav-area .box .header-size .title, #header .header-subnav-area .box .header-color .title {
padding-right: 4px;
vertical-align: middle;
}
#header .header-subnav-area .box .header-size .title span, #header .header-subnav-area .box .header-color .title span {
display: block;
padding-top: 2px;
}
#header .header-subnav-area .box .header-size dd img, #header .header-subnav-area .box .header-color dd img {
cursor: pointer;
}
#header .header-subnav-area .box .header-color {
margin-right: 15px;
margin-left: 20px;
}
#header .header-subnav-area .box .header-color dd img {
margin-right: 2px;
}
#header .header-subnav-area .box .unit2 li {
padding-left: 10px;
}
#header .header-subnav-area .box .tsutaeru {
align-items: center;
display: flex;
gap: 0 20px;
margin-top: 8px;
}
#header .header-subnav-area .box .tsutaeru li a, #header .header-subnav-area .box .tsutaeru li button {
color: #000;
font-size: 0.8125rem;
}
#header .header-subnav-area .box .tsutaeru .is-hide {
display: none;
}
#header .header-subnav-area .box .tsutaeru button {
appearance: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
text-decoration: underline;
}
/* #header-nav */
#header-nav {
background-color: #fff;
border: 4px solid #a3c4e0;
border-radius: 35px;
margin: 0 auto;
width: 1000px;
}
#header-nav .list {
position: relative;
}
#header-nav .in {
width: 1000px;
margin: 0 auto;
}
#header-nav .list {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
#header-nav .list > li {
text-align: center;
}
#header-nav .list > li:first-child .box {
border-radius: 35px 0 0 35px;
}
#header-nav .list > li:last-child {
max-width: 160px;
}
#header-nav .list > li:last-child .box {
border-radius: 0 35px 35px 0;
}
#header-nav .list > li > a {
display: block;
color: #565656;
height: 100%;
text-decoration: none;
}
#header-nav .list > li > a > .box {
display: flex;
height: 100%;
}
#header-nav .list > li > a p {
align-items: center;
display: flex;
font-weight: bold;
font-size: 1.125rem;
justify-content: center;
width: 100%;
}
#header-nav .list > li:hover .box {
background-color: #e5f2f9;
}
.header-nav-item > a {
position: relative;
}
.header-nav-item:not(:last-child) > a::after {
content: "";
position: absolute;
width: 1px;
height: 40px;
top: 50%;
right: 0;
background-color: #a3c4e0;
padding-top: 20px;
transform: translateY(-50%);
}
.header-nav-item:hover::before {
background: url(../img_common/dropmenu_sankaku.png) center center no-repeat;
bottom: -25px;
content: "";
display: inline-block;
height: 20px;
margin-left: -20px;
position: absolute;
width: 40px;
}
.nav-category-list-box {
left: 0;
top: 100%;
padding-top: 25px;
position: absolute;
width: 1000px;
}
.nav-category-list-box ul {
align-items: flex-start;
background-color: rgba(163, 196, 224, 0.9);
border-radius: 10px;
box-sizing: border-box;
display: grid;
gap: 15px 20px;
grid-template-columns: repeat(3, 1fr);
margin: 0 auto;
padding: 20px;
width: 100%;
}
.nav-category-list-box ul li {
background: url(../img_common/arrow.png) right 15px center no-repeat #fff;
border-radius: 6px;
height: auto !important;
position: relative;
}
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
.nav-category-list-box ul li {
background-size: 18px auto;
}
}
@media print, screen and (min-width: 769px) {
.nav-category-list-box ul li .category-item-in {
display: flex;
height: 100%;
}
.nav-category-list-box ul li .category-item-in a {
align-items: center;
color: #0f3232;
display: flex;
min-height: 40px;
text-decoration: none;
text-align: left;
padding: 0 40px 0 10px;
width: 100%;
}
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
.nav-category-list-box ul li .category-item-in a:hover {
text-decoration: underline;
}
}
@media print, screen and (min-width: 769px) {
/* end-#header-nav */
}
@media screen and (max-width: 768px) {
#sp-header {
position: relative;
}
#sp-header .modal-menu-close {
display: none;
}
#sp-header > .box {
padding: 18px 20px;
}
#sp-header > .box #sp-header-logo img {
max-width: 100%;
}
#sp-header > .box #sp-header-nav {
position: absolute;
right: 10px;
top: 0;
width: 40%;
padding: 0;
background: none;
}
#sp-header > .box #sp-header-nav .list {
display: none;
}
#sp-header > .box #sp-header-nav .menu-btn-area {
margin: 10px 0;
}
#sp-header > .box #sp-header-nav .menu-btn-area img {
max-width: 100%;
}
#sp-header > .box #sp-header-nav .menu-btn-area p {
position: absolute;
top: 10px;
right: 10px;
}
#sp-header > .box #sp-header-nav .menu-btn-area .menu-btn-search {
position: absolute;
left: 0;
}
#sp-header > .box #sp-header-nav .menu-btn-area .menu-btn-menu {
position: absolute;
right: 10px;
}
#sp-header .modal-menu-bg {
width: 100%;
height: 1000px;
display: none;
position: absolute;
top: 120px;
left: 0;
opacity: 0.7;
background: #000;
z-index: 9;
}
#sp-header .modal-menu {
display: none;
position: absolute;
top: 118px;
left: 0;
z-index: 100;
width: 100%;
}
#sp-header .modal-menu .in {
padding: 0 0 20px 0;
background-color: #eaf2f7;
box-sizing: border-box;
padding: 32px 0 0;
}
#sp-header .modal-menu .modal-menu-close {
padding: 20px 0;
text-align: center;
}
#sp-header .modal-menu .modal-menu-close span {
cursor: pointer;
}
#sp-header .site-search h2 {
font-size: 2.5rem;
margin-left: 45px;
}
#sp-header .site-search p.ttl {
font-weight: bold;
}
#sp-header .site-search .google-wrap {
margin: 0 auto;
width: 580px;
}
#sp-header .site-search .google-wrap > div {
align-items: center;
display: flex;
height: 84px;
justify-content: center;
}
#sp-header .site-search .google-wrap .google-content > div {
margin-top: 5px;
width: 100%;
}
#sp-header .site-search .google-wrap .cse .gsc-search-button-v2, #sp-header .site-search .google-wrap .gsc-search-button-v2 {
width: 84px !important;
}
#sp-header .site-search .google-wrap .gsc-input {
font-size: 100% !important;
}
#sp-header .site-search .google-wrap .gsc-input-box {
border-width: 2px !important;
}
#sp-header .site-search .page-wrap {
margin: 20px auto 0;
width: 580px;
}
#sp-header .site-search .page-wrap .page-number-search {
align-items: center;
display: flex;
justify-content: center;
}
#sp-header .site-search .page-wrap .page-number-search > div {
flex-grow: 1;
}
#sp-header .site-search .page-wrap .page-number-search .input-wrap {
border: 2px solid #367aab;
background-color: #fff;
border-radius: 4px;
display: flex;
}
#sp-header .site-search .page-wrap .page-number-search .input-wrap .number-label {
align-items: center;
display: flex;
flex-grow: 1;
}
#sp-header .site-search .page-wrap .page-number-search .input-wrap .number-label input {
box-sizing: border-box;
border-radius: 4px;
border: none;
font-size: 100%;
height: 100%;
padding: 0 10px;
width: 100%;
}
#sp-header .site-search .page-wrap .page-number-search .input-wrap .submit-label {
align-items: center;
display: flex;
min-height: 84px;
}
#sp-header .site-search .page-wrap .page-number-search .input-wrap .submit-label button {
background-color: #367aab;
border: none;
cursor: pointer;
height: 84px;
width: 84px;
}
}
@media screen and (max-width: 768px) and (min-width: 769px) {
#sp-header .site-search .page-wrap .page-number-search .input-wrap .submit-label button img {
height: 26px;
width: 26px;
}
}
@media screen and (max-width: 768px) {
#sp-header .modal-menu .sp-nav {
margin-top: 40px;
}
#sp-header .modal-menu .sp-nav .box {
display: block;
border-bottom: 2px solid #a3c4e0;
}
#sp-header .modal-menu .sp-nav .box:first-of-type {
border-top: 2px solid #a3c4e0;
}
#sp-header .modal-menu .sp-nav .title {
position: relative;
font-weight: normal;
}
#sp-header .modal-menu .sp-nav .title a {
display: block;
color: #565656;
font-weight: bold;
padding: 34px 0px 34px 40px;
margin-right: 90px;
font-size: 2.25rem;
text-decoration: none;
}
#sp-header .modal-menu .sp-nav .title button {
margin: 0;
padding: 0;
border: none;
display: block;
cursor: pointer;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 90px;
height: 90px;
background: no-repeat center center;
}
#sp-header .modal-menu .sp-nav .title button.plus {
background-image: url(../img_common/modal_menu_btn_plus.png);
}
#sp-header .modal-menu .sp-nav .title button.mynus {
background-image: url(../img_common/modal_menu_btn_minus.png);
}
#sp-header .modal-menu .sp-nav .title button span {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
#sp-header .modal-menu .sp-nav .bloc {
display: none;
}
#sp-header .modal-menu .sp-nav .bloc .list {
background-color: #fff;
}
#sp-header .modal-menu .sp-nav .bloc .list a {
display: block;
color: #000;
padding: 26px 75px 26px 50px;
background: url(../img_common/modal_right.png) no-repeat right 26px center;
}
#sp-header .support-block {
margin-top: 60px;
}
#sp-header .support-block button {
appearance: none;
background: none;
border: none;
cursor: pointer;
display: block;
font-size: 0;
padding: 0;
}
#sp-header .support-block .support-list {
box-sizing: border-box;
margin: auto;
width: 600px;
}
#sp-header .support-block .support-list li + li {
margin-top: 30px;
}
#sp-header .support-block .header-size dl,
#sp-header .support-block .header-color dl {
align-items: center;
display: flex;
}
#sp-header .support-block .header-size dt,
#sp-header .support-block .header-color dt {
flex-shrink: 0;
margin-right: 20px;
width: 145px;
}
#sp-header .support-block .header-size dd,
#sp-header .support-block .header-color dd {
font-size: 0;
}
#sp-header .support-block .header-color dd {
margin-right: 10px;
}
#sp-header .support-block .tsutaeru {
align-items: center;
display: flex;
gap: 0 50px;
}
#sp-header .support-block .tsutaeru div a {
color: #000;
}
#sp-header .support-block .tsutaeru .is-hide {
display: none;
}
#sp-header .support-block .tsutaeru button {
appearance: none;
background: none;
border: none;
color: #000;
font-size: 95%;
padding: 0;
cursor: pointer;
text-decoration: underline;
}
#sp-header .support-block .header-lang {
display: flex;
border: solid 2px #367aab;
border-radius: 6px;
margin: 30px auto 0;
width: 600px;
}
#sp-header .support-block .header-lang .lang-select {
appearance: none;
background: url(../img_common/lang_icon.png) center left 20px no-repeat, url(../img_common/sp_lang_arrow.png) center right 15px no-repeat #fff;
border-radius: 6px 0 0 6px;
flex: 1;
color: #000;
padding: 25px 40px 25px 70px;
border: 0;
font-size: 100%;
}
#sp-header .support-block .header-lang .btn-lang-select {
background-color: #fff;
color: #000;
font-weight: bold;
padding: 15px 20px;
font-size: 100%;
line-height: 1;
cursor: pointer;
position: relative;
}
#sp-header .support-block .header-lang .btn-lang-select::after {
background-color: #367aab;
content: '';
display: inline-block;
height: 60px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2px;
}
#sp-header .goto-pc {
margin: 30px auto 0;
text-align: center;
width: 600px;
}
#sp-header .goto-pc a {
background: #fff;
border: 2px solid #367aab;
border-radius: 6px;
display: block;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 13px 0;
}
#sp-header .goto-pc a span {
background: url(../img_common/goto_pc.png) center left no-repeat;
padding: 0 65px;
}
#sp-header .bottom-close {
background-color: #367aab;
text-align: center;
margin-top: 60px;
}
#sp-header .bottom-close button {
appearance: none;
background-color: transparent;
color: #fff;
display: block;
font-weight: bold;
border: none;
font-size: 100%;
margin: 0;
padding: 0;
width: 100%;
}
#sp-header .bottom-close button span {
background: url(../img_common/modal_close.png) center left no-repeat;
padding: 0 56px;
}
}
@media screen and (max-width: 768px) and (max-width: 570px) {
#sp-header .modal-search,
#sp-header .modal-menu {
top: 90px;
}
#sp-header .modal-menu .arrow {
right: 6%;
}
#sp-header .modal-search .arrow {
right: 24%;
}
}
*, *::before, *::after {
box-sizing: border-box;
}
.contents-width {
margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
.contents-width {
width: 1000px;
}
}
@media screen and (max-width: 768px) {
.contents-width {
width: 710px;
}
}
h2 {
color: #565656;
}
@media print, screen and (min-width: 769px) {
h2 {
font-size: 2.375rem;
}
}
@media screen and (max-width: 768px) {
h2 {
font-size: 3.125rem;
}
}
.obf-cover img {
object-fit: cover;
}
.obf-contain img {
object-fit: contain;
}
#speach-area {
margin-top: 0;
}
#speach-area .speach-area-close {
top: 5px;
}
@media print, screen and (min-width: 769px) {
.mv {
min-height: 700px;
position: relative;
}
}
@media screen and (max-width: 768px) {
.mv {
background-color: #e5f2f9;
padding-bottom: 40px;
}
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls {
bottom: 70px;
position: absolute;
right: 0;
z-index: 100;
}
}
.mv .mv-in .slide-controls button {
background: none;
border: none;
cursor: pointer;
font-size: 0;
}
.mv .mv-in .slide-controls .control-unit {
align-items: center;
display: flex;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls .control-unit {
flex-direction: column;
margin-top: 25px;
}
}
@media screen and (max-width: 768px) {
.mv .mv-in .slide-controls .control-unit {
margin-top: 20px;
}
}
.mv .mv-in .slide-controls .control-unit .bx-pager-list {
display: flex;
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list {
flex-direction: column;
}
}
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item {
display: flex;
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 14px;
margin-bottom: 12px;
width: 14px;
}
}
@media screen and (max-width: 768px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 20px;
margin-right: 22px;
width: 20px;
}
}
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
background-color: #fff;
border-radius: 50%;
height: 100%;
outline: 1px solid #367aab;
outline-offset: -2px;
padding: 0;
width: 100%;
}
@media screen and (max-width: 768px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
border-width: 4px;
}
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item button:focus-visible {
outline: 2px solid #000;
}
}
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item button.active {
border: 1px solid #367aab;
background-color: #367aab;
}
@media screen and (max-width: 768px) {
.mv .mv-in .slide-controls .control-unit .bx-pager-list .bx-pager-item button.active {
border-width: 2px;
}
}
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button {
background: center /contain no-repeat;
display: block;
}
@media print, screen and (min-width: 769px) {
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button {
height: 40px;
width: 40px;
}
}
@media screen and (max-width: 768px) {
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button {
height: 60px;
width: 60px;
}
}
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button.bx-start {
background-image: url("../img_top/start.png");
}
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button.bx-stop {
background-image: url("../img_top/stop.png");
}
.mv .mv-in .slide-controls .control-unit .bx-controls-auto-item button.active {
display: none;
}
@media print, screen and (min-width: 769px) {
.mv .mv-in img {
height: 700px;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.mv .mv-in img {
height: 500px;
width: 750px;
}
}
@media print, screen and (min-width: 769px) {
.mv .banner {
bottom: 75px;
left: 30px;
position: absolute;
z-index: 90;
}
}
@media screen and (max-width: 768px) {
.mv .banner {
margin-top: 40px;
padding: 0 22px;
}
}
.mv .banner .banner-list {
display: flex;
gap: 0 20px;
}
.mv .banner .banner-list li a, .mv .banner .banner-list li .item-nolink {
color: #333;
font-weight: bold;
text-decoration: none;
}
@media print, screen and (min-width: 769px) {
.mv .banner .banner-list li a:hover {
text-decoration: underline;
}
.mv .banner .banner-list li a:hover img {
opacity: 0.85;
}
}
.mv .banner .banner-list li .item-img img {
border-radius: 6px 6px 0 0;
}
@media print, screen and (min-width: 769px) {
.mv .banner .banner-list li .item-img img {
height: 110px;
width: 200px;
}
}
@media screen and (max-width: 768px) {
.mv .banner .banner-list li .item-img img {
height: 120px;
width: 220px;
}
}
.mv .banner .banner-list li .item-txt > * {
align-items: center;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0 0 6px 6px;
display: flex;
justify-content: center;
line-height: 1.3;
text-align: center;
margin-top: -1px;
min-height: 50px;
}
@media print, screen and (min-width: 769px) {
.mv .banner .banner-list li .item-txt > * {
max-width: 200px;
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.mv .banner .banner-list li .item-txt > * {
max-width: 220px;
min-height: 80px;
}
}
#header-nav {
margin-top: -40px;
position: relative;
z-index: 100;
}
@media print, screen and (min-width: 769px) {
.emergency-in {
margin-top: 36px;
}
}
@media screen and (max-width: 768px) {
.emergency-in {
margin-top: 40px;
}
}
.emergency-in .ttl-box {
align-items: center;
background-color: #bb4224;
border-radius: 6px 6px 0 0;
display: flex;
justify-content: space-between;
padding: 0 10px 0 18px;
}
@media screen and (max-width: 768px) {
.emergency-in .ttl-box {
padding: 13px;
}
}
.emergency-in .ttl-box > h2 {
color: #fff;
}
@media screen and (max-width: 768px) {
.emergency-in .ttl-box > h2 {
font-size: 2rem;
}
}
.emergency-in .ttl-box p > a {
background: url(../img_top/emg_arrow.png) center right 15px no-repeat #fff;
border-radius: 18px;
display: block;
color: #000;
text-decoration: none;
padding: 4px 50px 4px 15px;
}
@media print, screen and (min-width: 769px) {
.emergency-in .ttl-box p > a {
background-size: 18px auto;
font-size: 0.9375rem;
}
.emergency-in .ttl-box p > a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
.emergency-in .ttl-box p > a {
background-position: center right 20px;
border-radius: 28px;
font-size: 1.375rem;
padding: 2px 76px 2px 25px;
}
}
.emergency-in .contents-box {
background-color: #fff;
border: 1px solid #bb4224;
border-radius: 0 0 6px 6px;
}
.emergency-in .contents-box ul {
height: 95px;
margin: 10px 10px 5px 15px;
overflow: auto;
}
@media screen and (max-width: 768px) {
.emergency-in .contents-box ul {
margin: 25px;
height: 325px;
}
}
.emergency-in .contents-box ul li {
display: flex;
margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
.emergency-in .contents-box ul li {
flex-direction: column;
line-height: 1.3;
margin-bottom: 25px;
}
}
.emergency-in .contents-box ul li a {
color: #000;
}
.emergency-in .contents-box ul li .date {
color: #bb4224;
font-weight: bold;
flex-shrink: 0;
}
@media print, screen and (min-width: 769px) {
.emergency-in .contents-box ul li .txt {
margin-left: 36px;
}
}
@media print, screen and (min-width: 769px) {
.serach-topics .serach-topics-in {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: 55px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .serach-topics-in {
margin-top: 60px;
}
}
.serach-topics .site-search {
background-color: #e5f2f9;
border-radius: 20px;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search {
flex-shrink: 0;
padding: 30px;
width: 400px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .site-search {
padding: 50px 65px 60px;
}
}
.serach-topics .site-search h2 {
background: url(../img_top/search_icon.png) center left no-repeat;
font-size: 1.625rem;
text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
margin: 0 auto;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search h2 {
background-size: 34px auto;
padding-left: 45px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .site-search h2 {
font-size: 2.75rem;
padding-left: 75px;
}
}
.serach-topics .site-search p.ttl {
font-weight: bold;
}
.serach-topics .site-search .google-wrap {
margin-top: 35px;
}
@media screen and (max-width: 768px) {
.serach-topics .site-search .google-wrap {
margin-top: 45px;
}
}
.serach-topics .site-search .google-wrap .google-content {
align-items: center;
display: flex;
min-height: 46px;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .google-wrap .google-content {
margin-top: 5px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .site-search .google-wrap .google-content {
border-width: 2px;
min-height: 80px;
margin-top: 10px;
}
}
.serach-topics .site-search .google-wrap .google-content > div {
width: 100%;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .site-search .page-wrap {
margin-top: 50px;
}
}
.serach-topics .site-search .page-wrap > .box {
display: flex;
justify-content: space-between;
}
.serach-topics .site-search .page-wrap > .box a {
color: #000;
}
.serach-topics .site-search .page-wrap .page-number-search {
align-items: center;
display: flex;
margin-top: 10px;
justify-content: center;
}
@media screen and (max-width: 768px) {
.serach-topics .site-search .page-wrap .page-number-search {
border-width: 2px;
}
}
.serach-topics .site-search .page-wrap .page-number-search > div {
flex-grow: 1;
}
.serach-topics .site-search .page-wrap .page-number-search .input-wrap {
background-color: #fff;
border: 1px solid #367aab;
border-radius: 4px;
display: flex;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap {
align-items: center;
max-height: 48px;
}
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .submit-label {
height: inherit;
}
}
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .number-label {
flex-grow: 1;
}
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .number-label input {
box-sizing: border-box;
border-radius: 4px;
border: none;
font-size: 100%;
height: 100%;
padding: 0 10px;
width: 100%;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .number-label input {
min-height: 46px;
}
}
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .submit-label button {
background-color: #367aab;
border: none;
cursor: pointer;
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .submit-label button {
display: block;
height: 46px;
width: 46px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .submit-label button {
height: 84px;
width: 84px;
}
}
@media print, screen and (min-width: 769px) {
.serach-topics .site-search .page-wrap .page-number-search .input-wrap .submit-label button img {
height: 26px;
width: 26px;
}
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics {
min-height: 308px;
width: 560px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics {
min-height: 408px;
margin-top: 60px;
}
}
.serach-topics .topics h2 {
background: url(../img_top/topics_icon.png) center left no-repeat, url(../img_top/topics_line.png) bottom 20px right no-repeat;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics h2 {
background-size: 56px auto, 320px auto;
font-size: 1.875rem;
padding-top: 15px;
padding-left: 74px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics h2 {
font-size: 2.75rem;
background-position: top left, center right;
padding-left: 100px;
padding-top: 5px;
}
}
.serach-topics .topics .bx-wrapper {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.serach-topics .topics .bx-wrapper {
margin-top: 20px;
}
}
.serach-topics .topics .bx-wrapper .topics-slider-list li a {
display: block;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .bx-wrapper .topics-slider-list li a:focus-visible {
outline-offset: -2px;
outline: 2px solid #000;
}
.serach-topics .topics .bx-wrapper .topics-slider-list li a:hover img {
opacity: 0.85;
}
}
.serach-topics .topics .slide-controls button {
background: none;
border: none;
cursor: pointer;
font-size: 0;
}
.serach-topics .topics .slide-controls .arrow button {
background: center /contain no-repeat;
position: absolute;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .arrow button {
height: 25px;
top: 50%;
transform: translateY(-50%);
width: 30px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .arrow button {
height: 60px;
top: -10px;
width: 60px;
}
}
.serach-topics .topics .slide-controls .arrow button.bx-prev {
background-image: url("../img_top/prev.png");
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .arrow button.bx-prev {
left: 0;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .arrow button.bx-prev {
left: 0;
}
}
.serach-topics .topics .slide-controls .arrow button.bx-next {
background-image: url("../img_top/next.png");
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .arrow button.bx-next {
right: 0;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .arrow button.bx-next {
right: 0;
}
}
.serach-topics .topics .slide-controls .control-unit {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0 60px;
position: relative;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .control-unit {
margin-top: 20px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .control-unit {
margin-top: 30px;
padding: 0 110px;
}
}
.serach-topics .topics .slide-controls .control-unit .bx-pager-list {
display: flex;
flex-wrap: wrap;
gap: 5px 0;
}
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item {
display: flex;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 14px;
margin-right: 14px;
width: 14px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 20px;
margin-right: 22px;
width: 20px;
}
}
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
border: 1px solid #367aab;
background-color: #fff;
border-radius: 50%;
height: 100%;
padding: 0;
width: 100%;
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
border-width: 2px;
}
}
.serach-topics .topics .slide-controls .control-unit .bx-pager-list .bx-pager-item button.active {
background-color: #367aab;
}
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button {
background: center /contain no-repeat;
display: block;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button {
height: 40px;
width: 40px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button {
height: 60px;
width: 60px;
}
}
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button.bx-start {
background-image: url("../img_top/start.png");
}
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button.bx-stop {
background-image: url("../img_top/stop.png");
}
.serach-topics .topics .slide-controls .control-unit .bx-controls-auto-item button.active {
display: none;
}
@media print, screen and (min-width: 769px) {
.serach-topics .topics img {
height: 170px;
width: 260px;
}
}
@media screen and (max-width: 768px) {
.serach-topics .topics img {
height: 222px;
width: 340px;
}
}
.incase {
background-color: #fdeded;
}
@media print, screen and (min-width: 769px) {
.incase .incase-in {
margin-top: 55px;
}
}
@media screen and (max-width: 768px) {
.incase .incase-in {
margin-top: 60px;
}
}
@media print, screen and (min-width: 769px) {
.incase .incase-list {
display: grid;
grid-template-columns: repeat(3, 300px);
gap: 0 20px;
justify-content: center;
padding: 50px 0;
}
}
@media screen and (max-width: 768px) {
.incase .incase-list {
margin: 0 auto;
padding: 60px 0;
width: 500px;
}
}
.incase .incase-list li {
background: url(../img_top/incase_line.png) right bottom 10px no-repeat #fff;
border-radius: 10px;
box-shadow: 0 0 8px 4px rgba(188, 125, 125, 0.15);
}
@media print, screen and (min-width: 769px) {
.incase .incase-list li {
background-size: 210px 2px;
}
}
@media screen and (max-width: 768px) {
.incase .incase-list li {
padding: 13px 0 13px 25px;
}
.incase .incase-list li:not(:last-child) {
margin-bottom: 30px;
}
}
.incase .incase-list li a {
color: #000;
font-weight: bold;
text-decoration: none;
}
@media print, screen and (min-width: 769px) {
.incase .incase-list li a:hover {
text-decoration: underline;
}
.incase .incase-list li a:hover img {
opacity: 0.85;
}
}
.incase .incase-list li .item-in {
align-items: center;
display: flex;
}
.incase .incase-list li .item-txt {
margin-left: 25px;
}
@media print, screen and (min-width: 769px) {
.incase .incase-list li .item-txt {
font-size: 1.125rem;
}
}
@media screen and (max-width: 768px) {
.incase .incase-list li .item-img {
text-align: center;
width: 80px;
}
}
@media print, screen and (min-width: 769px) {
.incase .incase-list li .item-img img {
transform: scale(0.8);
}
}
@media screen and (max-width: 768px) {
.incase .incase-list li .item-img img {
max-height: 85px;
max-width: 80px;
}
}
.info .pageListNotExists {
text-align: center;
}
.info .info-in {
margin-top: 75px;
}
.info .info-in h2 {
background: url(../img_top/info_flag.png) top left no-repeat;
margin: 0 auto;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.info .info-in h2 {
background-size: 50px auto;
padding: 5px 70px 0 70px;
}
}
@media screen and (max-width: 768px) {
.info .info-in h2 {
padding: 5px 90px 0 90px;
}
}
.info .info-box {
border: 12px solid;
border-image-source: url(../img_top/outline.png);
border-image-slice: 15;
margin-top: 20px;
padding: 15px 0 30px;
}
@media screen and (max-width: 768px) {
.info .info-box {
border-width: 15px;
padding: 10px 0 50px;
}
}
.info .info-list {
height: 345px;
overflow: auto;
margin: 20px 25px;
padding: 2px 0 0 30px;
}
@media screen and (max-width: 768px) {
.info .info-list {
height: 530px;
}
}
.info .info-list li:not(:last-child) {
margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
.info .info-list li {
display: flex;
}
}
.info .info-list li .date {
color: #295597;
font-weight: bold;
flex-shrink: 0;
}
.info .info-list li .tags {
font-size: 0.875rem;
font-weight: bold;
flex-shrink: 0;
margin-left: 30px;
min-width: 84px;
}
@media screen and (max-width: 768px) {
.info .info-list li .tags {
font-size: 1.3125rem;
min-height: 45px;
margin-left: 20px;
}
}
.info .info-list li .tags .tag1 {
border: 2px solid #9bcbe2;
border-radius: 15px;
color: #295597;
margin-right: 10px;
padding: 4px 12px;
}
@media screen and (max-width: 768px) {
.info .info-list li .tags .tag1 {
border-radius: 22px;
border-width: 4px;
}
}
.info .info-list li .tags .tag2 {
border: 2px solid #80ca95;
border-radius: 15px;
color: #14622a;
margin-right: 10px;
padding: 4px 12px;
}
@media screen and (max-width: 768px) {
.info .info-list li .tags .tag2 {
border-radius: 22px;
border-width: 4px;
}
}
.info .info-list li .tags .tag3 {
border: 2px solid #f59d87;
border-radius: 15px;
color: #5a1414;
margin-right: 5px;
padding: 4px 12px;
}
@media screen and (max-width: 768px) {
.info .info-list li .tags .tag3 {
border-radius: 22px;
border-width: 4px;
}
}
.info .info-list li a {
color: #333;
display: block;
}
@media print, screen and (min-width: 769px) {
.info .info-list li a {
margin: 2px 0 0 34px;
}
}
.info .links {
display: flex;
justify-content: center;
gap: 0 30px;
margin-top: 45px;
}
@media screen and (max-width: 768px) {
.info .links {
gap: 0 15px;
margin-top: 40px;
}
}
.info .links li a {
background: url(../img_top/arrow.png) center right 12px no-repeat #fff;
border: 3px solid #a3c4e0;
border-radius: 30px;
display: block;
color: #333;
font-weight: bold;
padding: 13px 66px;
text-decoration: none;
}
@media print, screen and (min-width: 769px) {
.info .links li a {
background-size: 18px auto;
}
.info .links li a:hover {
text-decoration: none;
}
}
@media screen and (max-width: 768px) {
.info .links li a {
border-width: 4px;
border-radius: 44px;
}
}
@media print, screen and (min-width: 769px) {
.info .links li a:hover {
text-decoration: underline;
}
}
.info .links li.no-arrow a {
background-image: none;
}
.life {
background: url(../img_top/life_bg.png) center right 100px/100% 100% no-repeat;
border-radius: 0 80px 80px 0;
margin-top: 80px;
padding: 28px 0 50px;
}
@media screen and (max-width: 768px) {
.life {
background-position: center right 20px;
background-size: cover;
}
}
.life-in {
margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
.life-in {
width: 910px;
}
}
.life-in h2 {
background: url(../img_top/life_icon.png) top right no-repeat;
color: #000;
margin: 0 auto;
text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.life-in h2 {
padding: 30px 100px 25px;
}
}
@media screen and (max-width: 768px) {
.life-in h2 {
padding: 20px 85px 0;
}
}
.life .life-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.life .life-list {
gap: 20px 50px;
}
}
@media screen and (max-width: 768px) {
.life .life-list {
gap: 30px 30px;
margin-top: 15px;
}
}
@media print, screen and (min-width: 769px) {
.life .life-list li {
width: 140px;
}
}
@media screen and (max-width: 768px) {
.life .life-list li {
width: 200px;
}
}
.life .life-list li a {
display: block;
color: #000;
}
@media print, screen and (min-width: 769px) {
.life .life-list li a:hover img {
opacity: 0.85;
}
}
.life .life-list li .item-img {
align-items: center;
background: url(../img_top/life_item_bg.png) center center/contain no-repeat;
border-radius: 50%;
display: flex;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.life .life-list li .item-img {
min-height: 140px;
width: 140px;
}
}
@media screen and (max-width: 768px) {
.life .life-list li .item-img {
min-height: 196px;
width: auto;
}
}
@media print, screen and (min-width: 769px) {
.life .life-list li .item-img img {
transform: scale(0.65);
}
}
.life .life-list li .item-txt {
margin-top: 8px;
text-align: center;
}
@media screen and (max-width: 768px) {
.life .life-list li .item-txt {
margin-top: 2px;
}
}
.pickup-in {
padding: 70px 0 80px;
}
@media screen and (max-width: 768px) {
.pickup-in {
padding: 60px 0 80px;
}
}
.pickup-in h2 {
background: url(../img_top/pickup_ttl.png) left top no-repeat;
margin: 0 auto;
padding: 10px 105px 0;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.pickup-in h2 {
background-size: 79px auto;
}
}
.pickup .pickup-list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list {
margin-top: 28px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list {
margin-top: 14px;
}
}
.pickup .pickup-list li {
border: 3px solid #a3c4e0;
border-radius: 10px;
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list li {
width: 340px;
}
}
.pickup .pickup-list li a, .pickup .pickup-list li .item-nolink {
color: #333;
display: block;
font-weight: bold;
height: 100%;
text-decoration: none;
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li a:hover, .pickup .pickup-list li .item-nolink:hover {
text-decoration: underline;
}
.pickup .pickup-list li a:hover img, .pickup .pickup-list li .item-nolink:hover img {
opacity: 0.85;
}
}
.pickup .pickup-list li .item-in {
align-items: center;
display: flex;
height: 100%;
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li .item-in {
min-height: 78px;
padding: 0 2px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list li .item-in {
padding: 22px 15px;
}
}
.pickup .pickup-list li .item-img {
flex-shrink: 0;
text-align: center;
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li .item-img {
width: 75px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list li .item-img {
width: 80px;
}
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li .item-img img {
max-height: 52px;
max-width: 52px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list li .item-img img {
max-height: 80px;
max-width: 80px;
}
}
@media print, screen and (min-width: 769px) {
.pickup .pickup-list li .item-txt {
margin-left: 20px;
}
}
@media screen and (max-width: 768px) {
.pickup .pickup-list li .item-txt {
margin-left: 15px;
}
}
.pickup .pickup-list li .item-txt > * {
line-height: 1.2;
}
.about {
background: url(../img_top/life_bg.png) center center/cover no-repeat;
padding: 45px 0 60px;
}
.about .about-in h2 {
background: url(../img_top/about_ttl_left.png) bottom left 80px no-repeat, url(../img_top/about_ttl_right.png) bottom right 80px no-repeat;
text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
text-align: center;
line-height: 1;
width: 100%;
}
@media print, screen and (min-width: 769px) {
.about .about-in h2 {
padding-top: 30px;
}
}
@media screen and (max-width: 768px) {
.about .about-in h2 {
background-size: 150px 36px, 160px 39px;
background-position: bottom left, bottom right;
}
}
.about .about-in h3 {
background: url(../img_top/h3_bg.png) center center/100% 100% no-repeat;
text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.about .about-in h3 {
font-size: 1.375rem;
padding: 7px 0;
}
}
@media screen and (max-width: 768px) {
.about .about-in h3 {
padding: 15px 0;
}
}
.about .about-in h3 span {
display: inline-block;
min-width: 200px;
padding-left: 40px;
position: relative;
}
@media screen and (max-width: 768px) {
.about .about-in h3 span {
padding-left: 60px;
min-width: 300px;
}
}
.about .about-in h3 span::before {
background-color: #367aab;
border-radius: 50%;
content: '';
display: inline-block;
height: 8px;
left: 20px;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 8px;
}
@media screen and (max-width: 768px) {
.about .about-in h3 span::before {
height: 12px;
left: 30px;
width: 12px;
}
}
@media print, screen and (min-width: 769px) {
.about .flex {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.about .flex {
margin-top: 30px;
}
}
@media print, screen and (min-width: 769px) {
.about .box1 {
flex-shrink: 0;
width: 620px;
}
}
@media screen and (max-width: 768px) {
.about .box1 {
margin: 0 auto;
width: 700px;
}
}
.about .box1 .about-list {
align-items: flex-start;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 20px;
}
@media screen and (max-width: 768px) {
.about .box1 .about-list {
gap: 0 30px;
}
}
.about .box1 .about-list li {
background: url(../img_top/about_line.png) right bottom 15px no-repeat #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 10px;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-list li {
background-size: 140px auto;
}
}
.about .box1 .about-list li a, .about .box1 .about-list li .item-nolink {
color: #000;
font-weight: bold;
text-decoration: none;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-list li a, .about .box1 .about-list li .item-nolink {
font-size: 1.125rem;
}
}
.about .box1 .about-list li a {
display: block;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-list li a:hover {
text-decoration: underline;
}
.about .box1 .about-list li a:hover img {
opacity: 0.85;
}
}
.about .box1 .about-list li .item-in {
align-items: center;
display: flex;
}
.about .box1 .about-list li .item-img img {
border-radius: 10px 0 0 10px;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-list li .item-img img {
height: 150px;
width: 150px;
}
}
@media screen and (max-width: 768px) {
.about .box1 .about-list li .item-img img {
height: 160px;
width: 160px;
}
}
.about .box1 .about-list li .item-txt {
flex-grow: 1;
text-align: center;
}
.about .box1 .about-list li .item-txt > * {
padding: 38px 10px;
}
.about .box1 .about-txt-list {
align-items: flex-start;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 18px;
}
@media screen and (max-width: 768px) {
.about .box1 .about-txt-list {
gap: 30px;
margin-top: 30px;
}
}
.about .box1 .about-txt-list li {
background: url(../img_top/arrow.png) center right 15px no-repeat #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 10px;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-txt-list li {
background-size: 18px auto;
}
}
@media screen and (max-width: 768px) {
.about .box1 .about-txt-list li {
background-position: center right 10px;
}
}
.about .box1 .about-txt-list li a {
color: #000;
display: block;
text-decoration: none;
padding: 16px 35px 16px 20px;
}
@media print, screen and (min-width: 769px) {
.about .box1 .about-txt-list li a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
.about .box1 .about-txt-list li a {
padding: 20px 35px 20px 15px;
}
}
.about .box1 .sns {
background-color: #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 16px;
margin-top: 30px;
padding: 10px 42px 35px 42px;
}
@media screen and (max-width: 768px) {
.about .box1 .sns {
padding: 20px 15px 50px;
}
}
.about .box1 .sns h3 {
margin-left: -52px;
}
.about .box1 .sns .sns-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
@media print, screen and (min-width: 769px) {
.about .box1 .sns .sns-list {
margin-top: 25px;
}
}
@media screen and (max-width: 768px) {
.about .box1 .sns .sns-list {
margin-top: 30px;
}
}
.about .box1 .sns .sns-list li a {
color: #333333;
}
@media print, screen and (min-width: 769px) {
.about .box1 .sns .sns-list li a:hover img {
opacity: 0.85;
}
}
.about .box1 .sns .sns-list li .item-img {
text-align: center;
}
.about .box1 .sns .sns-list li .item-img img {
border-radius: 15px;
}
@media print, screen and (min-width: 769px) {
.about .box1 .sns .sns-list li .item-img img {
height: 50px;
width: 50px;
}
}
@media screen and (max-width: 768px) {
.about .box1 .sns .sns-list li .item-img img {
height: 60px;
width: 60px;
}
}
.about .box1 .sns .sns-list li .item-txt {
text-align: center;
}
.about .box1 .sns .sns-list li .item-txt > * {
word-break: break-all;
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.about .box1 .sns .sns-list li .item-txt > * {
font-size: 1.375rem;
line-height: 1.3;
margin: 15px auto 0;
max-width: 108px;
}
}
.about .box1 .population {
background-color: #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 16px;
margin-top: 30px;
padding: 10px 15px 40px;
}
@media screen and (max-width: 768px) {
.about .box1 .population {
margin-top: 40px;
}
}
.about .box1 .population h3 {
margin-left: -25px;
}
.about .box1 .population .box {
align-items: flex-end;
display: flex;
gap: 0 15px;
}
.about .box1 .population dl {
align-items: center;
display: flex;
flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl {
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.about .box1 .population dl {
gap: 0 32px;
margin-left: 70px;
}
}
.about .box1 .population dl dt, .about .box1 .population dl dd {
font-size: 1.125rem;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.about .box1 .population dl dt, .about .box1 .population dl dd {
font-size: 2rem;
}
}
.about .box1 .population dl dt {
color: #295597;
font-weight: bold;
}
.about .box1 .population dl > .flex {
display: flex;
flex-direction: column;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl > .flex {
padding-left: 55px;
}
}
@media screen and (max-width: 768px) {
.about .box1 .population dl > .flex {
padding-left: 100px;
}
}
.about .box1 .population dl .all {
background: url(../img_top/all.png) left center no-repeat;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl .all {
background-size: 45px auto;
}
}
.about .box1 .population dl .house {
background: url(../img_top/house.png) left center no-repeat;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl .house {
background-size: 45px auto;
}
}
.about .box1 .population dl .men {
background: url(../img_top/men.png) left center no-repeat;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl .men {
background-size: 45px auto;
}
}
.about .box1 .population dl .women {
background: url(../img_top/women.png) left center no-repeat;
}
@media print, screen and (min-width: 769px) {
.about .box1 .population dl .women {
background-size: 45px auto;
}
}
@media print, screen and (min-width: 769px) {
.about .box2 {
width: 350px;
}
}
@media screen and (max-width: 768px) {
.about .box2 {
margin-top: 40px;
}
}
.about .box2 .koho {
background-color: #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 16px;
margin-bottom: 30px;
padding: 10px 0 20px;
}
@media screen and (max-width: 768px) {
.about .box2 .koho {
padding: 20px 0 30px;
}
}
.about .box2 .koho h3 {
margin-left: -10px;
}
.about .box2 .koho .koho-img {
border: 4px solid;
border-image-source: url(../img_top/koho_outline.png);
border-image-slice: 4;
margin: 20px auto 0;
width: fit-content;
}
@media screen and (max-width: 768px) {
.about .box2 .koho .koho-img {
border-width: 6px;
border-image-slice: 6;
margin-top: 30px;
}
}
.about .box2 .koho .koho-img a {
display: block;
}
@media print, screen and (min-width: 769px) {
.about .box2 .koho .koho-img a:hover img {
opacity: 0.85;
}
}
@media print, screen and (min-width: 769px) {
.about .box2 .koho .koho-img img {
height: 255px;
width: 180px;
}
}
@media screen and (max-width: 768px) {
.about .box2 .koho .koho-img img {
height: 538px;
width: 380px;
}
}
.about .box2 .koho .more {
text-align: center;
}
.about .box2 .koho .more a {
background: url(../img_top/arrow.png) center right 12px no-repeat #fff;
border: 3px solid #a3c4e0;
border-radius: 30px;
display: block;
color: #333;
font-weight: bold;
padding: 13px 66px;
text-decoration: none;
display: inline-block;
font-weight: normal;
margin: 14px auto 0;
padding: 8px 46px;
}
@media print, screen and (min-width: 769px) {
.about .box2 .koho .more a {
background-size: 18px auto;
}
.about .box2 .koho .more a:hover {
text-decoration: none;
}
}
@media screen and (max-width: 768px) {
.about .box2 .koho .more a {
border-width: 4px;
border-radius: 44px;
}
}
@media print, screen and (min-width: 769px) {
.about .box2 .koho .more a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
.about .box2 .koho .more a {
margin-top: 30px;
padding: 16px 70px;
}
}
.about .box2 .shisetsu {
background-color: #fff;
box-shadow: 0 0 4px 5px rgba(7, 95, 50, 0.08);
border-radius: 16px;
padding: 10px 0 20px;
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu {
padding: 20px 0 30px;
}
}
.about .box2 .shisetsu h3 {
margin-left: -10px;
}
.about .box2 .shisetsu .shisetsu-list {
background-color: #f4faf4;
border-radius: 6px;
max-height: 146px;
margin: 0 auto;
overflow: auto;
padding: 15px 20px;
}
@media print, screen and (min-width: 769px) {
.about .box2 .shisetsu .shisetsu-list {
margin-top: 20px;
width: 300px;
}
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu .shisetsu-list {
margin-top: 30px;
max-height: 235px;
width: 600px;
}
}
.about .box2 .shisetsu .shisetsu-list li a {
border-bottom: 1px solid #000;
color: #000;
text-decoration: none;
position: relative;
padding-left: 16px;
}
@media print, screen and (min-width: 769px) {
.about .box2 .shisetsu .shisetsu-list li a:hover span {
border: none;
}
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu .shisetsu-list li a {
padding-left: 30px;
}
}
.about .box2 .shisetsu .shisetsu-list li a::before {
background-color: #333333;
border-radius: 50%;
content: '';
display: inline-block;
height: 3px;
left: 8px;
position: absolute;
top: 10px;
width: 3px;
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu .shisetsu-list li a::before {
height: 6px;
left: 12px;
top: 15px;
width: 6px;
}
}
.about .box2 .shisetsu .more {
text-align: center;
}
.about .box2 .shisetsu .more a {
background: url(../img_top/arrow.png) center right 12px no-repeat #fff;
border: 3px solid #a3c4e0;
border-radius: 30px;
display: block;
color: #333;
font-weight: bold;
padding: 13px 66px;
text-decoration: none;
display: inline-block;
font-weight: normal;
padding: 8px 46px;
}
@media print, screen and (min-width: 769px) {
.about .box2 .shisetsu .more a {
background-size: 18px auto;
}
.about .box2 .shisetsu .more a:hover {
text-decoration: none;
}
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu .more a {
border-width: 4px;
border-radius: 44px;
}
}
@media print, screen and (min-width: 769px) {
.about .box2 .shisetsu .more a {
margin-top: 15px;
}
.about .box2 .shisetsu .more a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
.about .box2 .shisetsu .more a {
margin-top: 30px;
padding: 16px 70px;
}
}
.links .links-in {
position: relative;
margin-top: 80px;
}
.links .links-in h2 {
background: url(../img_top/links_bg.png) top center no-repeat;
background-size: 76px auto;
margin: 0 auto;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
.links .links-in h2 {
padding-top: 35px;
}
}
@media screen and (max-width: 768px) {
.links .links-in h2 {
padding-top: 25px;
}
}
.links .bx-wrapper {
margin: 20px auto 0;
}
@media print, screen and (min-width: 769px) {
.links .bx-wrapper {
width: 940px;
}
}
.links .bx-wrapper ul li a {
display: block;
}
.links .bx-wrapper ul li a:focus-visible {
outline: 2px solid #000;
outline-offset: -2px;
}
@media print, screen and (min-width: 769px) {
.links .bx-wrapper ul li a:hover {
opacity: 0.85;
}
}
.links .slide-controls button {
background: none;
border: none;
cursor: pointer;
font-size: 0;
}
.links .slide-controls .arrow button {
background: center /contain no-repeat;
position: absolute;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .arrow button {
bottom: 120px;
height: 30px;
width: 36px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .arrow button {
height: 60px;
top: 0;
width: 60px;
}
}
.links .slide-controls .arrow button.bx-prev {
background-image: url("../img_top/prev.png");
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .arrow button.bx-prev {
left: -30px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .arrow button.bx-prev {
left: -90px;
}
}
.links .slide-controls .arrow button.bx-next {
background-image: url("../img_top/next.png");
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .arrow button.bx-next {
right: -30px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .arrow button.bx-next {
right: -90px;
}
}
.links .slide-controls .control-unit {
align-items: center;
display: flex;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .control-unit {
margin-top: 20px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .control-unit {
margin: 0 auto;
position: relative;
top: 30px;
width: fit-content;
}
}
.links .slide-controls .control-unit .bx-pager-list {
display: flex;
}
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item {
display: flex;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 14px;
margin-right: 14px;
width: 14px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item {
height: 20px;
margin-right: 22px;
width: 20px;
}
}
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
border: 1px solid #367aab;
background-color: #fff;
border-radius: 50%;
height: 100%;
padding: 0;
width: 100%;
}
@media screen and (max-width: 768px) {
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item button {
border-width: 2px;
}
}
.links .slide-controls .control-unit .bx-pager-list .bx-pager-item button.active {
background-color: #367aab;
}
.links .slide-controls .control-unit .bx-controls-auto-item button {
background: center /contain no-repeat;
display: block;
}
@media print, screen and (min-width: 769px) {
.links .slide-controls .control-unit .bx-controls-auto-item button {
height: 40px;
width: 40px;
}
}
@media screen and (max-width: 768px) {
.links .slide-controls .control-unit .bx-controls-auto-item button {
height: 60px;
width: 60px;
}
}
.links .slide-controls .control-unit .bx-controls-auto-item button.bx-start {
background-image: url("../img_top/start.png");
}
.links .slide-controls .control-unit .bx-controls-auto-item button.bx-stop {
background-image: url("../img_top/stop.png");
}
.links .slide-controls .control-unit .bx-controls-auto-item button.active {
display: none;
}
.links img {
border-radius: 6px;
}
@media print, screen and (min-width: 769px) {
.links img {
height: 140px;
width: 220px;
}
}
@media screen and (max-width: 768px) {
.links img {
height: 210px;
width: 330px;
}
}
@media print, screen and (min-width: 769px) {
.adv .adv-in {
margin-top: 90px;
}
}
@media screen and (max-width: 768px) {
.adv .adv-in {
margin-top: 120px;
}
}
.adv .adv-in h2 {
text-align: center;
}
@media print, screen and (min-width: 769px) {
.adv .adv-in h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 768px) {
.adv .adv-in h2 {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 769px) {
.adv .adv-link {
text-align: right;
}
}
@media screen and (max-width: 768px) {
.adv .adv-link {
text-align: center;
}
}
.adv .adv-link a {
color: #000;
}
.adv .adv-list {
display: grid;
margin: 20px auto 0;
}
@media print, screen and (min-width: 769px) {
.adv .adv-list {
grid-template-columns: repeat(6, 1fr);
gap: 20px 36px;
width: 900px;
}
}
@media screen and (max-width: 768px) {
.adv .adv-list {
grid-template-columns: repeat(3, 1fr);
gap: 40px 50px;
}
}
.adv .adv-list li a {
display: block;
}
@media print, screen and (min-width: 769px) {
.adv .adv-list li a:hover {
opacity: 0.85;
}
}
@media print, screen and (min-width: 769px) {
.adv .adv-list li img {
height: 60px;
width: 120px;
}
}
@media screen and (max-width: 768px) {
.adv .adv-list li img {
height: 90px;
width: 180px;
}
}
/*++++++++++++++++++++++++++++++++++
* ãããã¨ä¸å±¤ãã¼ã¸ã®ããã¿ã¼ã¨ãªã¢å°ç¨CSS
* @version 0.0.1
++++++++++++++++++++++++++++++++++*/
/*==================================
ããã¿ã¼
==================================*/
@media print, screen and (min-width: 769px) {
footer {
background: url(../img_common/footer_pic.png) bottom 48px right no-repeat, url(../img_common/footer_bg.png) center center/100% 100% no-repeat;
margin-top: 70px;
}
}
@media screen and (max-width: 768px) {
footer {
background: url(../img_common/sp_footer_pic.png) bottom 48px right no-repeat, url(../img_common/sp_footer_bg.png) center center/100% 100% no-repeat;
margin-top: 40px;
}
}
footer #pagetop {
display: inline;
}
footer #pagetop a {
display: block;
margin-left: auto;
width: fit-content;
}
@media print, screen and (min-width: 769px) {
footer #pagetop a {
margin-right: 22px;
}
footer #pagetop a:hover img {
opacity: 0.85;
}
}
@media print, screen and (min-width: 769px) {
footer #pagetop a img {
height: auto;
width: 84px;
}
}
footer .footer-info {
margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
footer .footer-info {
width: 1000px;
}
}
@media screen and (max-width: 768px) {
footer .footer-info {
margin-top: 40px;
padding: 0 20px;
}
}
@media print, screen and (min-width: 769px) {
footer address {
margin-top: 10px;
}
}
@media screen and (max-width: 768px) {
footer address {
line-height: 1;
}
}
@media print, screen and (min-width: 769px) {
footer address p.ttl {
height: auto;
width: 185px;
}
}
footer address .post-code {
margin-top: 10px;
}
@media print, screen and (min-width: 769px) {
footer address dl {
display: flex;
}
}
@media screen and (max-width: 768px) {
footer address dl > dt, footer address dl dd {
display: inline;
}
}
@media screen and (max-width: 768px) {
footer address .opening-hour > dd {
line-height: 1;
}
footer address .tel {
margin-top: 10px;
}
footer address .tel a {
color: inherit;
text-decoration: none;
}
}
footer .footer-toiawase {
display: flex;
}
@media print, screen and (min-width: 769px) {
footer .footer-toiawase {
gap: 0 10px;
margin-top: 15px;
}
}
@media screen and (max-width: 768px) {
footer .footer-toiawase {
flex-direction: column;
gap: 20px 0;
margin-top: 65px;
}
}
footer .footer-toiawase li a {
background: url(../img_common/arrow.png) center right 14px no-repeat #fff;
border-radius: 4px;
color: #000;
display: block;
text-decoration: none;
padding: 6px 82px 6px 18px;
}
@media print, screen and (min-width: 769px) {
footer .footer-toiawase li a {
font-size: 0.875rem;
background-size: 18px auto;
}
footer .footer-toiawase li a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
footer .footer-toiawase li a {
max-width: 440px;
text-align: center;
padding: 10px 50px;
}
}
footer .footer-links {
display: flex;
gap: 0 30px;
}
@media print, screen and (min-width: 769px) {
footer .footer-links {
margin-top: 28px;
justify-content: center;
}
}
@media screen and (max-width: 768px) {
footer .footer-links {
flex-wrap: wrap;
gap: 0 50px;
margin-top: 65px;
max-width: 440px;
}
}
footer .footer-links li {
position: relative;
}
footer .footer-links li:not(:last-child)::after {
background-color: #6f787b;
content: '';
display: inline-block;
height: 14px;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
width: 1px;
}
@media screen and (max-width: 768px) {
footer .footer-links li:not(:last-child)::after {
height: 24px;
right: -25px;
width: 2px;
}
}
@media screen and (max-width: 768px) {
footer .footer-links li:nth-child(even)::after {
display: none;
}
}
footer .footer-links li a {
color: #000;
}
@media screen and (max-width: 768px) {
footer .footer-links li a {
font-size: 1.5rem;
}
}
footer .copyright {
padding: 12px 0;
background-color: #2a76a1;
color: #fff;
margin-top: 20px;
text-align: center;
}
@media print, screen and (min-width: 769px) {
footer .copyright {
font-size: 0.875rem;
}
}
@media screen and (max-width: 768px) {
footer .copyright {
font-size: 1.25rem;
margin-top: 25px;
padding: 18px 0;
}
}
html[data-fontsize="up"] {
font-size: 133.3%;
}
html[data-fontsize="up"] .about .about-in h2 {
background-position: bottom left, bottom right;
}
@media print, screen and (min-width: 769px) {
html[data-fontsize="up"] footer .footer-links {
max-width: 600px;
}
}
@media screen and (max-width: 768px) {
html[data-fontsize="up"] .sns-list {
flex-wrap: wrap;
}
}
html[data-fontsize="up2"] {
font-size: 166.7%;
}
html[data-fontsize="up2"] .about .about-in h2 {
background-position: bottom left, bottom right;
}
@media print, screen and (min-width: 769px) {
html[data-fontsize="up2"] footer .footer-links {
max-width: 600px;
}
}
@media screen and (max-width: 768px) {
html[data-fontsize="up2"] .sns-list {
flex-wrap: wrap;
}
}
html[data-fontsize="up3"] {
font-size: 200%;
}
html[data-fontsize="up3"] .about .about-in h2 {
background-position: bottom left, bottom right;
}
@media print, screen and (min-width: 769px) {
html[data-fontsize="up3"] footer .footer-links {
max-width: 600px;
}
}
@media screen and (max-width: 768px) {
html[data-fontsize="up3"] .sns-list {
flex-wrap: wrap;
}
}
html[data-fontsize="up3"] .serach-topics .site-search .page-wrap .page-number-search .input-wrap .number-label input {
min-height: 42px;
}
html[data-bgcolor="color_black"] body, html[data-bgcolor="color_black"] p, html[data-bgcolor="color_black"] div, html[data-bgcolor="color_black"] table, html[data-bgcolor="color_black"] h1, html[data-bgcolor="color_black"] h2, html[data-bgcolor="color_black"] h3, html[data-bgcolor="color_black"] h4, html[data-bgcolor="color_black"] h5, html[data-bgcolor="color_black"] h6, html[data-bgcolor="color_black"] ul, html[data-bgcolor="color_black"] ol, html[data-bgcolor="color_black"] li, html[data-bgcolor="color_black"] td, html[data-bgcolor="color_black"] th, html[data-bgcolor="color_black"] dt, html[data-bgcolor="color_black"] dd, html[data-bgcolor="color_black"] dl, html[data-bgcolor="color_black"] h1, html[data-bgcolor="color_black"] h2, html[data-bgcolor="color_black"] dt, html[data-bgcolor="color_black"] caption, html[data-bgcolor="color_black"] section, html[data-bgcolor="color_black"] span, html[data-bgcolor="color_black"] header, html[data-bgcolor="color_black"] footer, html[data-bgcolor="color_black"] nav {
background-color: #000 !important;
color: #FFFFFF !important;
background-image: none !important;
}
html[data-bgcolor="color_black"] a,
html[data-bgcolor="color_black"] #header .header-subnav-area .box .tsutaeru li a,
html[data-bgcolor="color_black"] #header .header-subnav-area .box .tsutaeru li button,
html[data-bgcolor="color_black"] #sp-header .support-block .tsutaeru button {
background-color: #000 !important;
color: #FFFF00 !important;
}
html[data-bgcolor="color_black"] a:visited {
color: #f5c77b !important;
}
html[data-bgcolor="color_black"] a:hover {
color: #f5c77b !important;
}
html[data-bgcolor="color_black"] h1, html[data-bgcolor="color_black"] h2, html[data-bgcolor="color_black"] h3, html[data-bgcolor="color_black"] h4, html[data-bgcolor="color_black"] h5, html[data-bgcolor="color_black"] h6 {
background-image: none !important;
border: 1px solid #E5D1AF;
}
html[data-bgcolor="color_black"] h5 {
padding: 10px 0px;
}
html[data-bgcolor="color_black"] .wysiwyg .text_ {
color: #ffdbea !important;
}
html[data-bgcolor="color_black"] .wysiwyg .text2_ {
color: #b6e2f3 !important;
}
html[data-bgcolor="color_black"] #pdf-download {
color: #333 !important;
}
html[data-bgcolor="color_black"] #header-logo img,
html[data-bgcolor="color_black"] #header-subnav .list li a,
html[data-bgcolor="color_black"] #header-size .title img,
html[data-bgcolor="color_black"] #header-color .title img,
html[data-bgcolor="color_black"] header .header-subnav-in li img,
html[data-bgcolor="color_black"] #footer-logo img,
html[data-bgcolor="color_black"] #footer-character img,
html[data-bgcolor="color_black"] footer address p.ttl img,
html[data-bgcolor="color_black"] #sp-header .modal-menu .sp-nav .title button,
html[data-bgcolor="color_black"] #sp-header > .box #sp-header-logo img {
background-color: #fff !important;
}
html[data-bgcolor="color_black"] header .header-in #header-nav .list .dropmenu {
border: 1px solid #fff;
}
html[data-bgcolor="color_black"] .side-nav-list {
background-color: transparent !important;
}
html[data-bgcolor="color_black"] .side-nav-list li span {
background-color: transparent !important;
}
html[data-bgcolor="color_black"] #keyword-area {
background: transparent !important;
}
html[data-bgcolor="color_black"] .toiawase .title, html[data-bgcolor="color_black"] .toiawase .in {
border: 1px solid #fff;
}
html[data-bgcolor="color_black"] .toiawase .in {
border-top: none;
}
html[data-bgcolor="color_black"] #main * {
text-shadow: none;
}
html[data-bgcolor="color_blue"] body, html[data-bgcolor="color_blue"] p, html[data-bgcolor="color_blue"] div, html[data-bgcolor="color_blue"] table, html[data-bgcolor="color_blue"] h1, html[data-bgcolor="color_blue"] h2, html[data-bgcolor="color_blue"] h3, html[data-bgcolor="color_blue"] h4, html[data-bgcolor="color_blue"] h5, html[data-bgcolor="color_blue"] h6, html[data-bgcolor="color_blue"] ul, html[data-bgcolor="color_blue"] ol, html[data-bgcolor="color_blue"] li, html[data-bgcolor="color_blue"] td, html[data-bgcolor="color_blue"] th, html[data-bgcolor="color_blue"] dt, html[data-bgcolor="color_blue"] dd, html[data-bgcolor="color_blue"] dl, html[data-bgcolor="color_blue"] h1, html[data-bgcolor="color_blue"] h2, html[data-bgcolor="color_blue"] dt, html[data-bgcolor="color_blue"] caption, html[data-bgcolor="color_blue"] section, html[data-bgcolor="color_blue"] span, html[data-bgcolor="color_blue"] header, html[data-bgcolor="color_blue"] footer, html[data-bgcolor="color_blue"] nav {
background-color: #005795 !important;
color: #FFFFFF !important;
background-image: none !important;
}
html[data-bgcolor="color_blue"] a,
html[data-bgcolor="color_blue"] #header .header-subnav-area .box .tsutaeru li a,
html[data-bgcolor="color_blue"] #header .header-subnav-area .box .tsutaeru li button,
html[data-bgcolor="color_blue"] #sp-header .support-block .tsutaeru button {
background-color: #005795 !important;
color: #FFFF00 !important;
}
html[data-bgcolor="color_blue"] a:visited {
color: #f5c77b !important;
}
html[data-bgcolor="color_blue"] a:hover {
color: #f5c77b !important;
}
html[data-bgcolor="color_blue"] h1, html[data-bgcolor="color_blue"] h2, html[data-bgcolor="color_blue"] h3, html[data-bgcolor="color_blue"] h4, html[data-bgcolor="color_blue"] h5, html[data-bgcolor="color_blue"] h6 {
background-image: none !important;
border: 1px solid #E5D1AF;
}
html[data-bgcolor="color_blue"] h5 {
padding: 10px 0px;
}
html[data-bgcolor="color_blue"] .wysiwyg .text_ {
color: #ffdbea !important;
}
html[data-bgcolor="color_blue"] .wysiwyg .text2_ {
color: #b6e2f3 !important;
}
html[data-bgcolor="color_blue"] #pdf-download {
color: #333 !important;
}
html[data-bgcolor="color_blue"] #header-logo img,
html[data-bgcolor="color_blue"] #header-subnav .list li a,
html[data-bgcolor="color_blue"] #header-size .title img,
html[data-bgcolor="color_blue"] #header-color .title img,
html[data-bgcolor="color_blue"] header .header-subnav-in li img,
html[data-bgcolor="color_blue"] #footer-logo img,
html[data-bgcolor="color_blue"] #footer-character img,
html[data-bgcolor="color_blue"] footer address p.ttl img,
html[data-bgcolor="color_blue"] #sp-header .modal-menu .sp-nav .title button,
html[data-bgcolor="color_blue"] #sp-header > .box #sp-header-logo img {
background-color: #fff !important;
}
html[data-bgcolor="color_blue"] header .header-in #header-nav .list .dropmenu {
border: 1px solid #fff;
}
html[data-bgcolor="color_blue"] .side-nav-list {
background-color: transparent !important;
}
html[data-bgcolor="color_blue"] .side-nav-list li span {
background-color: transparent !important;
}
html[data-bgcolor="color_blue"] #keyword-area {
background: transparent !important;
}
html[data-bgcolor="color_blue"] .toiawase .title, html[data-bgcolor="color_blue"] .toiawase .in {
border: 1px solid #fff;
}
html[data-bgcolor="color_blue"] .toiawase .in {
border-top: none;
}
html[data-bgcolor="color_blue"] #main * {
text-shadow: none;
}