@charset "UTF-8";
@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
overflow-y: scroll;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea{
margin: 0;
padding: 0;
}
ol, ul{
list-style:none;
}
table{
border-collapse: collapse; 
border-spacing:0;
}
caption, th{
text-align: left;
}
a:focus {
outline:none;
}
.clearfix:after {
content: ""; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.both{
clear:both;
}
.clear{
clear:both;
}
.clear hr{
display: none;
}
hr.clear{
clear:both;
border: none;
}
img,
a img {
display: inline-block;
vertical-align:top;
line-height: 0;
max-width:100%;
height: auto;
border: 0;
padding: 0;
}
table {
width:100%;
}
 html, body{margin:0; padding:0}
body{
position: relative;
background: #ffffff;
color: #333333;
font-family: 'Noto Sans JP', sans-serif;
}
body.page-en,
body.home{
background: url(//deffic.org/lib/images/top/top_bgimage01.png) no-repeat 0 0 #ffffff;
background-size: cover; }
.mincho{
font-family: 'Noto Serif JP', serif;
}
a.popup{
position: relative;
}
a.popup::after{
content: url(//deffic.org/lib/images/common/icon_popup.png); 
position: relative;
z-index: 20;
top: -30px;
left: 10px;
}
a,
a:hover{
font-weight: normal;
}
.left{
float: left;
}
.right{
float: right;
}
.sp-on{
display: none;
}
.fade image,
.fade{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
} .wrapper{
max-width: 1100px;
display: block;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.breadcrumbs{
margin: -25px 0 20px 0;
padding: 6px 6px;
font-size: 12px;
background: #E3E3E3;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
}
main{
position: relative;
z-index: 10;
} header{
width: 100%;
position: fixed;
z-index: 90;
padding: 12px 0;
background: #000;
}
header .header_wrapp{
max-width: 1280px;
display: block;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
header .header_wrapp .header_layout{
width: 100%;
display: table;
}
header .header_wrapp .header_layout .lang_link_area,
header .header_wrapp .header_layout .link_area,
header .header_wrapp .header_layout .logo_area{
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
header .header_wrapp .header_layout .logo_area{
width: 200px;
padding-right: 20px;
}
header .header_wrapp .header_layout .link_area{
text-align: right;
}
header .header_wrapp .header_layout .link_area ul{
float: right;
}
header .header_wrapp .header_layout .link_area ul li{
float: left;
margin-right: 20px;
}
header .header_wrapp .header_layout .link_area ul li:last-child{
margin-right: 0;
}
header .header_wrapp .header_layout .link_area ul li a{
color: #fff;
text-decoration: none;
font-size: 15px;
}
header .header_wrapp .header_layout .link_area ul li a i{
margin-right: 6px;
}
header .header_wrapp .header_layout .lang_link_area{
width: 100px;
padding-left: 20px;
}
header .header_wrapp .header_layout .lang_link_area ul li{
margin-bottom: 8px;
}
header .header_wrapp .header_layout .lang_link_area ul li:last-child{
margin-bottom: 0;
}
header .header_wrapp .header_layout .lang_link_area ul li a{
display: block;
background: #B6B6B6;
line-height: 20px;
font-size: 14px;
color: #000;
text-decoration: none;
text-align: center;
border-radius: 4px;
}
header .header_wrapp .header_layout .lang_link_area ul li a:hover,
header .header_wrapp .header_layout .lang_link_area ul li a.current{
background: #fff;
}
header .header_wrapp .header_layout .link_area ul li ul{
opacity: 0;
visibility:hidden;
position: absolute;
top: 37px;
left: 0;
right: 0;  width: 200px;
margin: auto;
background: rgba(255,255,255,0.9);
padding: 16px;
border-radius: 0 0 6px 6px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 50;
}
header .header_wrapp .header_layout .link_area ul li ul.active{
opacity: 1;
visibility:visible;
}
header .header_wrapp .header_layout .link_area ul li ul li{
float: none; margin-right: 0;
}
header .header_wrapp .header_layout .link_area ul li ul li:last-child{
margin-right: 0;
}
header .header_wrapp .header_layout .link_area ul li ul li a{ display: block;
border: 1px solid transparent;
border-bottom: 1px solid #000;
color: #000;
text-align: left;
padding: 8px;
position: relative;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
header .header_wrapp .header_layout .link_area ul li ul li a::after{
content: '';
width: 6px;
height: 6px;
position: absolute;
border-top: 1px solid #333;
border-right: 1px solid #333;
top: 50%;
right: 8px;
transform: translate(0, -50%) rotate(45deg);
}
header .header_wrapp .header_layout .link_area ul li ul li a:hover{
border: 1px solid #FFD216;
background: #FFD216;
}
header .header_wrapp .header_layout .link_area ul li ul li a .text,
header .header_wrapp .header_layout .link_area ul li ul li a .image{
display: table-cell;
vertical-align: middle;
}
header .header_wrapp .header_layout .link_area ul li ul li a .image{
width: 74px;
}
header .header_wrapp .header_layout .link_area ul li ul li a .text{
font-size: 14px;
padding: 0 6px;
} #footer_banner{
position: relative;
z-index: 10;
width: 100%;
padding: 54px 0 34px;
text-align: center;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background: #fff;
}
#footer_banner li .img_wrapp,
#footer_banner li a{
display: block;
width: 93%;
margin: 0 auto;
}
#footer_banner li .img_wrapp img,
#footer_banner li a img{
width: 100%;
height: auto;
}
#footer_banner .slick-prev,
#footer_banner .slick-next {
z-index: 50;
width: 28px;
height: 100px;
background: rgba(253,184,23,0.9);
}
#footer_banner .slick-prev {
left: 35px;
border-radius: 8px 0 0 8px;
}
#footer_banner .slick-next {
right: 35px;
border-radius: 0 8px 8px 0;
}
#footer_banner .slick-prev:before,
#footer_banner .slick-next:before{
content: '';
opacity: 1;
width: 8px;
height: 8px;
border: 0px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
position: absolute;
top: 50%;
margin-top: -6px;
}
#footer_banner .slick-prev:before{
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 11px;
}
#footer_banner .slick-next:before{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 11px;
}
#sns_info{
position: relative;
z-index: 10;
width: 100%;
background: #fff;
padding: 54px 0 34px;
text-align: center;
overflow: hidden;
}
#sns_info .wrapper{
max-width: 980px;
}
#sns_info h2{
line-height: 1;
margin: 0 0 44px;
position: relative;
}
#sns_info h2::before {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
content: '';
display: block;
width: 40%;
height: 1px;
background-color: #fff;
margin: auto;
}
#sns_info h2 span{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em 0 2.2em;
background-color: #000;
text-align: left;
font-size: 26px;
color: #fff;
letter-spacing: 2px;
}
#sns_info h2 span::before{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M352%2C0c-12.9%2C0-24.6%2C7.8-29.6%2C19.8s-2.2%2C25.7%2C6.9%2C34.9L370.7%2C96L201.4%2C265.4c-12.5%2C12.5-12.5%2C32.8%2C0%2C45.3%20s32.8%2C12.5%2C45.3%2C0L416%2C141.3l41.4%2C41.4c9.2%2C9.2%2C22.9%2C11.9%2C34.9%2C6.9s19.8-16.6%2C19.8-29.6V32c0-17.7-14.3-32-32-32H352z%20M80%2C32%20C35.8%2C32%2C0%2C67.8%2C0%2C112v320c0%2C44.2%2C35.8%2C80%2C80%2C80h320c44.2%2C0%2C80-35.8%2C80-80V320c0-17.7-14.3-32-32-32s-32%2C14.3-32%2C32v112%20c0%2C8.8-7.2%2C16-16%2C16H80c-8.8%2C0-16-7.2-16-16V112c0-8.8%2C7.2-16%2C16-16h112c17.7%2C0%2C32-14.3%2C32-32s-14.3-32-32-32H80z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 50%;
left: 1em;
transform: translate(0, -50%);
}
#sns_info h2 span i{
margin-right: 14px;
}
#sns_info .link_cont{
margin: 0 0 26px;
text-align: left;
}
#sns_info .link_cont h3{
display: inline-block;
background: #fff;
line-height: 25px;
font-size: 18px;
color: #000;
padding-left: 1.2em;
margin: 0 0 22px;
border-radius: 3px;
position: relative;
}
#sns_info .link_cont h3::before{
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8%200%20416%20186.2%20416%20416c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096C14.3%2096%200%2081.7%200%2064zM0%20416a64%2064%200%201%201%20128%200A64%2064%200%201%201%200%20416zM32%20160c159.1%200%20288%20128.9%20288%20288c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7%200-32-14.3-32-32s14.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
#sns_info .link_cont.tiktok h3::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M448%20209.9a210.1%20210.1%200%200%201%20-122.8-39.3V349.4A162.6%20162.6%200%201%201%20185%20188.3V278.2a74.6%2074.6%200%201%200%2052.2%2071.2V0l88%200a121.2%20121.2%200%200%200%201.9%2022.2h0A122.2%20122.2%200%200%200%20381%20102.4a121.4%20121.4%200%200%200%2067%2020.1z%22%2F%3E%3C%2Fsvg%3E');
}
#sns_info .link_cont.tiktok h3::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M448%20209.9a210.1%20210.1%200%200%201%20-122.8-39.3V349.4A162.6%20162.6%200%201%201%20185%20188.3V278.2a74.6%2074.6%200%201%200%2052.2%2071.2V0l88%200a121.2%20121.2%200%200%200%201.9%2022.2h0A122.2%20122.2%200%200%200%20381%20102.4a121.4%20121.4%200%200%200%2067%2020.1z%22%2F%3E%3C%2Fsvg%3E');
}
#sns_info .link_cont.youtube h3::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M549.7%20124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8%2064%20288%2064%20288%2064S117.2%2064%2074.6%2075.5c-23.5%206.3-42%2024.9-48.3%2048.6-11.4%2042.9-11.4%20132.3-11.4%20132.3s0%2089.4%2011.4%20132.3c6.3%2023.7%2024.8%2041.5%2048.3%2047.8C117.2%20448%20288%20448%20288%20448s170.8%200%20213.4-11.5c23.5-6.3%2042-24.2%2048.3-47.8%2011.4-42.9%2011.4-132.3%2011.4-132.3s0-89.4-11.4-132.3zm-317.5%20213.5V175.2l142.7%2081.2-142.7%2081.2z%22%2F%3E%3C%2Fsvg%3E');
}
#sns_info .link_cont.instagram h3::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22%2F%3E%3C%2Fsvg%3E');
}
#sns_info .link_cont.facebook h3::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064h98.2V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V480H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64z%22%2F%3E%3C%2Fsvg%3E');
}
#sns_info .link_cont h3 i{
margin-right: 6px;
}
#sns_info .link_cont ul{
margin: 0 0 0 35px;
}
#sns_info .link_cont ul li{
float: left;
display: inline-block;
margin: 0 37px 17px 0;
}
#sns_info .link_cont ul li:last-child{
margin-right: 0;
}
#sns_info .link_cont ul li a{
display: block;
font-size: 13px;
color: #000;
background: #fff;
letter-spacing: 0.4px;
text-decoration: none;
position: relative;
padding: 4px 12px 4px 3px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-radius: 0 20px 20px 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#sns_info .link_cont ul li a:hover{
background: #000;
color: #fff;
}
#sns_info .link_cont ul li a::before{
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M352%2C0c-12.9%2C0-24.6%2C7.8-29.6%2C19.8s-2.2%2C25.7%2C6.9%2C34.9L370.7%2C96L201.4%2C265.4c-12.5%2C12.5-12.5%2C32.8%2C0%2C45.3s32.8%2C12.5%2C45.3%2C0%20L416%2C141.3l41.4%2C41.4c9.2%2C9.2%2C22.9%2C11.9%2C34.9%2C6.9s19.8-16.6%2C19.8-29.6V32c0-17.7-14.3-32-32-32H352z%20M80%2C32C35.8%2C32%2C0%2C67.8%2C0%2C112%20v320c0%2C44.2%2C35.8%2C80%2C80%2C80h320c44.2%2C0%2C80-35.8%2C80-80V320c0-17.7-14.3-32-32-32s-32%2C14.3-32%2C32v112c0%2C8.8-7.2%2C16-16%2C16H80%20c-8.8%2C0-16-7.2-16-16V112c0-8.8%2C7.2-16%2C16-16h112c17.7%2C0%2C32-14.3%2C32-32s-14.3-32-32-32H80z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 7px;
left: -22px;
}
#sns_info .link_cont ul li a:hover::before{
color: #000;
}
#sns_info .link_cont ul li a span{
margin-left: 8px;
font-size: 0.7em;
}
#media_info{
position: relative;
z-index: 10;
width: 100%;
background: #fff;
padding: 54px 0 34px;
text-align: center;
overflow: hidden;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
}
#media_info h2{
line-height: 1;
margin: 0 0 44px;
position: relative;
}
#media_info h2::before {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
content: '';
display: block;
width: 40%;
height: 1px;
background-color: #ccc;
margin: auto;
}
#media_info h2 span{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em 0 2.3em;
background-color: #fff;
text-align: left;
font-size: 26px;
letter-spacing: 2px;
}
#media_info h2 span::before{
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20d%3D%22M246.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8%2016.6-19.8%2029.6l0%20256c0%2012.9%207.8%2024.6%2019.8%2029.6s25.7%202.2%2034.9-6.9l128-128z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 50%;
left: 1em;
transform: translate(0, -50%);
}
#media_info h2 span i{
margin-right: 14px;
}
#media_info ul li{
display: inline-block;
margin: 0 9px 20px;
padding-left: 1.4em;
font-size: 13px;
position: relative;
}
#media_info ul li::before{
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8%200%20416%20186.2%20416%20416c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096C14.3%2096%200%2081.7%200%2064zM0%20416a64%2064%200%201%201%20128%200A64%2064%200%201%201%200%20416zM32%20160c159.1%200%20288%20128.9%20288%20288c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7%200-32-14.3-32-32s14.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
#media_info ul li.newspaper::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M168%2080c-13.3%200-24%2010.7-24%2024V408c0%208.4-1.4%2016.5-4.1%2024H440c13.3%200%2024-10.7%2024-24V104c0-13.3-10.7-24-24-24H168zM72%20480c-39.8%200-72-32.2-72-72V112C0%2098.7%2010.7%2088%2024%2088s24%2010.7%2024%2024V408c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V104c0-39.8%2032.2-72%2072-72H440c39.8%200%2072%2032.2%2072%2072V408c0%2039.8-32.2%2072-72%2072H72zM176%20136c0-13.3%2010.7-24%2024-24h96c13.3%200%2024%2010.7%2024%2024v80c0%2013.3-10.7%2024-24%2024H200c-13.3%200-24-10.7-24-24V136zm200-24h32c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H376c-13.3%200-24-10.7-24-24s10.7-24%2024-24zm0%2080h32c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H376c-13.3%200-24-10.7-24-24s10.7-24%2024-24zM200%20272H408c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H200c-13.3%200-24-10.7-24-24s10.7-24%2024-24zm0%2080H408c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H200c-13.3%200-24-10.7-24-24s10.7-24%2024-24z%22%2F%3E%3C%2Fsvg%3E');
}
#media_info ul li.laptop::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M128%2032C92.7%2032%2064%2060.7%2064%2096V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2%20384C8.6%20384%200%20392.6%200%20403.2C0%20445.6%2034.4%20480%2076.8%20480H563.2c42.4%200%2076.8-34.4%2076.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z%22%2F%3E%3C%2Fsvg%3E');
height: 11px;
}
#media_info ul li.tv::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M64%2064V352H576V64H64zM0%2064C0%2028.7%2028.7%200%2064%200H576c35.3%200%2064%2028.7%2064%2064V352c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V64zM128%20448H512c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H128c-17.7%200-32-14.3-32-32s14.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E');
height: 12px;
}
#media_info ul li.broadcast::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M80.3%2044C69.8%2069.9%2064%2098.2%2064%20128s5.8%2058.1%2016.3%2084c6.6%2016.4-1.3%2035-17.7%2041.7s-35-1.3-41.7-17.7C7.4%20202.6%200%20166.1%200%20128S7.4%2053.4%2020.9%2020C27.6%203.6%2046.2-4.3%2062.6%202.3S86.9%2027.6%2080.3%2044zM555.1%2020C568.6%2053.4%20576%2089.9%20576%20128s-7.4%2074.6-20.9%20108c-6.6%2016.4-25.3%2024.3-41.7%2017.7S489.1%20228.4%20495.7%20212c10.5-25.9%2016.3-54.2%2016.3-84s-5.8-58.1-16.3-84C489.1%2027.6%20497%209%20513.4%202.3s35%201.3%2041.7%2017.7zM352%20128c0%2023.7-12.9%2044.4-32%2055.4V480c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V183.4c-19.1-11.1-32-31.7-32-55.4c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064zM170.6%2076.8C163.8%2092.4%20160%20109.7%20160%20128s3.8%2035.6%2010.6%2051.2c7.1%2016.2-.3%2035.1-16.5%2042.1s-35.1-.3-42.1-16.5c-10.3-23.6-16-49.6-16-76.8s5.7-53.2%2016-76.8c7.1-16.2%2025.9-23.6%2042.1-16.5s23.6%2025.9%2016.5%2042.1zM464%2051.2c10.3%2023.6%2016%2049.6%2016%2076.8s-5.7%2053.2-16%2076.8c-7.1%2016.2-25.9%2023.6-42.1%2016.5s-23.6-25.9-16.5-42.1c6.8-15.6%2010.6-32.9%2010.6-51.2s-3.8-35.6-10.6-51.2c-7.1-16.2%20.3-35.1%2016.5-42.1s35.1%20.3%2042.1%2016.5z%22%2F%3E%3C%2Fsvg%3E');
}
#media_info ul li i{
margin-right: 8px;
}
#media_info .point{
width: 80px;
height: 80px;
background: #000;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#media_info .point.tl{
top: -40px;
left: -40px;
}
#media_info .point.tr{
top: -40px;
right: -40px;
}
#media_info .point.bl{
bottom: -40px;
left: -40px;
}
#media_info .point.br{
bottom: -40px;
right: -40px;
}
#facility_info{
position: relative;
z-index: 10;
width: 100%;
padding: 54px 0 34px;
text-align: center;
overflow: hidden;
background: #fff;
}
#facility_info ul{
max-width: 900px;
margin: 0 auto;
text-align: center;
}
#facility_info ul li{
display: inline-block;
width: 30%;
vertical-align: top;
margin: 0 1.5% 38px;
position: relative;
padding-bottom: 50px;
}
#facility_info ul li .map_area{
margin: 0 0 8px;
}
#facility_info ul li .map_area iframe{
width: 100%;
height: 180px;
}
#facility_info ul li .name{
line-height: 1;
font-size: 17px;
color: #000;
margin: 0 0 8px;
}
#facility_info ul li .add{
line-height: 1.4;
font-size: 14px;
color: #000;
}
#facility_info ul li .link_area{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#facility_info ul li .link_area a{
display: block;
background: #FDB817;
padding: 4px;
line-height: 1;
color: #513800;
text-decoration: none;
border-radius: 3px;
}
#facility_info ul li .link_area a:hover{
background: #FFD216;
}
#facility_info ul li .link_area a span{
display: block;
border: 1px solid #986A01;
padding: 6px;
letter-spacing: 2px;
}
#page-top {
position: fixed;
bottom: 30px;
right: 20px;
font-size: 77%;
z-index: 30;
}
footer{
position: relative;
z-index: 10;
width: 100%;
background: #000;
padding: 48px 0 28px;
}
footer .site_link{
text-align: center;
}
footer .site_link ul{
margin: 0 0 18px;
}
footer .site_link ul li{
display: inline-block;
margin: 0 0 8px;
}
footer .site_link ul li a{
display: block;
line-height: 1;
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 0 8px;
}
footer .site_link ul li a:hover{
text-decoration: underline;
}
footer .copyright{
text-align: center;
font-size: 12px;
color: #fff;
margin: 36px 0 0;
} #page-header{
padding: 72px 0 0;
}
#page-header .page-h1_wrapp{
width: 100%;
height: 180px;
display: table;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
#page-header .page-h1_wrapp h1{
display: table-cell;
vertical-align: middle;
background-color: rgba(0,0,0,0.6);
font-size: 31px;
color: #fff;
font-weight: bold;
line-height: 1;
letter-spacing: 4px;
}
#page-header .page-h1_wrapp h1 .en_title{
display: block;
font-size: 18px;
margin: 10px 0 0;
}
#breadcrumbs{
max-width: 1100px;
display: block;
margin: 0 auto 30px;
padding: 8px 20px;
position: relative;
font-size: 13px;
line-height: 1;
}
#breadcrumbs a{
color: #666;
text-decoration: none;
}
#breadcrumbs a:hover{
text-decoration: underline;
}
.page-wrapper{
padding-bottom: 160px;
}
.page-wrapper .contents-inwrapp{
margin: 0 1em 40px;
}
.page-wrapper .page-wrapper_inner{
display: table;
width: 100%;
}
.page-wrapper .page-wrapper_inner aside,
.page-wrapper .page-wrapper_inner main{
display: table-cell;
vertical-align: top;
}
.page-wrapper .page-wrapper_inner main{
max-width: 1040px;
padding-right: 60px;
}
.page-wrapper .page-wrapper_inner aside{
width: 240px;
}
.contents-area{
margin: 0 0 80px;
}
.contents-area:last-child{
margin-bottom: 0;
}
.anchorbox{
margin: -120px 0 80px;
padding-top: 120px;
}
.contents-area h2{
display: inline-block;
font-size: 26px;
letter-spacing: 2px;
line-height: 1.4;
margin: 0 0 30px;
padding: 0 0 0 32px;
position: relative;
}
.contents-area h2::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20448%20512%22%20style%3D%22enable-background%3Anew%200%200%20448%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23BD0404%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M201%2C10.3c14.3-7.8%2C31.6-7.8%2C46%2C0L422.3%2C106c5.1%2C2.8%2C8.3%2C8.2%2C8.3%2C14s-3.2%2C11.2-8.3%2C14L231.7%2C238%20c-4.8%2C2.6-10.5%2C2.6-15.3%2C0L25.7%2C134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2%2C8.3-14L201%2C10.3z%20M23.7%2C170l176%2C96c5.1%2C2.8%2C8.3%2C8.2%2C8.3%2C14%20v216c0%2C5.6-3%2C10.9-7.8%2C13.8c-4.8%2C2.9-10.9%2C3-15.8%2C0.3L25%2C423.1C9.6%2C414.7%2C0%2C398.6%2C0%2C381V184c0-5.6%2C3-10.9%2C7.8-13.8s10.9-3%2C15.8-0.3%20L23.7%2C170z%20M424.4%2C170c5-2.7%2C11-2.6%2C15.8%2C0.3s7.8%2C8.1%2C7.8%2C13.8V381c0%2C17.6-9.6%2C33.7-25%2C42.1L263.7%2C510c-5%2C2.7-11%2C2.6-15.8-0.3%20s-7.8-8.1-7.8-13.8V280c0-5.9%2C3.2-11.2%2C8.3-14L424.4%2C170z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.contents-area h2::after{
content: "";
display: inline-block;
background: #BD0404;
height: 3px;
width: 45px;
position: absolute;
bottom: 6px;
right: -52px;
}
.contents-area h3{
display: inline-block;
background: #BD0404;
font-size: 18px;
color: #fff;
line-height: 1;
padding: 8px 74px 8px 38px;
margin: 0 0 30px;
border-radius: 0 40px 40px 0;
position: relative;
}
.contents-area h3::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C512c141.4%2C0%2C256-114.6%2C256-256S397.4%2C0%2C256%2C0S0%2C114.6%2C0%2C256S114.6%2C512%2C256%2C512z%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
top: 8px;
left: 11px;
}
.contents-area p{
line-height: 1.8;
margin: 0 0 1em;
}
.contents-area p strong{
font-size: 1.2em;
font-weight: bold;
}
.contents-area p.name{
line-height: 1;
margin: 2em 0 0;
text-align: right;
}
.side_banner_wrapp ul li{
margin: 0 0 26px;
}
#side_sns_link{
}
#side_sns_link .link_title{
background: #BD0404;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-sizing: border-box;
padding: 4px;
margin: 0 0 15px;
line-height: 1;
}
#side_sns_link .link_title span {
display: block;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-sizing: border-box;
padding: 4px;
border: 1px solid #fff;
line-height: 1;
font-size: 16px;
color: #fff;
text-align: center;
}
#side_sns_link ul{
margin: 0 0.5em;
}
#side_sns_link ul li{
margin: 0 0 10px;
line-height: 1.2;
}
#side_sns_link ul li a{
display: block;
color: #747474;
text-decoration: none;
font-size: 13px;
position: relative;
padding: 0 0 0 18px;
}
#side_sns_link ul li a::before{
content:'';
display: inline-block;
width: 13px;
height: 13px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
position: absolute;
top: 1px;
left: 0px;
}
#side_sns_link ul.blog li a::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64zM96%20136c0-13.3%2010.7-24%2024-24c137%200%20248%20111%20248%20248c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3%200-24-10.7-24-24zm0%2096c0-13.3%2010.7-24%2024-24c83.9%200%20152%2068.1%20152%20152c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3%200-24-10.7-24-24zm0%20120a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200z%22%2F%3E%3C%2Fsvg%3E');
}
#side_sns_link ul.fb li a::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064h98.2V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V480H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64z%22%2F%3E%3C%2Fsvg%3E');
}
#side_sns_link ul.insta li a::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22%2F%3E%3C%2Fsvg%3E');
}
#side_sns_link ul.youtube li a::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M549.7%20124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8%2064%20288%2064%20288%2064S117.2%2064%2074.6%2075.5c-23.5%206.3-42%2024.9-48.3%2048.6-11.4%2042.9-11.4%20132.3-11.4%20132.3s0%2089.4%2011.4%20132.3c6.3%2023.7%2024.8%2041.5%2048.3%2047.8C117.2%20448%20288%20448%20288%20448s170.8%200%20213.4-11.5c23.5-6.3%2042-24.2%2048.3-47.8%2011.4-42.9%2011.4-132.3%2011.4-132.3s0-89.4-11.4-132.3zm-317.5%20213.5V175.2l142.7%2081.2-142.7%2081.2z%22%2F%3E%3C%2Fsvg%3E');
}
#side_sns_link ul.tiktok li a::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M448%20209.9a210.1%20210.1%200%200%201%20-122.8-39.3V349.4A162.6%20162.6%200%201%201%20185%20188.3V278.2a74.6%2074.6%200%201%200%2052.2%2071.2V0l88%200a121.2%20121.2%200%200%200%201.9%2022.2h0A122.2%20122.2%200%200%200%20381%20102.4a121.4%20121.4%200%200%200%2067%2020.1z%22%2F%3E%3C%2Fsvg%3E');
}
#side_sns_link ul li a:hover{
text-decoration: underline;
}
#side_sns_link ul li a:visited{
color: #B9B9B9;
}
#side_fb,
#facility_sidelink{
margin: 0 0 30px;
}
#facility_sidelink ul li{
margin: 0 0 14px;
}
#facility_sidelink ul li:last-child{
margin-bottom: 0;
}
#facility_sidelink ul li a{
display: table;
width: 100%;
border: 2px solid #BD0404;
border-radius: 6px;
overflow: hidden;
color: #000;
text-decoration: none;
background: #fff;
position: relative;
}
#facility_sidelink ul li a:before {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #BD0404;
border-right: solid 2px #BD0404;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -4px;
}
#facility_sidelink ul li.current a,
#facility_sidelink ul li a:hover {
background: #BD0404;
color: #fff;
}
#facility_sidelink ul li a:hover:before {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
#facility_sidelink ul li a .text_area,
#facility_sidelink ul li a .image_area{
display: table-cell;
vertical-align: middle;
}
#facility_sidelink ul li a .image_area{
width: 70px;
}
#facility_sidelink ul li a .text_area {
font-weight: bold;
letter-spacing: 2px;
padding-left: 1em;
}
#pager{
text-align: center;
margin: 80px 0 0;
}
#pager span,
#pager a{
display: inline-block;
margin: 0 4px;
padding: 0 8px;
background: #fff;
border: 2px solid #BD0404;
border-radius: 4px;
text-align: center;
color: #BD0404;
text-decoration: none;
}
#pager a:hover,
#pager span{
background: #BD0404;
color: #fff;
}
.facility_news .facility_news_wrapp ul li .category .c-icon.news,
#news_single_head .head_wrapp .category .c-icon.news,
.news_ul_wrapp ul li .category .c-icon.news,
#news_area .news_wrapp .cont-wrapp .news_list ul li .category .c-icon.news{
background: #669900;
}
.facility_news .facility_news_wrapp ul li .category .c-icon.event,
#news_single_head .head_wrapp .category .c-icon.event,
.news_ul_wrapp ul li .category .c-icon.event,
#news_area .news_wrapp .cont-wrapp .news_list ul li .category .c-icon.event{
background: #FDB817;
}
.facility_news .facility_news_wrapp ul li .category .c-icon.campaign,
#news_single_head .head_wrapp .category .c-icon.campaign,
.news_ul_wrapp ul li .category .c-icon.campaign,
#news_area .news_wrapp .cont-wrapp .news_list ul li .category .c-icon.campaign{
background: #FF6666;
} .notofound_image{
text-align: center;
margin: 80px auto 40px;
}
.notfond-copy{
text-align: center;
font-size: 18px;
font-weight: bold;
} #entry_banner{
position: fixed;
top: 180px;
right: -280px;
z-index: 10;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#entry_banner.active{
right: 0;
} @media(max-width:768px){
html{
font-size: 62.5%;
}
body{
font-size: 1.4rem;
}
body.home{
background: url(//deffic.org/lib/images/top/top_bgimage01.png) no-repeat 42% 0 #ffffff;
background-size: inherit;
}
.left{
float: none;
}
.right{
float: none;
}
.pc-on{
display: none;
}
.sp-on{
display: block;
}
img{
width: 100%;
height: auto;
} .wrapper{
padding: 0 6%;
}
.breadcrumbs{
margin: -25px 0 20px 0;
padding: 6px 6px;
font-size: 12px;
background: #E3E3E3;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
} header{
width: 30%;
padding: 0;
background: transparent;
z-index: 999;
}
header .header_wrapp{
padding: 0;
}
header .header_wrapp .header_layout{
width: 100%;
display: block;
}
header .header_wrapp .header_layout .lang_link_area,
header .header_wrapp .header_layout .link_area,
header .header_wrapp .header_layout .logo_area{
display: block;
}
header .header_wrapp .header_layout .logo_area{
width: 130px;
position: fixed;
top: 9px;
left: 10px;
padding: 0;
}
header .header_wrapp .header_layout .link_area{
display: none;
}
header .header_wrapp .header_layout .lang_link_area{
display: none;
} #footer_banner{
padding: 30px 0 30px;
}
#footer_banner li .img_wrapp,
#footer_banner li a{
display: block;
width: 98%;
opacity: 0.6;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-o-transition: all 0.8s linear;
-ms-transition: all 0.8s linear;
transition: all 0.8s linear;
}
#footer_banner li.slick-center .img_wrapp,
#footer_banner li.slick-center a{
opacity: 1;
}
#footer_banner .slick-prev,
#footer_banner .slick-next {
width: 24px;
height: 90px;
}
#footer_banner .slick-prev {
left: 2%;
border-radius: 6px 0 0 6px;
}
#footer_banner .slick-next {
right: 2%;
border-radius: 0 6px 6px 0;
}
#footer_banner .slick-prev:before,
#footer_banner .slick-next:before{
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
#footer_banner .slick-prev:before{
left: 10px;
}
#footer_banner .slick-next:before{
right: 10px;
}
#sns_info{
padding: 30px 0 10px;
border-top: 2px solid #000;
}
#sns_info h2{
margin: 0 0 20px;
}
#sns_info h2::before {
width: auto;
background-color: transparent;
}
#sns_info h2 span{
display: block;
margin: 0 0;
padding: 0 0;
text-align: center;
font-size: 1.6rem;
letter-spacing: 1px;
border: 1px solid #fff;
border-radius: 3px;
line-height: 26px;
}
#sns_info h2 span i{
margin-right: 8px;
}
#sns_info h2 span:before {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -4px;
}
#sns_info h2.active span:before {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 0px;
}
#sns_info .link_cont{
margin: 0 0 26px;
text-align: center;
}
#sns_info .link_cont h3{
line-height: 21px;
font-size: 1.6rem;
padding: 0 16px;
margin: 0 0 20px;
}
#sns_info .link_cont h3 i{
margin-right: 6px;
}
#sns_info .link_cont ul{
margin: 0 0 0 28px;
text-align: left;
}
#sns_info .link_cont ul li{
float: none;
display: block;
margin: 0 0 18px;
}
#sns_info .link_cont ul li:nth-child(3n+3){
margin-right: 0;
}
#sns_info .link_cont ul li a{
display: block;
font-size: 1.4rem;
color: #fff;
text-decoration: none;
position: relative;
padding: 3px 0 3px 6px;
}
#sns_info .link_cont ul li a span{
margin-left: 0;
display: block;
}
#media_info{
padding: 30px 0 10px;
border-top: 2px solid #000;
}
#media_info h2{
margin: 0 0 20px;
}
#media_info h2::before {
width: auto;
background-color: transparent;
}
#media_info h2 span{
display: block;
margin: 0 0;
padding: 0 0;
text-align: center;
font-size: 1.6rem;
letter-spacing: 1px;
border: 1px solid #000;
border-radius: 3px;
line-height: 26px;
}
#media_info h2 span i{
margin-right: 8px;
}
#media_info h2 span:before {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #000;
border-right: solid 1px #000;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -4px;
}
#media_info h2.active span:before {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 0px;
}
#media_info ul{
padding-bottom: 10px;
}
#media_info ul li{
display: block;
margin: 0 0 0.6em;
font-size: 1.2rem;
text-align: left;
}
#media_info ul li i{
margin-right: 8px;
}
#media_info .point{
display: none;
}
#facility_info{
padding: 40px 0 10px;
}
#facility_info ul{
margin: 0 6%;
text-align: center;
}
#facility_info ul li{
display: block;
width: 100%;
margin: 0 0 30px;
padding-bottom: 44px;
}
#facility_info ul li .map_area{
margin: 0 0 8px;
}
#facility_info ul li .map_area iframe{
width: 100%;
height: 160px;
}
#facility_info ul li .name{
font-size: 1.6rem;
}
#facility_info ul li .add{
font-size: 1.4rem;
}
#facility_info ul li .link_area{
width: 70%;
margin: auto;
}
#facility_info ul li .link_area a{
font-size: 1.4rem;
}
#facility_info ul li .link_area a span{
padding: 4px;
}
#page-top {
bottom: 100px;
right: 15px;
width: 46px;
}
footer{
padding: 0px 0 18px;
}
footer .wrapper {
padding: 0;
}
footer .site_link{
text-align: center;
}
footer .site_link ul{
margin: 0 0 18px;
border-top: 1px solid #000;
}
footer .site_link ul li{
display: block;
margin: 0;
float: left;
width: 33.333%;
box-sizing: border-box;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
footer .site_link ul li:nth-child(3n+3){
border-right: none;
}
footer .site_link ul li a{
font-size: 2.933333vw;
color: #fff;
text-decoration: none;
padding: 12px 0;
background: #6b6b6b;
}
footer .copyright{
font-size: 1.0rem;
margin: 36px 0 0;
} #page-header{
padding: 52px 0 0;
}
#page-header .page-h1_wrapp{
height: 100px;
}
#page-header .page-h1_wrapp h1{
font-size: 2.0rem;
letter-spacing: 2px;
}
#page-header .page-h1_wrapp h1 .en_title{
font-size: 1.4rem;
margin: 8px 0 0;
}
#breadcrumbs{
display: none;
}
.page-wrapper{
padding-top: 30px;
padding-bottom: 60px;
}
.page-wrapper .page-wrapper_inner{
display: block;
}
.page-wrapper .page-wrapper_inner aside,
.page-wrapper .page-wrapper_inner main{
display: block;
}
.page-wrapper .page-wrapper_inner main{
padding-right: 0;
}
.page-wrapper .page-wrapper_inner aside{
display: none;
}
.contents-area{
margin: 0 0 40px;
}
.anchorbox{
margin: -70px 0 40px;
padding-top: 70px;
}
.page-wrapper .contents-inwrapp{
margin: 0 0 20px;
}
.contents-area h2{
font-size: 2.0rem;
letter-spacing: 2px;
margin: 0 0 20px;
padding: 0 0 0 27px;
}
.contents-area h2::before {
width: 20px;
height: 20px;
}
.contents-area h2::after{
width: 30px;
bottom: 6px;
right: -37px;
}
.contents-area h3{
font-size: 1.4rem;
padding: 7px 20px 8px 31px;
margin: 0 0 20px;
line-height: 1.2;
}
.contents-area h3::before {
width: 14px;
height: 14px;
top: 8px;
left: 8px;
}
#pager{
margin: 40px 0 0;
}
#pager span,
#pager a{
padding: 0 6px;
} .notofound_image{
width: 80%;
margin: 30px auto 40px;
}
.notfond-copy{
font-size: 1.6rem;
} #entry_banner{
top: auto;
right: 0;
left: 0;
bottom: -100px;
}
#entry_banner.active{
bottom: 0;
}
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed !important;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0 !important;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed !important;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }a.meanmenu-reveal {
display: none;
} .mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #000;
padding: 4px 0;
min-height: 42px;
z-index: 999;
position: fixed;
top: 0;
}
.mean-container a.meanmenu-reveal {
width: 14px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 2px;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 20px;
font-weight: normal;
display: block;
font-family: Arial, Helvetica, sans-serif;
}
.mean-container a.meanmenu-reveal.meanclose {
top: 0;
}
.mean-bar::before{
content: " MENU";
font-size: 12px;
color: #fff;
display: inline-block;
position: absolute;
top: 10px;
right: 5px;
border: 1px solid #fff;
width: 64px;
padding: 4px 6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 2px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%; background: #fff;
margin-top: 44px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 50%;
font-size: 1.4rem;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
border-right: 1px solid #F2F2F2;
}
.mean-container .mean-nav ul li.admi, 
.mean-container .mean-nav ul li.home, 
.mean-container .mean-nav ul li.contact, 
.mean-container .mean-nav ul li.tel{
width: 100%;
border-right: none;
}
.mean-container .mean-nav ul li.contact{
background: #FFFAF2;
}
.mean-container .mean-nav ul li.tel{
background: #ff9400;
}
.mean-container .mean-nav ul li.admi{
background: #FFF2E1;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 100%;
box-sizing: border-box;
padding: 0.8em 0 0.8em 18px;
margin: 0;
text-align: left; color: #000;  border-top: 1px solid #F2F2F2;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
}
.mean-container .mean-nav ul li:last-child a {
border-bottom: 1px solid #F2F2F2;
}
.mean-container .mean-nav ul li a i{
margin-right: 8px;
}
.mean-container .mean-nav ul li.admi a,
.mean-container .mean-nav ul li.contact a{
color: #ff9400;
}
.mean-container .mean-nav ul li.admi a{
font-weight: bold;
margin: 2%;
width: 96%;
border: 1px solid #ff9400;
}
.mean-container .mean-nav ul li.tel a{
color: #fff;
}
.mean-container .mean-nav ul li li{
width: 100%;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li.facility li a { display: block;
width: 100%;
padding: 6px;
font-size: 13px;
border-bottom: 1px solid #f1f1f1;
position: relative;
}
.mean-container .mean-nav ul li.facility li:last-child a {
border-bottom: none;
}
.mean-container .mean-nav ul li.facility li a::after{
content: '';
width: 4px;
height: 4px;
position: absolute;
border-top: 1px solid #333;
border-right: 1px solid #333;
top: 50%;
right: 6px;
transform: translate(0, -50%) rotate(45deg);
}
.mean-container .mean-nav ul li.facility li a .text,
.mean-container .mean-nav ul li.facility li a .image{
display: table-cell;
vertical-align: middle;
}
.mean-container .mean-nav ul li.facility li a .image{
width: 30%;
}
.mean-container .mean-nav ul li.facility li a .text{
padding-left: 10px;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: auto;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255,255,255,0.1);
border: none !important;
border-left: 1px solid rgba(255,255,255,0.4) !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0,0,0,0);
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
} .mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}