@charset "utf-8";

/*
===== Content =====
1. Base Setting
1-1. Reset
1-2. General Setting
1-3. Font Text
1-5. Margin
1-6. Padding
1-7. Layouts

2. Outline
2-1. Header
2-2. Footer
2-3. Local Nav

3.Parts

*/

/* ===== 1.Base Setting ===== */
/*--------------------------------------------------------*/

/****************************************
1-1.Reset
****************************************/
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 {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;
scroll-padding-top: 95px;
}
body {
font-size: 1.6rem;
letter-spacing: 0.04em;
line-height: 1.4em;
}

@media screen and (max-width:767px) {
html {
scroll-padding-top: 75px;
}
}

@media screen and (min-width:927px) and (max-width:1365px) {
html {
scroll-padding-top: 75px;
}
}

@media screen and (max-width:767px) {
body {
font-size: 1.4rem;
letter-spacing: 0.02em;
}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
article {
word-break: break-all;
}
blockquote, q {
quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
content: '';
content: none;
}
a {
background: transparent;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
ins {
text-decoration: none;
}
mark {
background-color: #5FC5F5;
color: #333333;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
hr {
border: none;
border-top: 1px dotted #999;
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
input, button, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
border-radius: 0;
font-family: inherit;
font-size: 100%;
margin: 0;
padding: 0;
}
button:hover {
cursor: pointer;
}

/****************************************
1-2.General Setting
****************************************/

@font-face {
font-family: "Noto Sans CJK JP Subset";
font-style: normal;
font-weight: 400;
src: local("NotoSansCJKjp-Regular"),local("NotoSansJP-Regular"),url("/common/fonts/NotoSans_Regular.woff2") format("woff2"),url("/common/fonts/NotoSans_regular.woff") format("woff");
}
@font-face {
font-family: "Noto Sans CJK JP Subset";
font-style: normal;
font-weight: 500;
src: local("NotoSansCJKjp-Meduim"),local("NotoSansJP-Medium"),url("/common/fonts/NotoSans_Medium.woff2") format("woff2"),url("/common/fonts/NotoSans_medium.woff") format("woff");
}
@font-face {
font-family: "Noto Sans CJK JP Subset";
font-style: normal;
font-weight: 700;
src: local("NotoSansCJKjp-Bold"),local("NotoSansJP-Bold"),url("/common/fonts/NotoSans_Bold.woff2") format("woff2"),url("/common/fonts/NotoSans_bold.woff") format("woff");
}

@font-face {
font-family: 'ichikawa-icon';
src: url('/common/fonts/ichikawa-icon.woff?l5ccd4') format('woff'), url('/common/fonts/ichikawa-icon.woff2?l5ccd4') format('woff2');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icons {
font-family: 'ichikawa-icon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
speak: never;
text-transform: none;
text-decoration: none !important;
}
.icons::before {
display: inline-block;
text-decoration: none;
}
.icon-accessibility::before {content: "\e900";}
.icon-close::before {content: "\e901";}
.icon-faq::before {content: "\e902";}
.icon-language::before {content: "\e903";}
.icon-lupe::before {content: "\e904";}
.icon-sns::before {content: "\e905";}
.icon-menu::before {content: "\e906";}
.icon-youtube::before {content: "\e907";}
.icon-threedot::before {content: "\e908";}
.icon-line::before {content: "\e909";}
.icon-online_citizen::before {content: "\e90a";}
.icon-certificate_service::before {content: "\e90b";}
.icon-mail_request::before {content: "\e90c";}
.icon-pregnant::before {content: "\e90d";}
.icon-twitter::before {content: "\e90e";}
.icon-facebook::before {content: "\e90f";}
.icon-instagram::before {content: "\e910";}
.icon-link_bullet::before {content: "\e911";}
.icon-appform::before {content: "\e912";}
.icon-calender:before {content: "\e913";}
.icon-admission::before {content: "\e914";}
.icon-employment::before {content: "\e915";}
.icon-house::before {content: "\e916";}
.icon-garbage::before {content: "\e917";}
.icon-remaining::before {content: "\e918";}
.icon-senior::before {content: "\e919";}
.icon-citizen_card::before {content: "\e91a";}
.icon-tax::before {content: "\e922";}
.icon-external:before {content: "\e91b";}
.icon-clock:before {content: "\e91c";}
.icon-health::before {content: "\e923";}
.icon-rss::before {content: "\e927";}
.icon-arrow_down::before {content: "\e928";}
.icon-clock:before {content: "\e91c";}
.icon-city_library:before {content: "\e91d";}
.icon-facility_reserve:before {content: "\e91e";}
.icon-facility_info:before {content: "\e91f";}
.icon-event_entry:before {content: "\e920";}
.icon-emergency_mail:before {content: "\e921";}
.icon-recruitment:before {content: "\e924";}
.icon-ichiho:before {content: "\e925";}
.icon-public_coment:before {content: "\e926";}
.icon-emonitor:before {content: "\e929";}
.icon-gyoutoku:before {content: "\e92a";}
.icon-volunteer_npo:before {content: "\e92b";}
.icon-ichikawa_kids:before {content: "\e92c";}
.icon-infomation:before {content: "\e964";}
.icon-online_applying:before {content: "\e96b";}
.icon-access:before {content: "\e96c";}
.icon-x:before {content: "\e96d";}
.icon-ninety:before {content: "\e96e";}
.icon-population01:before {content: "\e96f";}
.icon-population02:before {content: "\e970";}
.icon-population03:before {content: "\e971";}
.icon-population04:before {content: "\e972";}
.icon-procedures:before {content: "\e973";}
.icon-disaster_portal:before {content: "\e974";}
.icon-ichimoni:before {content: "\e975";}
.icon-f2-pregnancy:before {content: "\e92d";}
.icon-f2-raising_children:before {content: "\e92e";}
.icon-f2-education:before {content: "\e92f";}
.icon-f2-marriage:before {content: "\e930";}
.icon-f2-house:before {content: "\e931";}
.icon-f2-employment:before {content: "\e932";}
.icon-f2-elderly:before {content: "\e933";}
.icon-f2-death:before {content: "\e934";}
.icon-f2-registration:before {content: "\e935";}
.icon-f2-tax:before {content: "\e936";}
.icon-f2-national_health_insurance:before {content: "\e937";}
.icon-f2-national-pension:before {content: "\e938";}
.icon-f2-infrastructure:before {content: "\e939";}
.icon-f2-traffic:before {content: "\e93a";}
.icon-f2-parking:before {content: "\e93b";}
.icon-f2-city_planning:before {content: "\e93c";}
.icon-f2-garbage:before {content: "\e93d";}
.icon-f2-food:before {content: "\e93e";}
.icon-f2-pets:before {content: "\e93f";}
.icon-f2-welfare:before {content: "\e940";}
.icon-f2-disabilities:before {content: "\e941";}
.icon-f2-consumer:before {content: "\e942";}
.icon-f2-health:before {content: "\e943";}
.icon-f2-learning:before {content: "\e944";}
.icon-f2-community:before {content: "\e945";}
.icon-f2-disaster:before {content: "\e946";}
.icon-f2-crime_prevention:before {content: "\e947";}
.icon-f2-emergency:before {content: "\e948";}
.icon-f2-sightseeing:before {content: "\e949";}
.icon-f2-culture:before {content: "\e94a";}
.icon-f2-event:before {content: "\e94b";}
.icon-f2-sports:before {content: "\e94c";}
.icon-f2-lifelong_learning:before {content: "\e94d";}
.icon-f2_city_overview:before {content: "\e94e";}
.icon-f2_facility_guide:before {content: "\e94f";}
.icon-f2-mayor:before {content: "\e950";}
.icon-f2-pr:before {content: "\e951";}
.icon-f2-recruitment:before {content: "\e952";}
.icon-f2-organization:before {content: "\e953";}
.icon-f2-participation:before {content: "\e954";}
.icon-f2-protect:before {content: "\e955";}
.icon-f2-rules:before {content: "\e956";}
.icon-f2-finance:before {content: "\e957";}
.icon-f2-policies:before {content: "\e958";}
.icon-f2-council_elections:before {content: "\e959";}
.icon-f2-international_policies:before {content: "\e95a";}
.icon-f2-advice:before {content: "\e95b";}
.icon-f2-leisure:before {content: "\e95c";}
.icon-f2-bidding_contracting:before {content: "\e95d";}
.icon-f2-inspection:before {content: "\e95e";}
.icon-f2-town_planning:before {content: "\e95f";}
.icon-f2-industrial_promotion:before {content: "\e960";}
.icon-f2-nursing_insurance:before {content: "\e961";}
.icon-f2-subsidy:before {content: "\e962";}
.icon-f2-municipal_administration_news:before {content: "\e96a";}
.icon-hometown_donation:before {content: "\e976";}
.icon-bringing_garbage:before {content: "\e977";}

/* マイページ用CSSここから */
.icon-mypage:before {content: "\e963";}
.icon-mysetting:before {content: "\e966";}
.icon-mynews:before {content: "\e965";}
.icon-myrecomend:before {content: "\e967";}
.icon-myranking:before {content: "\e968";}
.icon-myhistory:before {content: "\e969";}
/* マイページ用CSSここまで */

body {
background: #fff;
color: #111;
font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
position: relative;
padding-top: 89px;
min-width: 1364px;
}
@media screen and (min-width:927px) and (max-width:1365px) {
body {
min-width: 100%;
}
}

@media screen and (max-width:767px) {
body {
min-width: 375px;
padding-top: 68px;
}
}
/***** 1-2-1.Link Setting *****/
a {
color: #111;
text-decoration: underline;
transition: color .3s;
}
a:visited {
color: #111;
}
a:hover {
color: #555;
text-decoration: none;
}
a:active {
color: #555;
}
a[href^="tel:"], a[href^="tel:"]:focus {
color: #111;
cursor: default;
pointer-events: none;
text-decoration: none;
}
@media screen and (max-width:767px) {
a[href^="tel:"],a[href^="tel:"]:focus  {
pointer-events: auto;
text-decoration: underline;
}
}
a:focus {
color: #555;
text-decoration: none;
}
:focus {
outline: none;
}
a:focus,
input:focus,
button:focus {
outline: .5px dotted #666;
}

/***** 1-2-2.SRC Setting *****/
img {
border-style: none;
height: auto;
max-width: 100%;
-ms-interpolation-mode: bicubic;
vertical-align: top;
}
object, embed, iframe {
max-width: 100%;
vertical-align: top;
}

/***** 1-2-3.sup sub Setting *****/
sup, sub {
font-size: 0.9rem;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}

/***** 1-2-4.p dt Setting *****/
p {
margin: calc(20px - .2em) 0 0 0;
word-break: break-all;
word-wrap: break-word; /* for Edge */
}
@media screen and (max-width:767px) {
p {
margin: calc(16px - .2em) 0 0 0;
}
}

/***** 1-2-6.Line Height Setting *****/
h1, h2, h3, h4, h5, h6, dt, dd, li, caption, th, td, col, p, address, small, pre, figcaption, a {
line-height: 1.4em;
}

section + section,
section + .section,
.section + section,
.section + .section,
h1 + section,
h1 + .section,
h1 + .mod,
.text-leadText_centered + section,
.text-leadText_centered + .section,
.text-leadText_centered + .mod {
margin-top: 60px !important;
}
section section,
section .section,
section section + section,
section section + .section,
section .section + section,
section .section + .section,
.section section,
.section .section,
.section section + section,
.section section + .section,
.section .section + section,
.section .section + .section {
margin-top: 40px !important;
}


.pageTopBtn {
bottom: 40px;
height: 48px;
position: fixed;
right: 40px;
width: 48px;
z-index: 999;
}
.pageTopBtn a {
align-items: center;
background: #111;
color: #fff;
display: flex;
font-size: 2.4rem;
height: 48px;
justify-content: center;
line-height: 48px;
text-align: center;
text-decoration: none;
transition: opacity .3s ease;
width: 48px;
}
.pageTopBtn .icons {
display: inline-block;
margin: 0;
vertical-align: middle;
transform: scaleY(-1);
}
.pageTopBtn a:hover, .pageTopBtn a:focus {
opacity: .75;
}
@media screen and (max-width:767px) {
.pageTopBtn {
bottom: 24px;
height: 40px;
right: 8px;
width: 40px;
}
.pageTopBtn a {
font-size: 2.0rem;
height: 40px;
line-height: 40px;
width: 40px;
}
}

/***** h1-5 *****/
h1,h2,h3,h4,h5 {
color: #111;
}
h1 {
font-size: 3.4rem;
font-weight: 500;
}
h2 {
font-size: 2.6rem;
}
h3 {
font-size: 2.6rem;
font-weight: 400;
}
h4 {
font-size: 2.1rem;
font-weight: 500;
}
h5 {
font-size: 1.8rem;
}
@media screen and (max-width:767px) {
h1,h2,h3,h4,h5 {
letter-spacing: 0.06em;
}
h1 {
font-size: 3.2rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 2.4rem;
}
h4 {
font-size: 2.9rem;
}
h5 {
font-size: 1.6rem;
}
}


/****************************************
1-3.Font Text
****************************************/
/***** Font Size *****/
.fs10 { font-size: 1.0rem !important; } .fs11 { font-size: 1.1rem !important; } .fs12 { font-size: 1.2rem !important; } .fs13 { font-size: 1.3rem !important; }
.fs14 { font-size: 1.4rem !important; } .fs15 { font-size: 1.5rem !important; } .fs16 { font-size: 1.6rem !important; } .fs17 { font-size: 1.7rem !important; }
.fs18 { font-size: 1.8rem !important; } .fs19 { font-size: 1.9rem !important; } .fs20 { font-size: 2.0rem !important; } .fs21 { font-size: 2.1rem !important; }
.fs22 { font-size: 2.2rem !important; } .fs23 { font-size: 2.3rem !important; } .fs24 { font-size: 2.4rem !important; } .fs25 { font-size: 2.5rem !important; }
.fs26 { font-size: 2.6rem !important; } .fs27 { font-size: 2.7rem !important; } .fs28 { font-size: 2.8rem !important; } .fs29 { font-size: 2.9rem !important; }
.fs30 { font-size: 3.0rem !important; } .fs31 { font-size: 3.1rem !important; } .fs32 { font-size: 3.2rem !important; } .fs33 { font-size: 3.3rem !important; }
.fs34 { font-size: 3.4rem !important; } .fs35 { font-size: 3.5rem !important; } .fs36 { font-size: 3.6rem !important; } .fs37 { font-size: 3.7rem !important; }
.fs38 { font-size: 3.8rem !important; } .fs39 { font-size: 3.9rem !important; } .fs40 { font-size: 4.0rem !important; } .fs41 { font-size: 4.1rem !important; }
.fs42 { font-size: 4.2rem !important; } .fs43 { font-size: 4.3rem !important; } .fs44 { font-size: 4.4rem !important; } .fs45 { font-size: 4.5rem !important; }
.fs46 { font-size: 4.6rem !important; } .fs47 { font-size: 4.7rem !important; } .fs48 { font-size: 4.8rem !important; } .fs49 { font-size: 4.9rem !important; }
.fs50 { font-size: 5.0rem !important; }

/***** text-align *****/
.gen-txt_left { text-align: left !important; }
.gen-txt_right { text-align: right !important; }
.gen-txt_center { text-align: center !important; }

/***** Vertical-align *****/
.vaTop { vertical-align: top; }
.vaMid { vertical-align: middle; }
.vaBot { vertical-align: bottom; }
.vaBas { vertical-align: baseline;}

/***** Weight *****/
.txtBold { font-weight: bold;}
.txtNormal { font-weight: normal;}

/***** Background-color *****/
.bgGray {
background-color: #eeeeee;
}

/***** hide text *****/
.hidetxt {
display: block; text-indent: 100%; white-space: nowrap; overflow:hidden; position: absolute; width: 0; height: 0; }

/***** white space *****/
.nowrap { white-space: nowrap; }

/****************************************
1-5.Margin
****************************************/
/***** Margin All *****/
.m0 { margin: 0 !important; } .m4 { margin: 4px !important; } .m6 { margin: 6px !important; } .m8 { margin: 8px !important; }
.m10 { margin: 10px !important; } .m12 { margin: 12px !important; } .m16 { margin: 16px !important; } .m20 { margin: 20px !important; }
.m24 { margin: 24px !important; } .m28 { margin: 28px !important; } .m32 { margin: 32px !important; } .m36 { margin: 36px !important; }
.m40 { margin: 40px !important; } .m44 { margin: 44px !important; } .m48 { margin: 48px !important; } .m52 { margin: 52px !important; }
.m56 { margin: 56px !important; } .m60 { margin: 60px !important; } .m64 { margin: 64px !important; } .m68 { margin: 68px !important; }
.m72 { margin: 72px !important; } .m76 { margin: 76px !important; } .m80 { margin: 80px !important; } .m84 { margin: 84px !important; }
.m88 { margin: 88px !important; } .m92 { margin: 92px !important; } .m96 { margin: 96px !important; } .m100 { margin: 100px !important; }

/***** Margin Top *****/
.mT0 { margin-top: 0px !important; } .mT4 { margin-top: 4px !important; } .mT6 { margin-top: 6px !important; } .mT8 { margin-top: 8px !important; }
.mT10 { margin-top: 10px !important; } .mT12 { margin-top: 12px !important; } .mT16 { margin-top: 16px !important; } .mT20 { margin-top: 20px !important; }
.mT24 { margin-top: 24px !important; } .mT28 { margin-top: 28px !important; } .mT32 { margin-top: 32px !important; } .mT36 { margin-top: 36px !important; }
.mT40 { margin-top: 40px !important; } .mT44 { margin-top: 44px !important; } .mT48 { margin-top: 48px !important; } .mT52 { margin-top: 52px !important; }
.mT56 { margin-top: 56px !important; } .mT60 { margin-top: 60px !important; } .mT64 { margin-top: 64px !important; } .mT68 { margin-top: 68px !important; }
.mT72 { margin-top: 72px !important; } .mT76 { margin-top: 76px !important; } .mT80 { margin-top: 80px !important; } .mT84 { margin-top: 84px !important; }
.mT88 { margin-top: 88px !important; } .mT92 { margin-top: 92px !important; } .mT96 { margin-top: 96px !important; } .mT100 { margin-top: 100px !important; }

/***** Margin Bottom *****/
.mB0 { margin-bottom: 0px !important; } .mB4 { margin-bottom: 4px !important; } .mB6 { margin-bottom: 6px !important; } .mB8 { margin-bottom: 8px !important; }
.mB10 { margin-bottom: 10px !important; } .mB12 { margin-bottom: 12px !important; } .mB16 { margin-bottom: 16px !important; } .mB20 { margin-bottom: 20px !important; }
.mB24 { margin-bottom: 24px !important; } .mB28 { margin-bottom: 28px !important; } .mB32 { margin-bottom: 32px !important; } .mB36 { margin-bottom: 36px !important; }
.mB40 { margin-bottom: 40px !important; } .mB44 { margin-bottom: 44px !important; } .mB48 { margin-bottom: 48px !important; } .mB52 { margin-bottom: 52px !important; }
.mB56 { margin-bottom: 56px !important; } .mB60 { margin-bottom: 60px !important; } .mB64 { margin-bottom: 64px !important; } .mB68 { margin-bottom: 68px !important; }
.mB72 { margin-bottom: 72px !important; } .mB76 { margin-bottom: 76px !important; } .mB80 { margin-bottom: 80px !important; } .mB84 { margin-bottom: 84px !important; }
.mB88 { margin-bottom: 88px !important; } .mB92 { margin-bottom: 92px !important; } .mB96 { margin-bottom: 96px !important; } .mB100 { margin-bottom: 100px !important; }

/***** Margin Left *****/
.mL0 { margin-left: 0px !important; } .mL4 { margin-left: 4px !important; } .mL6 { margin-left: 6px !important; } .mL8 { margin-left: 8px !important; }
.mL10 { margin-left: 10px !important; } .mL12 { margin-left: 12px !important; } .mL16 { margin-left: 16px !important; } .mL20 { margin-left: 20px !important; }
.mL24 { margin-left: 24px !important; } .mL28 { margin-left: 28px !important; } .mL32 { margin-left: 32px !important; } .mL36 { margin-left: 36px !important; }
.mL40 { margin-left: 40px !important; } .mL44 { margin-left: 44px !important; } .mL48 { margin-left: 48px !important; } .mL52 { margin-left: 52px !important; }
.mL56 { margin-left: 56px !important; } .mL60 { margin-left: 60px !important; } .mL64 { margin-left: 64px !important; } .mL68 { margin-left: 68px !important; }
.mL72 { margin-left: 72px !important; } .mL76 { margin-left: 76px !important; } .mL80 { margin-left: 80px !important; } .mL84 { margin-left: 84px !important; }
.mL88 { margin-left: 88px !important; } .mL92 { margin-left: 92px !important; } .mL96 { margin-left: 96px !important; } .mL100 { margin-left: 100px !important; }

/***** Margin Right *****/
.mR0 { margin-right: 0px !important; } .mR4 { margin-right: 4px !important; } .mR6 { margin-right: 6px !important; } .mR8 { margin-right: 8px !important; }
.mR10 { margin-right: 10px !important; } .mR12 { margin-right: 12px !important; } .mR16 { margin-right: 16px !important; } .mR20 { margin-right: 20px !important; }
.mR24 { margin-right: 24px !important; } .mR28 { margin-right: 28px !important; } .mR32 { margin-right: 32px !important; } .mR36 { margin-right: 36px !important; }
.mR40 { margin-right: 40px !important; } .mR44 { margin-right: 44px !important; } .mR48 { margin-right: 48px !important; } .mR52 { margin-right: 52px !important; }
.mR56 { margin-right: 56px !important; } .mR60 { margin-right: 60px !important; } .mR64 { margin-right: 64px !important; } .mR68 { margin-right: 68px !important; }
.mR72 { margin-right: 72px !important; } .mR76 { margin-right: 76px !important; } .mR80 { margin-right: 80px !important; } .mR84 { margin-right: 84px !important; }
.mR88 { margin-right: 88px !important; } .mR92 { margin-right: 92px !important; } .mR96 { margin-right: 96px !important; } .mR100 { margin-right: 100px !important; }

.mBem1 { margin-bottom: 1em !important; } .mBem1-5 { margin-bottom: 1.5em !important; } .mBem2 { margin-bottom: 2em !important; } .mBem2-5 { margin-bottom: 2.5em !important; }

/****************************************
1-6.Padding
****************************************/
/***** Padding All *****/
.p0 { padding: 0 !important; } .p4 { padding: 4px !important; } .p6 { padding: 6px !important; } .p8 { padding: 8px !important; }
.p10 { padding: 10px !important; } .p12 { padding: 12px !important; } .p16 { padding: 16px !important; } .p20 { padding: 20px !important; }
.p24 { padding: 24px !important; } .p28 { padding: 28px !important; } .p32 { padding: 32px !important; } .p36 { padding: 36px !important; }
.p40 { padding: 40px !important; } .p44 { padding: 44px !important; } .p48 { padding: 48px !important; } .p52 { padding: 52px !important; }
.p56 { padding: 56px !important; } .p60 { padding: 60px !important; } .p64 { padding: 64px !important; } .p68 { padding: 68px !important; }
.p72 { padding: 72px !important; } .p76 { padding: 76px !important; } .p80 { padding: 80px !important; } .p84 { padding: 84px !important; }
.p88 { padding: 88px !important; } .p92 { padding: 92px !important; } .p96 { padding: 96px !important; } .p100 { padding: 100px !important; }

/***** Padding Top *****/
.pT0 { padding-top: 0px !important; } .pT4 { padding-top: 4px !important; } .pT6 { padding-top: 6px !important; } .pT8 { padding-top: 8px !important; }
.pT10 { padding-top: 10px !important; } .pT12 { padding-top: 12px !important; } .pT16 { padding-top: 16px !important; } .pT20 { padding-top: 20px !important; }
.pT24 { padding-top: 24px !important; } .pT28 { padding-top: 28px !important; } .pT32 { padding-top: 32px !important; } .pT36 { padding-top: 36px !important; }
.pT40 { padding-top: 40px !important; } .pT44 { padding-top: 44px !important; } .pT48 { padding-top: 48px !important; } .pT52 { padding-top: 52px !important; }
.pT56 { padding-top: 56px !important; } .pT60 { padding-top: 60px !important; } .pT64 { padding-top: 64px !important; } .pT68 { padding-top: 68px !important; }
.pT72 { padding-top: 72px !important; } .pT76 { padding-top: 76px !important; } .pT80 { padding-top: 80px !important; } .pT84 { padding-top: 84px !important; }
.pT88 { padding-top: 88px !important; } .pT92 { padding-top: 92px !important; } .pT96 { padding-top: 96px !important; } .pT100 { padding-top: 100px !important; }

/***** Padding Bottom *****/
.pB0 { padding-bottom: 0px !important; } .pB4 { padding-bottom: 4px !important; } .pB6 { padding-bottom: 6px !important; } .pB8 { padding-bottom: 8px !important; }
.pB10 { padding-bottom: 10px !important; } .pB12 { padding-bottom: 12px !important; } .pB16 { padding-bottom: 16px !important; } .pB20 { padding-bottom: 20px !important; }
.pB24 { padding-bottom: 24px !important; } .pB28 { padding-bottom: 28px !important; } .pB32 { padding-bottom: 32px !important; } .pB36 { padding-bottom: 36px !important; }
.pB40 { padding-bottom: 40px !important; } .pB44 { padding-bottom: 44px !important; } .pB48 { padding-bottom: 48px !important; } .pB52 { padding-bottom: 52px !important; }
.pB56 { padding-bottom: 56px !important; } .pB60 { padding-bottom: 60px !important; } .pB64 { padding-bottom: 64px !important; } .pB68 { padding-bottom: 68px !important; }
.pB72 { padding-bottom: 72px !important; } .pB76 { padding-bottom: 76px !important; } .pB80 { padding-bottom: 80px !important; } .pB84 { padding-bottom: 84px !important; }
.pB88 { padding-bottom: 88px !important; } .pB92 { padding-bottom: 92px !important; } .pB96 { padding-bottom: 96px !important; } .pB100 { padding-bottom: 100px !important; }

/***** Padding Left *****/
.pL0 { padding-left: 0px !important; } .pL4 { padding-left: 4px !important; } .pL6 { padding-left: 6px !important; } .pL8 { padding-left: 8px !important; }
.pL10 { padding-left: 10px !important; } .pL12 { padding-left: 12px !important; } .pL16 { padding-left: 16px !important; } .pL20 { padding-left: 20px !important; }
.pL24 { padding-left: 24px !important; } .pL28 { padding-left: 28px !important; } .pL32 { padding-left: 32px !important; } .pL36 { padding-left: 36px !important; }
.pL40 { padding-left: 40px !important; } .pL44 { padding-left: 44px !important; } .pL48 { padding-left: 48px !important; } .pL52 { padding-left: 52px !important; }
.pL56 { padding-left: 56px !important; } .pL60 { padding-left: 60px !important; } .pL64 { padding-left: 64px !important; } .pL68 { padding-left: 68px !important; }
.pL72 { padding-left: 72px !important; } .pL76 { padding-left: 76px !important; } .pL80 { padding-left: 80px !important; } .pL84 { padding-left: 84px !important; }
.pL88 { padding-left: 88px !important; } .pL92 { padding-left: 92px !important; } .pL96 { padding-left: 96px !important; } .pL100 { padding-left: 100px !important; }

/***** Padding Right *****/
.pR0 { padding-right: 0px !important; } .pR4 { padding-right: 4px !important; } .pR6 { padding-right: 6px !important; } .pR8 { padding-right: 8px !important; }
.pR10 { padding-right: 10px !important; } .pR12 { padding-right: 12px !important; } .pR16 { padding-right: 16px !important; } .pR20 { padding-right: 20px !important; }
.pR24 { padding-right: 24px !important; } .pR28 { padding-right: 28px !important; } .pR32 { padding-right: 32px !important; } .pR36 { padding-right: 36px !important; }
.pR40 { padding-right: 40px !important; } .pR44 { padding-right: 44px !important; } .pR48 { padding-right: 48px !important; } .pR52 { padding-right: 52px !important; }
.pR56 { padding-right: 56px !important; } .pR60 { padding-right: 60px !important; } .pR64 { padding-right: 64px !important; } .pR68 { padding-right: 68px !important; }
.pR72 { padding-right: 72px !important; } .pR76 { padding-right: 76px !important; } .pR80 { padding-right: 80px !important; } .pR84 { padding-right: 84px !important; }
.pR88 { padding-right: 88px !important; } .pR92 { padding-right: 92px !important; } .pR96 { padding-right: 96px !important; } .pR100 { padding-right: 100px !important; }

/****************************************
Position
****************************************/
.relative { position: relative !important; }
.absolute { position: absolute !important; }

/****************************************
float
****************************************/
.fl, .res-fl { float: left !important; }
.fr, .res-fr { float: right !important; }

@media screen and (max-width:767px){
.res-fl { float: none !important; }
.res-fr { float: none !important; }
}

/***** Clearfix *****/
.clearfix::after {
content: "";
clear: both;
display: table;
}

/***** Display PC SP Togle *****/
.gen-disp_non {
display: none !important;
}
.gen-disp_sp, .gen-disp_sp_inline {
display: none;
}

.global_nav-btn-disp_non {
display: none !important;
}
.tab #global_nav.global_nav-disp_non {
display: none;
}

@media screen and (max-width:767px){
.gen-disp_pc {
display: none !important;
}
#global_nav.global_nav-disp_non {
display: none;
}
.gen-disp_sp {
display: block;
}
.gen-disp_sp_inline {
display: inline;
}
}

/***** Flex Container *****/
.gen-alignItemCenter {
align-items: center !important;
}

/***** Form Checkbox *****/
.input_checkbox-appear {
appearance: auto;
}


/* ===== 2.Outline ===== */
/*--------------------------------------------------------*/

/****************************************
2-1.Header
****************************************/
#header {
border-bottom : 3px solid #111;
background: #fff;
box-shadow: 0px 3px 6px rgba(0,0,0,.2);
box-sizing: border-box;
height: 89px;
left: 0;
padding: 0 10px;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#header_inner {
align-items: center;
display: flex;
height: 100%;
margin: 0 auto;
width: 1318px;
}
.header-logo {
height: 54px;
/*margin: 0 auto 0 0;*/
width: 150px;
}
.header-logo-link {
/*-webkit-backface-visibility: hidden;
backface-visibility: hidden;*/
transition: opacity .3s;
}
.header-logo-link:hover,
.header-logo-link:focus {
opacity: .8;
}
@media screen and (min-width:927px) and (max-width:1365px) {
#header_inner {
width: 100%;
}
}
@media screen and (max-width:767px) {
#header {
border-bottom : 2px solid #111;
height: 68px;
padding: 0 16px;
}
#header_inner {
width: 100%;
}

.header-logo {
height: 42px;
width: 40px;
}
}

/* マイページ、アクセスアイコン用CSSここから */
#header .icon-accessibility {
  color: #E2003B;
}

#header .icon-disaster_portal{
  color: #5FC5F5;
}

.global_nav_btn-mypage-text,
.global_nav_btn-faciliti-text,
.global_nav_btn-access-text,
.global_nav_btn-saigai-text {
width:60px;
text-align:center;
}

.global_nav-sub-mypage-login {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23008a29%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%227.12%202.17%204.29%205%202.88%203.59%201.46%205%202.88%206.41%204.29%207.83%208.54%203.59%207.12%202.17%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: 100%;
display: none;
height: 1rem;
position: absolute;
left: 50%;
margin-left: .9rem;
top: .2rem;
width: 1rem;
}
.is-mypage_loggedin .global_nav-sub-mypage-login {
display: block;
}
/* マイページ、アクセスアイコン用CSSここまで */

#global_nav_btns,
#global_nav_btns-attn {
display: none;
}
@media screen and (max-width:767px) {
/* マイページ、アクセスアイコン用CSSここから */
.global_nav-sub-faciliti,
.global_nav-sub-access,
.global_nav-sub-saigai {
display: none !important;
}
/* マイページ、アクセスアイコン用CSSここまで */
#global_nav_btns,
#global_nav_btns-attn {
display: flex;
}
/* マイページ、アクセスアイコン用CSSここから */
.global_nav_btn-mypage,
.global_nav_btn-faciliti,
.global_nav_btn-access,
.global_nav_btn-saigai {
align-items: center;
display: flex;
font-size: 2.4rem;
height: 32px;
justify-content: center;
position: relative;
width: 44px;
}
.global_nav_btn-mypage .icons,
.global_nav_btn-faciliti .icons,
.global_nav_btn-access .icons,
.global_nav_btn-saigai .icons {
font-size: 2.4rem;
height: 2.4rem;
width: 2.4rem;
}
.global_nav_btn-mypage-text,
.global_nav_btn-faciliti-text,
.global_nav_btn-access-text,
.global_nav_btn-saigai-text {
bottom: -.7rem;
font-size: .7rem;
line-height: 1em;
position: absolute;
}
.global_nav_btn-mypage-login {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23008a29%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%227.12%202.17%204.29%205%202.88%203.59%201.46%205%202.88%206.41%204.29%207.83%208.54%203.59%207.12%202.17%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
display: none;
height: 1rem;
margin-left: .7rem;
position: absolute;
left: 50%;
top: 0;
width: 1rem;
}
.is-mypage_loggedin .global_nav_btn-mypage-login {
display: block;
}
/* マイページ、アクセスアイコン用CSSここまで */
.global_nav_btn-search {
align-items: center;
display: flex;
font-size: 2.4rem;
height: 32px;
justify-content: center;
/* マイページ用CSSここから */
margin-left: 3px;
/* マイページ用CSSここまで */
width: 32px;
color: #111;
}
.global_nav_btn-search[aria-expanded="true"] {
visibility: hidden;
}
.global_nav_btn-nav {
align-items: center;
display: flex;
font-size: 2.6rem;
height: 32px;
justify-content: center;
margin: 0 5px 0 13px;
width: 32px;
color: #111;
}
.global_nav_btn-close {
align-items: center;
display: flex;
font-size: 2.0rem;
height: 32px;
justify-content: center;
margin: 0 5px 0 0;
width: 32px;
}
.global_nav_btn-nav .icon-close {
display: none;
}
.global_nav_btn-nav[aria-expanded="true"] .icon-close {
display: block;
}
.global_nav_btn-nav[aria-expanded="true"] .icon-menu {
display: none;
}
#global_nav[aria-hidden="false"] {
animation: fadeIn .3s ease-out 0s forwards;
}
#global_nav[aria-hidden="true"] {
animation: fadeOut .3s ease-out 0s forwards;
}
}
.tab #global_nav_btns,
.tab #global_nav_btns-attn {
display: flex;
}
/* マイページ、アクセスアイコン用CSSここから */
.tab .global_nav-sub-faciliti,
.tab .global_nav-sub-access,
.tab .global_nav-sub-saigai {
display: none !important;
}
.tab .global_nav_btn-mypage,
.tab .global_nav_btn-faciliti,
.tab .global_nav_btn-access,
.tab .global_nav_btn-saigai {
align-items: center;
display: flex;
font-size: 2.4rem;
height: 32px;
justify-content: center;
position: relative;
width: 44px;
}
.tab .global_nav_btn-mypage .icons,
.tab .global_nav_btn-faciliti .icons,
.tab .global_nav_btn-access .icons,
.tab .global_nav_btn-saigai.icons {
font-size: 2.4rem;
}
.tab .global_nav_btn-faciliti img {
height: 24px;
width: 24px;
}
.tab .global_nav_btn-mypage-text,
.tab .global_nav_btn-faciliti-text,
.tab .global_nav_btn-access-text,
.tab .global_nav_btn-saigai-text {
bottom: -.7rem;
font-size: .7rem;
line-height: 1em;
position: absolute;
}
.tab .global_nav_btn-faciliti,
.tab .global_nav_btn-faciliti-text,
.tab .global_nav_btn-saigai-text{
width: 6.5rem;
}
.tab .global_nav_btn-mypage-login {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23008a29%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%227.12%202.17%204.29%205%202.88%203.59%201.46%205%202.88%206.41%204.29%207.83%208.54%203.59%207.12%202.17%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
display: none;
height: 1rem;
margin-left: .7rem;
position: absolute;
left: 50%;
top: 0;
width: 1rem;
}

.tab .is-mypage_loggedin .global_nav_btn-mypage-login {
display: block;
}
/* マイページ用CSSここまで */
.tab .global_nav_btn-search {
align-items: center;
display: flex;
font-size: 2.4rem;
height: 32px;
justify-content: center;
/* マイページ用CSSここから */
margin-left: 3px;
/* マイページ用CSSここまで */
width: 32px;
color: #111;
}

.tab .global_nav_btn-search[aria-expanded="true"] {
visibility: hidden;
}
.tab .global_nav_btn-nav {
align-items: center;
display: flex;
font-size: 2.6rem;
height: 32px;
justify-content: center;
margin: 0 5px 0 13px;
width: 32px;
color: #111;
}
.tab .global_nav_btn-close {
align-items: center;
display: flex;
font-size: 2.0rem;
height: 32px;
justify-content: center;
margin: 0 5px 0 0;
width: 32px;
}
.tab .global_nav_btn-nav .icon-close {
display: none;
}
.tab .global_nav_btn-nav[aria-expanded="true"] .icon-close {
display: block;
}
.tab .global_nav_btn-nav[aria-expanded="true"] .icon-menu {
display: none;
}
.tab #global_nav[aria-hidden="false"] {
animation: fadeIn .3s ease-out 0s forwards;
}
.tab #global_nav[aria-hidden="true"] {
animation: fadeOut .3s ease-out 0s forwards;
}

#global_nav {
align-items: center;
display: flex;
margin: 0 0 0 8px;
}


#globalNav-banner {
display: flex;
margin: 0 0 0 20px;
padding: 0;
height: 40px;
}
.globalNav-banner-list {
list-style-type: none;
margin: 0 6px;
width: 80px;
}
.globalNav-banner-list-link {
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
display: block;
transition: opacity .3s;
}
.globalNav-banner-list-link:hover,
.globalNav-banner-list-link:focus {
opacity: 0.75;
}
@media screen and (max-width:767px) {
#globalNav-banner {
margin: 0 11.5px 0 0;
height: 42px;
}
.globalNav-banner-list {
margin: 0 4.5px;
width: 85px;
}
}
.tab #globalNav-banner {
margin: 0 11.5px 0 0;
height: 42px;
}
.tab .globalNav-banner-list {
margin: 0 4.5px;
width: 85px;
}

.global_nav-main {
display: flex;
margin: 0;
padding: 0;
}
.global_nav-main-list {
margin: 0 0 0 56px;
list-style-type: none;
}
.global_nav-main-link, .global_nav-main-link:visited {
color: #111;
font-size: 2.1rem;
font-weight: 700;
line-height: 1;
position: relative;
text-decoration: none;
transition: color .3s;
}
.global_nav-main-link:hover, .global_nav-main-link:focus {
color: #555;
}
.global_nav-main-link.current::before {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
position: absolute;
top: -22px;
right: calc(50% - 12.5px);
}
@media screen and (min-width:768px) and (max-width:1365px) {
.global_nav-main {
margin-left: 16px;
}
}
@media screen and (max-width:1365px) {
.global_nav-main-list {
margin: 0 0 0 32px;
}
}
@media screen and (max-width:767px) {
#global_nav {
background: rgba(255,255,255,.95);
box-sizing: border-box;
display: block;
flex-direction: column;
min-height: calc(100vh - 68px);
height: 100%;
left: 0;
margin: 0;
overflow-y: auto;
padding: 16px 16px 16px 16px;
position: absolute;
top: 68px;
width: 100%;
}
.global_nav-main {
flex-direction: column;
align-items: center;
}
.global_nav-main-list {
margin: 32px 0 0 0;
}
.global_nav-main-link {
font-size: 1.9rem;
}
}
.tab #global_nav {
background: rgba(255,255,255,.95);
box-sizing: border-box;
flex-direction: column;
height: calc(100vh - 68px);
left: 0;
margin: 0;
padding: 16px 16px 0 16px;
position: absolute;
top: 68px;
width: 100%;
}
.tab .global_nav-main {
flex-direction: column;
align-items: center;
}
.tab .global_nav-main-list {
margin: 32px 0 0 0;
}
.tab .global_nav-main-link {
font-size: 1.9rem;
}


.global_nav-sub {
display: flex;
margin: 0;
padding: 0;
}
.global_nav-sub:nth-child(2) {
margin: 0 10px 0 54px;
}
.global_nav-sub-list {
box-sizing: border-box;
height: 60px;
letter-spacing: normal;
list-style-type: none;
margin: 0 0 0 2px;
padding: 6px 0 0 0;
position: relative;
text-align: center;
width: 60px;
}
.global_nav-sub-link,
.global_nav-sub-btn {
color: #111;
font-size: 1rem;
line-height: 1;
width: 100%;
text-decoration: none;
transition: color .3s;
}
.global_nav-sub-link:hover, .global_nav-sub-link:focus, .global_nav-sub-btn:hover, .global_nav-sub-btn:focus {
color: #555;
}
.global_nav-sub-link img {
transition: opacity .3s;
}
.global_nav-sub-link:hover img, .global_nav-sub-link:focus img {
opacity: 0.8;
}
.global_nav-sub .icons {
display: block;
font-size: 3.2rem;
}
.global_nav-sub-link .icons {
margin-bottom: -4px;
}
.global_nav-sub-btn .icons {
margin-bottom: 4px;
}

@media screen and (max-width:1366px) {
.global_nav-sub-link,
.global_nav-sub-btn {
font-size: .8rem;
}
}

@media screen and (max-width:767px){
.global_nav-sub {
width: 225px;
margin: 0 auto 40px;
}
.global_nav-sub:nth-child(2) {
margin: 48px auto 0;
justify-content: space-between;
}
.global_nav-sub:nth-child(2) .global_nav-sub-list {
display: inline-block;
height: 32px;
margin: 0;
padding: 0;
text-align: left;
width: auto;
}
.global_nav-sub:nth-child(2) .global_nav-sub-list .icons {
display: inline-block;
font-size: 3.2rem;
margin: 0 8px -4px 0;
vertical-align: middle;
}

.global_nav-sub:nth-child(3) {
flex-direction: column;
}
.global_nav-sub:nth-child(3) .global_nav-sub-list {
height: auto;
margin: 0;
padding: 0;
width: 100%;
}

.global_nav-sub-link,
.global_nav-sub-btn {
font-size: 1.4rem;
letter-spacing: .04;
width: 100%;
transition: color .3s;
}
.global_nav-sub-link:hover, .global_nav-sub-link:focus, .global_nav-sub-btn:hover, .global_nav-sub-btn:focus {
color: #555;
cursor: pointer;
text-decoration: none;
}
.global_nav-sub-btn .icons {
margin-bottom: 4px;
}
}
.tab .global_nav-sub {
width: 280px;
margin: 0 auto 48px;
}
.tab .global_nav-sub:nth-child(2) {
margin: 48px auto 0;
justify-content: space-between;
}
.tab .global_nav-sub:nth-child(2) .global_nav-sub-list {
display: inline-block;
height: 32px;
margin: 0;
padding: 0;
text-align: left;
width: auto;
}
.tab .global_nav-sub:nth-child(2) .global_nav-sub-list .icons {
display: inline-block;
font-size: 3.2rem;
margin: 0 8px -4px 0;
vertical-align: middle;
}

.tab .global_nav-sub:nth-child(3) {
flex-direction: column;
}
.tab .global_nav-sub:nth-child(3) .global_nav-sub-list {
height: auto;
margin: 0;
padding: 0;
width: 100%;
}

.tab .global_nav-sub-link,
.tab .global_nav-sub-btn {
font-size: 1.4rem;
letter-spacing: .04;
width: 100%;
transition: color .3s;
}
.tab .global_nav-sub-link:hover,
.tab .global_nav-sub-link:focus,
.tab .global_nav-sub-btn:hover,
.tab .global_nav-sub-btn:focus {
color: #555;
cursor: pointer;
text-decoration: none;
}
.tab .global_nav-sub-btn .icons {
margin-bottom: 4px;
}


.global_nav-sub-cont {
background: #fff;
box-sizing: border-box;
border: 2px solid #333;
height: 65px;
padding: 0 26px;
position: absolute;
right: -8px;
top: 66px;
}
.global_nav-sub-close_btn {
background: #333;
box-sizing: border-box;
color: #fff;
font-size: 1rem;
font-weight: 500;
height: 82px;
left: 0;
padding: 8.5px 0 0 0;
position: absolute;
top: -14.5px;
transition: background-color .3s;
width: 60px;
}
.global_nav-sub-close_btn:hover,
.global_nav-sub-close_btn:focus {
background: #000;
}

.global_nav-sub-btn[aria-expanded="false"] ~.global_nav-sub-cont,
.global_nav-sub-close_btn[aria-expanded="false"] {
animation: fadeOut .3s ease-out 0s forwards;
}
.global_nav-sub-btn[aria-expanded="true"] ~.global_nav-sub-cont,
.global_nav-sub-close_btn[aria-expanded="true"] {
animation: fadeIn .3s ease-out 0s forwards;
}
@media screen and (max-width:767px) {
.global_nav-sub-btn {
display: none;
}
.global_nav-btn-disp_non {
display: block !important;
}
.global_nav-sub-close_btn {
display: none !important;
}
.global_nav-sub-cont {
background: transparent;
border: none;
height: auto;
justify-content: center;
padding: 0;
position: static;
}
.global_nav-sub-btn[aria-expanded="false"] ~.global_nav-sub-cont,
.global_nav-sub-close_btn[aria-expanded="false"] {
animation: none;
}
.global_nav-sub-btn[aria-expanded="true"] ~.global_nav-sub-cont,
.global_nav-sub-close_btn[aria-expanded="true"] {
animation: none;
}
}
.tab .global_nav-sub-btn {
display: none;
}
.tab .global_nav-btn-disp_non {
display: block !important;
}
.tab .global_nav-sub-close_btn {
display: none !important;
}
.tab .global_nav-sub-cont {
background: transparent;
border: none;
height: auto;
justify-content: center;
padding: 0;
position: static;
}
.tab .global_nav-sub-btn[aria-expanded="false"] ~.global_nav-sub-cont,
.tab .global_nav-sub-close_btn[aria-expanded="false"] {
animation: none;
}
.tab .global_nav-sub-btn[aria-expanded="true"] ~.global_nav-sub-cont,
.tab .global_nav-sub-close_btn[aria-expanded="true"] {
animation: none;
}


.global_nav-sub.globalNav-attn {
border-left: 1px solid #999;
padding: 0px 10px;
margin: 0px 0px 0px 20px;
}

@media screen and (max-width: 767px){

.global_nav-sub.globalNav-attn {
display: none !important;
}

}

#global_nav_btns-attn {
margin: 0 auto 0 20px;
}

#global_nav_btns-attn .globalNav-attn {
border-left: 1px solid #999;
padding: 0px 10px 10px 20px;
margin-top: 10px;
}


/***** Google Custom Search *****/
.global_nav-search {
align-items: center;
display: flex;
height: 100%;
width: 224px;
}
.global_nav-search form {
border-bottom: 1px solid #000;
display: flex;
justify-content: space-between;
width: 100%;
}

.global_nav-search-text_box {
box-sizing: border-box;
width: calc(100% - 22px);
}
.global_nav-search-text_box-text {
font-size: 1.4rem;
height: 18px;
margin: 0 0 3px;
width: 100%;
}
.global_nav-search-text_box-text-bg {
background: url("https://www.google.com/cse/static/images/1x/ja/branding.png") left center no-repeat;
}
.global_nav-search-text_box-text:focus {
background: #eee;
}
.global_nav-search-submit {
color: #111;
transition: color .3s;
}
.global_nav-search-submit:hover,
.global_nav-search-submit:focus {
color: #666;
}
.global_nav-search-submit .icons {
font-size: 1.8rem;
margin: 0 0 3px;
}
@media screen and (max-width:767px) {
.global_nav-search {
margin-top: 32px;
width: 100%;
}
.global_nav-search-text_box-text {
font-size: 1.6rem;
height: calc(18px * 1.142);
margin: 0 0 calc(3px * 1.142);
width: 100%;
padding: 0 6.25%;
margin: 0 0 3px -6.25%;
transform: scale(.875);
}
}
.tab .global_nav-search {
margin-top: 32px;
width: 100%;
}


.global_nav-sns {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
padding: 0;
}
.global_nav-sns-list {
align-items: center;
display: flex;
height: 45px;
justify-content: center;
list-style-type: none !important;
margin: 0;
width: 45px;
}
.global_nav-sns-list-link {
font-size: 3rem;
height: 30px;
text-decoration: none;
width: 30px;
}
.icon-x::before{
  font-size: 28px;
}
@media screen and (max-width:767px) {
.global_nav-sns {
margin: 25px 0 0 0;
}
.global_nav-sns-list-link .icons {
font-size: 3rem;
height: 30px;
width: 30px;
}
}
.tab .global_nav-sns {
margin: 25px 0 0 0;
}
.tab .global_nav-sns-list-link .icons {
font-size: 3rem;
height: 30px;
width: 30px;
}


.global_nav-lang {
align-items: center;
display: flex;
height: 100%;
margin: 0 0 0 -12px;
padding: 0;
min-width: 204px;
}
.global_nav-lang-list {
list-style-type: none;
margin: 0 0 0 12px;
}
.global_nav-lang-list-link {
display: inline-block;
text-decoration: none;
}
.global_nav-lang-list-link:hover,
.global_nav-lang-list-link:focus {
text-decoration: underline;
}
.global_nav-lang-list-link::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
margin: 0 2px 0 0;
speak: never;
text-transform: none;
}
.global_nav-lang-list-link:hover::before,
.global_nav-lang-list-link:focus::before {
text-decoration: underline;
}
.global_nav-lang-list-link:hover::before,
.global_nav-lang-list-link:focus::before {
text-decoration: none;
}
@media screen and (max-width:767px) {
.global_nav-lang {
justify-content: center;
margin: 0;
min-width: 0;
width: 100%;
}
.global_nav-lang-list {
margin: 8px;
}
}
.tab .global_nav-lang {
justify-content: center;
margin: 0;
min-width: 0;
width: 100%;
}
.tab .global_nav-lang-list {
margin: 8px;
}


/****************************************
2-2.Footer
****************************************/
footer {
background: #f9f9f9;
width: 100%;
}
.footer-inner {
display: flex;
align-items: center;
margin: 0 auto;
padding: 32px 0;
width: 1318px;
}
.footer-copyright {
background: #5fc5f5;
font-size: 1.3rem;
display: block;
line-height: 1;
padding: 1em 0;
text-align: center;
width: 100%;
}
@media screen and (min-width:927px) and (max-width:1365px) {
.footer-inner {
box-sizing: border-box;
padding: 32px 16px;
width: 100%;
}
}
@media screen and (max-width:767px) {
.footer-inner {
box-sizing: border-box;
flex-direction: column;
padding: 48px 16px 40px;
width: 100%;
}
.footer-copyright {
font-size: 1.1rem;
}
}

.footer-adress {
font-style: normal;
margin: 0 0 0 24px;
}
.footer-link {
letter-spacing: -0.5em;
margin: 0 0 0 auto;
padding: 0;
text-align: right;
width: 760px;
}
.footer-link-list {
display: inline-block;
letter-spacing: 0.04em;
list-style-type: none;
margin: 0;
}
.footer-link-list::after {
content: "｜";
margin: 0 2px;
}
.footer-link-list:last-child {
margin: 0;
}
.footer-link-list:last-child::after{
content: none;
}
@media screen and (max-width:767px) {
.footer-logo {
width: 40px;
}
.footer-adress {
margin: 13px 0 0 0;
text-align: center;
}
.footer-link {
margin: 0;
text-align: center;
width: 100%;
}
.footer-link-list,
.footer-link-list:last-child {
display: block;
margin: 13px 0 0 0;
}
.footer-link-list::after {
content: none;
margin: 0;
}
}


/****************************************
2-3.Bread Crum
****************************************/
.breadcrum {
background: #fff;
border-bottom: 1px solid #eee;
margin: 0;
width: 100%;
}
.breadcrum .breadcrum-inner {
list-style: none;
margin: 0 auto;
padding: 21px 0;
width: 1024px;
}
.breadcrum-list {
display: inline-block;
margin: 0 8px 0 0;
}
.breadcrum-list::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
margin: 0 8px 0 0;
speak: never;
text-transform: none;
}
.breadcrum-list:first-child::before {
content: '';
margin: 0;
}
@media screen and (max-width:767px){
.breadcrum .breadcrum-inner {
box-sizing: border-box;
padding: 9px 16px;
width: 100%;
}
}


/****************************************
2-4.Contents
****************************************/
#contents {
background: #fff url("/common/img/common/3line.png") repeat-y 40px top;
box-sizing: border-box;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
min-height: calc(100vh - 345px);
padding: 60px 0 80px;
width: 100%;
}
.top_page #contents {
padding: 50.6px 0 80px;
}

#contents_inner {
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative;
width: 1024px;
}
main {
width: 704px;
}
.mainColumn {
width: 704px;
}
.main-1column {
width: 100%;
}
.mainColumn.main-1column {
width: 100%;
}
.local_nav {
width: 272px;
}
@media screen and (max-width:1200px) {
#contents {
background-image: none;
}
}

@media screen and (max-width:767px){
#contents {
background: #fff;
padding: 60px 16px 80px;
}
.top_page #contents {
padding: 56px 0 40px;
}
#contents_inner {
display: block;
margin: 0 auto;
width: 100%;
}
main {
width: 100%;
}
.mainColumn {
width: 100%;
}
.local_nav {
margin-top: 60px;
width: 100%;
}
}


/****************************************
2-5.Local Nav
****************************************/
.local_nav-title {
background: #ffffff;
border: 2px solid #000;
box-shadow: 0px 3px 3px rgba(0,0,0,.5);
box-sizing: border-box;
color: #111;
display: block;
padding: calc(16px - 26 * .2px) 16px calc(16px - 26 * .2px) 27px;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color .3s, color .3s;
}
.local_nav-title:hover,
.local_nav-title:focus {
background: #f6f6f6;
}
.local_nav-title::before {
content: "\e911";
display: inline-block;
font-family: 'ichikawa-icon' !important;
font-size: 2.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 24px;
line-height: 1;
position: absolute;
top: 17px;
left: 12px;
transform: scale(-1, 1);
width: 15px;
}
.local_nav-ul {
background-color: #fff;
border: solid #000;
border-width: 1px 1px 0 1px;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
margin: 24px 0 0;
padding: 0;
}
.local_nav-list {
background: #fff;
border-bottom: 1px solid #000;
box-sizing: border-box;
list-style-type: none;
margin: 0;
width: 100%;
}
.local_nav-link {
display: block;
font-size: 1.8rem;
padding: calc(16px - 1em * .2) 16px calc(16px - 1em * .2) 34px;
position: relative;
text-decoration: none;
transition: background-color .3s, color .3s;
}
.local_nav-link:hover,
.local_nav-link:focus {
background: #f6f6f6;
}
.local_nav-link::before {
content: "\e911";
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 1.6rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 16px;
line-height: 1;
position: absolute;
top: 17px;
left: 16px;
width: 10px;
}
.local_nav-link.current {
background: #eee;
}
.local_nav-link.current::after {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
position: absolute;
top: calc(50% - 12.5px);
transform: rotate(90deg);
right: -5px;
}
@media screen and (max-width:767px) {
.local_nav-title {
padding: calc(16px - 24 * .2px) 16px calc(16px - 24 * .2px) 27px;
}
.local_nav-link {
font-size: 1.6rem;
}
}

.fixed {
padding-top: 68px;
position: fixed;
width: 100%;
height: 100%;
}
.tab .fixed {
padding-top: 89px;
}

@keyframes fadeIn {
0% { display: none; opacity: 0; }
1% { display: block; opacity: 0; }
100% { display: block; opacity: 1; }
}
@-webkit-keyframes fadeIn {
0% { display: none; opacity: 0; }
1% { display: block; opacity: 0; }
100% { display: block; opacity: 1; }
}

@keyframes fadeInFx {
0% { display: none; opacity: 0; }
1% { display: flex; opacity: 0; }
100% { display: flex; opacity: 1; }
}
@-webkit-keyframes fadeInFx {
0% { display: none; opacity: 0; }
1% { display: flex; opacity: 0; }
100% { display: flex; opacity: 1; }
}

@keyframes fadeOut {
0% { display: block; opacity: 1; }
99% { display: block; opacity: 0; }
100% { display: none; opacity: 0; }
}
@-webkit-keyframes fadeOut {
0% { display: block; opacity: 1; }
99% { display: block; opacity: 0; }
100% { display: none; opacity: 0; }
}

@keyframes fadeOutFx {
0% { display: flex; opacity: 1; }
99% { display: flex; opacity: 0; }
100% { display: none; opacity: 0; }
}
@-webkit-keyframes fadeOutFx {
0% { display: flex; opacity: 1; }
99% { display: flex; opacity: 0; }
100% { display: none; opacity: 0; }
}


/* ===== 3.Parts ===== */
/*--------------------------------------------------------*/
/****************************************
3-1.Titles
3-2.Texts
3-3.Lists
3-4.Link
3-5.Table
3-6.Image
3-7.Column
****************************************/

/****************************************
3-1.Titles
****************************************/
.mod [class^="look"] {
border: none;
margin: 0;
padding: 0;
position: static;
}
.mod [class^="look"]::before,
.mod [class^="look"]::after {
content: none;
}

.h1,
.mod h1,
.mod .lookH1 {
font-size: 3.4rem;
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.4;
margin: -.2em 0 calc(32px - .2em);
position: relative;
}
.h1::before,
.mod h1::before,
.mod .lookH1::before {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: -28px;
line-height: 1;
position: absolute;
top: 13px;
transform: rotate(90deg);
}
.h1_centered,
.mod .h1_centered,
.mod .lookH1_centered {
font-size: 3.4rem;
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.4;
margin: -.2em 0 calc(24px - .2em);
padding: 0 0 21px;
position: relative;
text-align: center;
}
.h1_centered::after,
.mod .h1_centered::after,
.mod .lookH1_centered::after {
bottom: -11px;
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 50%;
line-height: 1;
position: absolute;
transform: translateX(-50%);
}
.h1_centered::before,
.mod .h1_centered::before,
.mod .lookH1_centered::before {
content: "";
}
@media screen and (max-width:767px) {
.h1,
.mod h1,
.mod .lookH1 {
font-size: 3.2rem;
letter-spacing: 0.06em;
margin: -.2em 0 calc(28px - .2em);
}
.h1::before,
.mod h1::before,
.mod .lookH1::before {
left: -21px;
}
.h1_centered,
.mod .h1_centered,
.mod .lookH1_centered {
font-size: 3.2rem;
letter-spacing: 0.06em;
margin: -.2em 0 calc(20px - .2em);
padding: 0 0 17px;
}
}

.h2,
.mod h2,
.mod .lookH2 {
border-bottom: 1px solid #5FC5F5;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.4;
margin: calc(32px - .2em) 0 24px;
padding: 0 0 calc(12px - .2em);
}
.h2 .hlink,
.mod h2 a,
.mod .lookH2 .hlink {
display: inline-block;
padding-left: 27px;
position: relative;
text-decoration: none;
}
.h2 .hlink::before,
.mod h2 a::before,
.mod .lookH2 .hlink::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 2.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
@media screen and (max-width:767px) {
.h2,
.mod h2,
.mod .lookH2 {
font-size: 2.4rem;
letter-spacing: 0.06em;
margin: calc(28px - .2em) 0 20px;
padding: 0 0 calc(8px - .2em);
}
}
/* iconLink */
.h2.icon_link .hlink,
.mod h2.icon_link a,
.mod .lookH2.icon_link .hlink {
display: block;
padding: 0 27px 0 52px;
transition: .3s;
}
.h2.icon_link .hlink::before,
.mod h2.icon_link a::before,
.mod .lookH2.icon_link .hlink::before {
content: "";
font-family: 'ichikawa-icon' !important;
font-size: 4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
position: absolute;
speak: never;
top: 2px;
text-transform: none;
}
.h2.icon_link .hlink::after,
.mod h2.icon_link a::after,
.mod .lookH2.icon_link .hlink::after {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 2.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 2px;
speak: never;
text-transform: none;
top: 1px;
transition: right .3s;
}
.h2.icon_link .hlink:hover::after,
.mod h2.icon_link a:hover::after,
.mod .lookH2.icon_link .hlink:hover::after,
.h2.icon_link .hlink:focus::after,
.mod h2.icon_link a:focus::after,
.mod .lookH2.icon_link .hlink:focus::after {
right: -4px;
}
@media screen and (max-width:767px) {
.h2.icon_link .hlink,
.mod h2.icon_link a,
.mod .lookH2.icon_link .hlink {
padding: 0 27px 0 46px;
}
.h2.icon_link .hlink::before,
.mod h2.icon_link a::before,
.mod .lookH2.icon_link .hlink::before {
font-size: 3.4rem;
}
}

#No3.icon_link .hlink::before, #No3.icons::before {content: "\e92d";}
#No8.icon_link .hlink::before, #No8.icons::before {content: "\e92e";}
#No21.icon_link .hlink::before, #No21.icons::before {content: "\e92f";}
#No36.icon_link .hlink::before, #No36.icons::before {content: "\e930";}
#No208.icon_link .hlink::before, #No208.icons::before {content: "\e931";}
#No29.icon_link .hlink::before, #No29.icons::before {content: "\e932";}
#No44.icon_link .hlink::before, #No44.icons::before {content: "\e933";}
#No57.icon_link .hlink::before, #No57.icons::before {content: "\e934";}
#No77.icon_link .hlink::before, #No77.icons::before {content: "\e935";}
#No135.icon_link .hlink::before, #No135.icons::before {content: "\e936";}
#No144.icon_link .hlink::before, #No144.icons::before {content: "\e937";}
#No151.icon_link .hlink::before, #No151.icons::before {content: "\e938";}
#No179.icon_link .hlink::before, #No179.icons::before {content: "\e939";}
#No272.icon_link .hlink::before, #No272.icons::before {content: "\e93a";}
#No277.icon_link .hlink::before, #No277.icons::before {content: "\e93c";}
#No157.icon_link .hlink::before, #No157.icons::before {content: "\e93d";}
#No10010.icon_link .hlink::before, #No10010.icons::before {content: "\e93e";}
#No10016.icon_link .hlink::before, #No10016.icons::before {content: "\e93f";}
#No10009.icon_link .hlink::before, #No10009.icons::before,#No40024.icon_link .hlink::before, #No40024.icons::before {content: "\e940";}
#No101.icon_link .hlink::before, #No101.icons::before {content: "\e941";}
#No10018.icon_link .hlink::before, #No10018.icons::before {content: "\e942";}
#No87.icon_link .hlink::before, #No87.icons::before {content: "\e943";}
#No259.icon_link .hlink::before, #No259.icons::before {content: "\e944";}
#No265.icon_link .hlink::before, #No265.icons::before {content: "\e945";}
#No168.icon_link .hlink::before, #No168.icons::before {content: "\e946";}
#No176.icon_link .hlink::before, #No176.icons::before {content: "\e947";}
#No163.icon_link .hlink::before, #No163.icons::before {content: "\e948";}
#No63.icon_link .hlink::before, #No63.icons::before {content: "\e95b";}
#No343.icon_link .hlink::before, #No343.icons::before {content: "\e949";}
#No348.icon_link .hlink::before, #No348.icons::before {content: "\e94a";}
#No357.icon_link .hlink::before, #No357.icons::before {content: "\e94b";}
#No30008.icon_link .hlink::before, #No30008.icons::before {content: "\e94c";}
#No30014.icon_link .hlink::before, #No30014.icons::before {content: "\e94d";}
#No30020.icon_link .hlink::before, #No30020.icons::before {content: "\e95c";}
#No40000.icon_link .hlink::before, #No40000.icons::before {content: "\e94e";}
#No40019.icon_link .hlink::before, #No40019.icons::before {content: "\e94f";}
#No411.icon_link .hlink::before, #No411.icons::before {content: "\e950";}
#No40014.icon_link .hlink::before, #No40014.icons::before {content: "\e951";}
#No40008.icon_link .hlink::before, #No40008.icons::before {content: "\e952";}
#No542.icon_link .hlink::before, #No542.icons::before {content: "\e953";}
#No40015.icon_link .hlink::before, #No40015.icons::before {content: "\e954";}
#No40010.icon_link .hlink::before, #No40010.icons::before {content: "\e955";}
#No40002.icon_link .hlink::before, #No40002.icons::before {content: "\e956";}
#No40003.icon_link .hlink::before, #No40003.icons::before {content: "\e957";}
#No40004.icon_link .hlink::before, #No40004.icons::before {content: "\e958";}
#No40012.icon_link .hlink::before, #No40012.icons::before {content: "\e959";}
#No40021.icon_link .hlink::before, #No40021.icons::before {content: "\e95a";}
#No294.icon_link .hlink::before, #No294.icons::before {content: "\e95d";}
#No20015.icon_link .hlink::before, #No20015.icons::before {content: "\e95e";}
#No307.icon_link .hlink::before, #No307.icons::before {content: "\e95f";}
#No314.icon_link .hlink::before, #No314.icons::before {content: "\e960";}
#No329.icon_link .hlink::before, #No329.icons::before {content: "\e936";}
#No335.icon_link .hlink::before, #No335.icons::before {content: "\e93d";}
#No340.icon_link .hlink::before, #No340.icons::before {content: "\e939";}
#No697.icon_link .hlink::before, #No697.icons::before {content: "\e961";}
#No20012.icon_link .hlink::before, #No20012.icons::before {content: "\e962";}
#No40088.icon_link .hlink::before, #No40088.icons::before {content: "\e96a";}
#No40098.icon_link .hlink::before, #No40098.icons::before {content: "\e941";}
#No40102.icon_link .hlink::before, #No40102.icons::before {content: "\e96e";}
#No40120.icon_link .hlink::before, #No40120.icons::before {content: "\e976";}

.f2_icons {
font-size: 4rem;
position: relative;
top: 4px;
}
@media screen and (max-width:767px) {
.f2_icons {
font-size: 3.4rem;
top: 2px;
}
}
.h3,
.mod h3,
.mod .lookH3 {
font-size: 2.6rem;
font-weight: 400;
letter-spacing: 0.08em;
line-height: 1.4;
margin: calc(32px - .2em) 0 calc(20px - .2em);
padding: 0 0 0 10px;
position: relative;
}
.h3::after,
.mod h3::after,
.mod .lookH3::after {
background: #5fc5f5;
content: "";
height: calc(100% - 16px);
left: 0;
position: absolute;
top: 9px;
width: 2px;
}
.h3 .hlink,
.mod h3 a,
.mod .lookH3 .hlink {
display: inline-block;
padding-left: 27px;
position: relative;
text-decoration: none;
}
.h3 .hlink::before,
.mod h3 a::before,
.mod .lookH3 .hlink::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 2.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.box .h3,
.mod .box h3,
.mod .box .lookH3,
.h3.noDeco,
.mod h3.noDeco,
.mod .lookH3.noDeco {
padding: 0;
}
.box .h3::after,
.mod .box h3::after,
.mod .box .lookH3::after,
.h3.noDeco::after,
.mod h3.noDeco::after,
.mod .lookH3.noDeco::after {
content: none;
}

@media screen and (max-width:767px) {
.h3,
.mod h3,
.mod .lookH3 {
font-size: 2.4rem;
letter-spacing: 0.06em;
margin: calc(28px - .2em) 0 calc(20px - .2em);
}
.h3::after,
.mod h3::after,
.mod .lookH3::after {
height: calc(100% - 18px);
top: 10px;
}
}

.h4,
.mod h4,
.mod .lookH4 {
border-bottom: 1px solid #999;
font-size: 2.1rem;
font-weight: 500;
letter-spacing: 0.08em;
margin: calc(32px - .2em) 0 20px;
padding: 0 0 calc(8px - .2em);
}
.h4 .hlink,
.mod h4 a,
.mod .lookH4 .hlink {
display: inline-block;
padding-left: 24px;
position: relative;
text-decoration: none;
}
.h4 .hlink::before,
.mod h4 a::before,
.mod .lookH4 .hlink::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.9rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
@media screen and (max-width:767px) {
.h4,
.mod h4,
.mod .lookH4 {
font-size: 1.9rem;
letter-spacing: 0.06em;
margin: calc(28px - .2em) 0 20px;
padding: 0 0 calc(4px - .2em);
}
}

.h5,
.mod h5,
.mod .lookH5 {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.08em;
margin: calc(28px - .2em) 0 calc(20px - .2em) 0;
padding: 0 0 0 9px;
position: relative;
}
.h5::after,
.mod h5::after,
.mod .lookH5::after {
background: #5fc5f5;
content: "";
height: calc(100% - 8px);
left: 0;
position: absolute;
top: 4px;
width: 1px;
}
.h5 .hlink,
.mod h5 a,
.mod .lookH5 .hlink {
display: inline-block;
padding-left: 22px;
position: relative;
text-decoration: none;
}
.h5 .hlink::before,
.mod h5 a::before,
.mod .lookH5 .hlink::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.6rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.box .h5,
.mod .box h5,
.mod .box .lookH5,
.h5.noDeco,
.mod h5.noDeco,
.mod .lookH5.noDeco {
padding: 0;
}
.box .h5::after,
.mod .box h5::after,
.mod .box .lookH5::after,
.h5.noDeco::after,
.mod h5.noDeco::after,
.mod .lookH5.noDeco::after {
content: none;
}

@media screen and (max-width:767px) {
.h5,
.mod h5,
.mod .lookH5 {
font-size: 1.6rem;
letter-spacing: 0.06em;
margin: calc(24px - .2em) 0 calc(20px - .2em) 0;
}
.h5::after,
.mod h5::after,
.mod .lookH5::after {
height: calc(100% - 10px);
top: 5px;
}
}

/****************************************
3-2.Texts
****************************************/
.text-leadText {
margin-top: calc(32px - .2em);
}
.text-leadText_centered {
text-align: center;
margin-top: calc(24px - .2em);
}

.text-large {
font-size: 1.8rem;
font-weight: 500;
}
.text-large .text-link {
padding-left: 22px;
}
.text-link::before{
font-size: 1.6rem;
}

.text-small {
font-size: 1.3rem;
}

.text-bold {
font-weight: 700 !important;
}
.text-medium {
font-weight: 500 !important;
}

.text-red {
color: #C22727;
}
.text-blue {
color: #027DB8;
}

.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}

.text-link {
display: inline-block;
padding-left: 21px;
position: relative;
text-decoration: none;
}
.text-link:hover,
.text-link:focus {
text-decoration: underline;
}
.text-link::before{
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 4px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.text-link:hover::before,
.text-link:focus::before {
text-decoration: underline;
}
.text-link:hover::before,
.text-link:focus::before {
text-decoration: none;
}
u {
   text-decoration: underline ;
 text-decoration-style: dashed ;
 text-decoration-color: #027DB8 ;
 text-decoration-thickness: 2px;

}

@media screen and (max-width:767px) {
.text-leadText {
margin-top: calc(28px - .2em);
}

.text-large {
font-size: 1.6rem;
}
.text-large .text-link {
padding-left: 19px;
}

.text-small {
font-size: 1.1rem;
}


.text-link {
padding-left: 19px;
}
}

/****************************************
3-3.Lists
****************************************/
ul, ol {
margin: calc(32px - .2em) 0 0 0;
padding: 0 0 0 5px;
}
ul li {
margin: 0 0 0 16px;
}
ul ul, ol ol, ul ol, ol ul {
margin: calc(16px - .2em) 0 0 0;
}
ol ul {
margin: 8px 0 0 16px;
}
@media screen and (max-width:767px) {
ul, ol {
margin: calc(28px - .2em) 0 0 0;
}
ul ul, ol ol, ul ol, ol ul {
margin: calc(12px - .2em) 0 0 0;
}
}

main li + li {
margin-top: calc(20px - .2em);
}

main ul li {
list-style-type: disc;
}
main ul li li {
list-style-type: circle;
}
main ul li li li {
list-style-type: disc;
}
@media screen and (max-width:767px) {
main li + li {
margin-top: calc(16px - .2em);
}
}

main ol {
counter-reset: ol-count;
list-style: none;
}
main ol li {
margin-left: 0;
list-style-type: none !important;
padding-left: 16px;
position: relative;
}
main ol > li::before {
content: counter(ol-count)".";
counter-increment: ol-count;
display: block;
float: left;
margin-left: -1.1em;
}
main ol li li {
padding-left: 1.5em;
}
main ol li li li {
padding-left: 1.5em;
}
main ol li li::before {
content: counter(ol-count)")";
}
main ol li li li::before {
content: "("counter(ol-count)")";
}
main ol ul li::before {
content: "" !important;
}
main ol ul li {
padding-left: 0 !important;
}

.list-indentList li{
list-style-type: none !important;
padding-left: 1em;
text-indent: -1em;
margin-left: 0;
}


dl {
display: table;
margin: calc(32px - .2em) 0 0 0;
width: 100%;
}
.wAuto {
width: auto;
}
dl div {
border-bottom: 1px solid #999;
display: table-row;
}
dt {
font-weight: 500;
width: 200px;
}

dt,
dd {
display: table-cell;
padding: calc(8px - .2em) 0;
}
dt {
padding-right: 1em;
position: relative;
}
dt::after {
content: '：';
right: 0;
position: absolute;
top: calc(8px - .2em);
}
@media all and (max-width:767px){
dl {
display: block;
}
dl div {
display: block;
margin-bottom: 4px;
}
dt {
padding: 0;
}
dt,
dd {
display: block;
width: 100% !important;
}
dd {
box-sizing: border-box;
margin-top: calc(6px - .2em);
padding: 0 0 calc(6px - .2em) 1em;
}
dt::after {
position: static;
top: calc(6px - .2em);
}
}


/****************************************
3-4.Link
****************************************/
.link-linkList li {
list-style-type: none !important;
margin-left: 0;
padding-left: 16px;
position: relative;
}
.link-linkList li a {
text-decoration: none;
}
.link-linkList li a:hover,
.link-linkList li a:focus {
text-decoration: underline;
}
.link-linkList li a::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: -2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.link-linkList li a:hover::before,
.link-linkList li a:focus::before {
text-decoration: underline;
}
.link-linkList li a:hover::before,
.link-linkList li a:focus::before {
text-decoration: none;
}
/*20220310_.link-linkBtn_iconを追加*/
.link-linkBtn,
.link-linkBtn_icon {
background: #fff;
border: 2px solid #000;
box-sizing: border-box;
display: block;
font-size: 2.1rem;
font-weight: 500;
margin: 32px auto 0;
padding: calc(20px - 21px * 0.2) 43px calc(20px - 21px * 0.2) 24px;
position: relative;
text-decoration: none;
max-width: 306px;
transition: color .3s, border .3s;
}
/*20220310_.link-linkBtn_iconを追加*/
.link-linkBtn::after,
.link-linkBtn_icon::after {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.9rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 24px;
position: absolute;
speak: never;
text-transform: none;
top: 50%;
transform: translateY(-50%);
transition: color .3s;
}
/*20220310_.link-linkBtn_iconを追加*/
.link-linkBtn:hover,
.link-linkBtn:focus,
.link-linkBtn_icon:hover,
.link-linkBtn_icon:focus {
border-color: #5fc5f5;
}
/*20220310_.link-linkBtn_iconを追加*/
.link-linkBtn:hover::after,
.link-linkBtn:focus::after ,
.link-linkBtn_icon:hover::after,
.link-linkBtn_icon:focus::after{
color: #5fc5f5;
}
@media screen and (max-width:767px) {
.link-linkBtn {
font-size: 1.9rem;
margin: 28px auto 0;
padding: calc(16px - 21px * 0.2) 39px calc(16px - 21px * 0.2) 20px;
max-width: 61.8%;
}
.link-linkBtn::after {
right: 20px;
}
}


/****************************************
3-5.Table
****************************************/
table {
border: solid #999;
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: calc(32px - .2em) 0 0 0;
width: 100% !important;
}
th,td {
padding: calc(12px - .2em) 16px;
border: solid #999;
border-width: 0 1px 1px 0;
vertical-align: top;
word-break: break-all;
word-wrap: break-word; /* for Edge */
}
th, .th {
background-color: #E6F0F5;
font-weight: 500;
text-align: left;
}

@media screen and (max-width:767px) {
table {
margin: calc(28px - .2em) 0 0 0;
}
th,td {
padding: calc(8px - .2em) 12px;
width: initial !important;
}
.table-responsive th,
.table-responsive td {
box-sizing: border-box;
display: block;
width: 100% !important;
}
.table-scroll {
overflow: auto;
white-space: nowrap;
}
}

/****************************************
3-6.Image
****************************************/
.img-center {
margin-left: auto;
margin-right: auto;
}
.img-right {
margin-left: auto;
margin-right: 0;
}

figcaption {
color: #666;
font-size: 1.3rem;
margin-top: calc(8px - .2em);
text-align: center;
display: none;
}

.img-floatLeft > img,
.img-floatLeft figure {
float: left;
margin: 0 16px 8px 0;
}
.img-floatRight > img,
.img-floatRight figure {
float: right;
margin: 0 0 8px 16px;
}
.img-floatLeft::after,
.img-floatRight::after {
content: "";
clear: both;
display: table;
}
@media screen and (max-width:767px) {
figcaption {
font-size: 1.1rem;
margin-top: calc(4px - .2em);
}

.img-floatLeft > img,
.img-floatLeft figure,
.img-floatRight > img,
.img-floatRight figure {
display: block;
float: none;
margin: calc(20px - .2em) auto 12px;
}
}

/****************************************
3-7.Column
****************************************/
.box {
background: #f9f9f9;
box-sizing: border-box;
border: 1px solid #5FC5F5;
margin: 24px auto 0;
padding: 16px 24px !important;
width: 100%;
}
.box.boxGray {
border-color: #999;
}
.box *:first-child {
margin-top: 0;
}

.box.boxSmall {
width: 61.79%;
}

.columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px 0 0 0;
padding: 0;
width: 100%;
}
.column-3::after{
content: "";
display: block;
width: calc((100% - 25px * 2) / 3);
}
.column-4::before{
content: "";
display: block;
width: calc((100% - 24px * 3) / 4);
order:1;
}
.column-4::after{
content: "";
display: block;
width: calc((100% - 24px * 3) / 4);
}
.columns .column-item {
list-style-type: none;
padding: 0;
}
.columns.column-2 .column-item:nth-child(-n+2),
.columns.column-3 .column-item:nth-child(-n+3),
.columns.column-4 .column-item:nth-child(-n+4) {
margin: 0;
}

.column-2 .column-item {
margin: 24px 0 0 0;
width: calc((100% - 24px * 1) / 2);
}
.column-3 .column-item {
margin: 24px 0 0 0;
width: calc((100% - 25px * 2) / 3);
}
.column-4 .column-item {
margin: 24px 0 0 0;
width: calc((100% - 24px * 3) / 4);
}
@media screen and (max-width:767px) {
.box {
padding: 12px 20px;
}

.box.boxSmall {
width: 100%;
}

.columns {
flex-direction: column;
margin: 4px 0 0 0;
}
.column-3::after,
.column-4::before,
.column-4::after {
width: 100%;
}
.columns .column-item,
.columns.column-2 .column-item:nth-child(-n+2),
.columns.column-3 .column-item:nth-child(-n+3),
.columns.column-4 .column-item:nth-child(-n+4) {
margin: 20px 0 0 0;
}

.column-2 .column-item,
.column-3 .column-item,
.column-4 .column-item {
width: 100%;
}
}


/* ===== 4.Category Setting ===== */
/*--------------------------------------------------------*/
/****************************************
4-1.Top Page
4-1-1.Emergency Area
4-1-2.General Banner Area
4-1-3.Main Visual Area
4-2.2nd 3rd 4th Page
4-3.Emergency Page
4-4.
4-5.
4-6.
4-7.
*****************************************/

/*****************************************
4-1.Top Page
*****************************************/
/* 4-1-1.Emergency Area */
#emergencyArea {
background: #fff;
box-sizing: border-box;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
padding: 24px 0;
width: 100%;
}
.emergencyArea-inner {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
}
.emergencyArea-inner-item {
list-style-type: none;
margin: 0 30px;
}
.emergencyArea-inner-item-link {
transition: opacity .3s;
}
.emergencyArea-inner-item-link:hover,
.emergencyArea-inner-item-link:focus {
opacity: .75;
}
@media screen and (max-width:767px) {
#emergencyArea {
padding: 9.5px;
}
.emergencyArea-inner {
flex-wrap: wrap;
}
.emergencyArea-inner-item {
margin: 6.5px;
}
}

/* 4-1-2.General Banner Area */
#genBannerArea {
  background: #eee;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  padding: 32px 10px 24px;
  width: 100%;
}

.genBannerArea-inner.columns {
  align-items: center;
  gap: 16px;
  margin: 0 auto;
  min-width: 0;
  max-width: 1840px;
}

.genBannerArea-inner.columns .column-item,
.genBannerArea-inner.columns.column-2 .column-item:nth-child(-n+2),
.genBannerArea-inner.columns.column-3 .column-item:nth-child(-n+3),
.genBannerArea-inner.columns.column-4 .column-item:nth-child(-n+4) {
  margin: 0;
}

.genBannerArea-inner.columns.column-3::after,
.genBannerArea-inner.columns.column-4::before,
.genBannerArea-inner.columns.column-4::after {
  content: "";
  display: block;
}

.genBannerArea-inner.columns.column-3::after {
  width: calc((100% - 16px * 2) / 3);
}

.genBannerArea-inner.columns.column-4::before {
  width: calc((100% - 16px * 3) / 4);
  order: 1;
}

.genBannerArea-inner.columns.column-4::after {
  width: calc((100% - 16px * 3) / 4);
}

.genBannerArea-inner.columns .column-item {
  margin: 0;
}

.genBannerArea-inner.columns.column-2 .column-item {
  width: calc((100% - 16px * 1) / 2);
}

.genBannerArea-inner.columns.column-3 .column-item {
  width: calc((100% - 16px * 2) / 3);
}

.genBannerArea-inner.columns.column-4 .column-item {
  width: calc((100% - 16px * 3) / 4);
}

.genBannerArea-inner-items-link {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
  box-sizing: border-box;
  border: 1px solid #999;
  display: block;
  overflow: hidden;
  text-decoration: none;
  transition: border .3s, box-shadow .3s;
}

.genBannerArea-inner-items-link:hover,
.genBannerArea-inner-items-link:focus {
  border: 1px solid #5fc5f5;
  box-shadow: 0px 9px 12px rgba(0, 0, 0, .15);
}

.genBannerArea-inner-items-link-img {
  transition: transform .3s;
}

.genBannerArea-inner-items-link:hover .genBannerArea-inner-items-link-img,
.genBannerArea-inner-items-link:focus .genBannerArea-inner-items-link-img {
  transform: scale(1.05);
}

@media screen and (max-width:767px) {
  #genBannerArea {
    padding: 32px 10px 40px;
  }

  .genBannerArea-inner.columns.column-3::after,
  .genBannerArea-inner.columns.column-4::before,
  .genBannerArea-inner.columns.column-4::after,
  .genBannerArea-inner.columns.column-2 .column-item,
  .genBannerArea-inner.columns.column-3 .column-item,
  .genBannerArea-inner.columns.column-4 .column-item {
    width: 100%;
  }
}

#genBannerArea+#visual {
  padding: 0px 10px 16px;
}

/* 4-1-3.Main Visual Area */
.top_page #visual {
background: #eee;
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
padding: 16px 10px;
width: 100%;
}
.visual-inner {
display: flex;
justify-content: space-between;
margin: 0 auto;
width: 100%;
min-width: 0;
max-width: 1856px;
}
.visual-topics {
box-sizing: border-box;
margin: 0;
position: relative;
width: 100%;
min-width: 0;
max-width: 1456px;
}
@media screen and (max-width:1366px) {
.top_page #visual {
padding: 16px 17px;
width: 1364px;
}
.visual-inner {
flex-direction: column;
}
}
@media screen and (min-width:927px) and (max-width:1366px) {
.top_page #visual {
width: 100%;
}
}
@media screen and (max-width:767px) {
.top_page #visual {
padding: 32px 16px;
width: 100%;
}
.visual-inner {
display: flex;
justify-content: space-between;
margin: 0 auto;
width: 100%;
min-width: 0;
max-width: 1856px;
}
.visual-topics {
box-sizing: border-box;
margin: 0;
position: relative;
width: 100%;
min-width: 0;
max-width: 1456px;
}
}

.top_page .visual-search {
background: #fff;
box-sizing: border-box;
border: 1px solid #999;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
min-height: 130px;
justify-content: space-between;
margin: 8px;
padding: 40px 32px 24px;
position: relative;
width: calc(100% - 16px);
}
.visual-search::before {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 5px;
line-height: 1;
position: absolute;
top: -5px;
}
@media screen and (max-width:767px) {
  .top_page .visual-search {
    flex-direction: column;
    margin: 0 auto 24px;
    padding: 24px 12px;
    width: 100%;
  }
}

.visual-search-form {
border-radius: 53px;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
margin: 0 0 24px;
width: 100%;
}
.visual-search-form form {
border-radius: 53px;
box-shadow: 1px 1px #000, -1px 1px #000, -1px -1px #000, 1px -1px #000;
box-sizing: border-box;
display: flex;
justify-content: space-between;
overflow: hidden;
width: 100%;
}
.visual-search-form-text_box {
box-sizing: border-box;
flex: 1 1 auto;
}
#visual-search-input {
background-position: 20px center;
box-sizing: border-box;
font-size: 1.8rem;
height: 100%;
margin: 0;
padding: 12px 12px 12px 24px;
}
#visual-search-input:focus {
  outline: none;
  border-radius: 0;
}
.visual-search-submit {
align-items: center;
background-color: #000;
box-sizing: border-box;
font-size: 1.8rem;
color: #fff;
display: flex;
margin: 0 0 0 auto;
padding: 0 0 0 16px;
transition: background-color .3s;
min-width: 10.7rem;
}
.visual-search-submit:hover,
.visual-search-submit:focus {
background-color: #555;
}
.visual-search-submit .icons {
font-size: 2.0rem;
margin: 0;
}
.visual-search-submit .visual-search-submit-text {
display: block;
letter-spacing: 0.04em;
margin: 0 0 2px 6px;
}
@media screen and (max-width:767px) {
.visual-search-form {
border-radius: 24px;
}
.visual-search-form form {
border-radius: 24px;
}
#visual-search-input {
font-size: 1.6rem;
background-position: 18px center;
padding: 12px 12px 12px 20px;
}
.visual-search-submit {
font-size: 1.4rem;
padding: 0 0 0 12px;
min-width: 80px;
}
.visual-search-submit .icons {
font-size: 1.6rem;
}
.visual-search-submit .visual-search-submit-text {
margin: 0 0 0 6px;
}
}

.visual-search .keyword_box-top50link {
  text-align: right;
  padding-right: 8px;
}

.swiper-container,
.swiper-wrapper {
display: contents;
}
@media screen and (max-width:767px) {
.swiper-container,
.swiper-wrapper {
display: block;
}
}
.visual-topics-inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 25% 25%;
-ms-grid-rows: auto;
grid-template-columns: 50% 25% 25%;
grid-template-rows: auto auto auto auto;
width: 100%;
}
.visual-topics-items {
background: #fff;
box-sizing: border-box;
margin: 8px;
position: relative;
width: calc(100% - 16px);
}
.visual-topics-topics1 {
-ms-grid-row: 2;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 5 / 2;
}
.visual-topics-topics2 {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 3 / 3;
}
.visual-topics-topics3 {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 1 / 3 / 3 / 4;
}
.visual-topics-topics4 {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 3 / 2 / 5 / 3;
}
.visual-topics-topics5 {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 3 / 3 / 5 / 4;
}
@media screen and (max-width:767px) {
.visual-topics-inner {
display: block;
}
.visual-topics-items {
margin: 0;
width: 100%;
}
.visual-topics-topics1 {
margin: 0;
}
.visual-topics-topics2,
.visual-topics-topics3,
.visual-topics-topics4,
.visual-topics-topics5 {
display: none;
}
}


.visual-topics-items-link {
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
border: 1px solid #999;
display: flex;
height: 100%;
padding-top: 56.25%;
position: relative;
text-align: center;
text-decoration: none;
transition: color .3s, border .3s, box-shadow .3s;
}
.visual-topics-items-link:hover,
.visual-topics-items-link:focus {
border: 1px solid #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}

.visual-topics-items-img_box {
box-sizing: border-box;
left: 0;
overflow: hidden;
padding-top: 56.25%;
position: absolute;
top: 0;
width: 100%;
}
.visual-topics-items-img {
border-bottom: 1px solid #999;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: transform .3s;
}
.visual-topics-items-link:hover .visual-topics-items-img,
.visual-topics-items-link:focus .visual-topics-items-img {
transform: translate(-50%, -50%) scale(1.05);
}
.visual-topics-items-link-title {
align-items: center;
box-sizing: border-box;
display: flex;
font-size: 1.8rem;
font-weight: 500;
min-height: 116px;
justify-content: center;
padding: 8px 12px;
width: 100%;
}

.visual-topics-topics1 .visual-topics-items-link-title {
min-height: 93px;
}
@media screen and (max-width:767px) {
.swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
padding: 0;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
align-items: stretch;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
width: 100%;
height: 100%;
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
}
.swiper-pagination {
margin: 16px 0;
position: static;
text-align: center;
width: 100%;
}
.swiper-pagination-bullet {
background: #666;
border-radius: 100%;
display: inline-block;
height: 14px;
margin: 0 8px;
width: 14px;
}
.swiper-pagination-bullet-active {
background: #5FC5F5;
}
.swiper-pagination-bullet:hover {
cursor: pointer;
}

.visual-topics-items-link {
width: 100%;
}

.visual-topics-items-link-title {
font-size: 1.6rem;
min-height: 74px;
}

.visual-topics-topics1 .visual-topics-items-link-title {
min-height: 74px;
}
}


.visual-links {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
margin: 8px;
width: 100%;
min-width: 0;
max-width: 368px;
}
@media screen and (max-width:1366px) {
.visual-links {
flex-direction: row;
margin: 16px 0 0 0;
max-width: none;
}
}

.visual-links-pub {
background: #ffffff;
border: 1px solid #999;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
display: block;
flex-grow: 1;
flex-shrink: 2;
flex-basis: 0;
min-height: 0%;
position: relative;
transition: color .3s, border .3s, box-shadow .3s;
width: 100%;
}
.visual-links-pub:hover,
.visual-links-pub:focus {
border: 1px solid #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.visual-links-pub-img {
box-sizing: border-box;
left: 50%;
padding: 2px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
}
@media screen and (max-width:1366px) {
.visual-links-pub {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
margin: 8px;
width: calc(25% - 16px);
}
}
@media screen and (max-width:767px) {
.visual-links-pub {
align-items: center;
display: flex;
min-height: 93px;
margin: 0;
width: calc(50% - 6.5px);
}
.visual-links-pub-img {
padding: 0;
position: static;
transform: none;
}
}


.visual-links-movie {
background: #ffffff;
border: 1px solid #999;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
flex-grow: 2;
flex-shrink: 2;
flex-basis: 0;
min-height: 0%;
margin-top: 16px;
position: relative;
overflow: hidden;
transition: color .3s, border .3s, box-shadow .3s;
width: 100%;
}
.visual-links-movie-img {
position: absolute;
top: 50%;
transform: translate(0,-50%);
width: 100%;
}
.visual-links-movie #movie_icon {
height: 53px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 75px;
}
#movie_icon .st0 {
fill:#000;
transition: fill .3s;
}
#movie_icon .st1 {
fill:#fff;
}
.visual-links-movie:hover #movie_icon .st0,
.visual-links-movie:focus #movie_icon .st0 {
fill:#f00;
}
.visual-links-movie:hover,
.visual-links-movie:focus {
border: 1px solid #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
@media screen and (max-width:1366px) {
.visual-links-movie {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
margin: 8px;
width: calc(25% - 16px);
}
.visual-links-movie #movie_icon {
height: 65px;
width: 46px;
}
}
@media screen and (max-width:767px) {
.visual-links-movie {
min-height: 93px;
margin: 0;
width: calc(50% - 6.5px);
}
.visual-links-movie-img {
position: relative;
top: 0;
transform: none;
}
.visual-links-movie #movie_icon {
height: 24px;
width: 34px;
}
}


.visual-links-btn_box {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.visual-links-btn_box-btn {
display: flex;
list-style-type: none;
min-height: 60px;
margin: 16px 0 0 0;
}
.visual-links-btn_box-btn-link {
align-items: center;
background: #fff;
border: 1px solid #999;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
display: flex;
justify-content: center;
padding: 16px 22px 16px 48px;
position: relative;
text-decoration: none;
transition: color .3s, border .3s, box-shadow .3s;
width: 100%;
}
.visual-links-btn_box-btn-link:hover,
.visual-links-btn_box-btn-link:focus {
border: 1px solid #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.visual-links-btn_box-btn-link .icons {
display: block;
font-size: 3.2rem;
left: 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.three_line,
.three_line::before,
.three_line::after {
background: #111;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 2px;
transition: background-color .3s;
}
.visual-links-btn_box-btn-link .three_line {
height: calc(100% - 8px);
margin: 0 4px;
right: 4px;
top: 4px;
}
.three_line::before {
left: -4px;
}
.three_line::after {
right: -4px;
}
.visual-links-btn_box-btn-link:hover .three_line,
.visual-links-btn_box-btn-link:focus .three_line,
.visual-links-btn_box-btn-link:hover .three_line::before,
.visual-links-btn_box-btn-link:focus .three_line::before,
.visual-links-btn_box-btn-link:hover .three_line::after,
.visual-links-btn_box-btn-link:focus .three_line::after {
background: #5fc5f5;
}
@media screen and (max-width:1366px) {
.visual-links-btn_box {
flex-direction: row;
flex-wrap: wrap;
width: 50%;
}
.visual-links-btn_box-btn {
min-height: 81px;
width: calc(50% - 16px);
margin: 8px;
}
}
@media screen and (max-width:767px) {
.visual-links-btn_box {
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}
.visual-links-btn_box-btn {
min-height: 51px;
width: 100%;
margin: 16px 0 0 0;
}
.visual-links-btn_box-btn-link {
padding: 12px 22px 12px 40px;
}
.visual-links-btn_box-btn-link .icons {
font-size: 2.4rem;
}
}


.visual-icons {
display: flex;
justify-content: space-between;
margin: 16px auto 0;
width: 100%;
min-width: 0;
max-width: 1856px;
}
.visual-icons-items {
margin: 8px;
width: 7.3115%;
}
@media screen and (max-width:1366px) {
.visual-icons {
flex-wrap: wrap;
}
.visual-icons-items {
width: 174px;
}
}
@media screen and (min-width:927px) and (max-width:1366px) {
.visual-icons-items {
width: calc(14.285% - 16px);
}
}
@media screen and (max-width:767px) {
.visual-icons {
margin: 24px auto 0;
}
.visual-icons-items {
margin: 16px 0 0 0;
width: calc(50% - 6.5px);
}
}


.visual-icons-items.visual-icons-title_box {
align-items: center;
background: #fff;
box-sizing: border-box;
border: 1px solid #000;
display: flex;
justify-content: center;
position: relative;
height: 130px;
width: 26.885%;
}
.visual-icons-items.visual-icons-title_box::before {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 5px;
line-height: 1;
position: absolute;
top: -5px;
}
.visual-icons-title_box-title {
font-size: 3.8rem;
font-weight: 500;
text-align: center;
width: 100%;
}
@media screen and (max-width:1900px) {
.visual-icons-title_box-title {
font-size: 2.4vw;
}
}
@media screen and (max-width:1366px) {
.visual-icons-items.visual-icons-title_box {
width: 744px;
}
.visual-icons-title_box-title {
font-size: 4rem;
}
}
@media screen and (min-width:927px) and (max-width:1366px) {
.visual-icons-items.visual-icons-title_box {
width: calc(14.285% * 3 - 16px);
}
}
@media screen and (max-width:767px) {
.visual-icons-items.visual-icons-title_box {
height: 158px;
width: 100%;
}
.visual-icons-title_box-title {
font-size: 4.5rem;
}
}


.visual-icons-items-link {
align-items: center;
background: #fff;
border: 1px solid #999;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
display: flex;
font-size: 1.5rem;
justify-content: center;
min-height: 38px;
height: 130px;
padding: 79px 8px 12px;
position: relative;
text-decoration: none;
text-align: center;
transition: color .3s, border .3s, box-shadow .3s;
width: 100%;
}
.visual-icons-items-link:hover,
.visual-icons-items-link:focus {
border: 1px solid #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.visual-icons-items-link .icons {
display: block;
font-size: 4.8rem;
left: 50%;
position: absolute;
top: 15px;
transform: translateX(-50%);
}
@media screen and (max-width:767px) {
.visual-icons-items-link {
font-size: 1.4rem;
height: 92px;
padding: 60px 8px 16px;
}
.visual-icons-items-link .icons {
font-size: 3.2rem;
top: 16px;
}
}


.top_page #contents_inner {
display: block;
}
.top_page-section + .top_page-section {
margin-top: 80px;
}
@media screen and (max-width:767px) {
.top_page-section + .top_page-section {
margin-top: 60px;
}
.top_page-inner {
padding: 0 16px;
}
}


.top_page .news_h2title {
font-size: 4.7rem;
}

#news_important_link {
box-sizing: border-box;
display: flex;
justify-content: space-between;
width: 100%;
}
.top_page .newsbox {
border-bottom: 1px solid #000;
box-sizing: border-box;
padding-bottom: calc(40px - .2em);
width: 653px;
}
.top_page .newsbox-ul {
margin: 0;
}
.top_page .newsbox-list {
list-style-type: none;
margin: calc(32px - .2em) 0 0 2px;
}
.top_page .newsbox-list-link {
display: inline-block;
text-decoration: none;
}
.top_page .newsbox-list-link:hover,
.top_page .newsbox-list-link:focus {
text-decoration: underline;
}
@media screen and (max-width:767px) {
.top_page .news_h2title {
font-size: 4.5rem;
letter-spacing: 0.05em;
}
.top_page #news_important_link {
padding: 0 16px;
}
.top_page .newsbox {
padding-bottom: calc(24px - .2em);
width: 100%;
}
.top_page .newsbox-ul {
margin: 12px 0 0 0;
}
.top_page .newsbox-list {
margin: calc(16px - .2em) 0 0 2px;
}
}

.top_page .important_link {
margin: 10px 0 0 0;
width: 306px;
}
@media screen and (max-width:767px) {
.top_page .important_link {
margin: 16px 0 0 0;
width: 100%;
}
}


#snsapp_keyword {
box-sizing: border-box;
display: flex;
justify-content: space-between;
width: 100%;
}
.snsapp {
padding: 0 60px 0 0;
position: relative;
width: 460px;
}
.snsapp::after {
background: #000;
content: "";
display: block;
position: absolute;
right: 0;
top: calc(50% - 105px);
height: 210px;
width: 1px;
}
@media screen and (max-width:767px) {
#snsapp_keyword {
flex-direction: column;
padding: 0 16px;
}
.snsapp {
padding: 0;
width: 100%;
}
.snsapp::after {
content: none;
}
}

.snsapp-sns_box {
display: flex;
justify-content: space-between;
margin: 0 auto 8px;
padding: 0;
width: 336px;
}
.snsapp-sns_box-list {
list-style-type: none;
margin: 0;
}
.snsapp-sns_box-link {
border-radius: 2px;
display: block;
height: 48px;
position: relative;
transition: opacity .3s;
width: 48px;
}
.snsapp-sns_box-link:hover,
.snsapp-sns_box-link:focus {
opacity: .75;
}
.snsapp-sns_box-link.line {
background: #000000;
}
.snsapp-sns_box-link.youtube {
background: #000000;
}
.snsapp-sns_box-link.x {
background: #000000;
}
.snsapp-sns_box-link.facebook {
background: #000000;
}
.snsapp-sns_box-link.instagram {
background: #000000;
}
.snsapp-sns_box-link .icons {
color: #fff;
display: block;
font-size: 3rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width:767px) {
.snsapp-sns_box {
margin: 0 auto 11px;
width: 224px;
}
.snsapp-sns_box-link {
height: 32px;
width: 32px;
}
.snsapp-sns_box-link .icons {
font-size: 2rem;
}
}

.snsapp-app_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
width: 100%;
}
.snsapp-app-list {
list-style-type: none;
margin: 24px 0 0 0;
width: 218px;
}
.snsapp-app-list a {
transition: opacity .3s;
}
.snsapp-app-list a:hover,
.snsapp-app-list a:focus {
opacity: .75;
}
@media screen and (max-width:767px) {
.snsapp-app-list {
margin: 13px 0 0 0;
width: calc(50% - 6.5px);
}
}

.keyword_sect {
margin: 0 auto;
width: 480px;
}
.deco_title {
font-size: 2.6rem;
font-weight: 700;
padding: 0 0 calc(12px - .2em) 0;
position: relative;
text-align: center;
}
.deco_title::after {
bottom: -15px;
content: "\e908";
color: #5fc5f5;
font-family: 'ichikawa-icon' !important;
font-style: normal;
font-size: 2.5rem;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 50%;
line-height: 1;
position: absolute;
speak: never;
text-transform: none;
transform: translateX(-50%);
}
.deco_title + * {
margin-top: calc(24px - 0.2em);
}
@media screen and (max-width:767px) {
.deco_title {
font-size: 2.4rem;
}
.deco_title + * {
margin-top: calc(20px - 0.2em);
}
}

.deco_title + .keyword_box {
margin: 8px 0 0 0;
}
.keyword_box {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.keyword_box-list {
list-style-type: none;
margin: 0;
}
.keyword_box-link {
border: 2px solid #000;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
display: block;
font-size: 1.8rem;
font-weight: 500;
margin: 16px;
padding: calc(13px - .2em) 24px;
text-decoration: none;
transition: color .3s, border .3s, box-shadow .3s;
}
.keyword_box-link:hover,
.keyword_box-link:focus {
border-color: #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.keyword_box-top50link {
text-align: center;
}
.keyword_box-top50link .icons {
font-size: calc(1em - .2rem);
margin: 0 3px 0 0;
}
.keyword_box-top50link-text {
text-decoration: none;
}
.keyword_box-top50link-text:hover,
.keyword_box-top50link-text:focus {
text-decoration: underline;
}
@media screen and (max-width:767px) {
.keyword_sect {
margin: 34.9px 0 0;
width: 100%;
}
.deco_title + .keyword_box {
margin: 8px 0 calc(16px - .2em) 0;
}
.keyword_box-link {
font-size: 1.6rem;
margin: 8px;
padding: calc(12px - .2em) 20px;
}
}


.cate_news {
display: flex;
justify-content: space-between;
}
.cate_news-box {
width: calc(50% - 20px);
}
.cate_news-title {
border-bottom: 1px solid #5FC5F5;
font-weight: 700;
padding: 0 0 calc(12px - .2em) 0;
}
@media screen and (max-width:767px) {
.cate_news {
flex-direction: column;
padding: 0 16px;
}
.cate_news-box {
width: 100%;
}
.cate_news-box + .cate_news-box {
margin-top: calc(40px - 24 * .2px);
}
.cate_news-title {
border-bottom: 1px solid #5FC5F5;
font-weight: 700;
padding: 0 0 calc(8px - .2em) 0;
}
}

.about_ichikawa {
align-content: stretch;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
padding: 0;
width: 100%;
}
@media screen and (max-width:767px) {
.about_ichikawa-cont {
padding: 0 9.5px;
width: 100%;
}
}
.about_ichikawa-list {
display: block;
height: 117px;
margin: 41px 0 0 0;
width: 314px;
}

.about_ichikawa-link {
align-items: center;
border: 1px solid #999;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
box-sizing: border-box;
display: flex;
height: 117px;
margin: 0;
text-decoration: none;
transition: color .3s, border .3s, box-shadow .3s;
width: 314px;
}
.about_ichikawa-link:hover,
.about_ichikawa-link:focus {
border-color: #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.about_ichikawa-link-img {
width: 115px;
}
.about_ichikawa-link-text {
font-size: 2.1rem;
font-weight: 500;
margin: 0 auto;
width: calc(100% - 115px -36px);
}
@media screen and (max-width:767px) {
.about_ichikawa-list {
height: auto;
margin: 6.5px;
width: calc(50% - 13px);
}
.about_ichikawa-link {
flex-direction: column;
height: auto;
width: 100%;
}
.about_ichikawa-link-img {
width: 100%;
}
.about_ichikawa-link-text {
box-sizing: border-box;
font-size: 1.9rem;
margin: 0;
padding: calc(12px - .2em) 8px;
text-align: center;
width: 100%;
}
}

#banner_area {
background: #f0f0f0 url("/common/img/common/3line.png") repeat-y 41px top;
box-sizing: border-box;
padding: 54.8px 0 60px;
width: 100%;
}

.banner_area-inner {
margin: 0 auto;
width: 1049px;
}
.banner_area-inner + .banner_area-inner {
margin-top: 54.8px;
}
.banner_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.banner_box-list {
list-style-type: none;
margin: 12.5px;
width: 180px;
}
.banner_box-link {
display: block;
transition: box-shadow .3s;
}
.banner_box-link:hover,
.banner_box-link:focus {
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
}
@media screen and (max-width:1200px) {
#banner_area {
background-image: none;
}
}
@media screen and (max-width:767px) {
#banner_area {
background: #f0f0f0;
padding: 27.2px 9.5px 32px;
}

.banner_area-inner {
width: 100%;
}
.banner_area-inner + .banner_area-inner {
margin-top: 35.2px;
}
.banner_box-list {
margin: 6.5px;
width: calc(50% - 13px);
}
}
#banner2_area {
background: #f0f0f0 url("/common/img/common/3line.png") repeat-y 41px top;
box-sizing: border-box;
padding: 54.8px 0 60px;
width: 100%;
}
.banner2_area-inner {
margin: 0 auto;
width: 1032px;
}
.banner2_area-inner + .banner2_area-inner {
margin-top: 54.8px;
}
.banner2_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.banner2_box-list {
min-height: 110px;
list-style-type: none;
margin: 4px;
width: calc(20% - 8px);
}
.banner2_box-link {
background: #fff;
border: 1px solid #999;
box-sizing: border-box;
color: #111;
display: block;
font-size: 1.6rem;
font-weight: 500;
height: 100%;
padding: calc(52px - .2em) 8px calc(16px - .2em);
position: relative;
text-align: center;
text-decoration: none;
transition: .3s;
}
.banner2_box-link .fs-s {
font-size: 1.3rem;
font-weight: 400;
}
.banner2_box-link:hover,
.banner2_box-link:focus {
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
border-color: #5fc5f5;
}
.banner2_box-link .icons {
font-size: 3.2rem;
color: #4d4d4d;
position: absolute;
height: 32px;
left: calc(50% - 16px);
top: 10px;
width: 32px;
}
@media screen and (max-width:1200px) {
#banner_area2 {
background-image: none;
}
}
@media screen and (max-width:767px) {
#banner2_area {
background: #f0f0f0;
padding: 27.2px 12px 32px;
}

.banner2_area-inner {
width: 100%;
}
.banner2_area-inner + .banner2_area-inner {
margin-top: 35.2px;
}
.banner2_box-list {
min-height: 105px;
margin: 4px;
width: calc(50% - 8px);
}
.banner2_box-link {
font-size: 1.4rem;
}
.banner2_box-link .fs-s {
font-size: 1.1rem;
}
}


#ad_area {
background: #fff url("/common/img/common/3line.png") repeat-y 40px top;
box-sizing: border-box;
box-shadow: 0px 3px 6px rgaba(0,0,0,.16);
padding: 60px 0;
width: 100%;
}
.ad_area-inner {
margin: 0 auto;
width: 1029px;
}
.ad_area-box {
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: center;
}
.ad_area-box-list {
list-style-type: none;
margin: 0 15px 15px 15px;
width: 170px;
}
.ad_area-box-link {
display: block;
transition: box-shadow .3s;
}
.ad_area-box-link:hover,
.ad_area-box-link:focus {
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
}
@media screen and (max-width:1200px) {
#ad_area {
background-image: none;
}
}
@media screen and (max-width:767px) {
#ad_area {
background: #fff;
padding: 40px 13px;
width: 100%;
}
.ad_area-inner {
width: 100%;
}
.ad_area-box-list {
margin: 4px;
width: calc((100% - 16px) / 2);
}
}


/***** Emergency *****/
.emergency {
padding-top: 0;
}
.emergency #header {
position: static;
}

#emergency {
padding: 56px 0;
width: 100%;
}
#emergency .inner {
border: 1px solid #0b0e38;
border-radius: 3px;
box-sizing: border-box;
padding: 32px 40px;
}
@media screen and (max-width:767px){
#emergency {
box-sizing: border-box;
padding: 0 8px 32px;
}
#emergency .inner {
padding: 12px 16px;
}
}

#emergency .title {
border-bottom: 1px dotted #0b0e38;
color: #cc1421;
font-size: 2.26rem;
font-weight: bold;
line-height: 1.41em;
margin-bottom: 32px;
padding-bottom: 7px;
}
#emergency .title i {
margin: .15em 8px 0 0;
position: relative;
}
@media screen and (max-width:767px){
#emergency .title {
font-size: 1.97rem;
margin-bottom: 24px;
}
}


/****************************************
4-2.2nd 3rd 4th Page
****************************************/
#signboard {
background: #eee;
border-top: 1px solid #e9e9e9;
box-sizing: border-box;
overflow: hidden;
padding: 40px 10px;
width: 100%;
}
.signboard-titleBox {
align-items: center;
background: #fff;
box-sizing: border-box;
box-shadow: 0px 1px 1px rgba(0,0,0,.7);
border: 1px solid #000;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
padding: 40px;
position: relative;
text-align: center;
width: 791px;
}
.signboard-titleBox::before {
content: "\e908";
color: #5FC5F5;
display: block;
font-family: 'ichikawa-icon' !important;
font-size: 2.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 5px;
line-height: 1;
position: absolute;
top: -5px;
}

.signboard-title,
.mod .signboard-title {
border: none;
font-size: 4.7rem;
font-weight: 500;
letter-spacing: 0.08em;
margin: -.2em 0;
padding: 0;
position: static;
}
.signboard-title::before,
.signboard-title::after,
.mod .signboard-title::before,
.mod .signboard-title::after {
content: none;
}

.signboard-lead {
font-size: 1.8rem;
font-weight: 500;
margin: calc(24px - .2em) 0 -.2em 0;
}
.signboard-subTitle {
font-size: 2.6rem;
letter-spacing: 0.08em;
margin: calc(24px - .2em) 0 -.2em 0;
}
@media screen and (max-width:767px) {
#signboard {
padding: 32px 16px;
}
.signboard-titleBox {
padding: 32px 16px;
width: 100%;
}
.signboard-title {
font-size: 4.5rem;
}
.signboard-lead {
font-size: 1.6rem;
margin: calc(20px - .2em) 0 -.2em 0;
}
}

.newsbox {
width: 667px;
}
.news_h2title,
.mod .news_h2title {
border: none;
font-size: 3.4rem;
font-weight: 500;
margin: 0;
padding: 0;
position: relative;
}
.news_h2title::before,
.mod .news_h2title::before {
background: #5fc5f5;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}
.news_h2title-text {
background: #fff;
display: inline-block;
padding: 0 12px 0 0;
position: relative;
z-index: 2;
}
@media screen and (max-width:767px) {
.news_h2title,
.mod .news_h2title {
font-size: 3.2rem;
}
#news_important_link {
flex-direction: column;
}
.newsbox {
padding-bottom: calc(24px - .2em);
width: 100%;
}
.newsbox-ul {
margin: 12px 0 0 0;
}
.newsbox-list {
margin: calc(16px - .2em) 0 0 2px;
}
}


.news-ul {
margin: calc(32px - 13px * .2) 0 0 0;
padding: 0;
}
.news-list {
border-bottom: 1px solid #999;
list-style-type: none;
margin: calc(20px - 13px * .2) 0 0 0;
padding: 0 0 calc(20px - .2em) 0;
}
.news-list-date {
color: #666;
display: block;
font-size: 1.3rem;
}
.news-list-link {
display: inline-block;
margin: calc(12px - .2em) 0 0 2px;
text-decoration: none;
}
.news-list-link:hover,
.news-list-link:focus {
text-decoration: underline;
}
@media screen and (max-width:767px) {
.news-ul {
margin: calc(24px - 11px * .2) 0 0 0;
}
.news-list {
margin: calc(16px - 11px * .2) 0 0 0;
padding: 0 0 calc(16px - .2em) 0;
}
.news-list-date {
font-size: 1.1rem;
}
.news-list-link {
margin: calc(8px - .2em) 0 0 2px;
}
}

.news-index {
margin: calc(20px - .2em) 0 0 0;
text-align: right;
letter-spacing: -.5em;
}
.news-index-list {
display: inline-block;
margin: 0 0 0 24px;
letter-spacing: .04em;
}
.news-index-link {
text-decoration: none;
}
.news-index-link:hover,
.news-index-link:focus {
text-decoration: underline;
}
.news-index-link::before {
content: "\e911";
display: inline-block;
font-family: 'ichikawa-icon' !important;
font-style: normal;
font-size: calc(1em - .2rem);
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
margin: 0 3px 0 0;
speak: never;
text-transform: none;
}
.news-index-link.rss::before {
content: "\e927";
margin: 0 8px 0 0;
}
.news-index-link:hover::before,
.news-index-link:focus::before {
text-decoration: underline;
}
.news-index-link:hover::before,
.news-index-link:focus::before {
text-decoration: none;
}

@media screen and (max-width:767px) {
.news-index {
margin: calc(16px - .2em) 0 0 0;
}
.news-index-list {
margin: 0 0 0 16px;
letter-spacing: .02em;
}
}

.list-link {
padding: 0 0 0 19px;
position: relative;
}
.list-link:hover,
.list-link:focus {
text-decoration: underline;
}
.list-link::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-style: normal;
font-size: calc(1em - .2rem);
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.4em;
left: 0;
position: absolute;
top: calc(.2em + .1rem);
speak: never;
text-transform: none;
}
.list-link:hover::before,
.list-link:focus::before {
text-decoration: underline;
}
.list-link:hover::before,
.list-link:focus::before {
text-decoration: none;
}

@media screen and (max-width:767px) {
.list-link {
padding: 0 0 0 18px;
}
.list-link::before {
font-size: 1em;
top: .1em;
}
}


.important_link {
display: flex;
flex-direction: column;
margin: -2px 0 0 0;
padding: 0;
width: 309px;
}
.important_link-list {
list-style-type: none;
margin: 24px 0 0 0;
position: relative;
width: 100%;
}
.important_link-list-link {
align-items: center;
background: #fff;
box-sizing: border-box;
border: 2px solid #000;
box-shadow: 0px 3px 6px rgba(0,0,0,.4);
display: flex;
font-size: 2.1rem;
font-weight: 500;
justify-content: center;
min-height: 60px;
padding: 8px 12px 8px 21px;
position: relative;
text-decoration: none;
transition: color .3s, border .3s, box-shadow .3s;
width: 100%;
}
.important_link-list-link:hover,
.important_link-list-link:focus {
border-color: #5fc5f5;
box-shadow: 0px 9px 12px rgba(0,0,0,.15);
}
.important_link-list-link .three_line {
height: calc(100% - 6px);
margin: 0 4px;
left: 3px;
top: 3px;
}
.important_link-list-link:hover .three_line,
.important_link-list-link:focus .three_line,
.important_link-list-link:hover .three_line::before,
.important_link-list-link:focus .three_line::before,
.important_link-list-link:hover .three_line::after,
.important_link-list-link:focus .three_line::after {
background: #5fc5f5;
}
@media screen and (max-width:767px) {
.important_link {
margin: 16px 0 0 0;
width: 100%;
}
.important_link-list {
margin: 16px 0 0 0;
}
.important_link-list-link {
font-size: 1.9rem;
min-height: 55px;
}
}


.ankerLink-box {
border-bottom: 1px solid #999;
padding: 0 0 calc(24px - .2em) 0;
}
.ankerLink-title,
.mod .ankerLink-title {
border: none;
font-size: 2.1rem;
font-weight: 500;
letter-spacing: 0.04em;
margin: -.2em 0;
padding: 0;
position: static;
text-align: center;
}
.ankerLink-title::before,
.ankerLink-title::after,
.mod .ankerLink-title::before,
.mod .ankerLink-title::after {
content: none;
}
.ankerLink-listBox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 8px 0 0 0;
padding: 0;
width: 100%;
}
.ankerLink-listBox::before{
content: "";
display: block;
width: calc((100% - 20px * 3) / 4);
order:1;
}
.ankerLink-listBox::after{
content: "";
display: block;
width: calc((100% - 20px * 3) / 4);
}
.ankerLink-listBox-list {
box-sizing: border-box;
list-style-type: none !important;
margin: calc(16px - .2em) 0 0 0;
padding: 0 0 0 22px;
position: relative;
width: calc((100% - 20px * 3) / 4);
}
.ankerLink-listBox-link {
text-decoration: none;
}
.ankerLink-listBox-link:hover,
.ankerLink-listBox-link:focus {
text-decoration: underline;
}
.ankerLink-listBox-link::before {
content: "\e928";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: -2px;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.ankerLink-listBox-link:hover::before,
.ankerLink-listBox-link:focus::before {
text-decoration: underline;
}
.ankerLink-listBox-link:hover::before,
.ankerLink-listBox-link:focus::before {
text-decoration: none;
}

.ankerLink-w100 .ankerLink-listBox {
display: block;
}
.ankerLink-w100 .ankerLink-listBox::before,
.ankerLink-w100 .ankerLink-listBox::after{
content: none;
}
.ankerLink-w100 .ankerLink-listBox-list {
width: 100%;
}
@media screen and (max-width:767px) {
.ankerLink-box {
padding: 0 0 calc(20px - .2em) 0;
}
.ankerLink-title,
.mod .ankerLink-title {
font-size: 1.9rem;
}
.ankerLink-listBox {
margin: 6px 0 0 0;
}
.ankerLink-listBox::before,
.ankerLink-listBox::after {
content: none;
}
.ankerLink-listBox-list {
margin: calc(14px - .2em) 0 0 0;
padding: 0 0 0 20px;
width: calc((100% - 13px * 1) / 2);
}
}

.indexPage-link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 60px 0 0 0;
padding: 0;
width: 100%;
}
.indexPage-link-item {
margin: 60px 0 0 0;
width: calc((100% - 40px * 1) / 2);
}
.indexPage-link-item:nth-child(-n+2) {
margin: 0;
}

.indexPage-link-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px 0 0 0;
padding: 0;
width: 100%;
}
.indexPage-link-inner-list {
box-sizing: border-box;
list-style-type: none;
margin: 24px 0 0 0;
padding-left: 16px;
position: relative;
}
.F2nd .indexPage-link-inner-list {
width: calc((100% - 24px * 1) / 2);
}
.F2nd .indexPage-link-inner-list:nth-child(-n+2) {
margin: 0;
}
.F3rd.indexPage-link-inner::after {
content: "";
display: block;
width: calc((100% - 24px * 2) / 3);
}
.F3rd .indexPage-link-inner-list {
width: calc((100% - 25px * 2) / 3);
}
.F3rd .indexPage-link-inner-list:nth-child(-n+3) {
margin: 0;
}
.indexPage-link-inner-link {
text-decoration: none;
}
.indexPage-link-inner-link:hover,
.indexPage-link-inner-link:focus {
text-decoration: underline;
}
.indexPage-link-inner-link::before {
content: "\e911";
font-family: 'ichikawa-icon' !important;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0;
position: absolute;
speak: never;
text-transform: none;
top: 1px;
}
.indexPage-link-inner-link:hover::before,
.indexPage-link-inner-link:focus::before {
text-decoration: underline;
}
.indexPage-link-inner-link:hover::before,
.indexPage-link-inner-link:focus::before {
text-decoration: none;
}
@media screen and (max-width:767px) {
.indexPage-link {
margin: -40px 0 0 0;
}
.indexPage-link-item,
.indexPage-link-item:nth-child(-n+2) {
margin: 40px 0 0 0;
width: 100%;
}

.indexPage-link-inner {
margin: -16px 0 0 0;
}
.F2nd .indexPage-link-inner-list,
.F3rd .indexPage-link-inner-list,
.F2nd .indexPage-link-inner-list:nth-child(-n+2),
.F3rd .indexPage-link-inner-list:nth-child(-n+3) {
margin: 16px 0 0 0;
width: calc((100% - 13px * 1) / 2);
}
}

.indexPage-link-F4th {
border-top: 1px solid #999;
margin-top: 24px;
text-align: right;
}
.indexPage-link-F4th .text-link {
margin-top: 4px;
}
@media screen and (max-width:767px) {
.indexPage-link-F4th {
margin-top: 16px;
}
.indexPage-link-F4th .text-link {
margin-top: 0;
}
}

.update {
position: absolute;
left: 0;
top: -44px;
margin: -.2em 0;
}

.search {
border-bottom: 1px solid #000;
display: flex;
font-size: 1.6rem;
justify-content: space-between;
margin: 24px auto 0;
padding: 0;
max-width: 375px;
width: 100%;
}
.search-textBox {
box-sizing: border-box;
width: calc(100% - 22px);
}
.search-textBox-text {
font-size: 1.6rem;
margin: 0 0 3px;
width: 100%;
}
.search-textBox-text:focus {
background: #eee;
}
.search-textBox-textBg {
background: url("https://www.google.com/cse/static/images/1x/ja/branding.png") left center no-repeat;
}
.search-submit {
color: #111;
transition: color .3s;
}
.search-submit .icons {
font-size: 1.8rem;
margin: 0 0 3px;
}


.contactTitle,
.mod .contactTitle {
border: none;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
margin: 0;
padding: 0;
position: static;
}
.contactTitle::before,
.contactTitle::after,
.mod .contactTitle::before,
.mod .contactTitle::after {
content: none;
}

@media screen and (max-width:767px) {
.contactTitle,
.mod .contactTitle {
font-size: 1.6rem;
}
}

/****************************************
4-3.Emergency Page
****************************************/
.emergency-inner {
margin: 0 auto;
padding: 60px 0;
width: 1024px;
}
@media screen and (max-width:767px) {
.emergency-inner {
box-sizing: border-box;
padding: 32px 16px;
width: 100%;
}
}
.mod .emergency-title {
border-bottom: 3px solid #9C3838;
margin-top: calc(24px - .2em);
}
.mod .emergency-title::before,
.mod .emergency-title::after {
content: none;
}


.emergency .newsbox {
width: 100%;
}

.emergency .h2,
.emergency .lookH2,
.emergency .mod h2,
.emergency .h4,
.emergency .lookH4,
.emergency .mod h4 {
border-bottom: 1px solid #9C3838;
}
.emergency .mod .news_h2title {
border-bottom: none;
}
.emergency .mod .news_h2title::before {
background: #9C3838;
}

.emergency .mod .contactTitle {
border: none;
}
.emergency .h3::after,
.emergency .mod h3::after,
.emergency .mod .lookH3::after {
background: #9C3838;
}
.emergency .h5::after,
.emergency .mod h5::after,
.emergency .mod .lookH5::after {
background: #9C3838;
}

.emergency u {
 text-decoration: underline ;
 text-decoration-style: dashed ;
 text-decoration-color: #9C3838 ;
 text-decoration-thickness: 2px;

}
















#proactiveai.proactiveai .proactiveai-container:not(.proactiveai-status-chatting) .proactiveai-chat-open {
bottom: 40px !important;
left: 40px;
right: 0 !important;
}
#proactiveai.proactiveai .proactiveai-chat-open-icon-close:hover, #proactiveai.proactiveai .proactiveai-chat-open:hover {
-webkit-transform: scale(1.05) !important;
transform: scale(1.05) !important;
}

#proactiveai.proactiveai .proactiveai-container {
left: 0 !important;
margin-right: 17px;
right: 0;
}
#proactiveai.proactiveai .proactiveai-container:not(.proactiveai-status-chatting) .proactiveai-modest-chat-open {
right: auto !important;
left: 0;
bottom: 0;
}

@media screen and (max-width:767px) {
body.proactiveai-is-mobile-view #proactiveai.proactiveai .proactiveai-container .proactiveai-chat-open {
height: 72px !important;
width: 72px !important;
}
#proactiveai.proactiveai .proactiveai-container:not(.proactiveai-status-chatting) .proactiveai-chat-open {
bottom: 10px !important;
left: 3px;
right: 0 !important;
}
}


@media print {
body {
padding: 0 !important;
-webkit-print-color-adjust: exact !important;
}
#header,
footer,
.local_nav,
#proactiveai,
.pageTopBtn {
display: none !important;
}
body,
main {
width: 100% !important;
min-width: 0 !important;
}
#contents {
background-image: none !important;
min-height: 0 !important;
}
#contents_inner {
margin: 0;
width: 100%;
}
.newsbox {
width: 65.14%;
}
.important_link {
width: 30.18%;
}
dl {
display: table !important;
}
dl div {
display: table-row !important;
margin-bottom: 0 !important;
}
dt,
dd {
display: table-cell !important;
padding: calc(8px - .2em) 0 !important;
width: auto !important;
}
dt {
padding-right: 1em !important;
}
dd {
box-sizing: border-box;
margin-top: 0 !important;
}
.box.boxGray dt,
.box.boxGray dd {
display: block !important;
}
dt::after {
position: absolute !important;
top: calc(8px - .2em) !important;
}
.box.boxGray dt::after {
content: "" !important;
}
.visual-search-submit {
background-color: #fff !important;
border-left: 1px solid #000 !important;
color: #000 !important;
}
}
.relay-Btn {
margin-top: 20px;
}
.relay-Btn-cont {
align-items: center;
border: 1px solid #000;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
display: flex;
margin: 0;
text-decoration: none;
transition: color 0.3s, border 0.3s, box-shadow 0.3s;
}
.relay-Btn-img {
width: 116px;
}
.relay-Btn-text {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4em;
margin-left: 12px;
}

/********アクセシビリティ対応********/
/*20220310追加_画像リンクボタン_ここから*/
.link-linkBtn_icon {
border: 2px solid #fff;
max-width: 100%;
display: flex;
align-items: center;
max-height: 5em;
/*高さ統一する場合*/
margin: 0;
/*余白ナシ*/
}
/*リンクボタン矢印の白ver*/
.link-linkBtn_icon::after {
color: #fff;
}

/*今回のバナーの色*/
.bg_skyb {
background: #98d9f8;
}

/*ボタン内の要素*/
.link-linkBtn_icon img {
max-height: 70px;
max-width: 70px;
padding-right: 5%;
}

.inner_txt p {
margin: 0;
text-align: left;
}

p.main_txt {
font-size: 1.2em;
font-weight: bold;
}

p.sub_txt {
font-size: 0.8em;
}
.bg_ffftxt {
    background: #fff;
    border-radius: 15px;
    padding: 1% 5%;
}
/*IE用*/
@media all and (-ms-high-contrast: none) {
  p.main_txt {
    line-height: 0.9em;
  }

  .bg_ffftxt {
    padding: 1% 5% 0;
    font-size: 0.8em;
    font-family: "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
  }
}

/*IE用*/
/*20220310追加_画像リンクボタン_ここまで*/

/*20220315追加災害ポータルサイト用_ここから*/
.emergency-box,
.normal-box {
	border: 1px solid #999999;
}

.emergency-ttl,
.normal-ttl {
	display: block;
	text-align: center;
	padding: 10px 20px !important;
	margin: 0 !important;
	background: #E81F1E;
	color: #fff;
	font-size: 1.8rem !important;
	font-weight: bold !important;
	border-bottom: none !important;
}

.emergency-box p,
.normal-box p {
	margin: 0;
	padding: 20px;
}

.normal-ttl {
	background: #E6F0F5;
	color: #000;
	border-bottom: 1px solid #999999 !important;
}
/*20220315追加_追加災害ポータルサイト用_ここまで*/
/********アクセシビリティ対応********/