@charset "utf8";
/* reset 
----------------------------- */
body { background: transparent;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,th,td,figure {margin:0;padding:0;zoom:1;}fieldset, img {border:0;}img{vertical-align:top;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}dfn{font-style:italic}ol, ul, li, dl, dt, dd {list-style:none;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before{content:' “';}q:after {content:'” ';}blockquote{margin:1em 40px;font-weight:bold;}blockquote p{margin-bottom:0px;}blockquote p.txt12{line-height:150%;margin-bottom:6px;}abbr, acronym {border:0;}table {border-collapse: collapse;border-spacing: 0;margin:0;padding:0;font-size: 100%;font-size:inherit;font:100%;font-family: inherit;color:#333333;}caption, th, td {text-align: left;vertical-align: top;}* {zoom : 1;}ol li {zoom : normal;}* html ul li dl,* html ol li dl {display: inline;}*:first-child+html ul li dl,*:first-child+html ol li dl { display: inline;}ol,ul,dl{margin: 0;margin-bottom: 1rem;padding:0;}li{margin: 0;padding:0;list-style:none;}ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}dt{font-weight: 400;}dd{margin-bottom: .5rem;margin-left: 0;}address{font-style:normal;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ffffcc;color:#333;}*{margin: 0;padding: 0;} *, *:before, *:after {box-sizing: border-box;}

/*root 
----------------------------- */
:root {
/* -- color-- */
--color-base-1: #cc0000/* ベースカラー（赤） */;
--color-base-1-light1:rgb(229,128,128)/* ベースカラー50% */;
--color-base-1-dark1:rgb(183,0,0)/* 深い赤 */;
--color-sub-1:#e8ebf2/*blue系*/;
--color-sub-1-light1:rgb(161,174,213)/*#009EFF*/;
--color-bg-nav-sp:rgba(5,100,240,1);

/*color [ background ] */
--color-bg-body:#f9f9f6;
--color-bg-header:#ffffff;
--color-bg-footer:#ffffff;

--color-bg-news:#f6f6ee;
--color-bg-closed:#e2e2e2;

--color-bg-table:#f8fbff/*ごくごく薄い青*/;
--color-bg-table-cell:#f7f8fc;


/*color [ line ] */
--color-line-primary:var(--color-base-1);
--color-line-second:#cdcdc0;
--color-line-second-dark:#93939b;

/*color [ links ] */
--color-link1: #4872cb;
--color-link1-hover: var(--color-base-1-dark1);
--color-link-bg-base:var(--color-bg-table);
--color-link-bg-second:#f6f6ee;

/*color [ text ] */
--color-danger: #ff3333;
--color-danger-bg: rgb(255,234,234);

--color-warning:#4872cb/*青 #6084d0*/;
--color-warning-bg:#edf1fa/*ごく薄い青*/;

--color-gray1:#c2c2c8;
--color-gray2:#f3f2f0;

--color-closed:#93939b;

/* -- font-family -- */
--my-font-sans-serif:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
--my-font-sans-serif-bold:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
--my-font-serif:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
--my-font-serif-bold:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
--my-body-font-family: var(--my-font-sans-serif);

/* -- height -- */
--height-gnav:24px;
--height-header--sp:75px;
--height-header--pc:146px;
--height-header-blandarea-sp:var(--height-header--sp);
--height-header-blandarea-pc:66px;
--height-header-logo-sp:27px;
--height-header-logo-pc:40px;
--height-cover-front-mgT-sp:60px;
--height-cover-front-mgT-pc:1.2rem;
--height-cover-front-sp:auto;
--height-cover-front-pc:510px;
--height-cover-cont-sp:78px;
--height-cover-cont-pc:117px;

/* -- font-size -- */
--size-font-x3:3rem;
--size-font-x2-5:2.4rem;
--size-font-x2:2rem;
--size-font-x1:1.8rem;
--size-font-base:1.6rem;
--size-font-s:1.4rem;
--size-font-ss:1.2rem;
--size-font-h2-sp:2.4rem;
--size-font-h2-pc:2.4rem;
--size-font-ft-e:1.2rem;
--size-font-closed:1.2rem;
--size-font-news-cat:1.4rem;
--size-font-copyright:.9rem;

--size-font-gnav:1.6rem;
--size-font-gnav-sp:1.6rem;

/* -- Spacing -- */
--global--spacing: 30px;
--global--spacing-l: 60px;
--global--spacing-horizontal: 24px;
--global--spacing-vertical: 30px;
--global--spacing-vertical-s: calc(var(--global--spacing-vertical) * 0.4)/*12px*/;
--global--spacing-vertical-m: 42px;
--global--spacing-vertical-l: 60px;

--table--spacing-horizontal:calc( var(--global--spacing-horizontal) * .5)/*12px*/;
--table--spacing-horizontal-l:calc( var(--global--spacing-horizontal) * 1)/*24px*/;
--table--spacing-vertical:calc( var(--global--spacing-vertical) * 0.3)/*9px*/;
--table--spacing-vertical-l:calc( var(--global--spacing-vertical) * 0.7)/*21px*/;

--unit--spacing-horizonal: 30px;
--unit--spacing-vertical: calc(var(--global--spacing-vertical) * .8) /*24px*/;

}

/* base ----------------------------- */
body {color: #333;letter-spacing: 0.5px;}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-align:justify;}
html,button,input,select,textarea{font-family: var(--my-body-font-family)}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong,.bold{font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.en{text-align:left;font-family:"Helvetica Neue";}

/* background
----------------------------- */
body{background-color:var(--color-bg-body);}
header{background-color:var(--color-bg-header);}

/* font 
----------------------------- */
html{font-size: 62.5%;}
body{font-size:1.6em;line-height: 1.6;}
@media print,screen and (min-width:768px){/* [ PC ] */
body{font-size:1.7rem;line-height: 1.8;}
}/* [ PC ] end */
p{margin-top:1.5em;}
p:first-child{margin-top:0;}
.text_justify{text-align: justify;}

/* heading
----------------------------- */
h2,h3,h4{font-family: var(--my-font-sans-serif);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative;}
h1{font-size:2em;margin:.67em 0;text-transform:uppercase;}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
main h1:first-of-type,main h2:first-of-type,main h3:first-of-type,main h4:first-of-type,main h5:first-of-type{margin-top:0;}

/*font [ family ] 
----------------------------- */
.bolds-srf{font-weight:bold;font-family:var(--my-font-serif-bold);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bolds-ssrf{font-weight:bold;font-family:var(--my-font-sans-serif-bold);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*font [ text-align ] 
----------------------------- */
.text_right{text-align:right !important;}
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}

/*font [ size ] 
----------------------------- */
.fs_1{font-size:2.5rem;}/*2.5rem,40px*/
.fs_2{font-size:3rem;}/*2rem,32px*/
.fs_3{font-size:2.4rem;}/*1.75rem,28px*/
.fs_4{font-size:2rem;}/*1.5rem,24px*/
.fs_5{font-size:1.8rem;}/*1.25rem,20px*/
.fs_6{font-size:1.6rem;}/*1rem,16px*/

/*font [ weight ] 
----------------------------- */
.fw_bold{font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*font [ 装飾 ] 
----------------------------- */
.text_danger{color:var(--color-danger);}
.bg_danger{background-color:var(--color-danger-bg);}
.text_warning{color:var(--color-warning);}
.bg_warning{background-color:var(--color-warning-bg);}
mark{background:linear-gradient(transparent 50%, var(--color-danger-bg) 50%);}

.fst-italic{font-style: italic;}
.fw-bold{font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fw-normal{font-weight:normal;}

/*clear 
----------------------------- */
#clears{clear: both;width:1px;height:1px;}
.clears{clear: both;}
.clearfix:after{content:".";display:block;height:1%;clear:both;visibility:hidden;line-height:0;}

/*margin 
----------------------------- */
.mg0{margin:0 !important;}
.mg1em{margin:1em !important;}
.mg2em{margin:2em !important;}
.mgT0{margin-top:0 !important;}
.mgT1em{margin-top:1em !important;}
.mgT2em{margin-top:2em !important;}
.mgT3em{margin-top:3em !important;}
.mgB0{margin-bottom:0 !important;}
.mgB1em{margin-bottom:1em !important;}
.mgB2em{margin-bottom:2em !important;}
.mgB3em{margin-bottom:3em !important;}

.pd0{padding:0 !important;}
.pd1em{padding:1em;}

.mgT_base{margin-top:var(--global--spacing-vertical) !important;}
.mgT_s{margin-top:calc(var(--global--spacing-vertical) * 0.8) !important;}
.mgB_base{margin-bottom:var(--global--spacing-vertical) !important;}
.mgB_s{margin-bottom:calc(var(--global--spacing-vertical) * 0.8) !important;}

/*layout 
----------------------------- */
.unit_layout{
margin-top:var(--global--spacing-l);
}

/*width 
----------------------------- */
.w100{ width:100% !important;}
.w80{ width:80% !important;}
.w60{ width:60% !important;}
.w50{ width:50% !important;}
.w33{ width:33% !important;}
.w25{ width:25% !important;}

/*header 
----------------------------- */
header,nav{position:relative;}


/* ----------------------------------- */
/* links */
/* ----------------------------------- */
a.link_disable{pointer-events: none;}
a,a:hover,a:active,a:visited{
text-decoration:none;
border:none 0;
transition: color .8s,opacity .6s,background-size .6s;
border-width:0;
}
main a{
-moz-transition:color 0.2s ease,border-bottom-color 0.2s ease;
-webkit-transition:color 0.2s ease,border-bottom-color 0.2s ease;
-ms-transition:color 0.2s ease,border-bottom-color 0.2s ease;
transition:color 0.2s ease,border-bottom-color 0.2s ease;
border-bottom:solid 1px var(--color-link1);
color:inherit;
color:var(--color-link1);
}
a:hover,a:active,a:hover,a:active,main a:hover,main a:active{
border-bottom-color:transparent;
color:var(--color-link1);
}
#Block_event-past .unit_event a,footer a,
#idn_sitemap a,#idn_sitemap a:visited{color:#333 !important;}
footer a:hover,#idn_sitemap a:hover{opacity:.6;}

/*btn（背景色 ブラック）*/
a.btn_bk,
.Block_guide.nav_local-publish.new .wrp_btn a {
display: inline-block;
text-align: center;
padding:.3rem 3rem .3rem 4rem;
background:#333;
color:white;
position:relative;
border:none;
border-radius:.3rem;
font-size:var(--size-font-base);
}
a.btn_bk:visited{
color:white;
background:#333;
}
a.btn_bk::before,
.Block_guide.nav_local-publish.new .wrp_btn a::before{
content: '';
position:absolute;
top:50%;
left:1.2rem;
width:9px;
height:9px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform: translateY(-50%) rotate(45deg);
}
a.btn_bk:hover,a.btn_bk:active,
.Block_guide.nav_local-publish.new .wrp_btn a:hover,
.Block_guide.nav_local-publish.new .wrp_btn a:active{
color:#fff;
background-color:#606060;
}

/* -- widthicon [target="_blank"] -- */
.foot_nav a[target="_blank"]{
position:relative;
}
.foot_nav a[target="_blank"]::before,
.foot_nav a[target="_blank"]::after{
content:"";
width:1.3rem;
height:1.4rem;
position:absolute;
background-position:0 50%;
top:50%;
transform: translateY(-50%);
left:-1.8rem;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
background-image:url(../imgs/ico_winopen01.png);
background-size:contain;
}
.foot_nav a[target="_blank"]::before{
background-image:url(../imgs/ico_winopen01.png);
opacity:1;
}
.foot_nav a[target="_blank"]::after{
background-image:url(../imgs/ico_winopen01-hover.png);
opacity:0;
}
.foot_nav a[target="_blank"]:hover::before,.foot_nav a[target="_blank"]:active::before{
opacity:0;
}
.foot_nav a[target="_blank"]:hover::after,.foot_nav a[target="_blank"]:active::after{
opacity: 1;
}


/* ----------------------------------- */
/* body */
/* ----------------------------------- */
body,.wrapper{height: 100%;}

@media screen and (min-width:768px){
 /* [ PC ] */
body,.wrapper{display: flex;flex-flow: column;min-height: 100vh;}
}/* [ PC ] end */

img{max-width:100%;max-height:100%;}
.nodisplay{display:none !important;}

@media screen and (max-width: 767px) {
 /* [ SP ] */
body {min-width:300px;}
#main-wrapper,.wrapper {
width: 100%;
min-width:300px;
margin: 0 auto;
padding:0;
border:0;
position: relative;
overflow: hidden;
}
.pc{display:none;}
.sp{visibility:visible;}
}/* [ SP ] end */

@media screen and (min-width:768px){
 /* [ PC ] */
body {min-width:1200px;}
#main-wrapper,.wrapper{min-width: 1080px;}
}/* [ PC PRINT ] end */

@media print,screen and (min-width:768px){
 /* [ PC ] */
.sp{display:none;}
.pc{visibility:visible;display:block;}
}/* [ PC ] end */


/* ----------------------------------- */
/* header layout */
/* ----------------------------------- */
header,.header{width:100%;}
header,.header,.header .wrp_blandarea,nav{margin:0 auto;position:relative;}
header{width:100%;border-bottom:3px solid var(--color-base-1);}
.header{position:absolute;top:0;left:0;z-index:2;}

/*header height
----------------------------- */
@media screen and (max-width:767px){
 /* [ SP ] */
header{
height:var(--height-header--sp);
}
.header{
height:var(--height-header-blandarea-sp);
display:flex;
align-items:center;
}
}/* [ SP ] end */

@media print,screen and (min-width:768px){
 /* [ PC ] */
header{
height:var(--height-header--pc);
}
.header{
width:1080px;
height:var(--height-header-blandarea-pc);
left:50%;
transform:translateX(-50%);
}
}/* [ PC ] end */

/*header（wrp_blandarea logoBlock） 
----------------------------- */
.header .wrp_blandarea{
margin:0 auto 0 0;
width:calc(100% - 70px - 70px);
height:var(--height-header-blandarea-sp);
display: flex;
align-items:center;
z-index:2;
}
.header .wrp_blandarea .logoBlock{
width:100%;
height:var(--height-header-logo-sp);
padding-left:.9rem;
text-align:left;
}
.header .logoBlock h1{
line-height:1;
margin:0;
order:2;
display:inline-block;
}
.header .logoBlock h1 span{
display:none;
}
.header .logoBlock img{
margin:0;
width:auto;
height:var(--height-header-logo-sp);
vertical-align:middle;
}
.header .logoBlock p{display:none;}

@media screen and (max-width: 767px) {
 /* [ SP ] */
.header .wrp_blandarea .logoBlock{
height:var(--height-header-logo-sp);
}
}/* [ SP ] end */

@media print,screen and (min-width:768px){
 /* [ PC ] */
.header .wrp_blandarea{
width:100%;
display: flex;
align-items:flex-end;
}
.header .wrp_blandarea .logoBlock{
padding-left:0 !important;
height:var(--height-header-logo-pc);
}
}/* [ PC ] end */

@media print,screen and (min-width:768px){
 /* [ PC ] */
.header .logoBlock img{
margin:0;
width:auto;
height:var(--height-header-logo-pc);
height:100%;
vertical-align:bottom;
}
}/* [ PC ] end */

/*	header-main 
	header--menu-sub 
--------------------------- */
@media screen and (max-width:767px){
 /* [ SP ] */
.header #main-menu{
display:none;
}
}/* [ SP ] end*/


/* ----------------------------------- */
/* Global Navigation */
/* ----------------------------------- */

.Block_nav-global{
width:100%;
position:absolute;
top:92px;
left:0;
height:var(--height-gnav);
font-size:var(--size-font-gnav-sp);
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*main-menu 
----------------------------- */

#main-menu{
width:100%;
height:var(--height-gnav);
display:block;
}

/*sub-menu-sp （第２階層）
----------------------------- */
@media print, screen and (min-width:768px){ /* [ PC ] */
.Block_nav-global{
font-size:var(--size-font-gnav);
}
.gnav-wrapper a, .gnav-wrapper a:focus, *:focus {
outline:none;
color:#333;
}
#sub-menu-sp{
opacity:0;
display:none;
}
}/* [ PC ] end*/


/* ----------------------------------- */
/* contContainer */
/* ----------------------------------- */
.contContainer {
width:100%;
margin:0 auto 0;
position:relative;
z-index:2;
}
.contContainer{
margin:0 auto 7.2rem;
}
.wrp_Block{
margin-bottom:6rem;
}
.contContainer section.sect_footer{
margin:0 auto;
padding:60px 0;
box-sizing:border-box;
}
/*contarea 
----------------------------- */
main > .contarea {
width:90%;
padding:0;
margin:0 auto;
}
aside .contarea {
padding:3rem 5% 6rem;
}
.p_front main{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
@media print,screen and (min-width:768px){
 /* [ PC ] */
main > .contarea {
width:100%;
max-width:1080px;
}
}/* [ /PC ] end */

/* ----------------------------------- */
/* return page top */
/* ----------------------------------- */
@media only screen{

#pagetop_Block {
position:fixed;
bottom:9px;
right:9px;
z-index:19;
text-align:center;
}
#pagetop_Block,#pagetop,#pagetop a{
margin:0 auto;
}
#pagetop_Block,#pagetop span,#pagetop a{
width:50px;
height:50px;
border-radius:999999px;
}
#pagetop span{
font-size:10px;
vertical-align:middle;
position:relative;
display:block;
}
#pagetop a{
display:block;
margin:0;
width:50px;
height:50px;
line-height:50px;
color: #fff;
text-decoration: none;
background:var(--color-base-1);
transition: 1s;
opacity:0.9;
}
#pagetop a:hover {
text-shadow: 0 0 20px rgba(0,51,139,.9);
background-color:var(--color-base-1-dark1);
}
#pagetop span::before{
display:block;
content: '';
position:absolute;
top:50%;
width:16px;
height:16px;
border-top:2px solid #fff;
border-left:2px solid #fff;
left:50%;
transform: translate(-50%,-38%) rotate(45deg);
}
}
#pagetop_fix{
position:absolute;
bottom:50px;
height:40px;
}

/* ----------------------------------- */
/* footer */
/* ----------------------------------- */
footer {
width:100%;
margin-top:auto;
background: var(--color-bg-footer);
position:relative;
color:#999;
}
footer .innerBlock{
width:95%;
margin:0 auto;
}
footer p{
margin-bottom:0;
}
.ft_wrp,footer .wrp_vcard{
width:100%;
margin:0 auto;
padding:0;
display:flex;
align-items:center;
}
.ft_wrp{
width:100%;
}
footer .vcard1{
margin:0;
line-height:1.4;
}

footer .vcard1 h1{
font-size:2rem;
display:block;
margin:2.4rem 0 0rem;
}
footer .vcard1 p{
font-size:var(--size-font-ft-e);
margin:0;
}
.foot_nav{
width:100%;
}
.foot_nav ul{width:90%;margin:1.8rem auto 0rem;padding:0;font-size:1.5rem;}
.foot_nav li{
width:100%;
display:inline-block;
position:relative;
margin:0 auto;
}
.foot_nav li a:hover{
color:var(--color-base-1);
}
#copyright{
width:100%;
margin:0 auto;
padding-bottom: calc(var(--global--spacing-l) / 2);
text-transform:capitalize !important;
}
#copyright p{
text-transform:capitalize;
font-size:var(--size-font-copyright);
}

@media screen and (max-width:767px){
 /* [ SP ] */

footer .vcard1 h1 img /*logo*/{width:60%;max-width:100%;}
footer .vcard1 p{transform: scale(1);transform-origin:0 0;}
.ft_wrp,footer .wrp_vcard{flex-wrap:wrap;align-items:flex-start;}
.ft_wrp{margin:0 auto 0;flex-wrap:nowrap;justify-content:space-between;width:100%;flex-direction:column;flex-direction:column-reverse;}

.foot_nav li::before{content:none;}
.foot_nav li a{-moz-transition:color 0.2s ease,border-bottom-color 0.2s ease;-webkit-transition:color 0.2s ease,border-bottom-color 0.2s ease;-ms-transition:color 0.2s ease,border-bottom-color 0.2s ease;transition:color 0.2s ease,border-bottom-color 0.2s ease;border-bottom:dotted 1px rgba(100,100,100,1);color:inherit;}
.foot_nav li a:hover,.foot_nav li a:active{border-bottom-color:transparent;color:#9c9c9c;}
} /*[ SP ] end */

@media print,screen and (min-width:768px) {
 /* [ PC ] */

footer .innerBlock{width:90%;max-width:1080px;margin:0 auto;}
.ft_wrp{margin:3rem auto 0;flex-wrap:nowrap;justify-content:space-between;width:100%;text-align:left;align-items:center;}
footer .wrp_vcard{flex-grow:2;justify-content:flex-start;}
footer .wrp_vcard.vcard1{margin-right:6rem;}
footer .vcard1{order:1;margin-right:3rem;}
footer .vcard1 h1{font-size:2rem;display:block;margin:0 0 1rem;}
footer .vcard1 h1 img{width:321px;max-width:100%;height:auto;}
.foot_nav{height:60px;order:3;flex-grow:1;text-align:right;}
.foot_nav ul{width:100%;margin:0 0 0 auto;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;text-align:right;}
.foot_nav ul li{padding-left:1rem;margin-left:auto;margin-right:0;}
.foot_nav li ul{padding-top:3%}
} /*[ PC ] end */


/* ----------------------------------- */
/*footer nav-ft（サイトマップ） */
/* ----------------------------------- */
.nav-ft{
width:100%;
margin:0 auto;
border-top:2px solid var(--color-base-1);
border-bottom:2px solid var(--color-base-1);
}
.nav-ft nav{
width:90%;
margin:0 auto;
margin:var(--global--spacing-vertical-m) auto;
}
.nav-ft nav > ul{
width:100%;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:var(--size-font-base) ;
font-size:1.5rem;
}
.nav-ft nav > ul li ul li{
display:inline-block;
margin-right:.8em;
margin-bottom:calc(var(--global--spacing-vertical-s) *2);
padding-right:.8em;
border-right:1px solid #ccc;
font-weight:normal;
font-size:var(--size-font-ss) ;
line-height:1;
}
.nav-ft nav > ul li ul li:last-child{
border:none 0;
}
@media print, screen and (min-width:768px){
 /* [ PC ] */

.nav-ft nav{
width:1080px;
margin:var(--global--spacing-l) auto;
}
.nav-ft nav > ul{
width:1080px;
display:grid;
grid-template-rows: repeat(4, 1fr);
grid-template-columns: repeat(2, 1fr);
gap:calc( var(--global--spacing-vertical-m) / 2);
grid-auto-flow: column;
}
.nav-ft nav > ul li ul li{
margin-bottom:0;
font-size:var(--size-font-s) ;
}

} /*[ PC ] end */

/* ----------------------------------- */
/* BOX */
/* ----------------------------------- */
.box_wht {
border:1px solid var(--color-line-second);
line-height:1.5;
padding:var(--unit--spacing-vertical) var(--unit--spacing-horizonal);
background:white;
margin-bottom:calc( var(--global--spacing-vertical) * 0.8);
}

/* ----------------------------------- */
/* selectbox（プルダウン メニュー）*/
/* ----------------------------------- */
.selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}
@media screen and (max-width:767px){
 /* [ SP ] */
.selectbox {
	width:100%;
}
}/*  [ SP ] end */

.selectbox::after {
position: absolute;
right: 15px;
width: 10px;
height: 7px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
pointer-events: none;
}
.selectbox select {
appearance: none;
min-width: 230px;
	width:100%;
height: 2.8em;
padding: .4em calc(.8em + 30px) .4em 1em;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
font-size: var(--size-font-s);
cursor: pointer;
}

/* ----------------------------------- */
/* print only */
/* ----------------------------------- */
@page {size: A4 portrait;margin: 9.0mm 9.7mm;}
@media print{
body {width: 1200px;transform: scale(0.9) !important;transform-origin: 0 0;background-color:transparent;}
body,.wrapper,main{display: block;}
#sub-menu-sp{display:none !important;}
#main-wrapper,.wrapper,header,.header,.header .wrap{min-width:100%;}
.p_front header{background-color:#fff !important;}
footer{margin-top:12rem;}
}