@charset "utf-8";


/*=====================================

style

========================================*/


/*PCのみorスマホのみで表示*/
.pc { display:block!important;}
.sp { display:none!important;}

@media screen and (max-width:980px){.pc { display:none!important; }.sp { display:block!important;}}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

調整用

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*画像を幅にフィット*/
.fitImg{ max-width:100%; height:auto;}

/*マージン*/
.m0 { margin: 0 !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }

/*下マージン*/
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}

/*上マージン*/
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}

/*右マージン*/
.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-26 {margin-right: -2.6% !important;}

/*左マージン*/
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }

@media screen and (max-width:600px){
.mr0,.mr20,.mr30,.mr40,.mr50{margin-right:0 !important;}
.ml5,.ml0,.ml20,.ml30,.ml40,.ml50{margin-left:0 !important;}
}

/*パディング*/
.p0 { padding:0px;}
.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.p40 { padding:40px;}
.p50 { padding:50px;}
.p60 { padding:60px;}
.p70 { padding:70px;}
.p80 { padding:80px;}
.p90 { padding:90px;}
.p100 { padding:100px;}

/*下パディング*/
.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

/*上パディング*/
.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}

/*左パディング*/
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.pl60 { padding-left:60px;}
.pl70 { padding-left:70px;}
.pl80 { padding-left:80px;}
.pl90 { padding-left:90px;}
.pl100 { padding-left:100px;}

/*右パディング*/
.pr0 { padding-right:0px;}
.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}
.pr60 { padding-right:60px;}
.pr70 { padding-right:70px;}
.pr80 { padding-right:80px;}
.pr90 { padding-right:90px;}
.pr100 { padding-right:100px;}


/*FontSize*/
.txt-size140{font-size:1.4rem !important;}
.txt-size130{font-size:1.3rem !important;}
.txt-size120{font-size:1.2rem !important;}
.txt-size110{font-size:1.1rem !important;}
.txt-size100{font-size:1rem !important;}
.txt-size90{font-size:0.9rem !important;}
.txt-size80{font-size:0.8rem !important;}

.txt-weight-normal { font-weight:normal !important;}
.txt-weight-bold { font-weight:bold !important;}

/*width*/
.w85p {width:85%;min-width: 1000px;margin:0 auto;min-width: 900px;}
.w20p{ width:20%!important;}
.w25p{ width:25%!important;}
.w30p{ width:30%!important;}
.w40p{ width:40%!important;}
.w50p{ width:50%!important;}
.w60p{ width:60%!important;}
.w70p{ width:70%!important;}
.w80p{ width:80%!important;}
.w100p{ width:100%!important;}

.w220px { width:220px; }
.w340px { width:340px; }
.w460px { width:460px; }

@media screen and (max-width:600px){
	.w220px,.w340px,.w460px{ width:100%;}
}

strong  { color: #F00; font-weight: bold; }
em { font-weight: bold; }
b  { font-weight: bold; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

レイアウト

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.m-center { margin:0 auto; }
.v-middle { vertical-align: middle !important; }

/*配置*/
.fl { float:left; }
.fr { float:right; }

/*flexbox*/
.column_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
}
.column_box_02 .box_sizing_01 {
        width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
}
.lower_contents .column_box_02 .box_sizing_01 {
	margin-bottom: 30px;
}
.flex_between{
	        justify-content: space-between;
}
.column_box_03 .box_sizing_01 {
    width: 33.3333%;
	display: block; /*追加*/
}
.column_box_04 .box_sizing_01 {
	        width: -webkit-calc(25% - 16px);
    max-width: calc(25% - 16px);
	display: block; /*追加*/
}
.column_box_05 .box_sizing_01 {
	        width: -webkit-calc(20% - 32px);
    max-width: calc(20% - 32px);
}
.column_box_06 .box_sizing_01 {
        width: -webkit-calc(16.6% - 32px);
    max-width: calc(16.6% - 32px);
}
.column_box_07 .box_sizing_01 {
        width: 14.25%;
    max-width: 14.25%;
}

.layout-M figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.layout-M figure img {
width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.layout-M:hover figure img {
webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
	    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease; /*追加*/
}
@media screen and (max-width: 1180px){
.column_box_05 .box_sizing_01 {
    width: -webkit-calc(33.333% - 32px);
    max-width: calc(33.3333% - 32px);
    margin-bottom: 40px;
}
.column_box_05:after {
    content: "";
    display: block;
    width: calc(33.3333% - 32px);
    height: 0;
}
}
@media screen and (max-width: 960px){
	.subsite_area .column_box_03 .box_sizing_01 {
    width: 33.3333%;
}
.sub_contents .column_box_04 .box_sizing_01 {
    width: -webkit-calc(20% - 8px);

    max-width: calc(20% - 8px);
    display: block;
    padding: 0;
}
	.column_box_02 .box_sizing_01 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
	.column_box_03 .box_sizing_01 {
    width: 100%;
    margin-bottom: 20px;
}
.column_box_04 .box_sizing_01 {
    width: 100%;
    max-width: 100%;
}
.column_box_05 .box_sizing_01 {
    width: -webkit-calc(50% - 0px);
    max-width: calc(50% - 0px);
    margin-bottom: 20px;
}
.column_box_06 .box_sizing_01 {
    width: -webkit-calc(33.3% - 8px);
    max-width: calc(33.3% - 8px);
    margin-bottom: 16px;
}
.column_box_07 .box_sizing_01 {
    width: -webkit-calc(25% - 16px);
    max-width: calc(25% - 16px);
    margin-bottom: 40px;
}
.column_box_07:after {
	content: "";
    display: block;
    width: calc(25% - 16px);
    height: 0;
}

}
@media screen and (max-width: 578px){
	.column_box_07 .box_sizing_01 {
    width: -webkit-calc(50% - 16px);
    max-width: calc(50% - 16px);
    margin-bottom: 20px;
}
.column_box_05 .box_sizing_01 {
    width: 100%;
    max-width: 100%;
}
		.subsite_area .column_box_03 .box_sizing_01 {
    width: 100%;
}
.sub_contents .column_box_04 .box_sizing_01 {
width: 50%;
    max-width: 100%;
    display: block;
    padding: 0px;
    margin: 0;
}
.column_box_06 .box_sizing_01 {
    width: -webkit-calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-bottom: 16px;
}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

プロパティ

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*color*/
.red { color: #F7575B!important;}
.blue { color:#0053A7 !important;}
.bgGray { background:#E7EBEF!important;}

/*line*/
.lineT { border-top:solid 1px;}
.lineB { border-bottom:solid 1px;}
.lineL { border-left:solid 1px;}
.lineR { border-right:solid 1px;}

.line_wide { border-width: 5px; }

.line_colorW { border-color: #FFF; }
.line_colorBk { border-color: #000; }
.line_colorR { border-color: #F00; }

/*align*/
.a_center {
    text-align: center;
}



/*shadow*/
.shadow{-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px; -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px; box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px;}

/*alha*/
.alpha80{filter:alpha(opacity=80); /* IE 6,7*/-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */-moz-opacity:0.8; /* FF , Netscape */-khtml-opacity: 0.8; /* Safari 1.x */opacity:0.8;zoom:1; /*IE*/}
.alpha50{filter:alpha(opacity=50); /* IE 6,7*/-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */-moz-opacity:0.5; /* FF , Netscape */-khtml-opacity: 0.5; /* Safari 1.x */opacity:0.5;zoom:1; /*IE*/}
.alpha30{filter:alpha(opacity=30); /* IE 6,7*/-ms-filter: "alpha(opacity=30)"; /* IE 8,9 */-moz-opacity:0.3; /* FF , Netscape */-khtml-opacity: 0.3; /* Safari 1.x */opacity:0.3;zoom:1; /*IE*/}
.alpha10{filter:alpha(opacity=10); /* IE 6,7*/-ms-filter: "alpha(opacity=10)"; /* IE 8,9 */-moz-opacity:0.1; /* FF , Netscape */-khtml-opacity: 0.1; /* Safari 1.x */opacity:0.1;zoom:1; /*IE*/}


/*button*/
button {
    font-size: inherit;
    background: none;
    border: none;
    cursor: pointer;
}
.btn_brown {
    color: #FFF!important;
    background: #342521;
}
.btn_push {
    font-size: 1rem;
    text-align: center;
    line-height: 100%;
    padding: .8em 1em;
    display: inline-block;
    cursor: pointer;
}

.btn_skip {
    display: none;
}

/*=====================================

construction

========================================*/



/*共通*/
.contents_wrap {
    width: 95%;
    max-width: 1120px;
    margin: 0 auto 60px;
    position: relative;
}
.contents_wrap_large .inner {
	    width: 95%;
    max-width: 1120px;
	 margin: 0 auto;
    position: relative;
}
.sidebar .if_area {
background: #aa552b;
    padding: 20px;
    margin-bottom: 20px;
}
.if_area dl {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -webkit-box-pack: justify;
    align-items: center;
}
.if_area dl dt {
line-height: 100%;
    width: 30px;
    text-align: center;
}
.if_area dl dt svg{
fill:#aa552b;
}
.if_area dl dd {
    padding-left: 15px;
    color: #aa552b;
    font-weight: bold;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
  .sidebar .if_area li a {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
}
  .sidebar .if_area li a:hover {
opacity: .8;
}
.sidebar .if_area li:last-child {
    margin-bottom: 0px;
}
.contents_wrap_large {
    background: #e6e4dc;
        padding: 60px 0;
}
@media screen and (max-width: 960px){
.contents_wrap {
    width: auto;
    margin: 0 5% 60px;
    max-width: inherit;
    position: relative;
    padding-top: 20px;
}
}




/*ヘッダー*/
#header {
    max-width: 1180px;
    width: 95%;
    margin: 0 auto;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
#header .header_inner {
  display: flex;
}
.header_logo {
    align-items: center;
    display: flex;
    background: #fff;
    width: 22%;
    text-align: center;
}
.header_logo dl {
display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    padding: 0 20px;
}
.header_logo dt,.header_logo dd {
	line-height:100%;
}
.header_logo a {
    display: block;
    width: 100%;
}
.header_logo img {
    font-size: 2.3rem;
    line-height: 100%;
    width: auto;
    height: 1.4em;
    margin-right: 10px;
}
.header_logo svg {
    height: 3.2em;
	width: 300px; /*追加*/
}

header .utility > div {
    display: inline-block;
}
header .utility p {
    font-size: .8rem;
    display: inline-block;
    float: left;
    line-height: 2rem;
    margin: 0 .5em 0 1em;
}
header .utility button {
    font-size: .8rem;
    line-height: 1em;
    padding: .5em;
    border-radius: 1.5em;
    border: 1px solid #CCC;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0px 1px 0 0px rgba(0,0,0,.2);
}
header .utility button:active { -ms-transform:translateY(2px); -webkit-transform:translateY(2px);transform:translateY(2px);}
header .utility button#bg_black { color: #FFF; background: #000; }
header .utility button#bg_white { color: #333; background: #FFF; }
header .utility button#bg_yellow { color: #333; background: #FC0; }
.google_translate {
	margin-left: 20px;
}

.header_nav {
    width: 78%;
}
.top_nav {
    padding: 8px 24px;
    background: #fff;
    display: flex;
    align-items: center;
    font-size: .8em;
    justify-content: flex-end;;
}

.top_nav  li {
    vertical-align: middle;
    margin-left: 1em;
    -ms-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
	line-height: 130%;
}
.top_nav nav ul {
    display: flex;
    margin-right: 20px;
}
.bottom_nav ul {
    display: flex;
    align-items: center;
}
.bottom_nav ul li {
    width: 20%;
    text-align: center;
    display: block;
    border-right: 1px solid #fff;
}
.bottom_nav ul li:first-child {
    border-left: 1px solid #fff;
}
.bottom_nav ul li:last-child {
    border-right: none;
}
body.color_white .bottom_nav ul li a {
    display: block;
    background: #342521;
    color: #fff;
    padding: 8px;
}
body.color_white .bottom_nav ul li a:hover {
    background: #594545;
	transition:.2s;
}
.alert_title {
    height: 100%;
    vertical-align: middle;
    background: #b90018;
    text-align: center;
    display: table-cell;
        width: 22%;
}
.alert_text {
    height: 100%;
    vertical-align: middle;
    background-color: rgba(255,255,255,0.95);
    background: #fff;
    padding: 10px 14px;
    display: table-cell;
}

.alert_text dl {
    display: flex;
}
.alert_text dt {
	margin-right:10px;
}

#home .alert {
	display:table;
}

.alert {
    height: 3rem;
    width: 100%;
    margin-top: 10px;
}
.alert_title dl {
    align-items: center;
    color: #fff;
    padding: 5px 14px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}
.alert_title dl dt {
    line-height: 100%;
    margin-right: 4px;
    display: inline-block;
}
.alert_title dl dd {
    display: inline-block;
}
.alert_title dl dt svg{
	fill:#ffff00;	
}
@media screen and (max-width: 1024px){
	.header_logo dl {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: inherit;
    padding: inherit;
}
	.alert_title dl dt {
    line-height: 100%;
    margin-right: inherit;
	    display: block;
}
.alert_title dl {
    display: block;
	    padding: 5px;
}
.alert_text dl {
    display: block;
}

.alert_text dt {
	margin-right:inherit;
}
}



/*sp閉開*/
.header_buttons_sp,#btn_gNavi_close {
    display: none;
}
@media screen and (max-width: 1180px){
header .header_buttons_sp {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}
	header .header_buttons_sp button {
		font-size: .8em;
    display: inline-block;
    padding: 2.4rem 1rem .5rem;
    position: relative;
	}
	header .header_buttons_sp button + button { margin-left: .5em; }
	header .header_buttons_sp button svg { width: 1.2rem; height: 1.2rem; position: absolute; top: .8rem; left: 0; right: 0; margin: auto; }

	header #btn_gNavi { display: inline-block;
    background: #342521;
    color: #fff;
	    height: 80px;
	 }
	header #btn_gNavi:before,
	header #btn_gNavi:after {
		content: '';
    width: 1.5rem;
    height: 2px;
    display: block;
    margin: 0 auto;
    background: currentColor;
    position: absolute;
    top: 1.8rem;
    left: 0;
    right: 0; }
	header #btn_gNavi:before { -ms-transform: translateY(-8px);transform: -webkit-translateY(-8px); transform: translateY(-8px); }
	header #btn_gNavi:after { box-shadow: 0 8px 0 0 currentColor; }


	.header_nav {
    display: none;
}
#header .header_inner {
    display: block;
    background: #fff;
	    box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
}
#header {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    margin: 0 auto;
    z-index: 1;
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
	position:fixed;
	    z-index: 9999;
}

.header_logo p {
    justify-content: left;
}
.header_logo img {
width: inherit;
    padding: 0;
}
.header_logo svg {
	width: auto;
}
.header_logo {
    display: flex;
    width: inherit;
    text-align: inherit;
    padding: 20px;
    margin: 0 auto;
    height: 80px;
    align-items: center;
}
.top_nav {
    padding: 0;
    background: #fff;
    display: block;
    align-items: inherit;
    font-size: 0.9em;
    justify-content: inherit;
    margin-bottom: 10px;
}
header.open .header_nav {
   display: block;
    padding: 0 10px;
	    width: 100%;
}

.top_nav nav {
    border-top: 1px solid #ccc;
}
.top_nav a {
    padding: 15px;
    display: block;
}
.top_nav li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
}
.top_nav li a {
    width: 100%;
    height: 100%;
    display: block;
}
.google_translate {
	    margin-left: inherit;
    line-height: 100%;
}

header.open #btn_gNavi_close {
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    background: #fff;
    height: 50px;
	width:100%;
}
.btn_close span {
    position: relative;
    display: inline-block;
}
.btn_close span:before, .btn_close span:after {
    content: '';
    width: 1em;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto .5em auto auto;
}
.btn_close span:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_close span:before, .btn_close span:after {
    content: '';
    width: 1em;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto .5em auto auto;
}
.btn_close span:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.top_nav nav ul {
    display: block;
    margin-right: inherit;
}
.utility {
    display: none;
}
.bottom_nav ul {
    display: block;
    align-items: inherit;
}
.bottom_nav ul li {
    border-right: none;
    width: 100%;
    text-align: left;
    margin-bottom: 1%;
    display: inline-block;
}
.bottom_nav ul li:first-child {
    border-left:inherit;
	}
.bottom_nav ul li a {
    position: relative;
}
.bottom_nav ul li a:after {
content: '';
    width: .3em;
    height: .3em;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #FFF transparent transparent;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    margin: auto;
}
.alert {
    margin-top: 10px;
}

}
@media screen and (max-width: 960px){
.alert_text dd {
    line-height: 110%;
}
}



/*フッター*/

.footer {
    background: #e6e4dc;
    padding: 50px 30px 30px;
    margin-top: 100px;
}
.footer .inner {
		    width: 100%;
    max-width: 1120px;
	 margin: 0 auto;
    position: relative;
	    text-align: center;
}

.copyright {
    text-align: center;
    font-size: 10px;
    margin: 0;
}
.footer_nav li {
	font-size:14px;
    display: inline-block;
	margin-right:20px;
}
.footer_nav {
    margin-top: 20px;
}
.footer_nav li:last-child {
	margin-right:0px;
}
.footer_info_area {
    width: 95%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    align-items: flex-start;
}
.footer_logo {
display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 300px;
}
.footer_logo dt svg {
 width: 300px;
        height: 70px;
}
.footer_logo dd svg {
    width: 130px;
}
.footer_info_area .btn {
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
}
.footer_info_area .btn:hover {
opacity: .8;
}
.footer_info_area .btn dl {
display: flex;
    justify-content: center;
    align-items: center;
}
.footer_info_area .btn dl dt {
	    margin-right: 5px;
    line-height: 100%;
    display: inherit;
}
.footer_info_area .btn dl svg {
	fill: #fff;
    height: 18px;
  width: 25px;
}
.footer_info_area p {
	margin-bottom:0;
}
.footer_info_area p a {
	text-decoration:underline;
}
.footer_info_area p a:hover {
	text-decoration:none;
}
.footer_info_area .business_hours {
    margin-bottom: 10px;
}
.footer_logo a {
    display: flex;
    align-items: center;
}

.footer_logo dd {
	margin-left:10px;
	font-weight:bold;
	font-size:2em;
}
.tel dl {
    display: flex;
    align-items: center;
}
.tel dl dt {
	margin-right:20px;
}

.sns_nav img {
    height: 30px;
}

.sns_nav li {
    display: inline-block;
    text-align: center;
    line-height: 100%;
    font-size: 0;
	margin: 0 5px;
}

@media screen and (max-width: 960px){
	.footer {
    margin-top: 20px;
	padding: 20px;
}
.footer_info_area {
        width: auto;
    margin: 0 5% 20px;
    max-width: inherit;
    position: relative;
    align-items: flex-end;
}
.tel {
    margin-top: 10px;
    display: block;
}
.tel_area {
    background: #342521;
    padding: 20px;
    text-align: center;
	margin-bottom:10px;
}
.tel dl {
        display: block;
    align-items: inherit;
}
.tel dl dt {
	margin-right: inherit;
}

.tel dl dt a {
	width:100%;
	margin-right: inherit;
    display: block;
    background: #342521;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.tel_num dl dt svg {
    fill: #fff;
}
.footer_nav li {
    font-size: 14px;
    display: block;
    margin-right: inherit;
    text-align: left;
    margin-bottom: 10px;
}
.footer_nav li:last-child {
    margin-bottom: 0;
}
}

@media screen and (max-width: 568px){
		.footer_logo {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    width: inherit;
    padding: 0 20px;
}
	.header_logo svg {
    height: 2.4em;
    width: auto;
}
}
/*メインビジュアル*/
.main_visual {
    position: relative;
}

.main_visual img {
	width:100%;
}
.main_copy {
position: absolute;
    bottom: 10%;
    right: 5%;
    letter-spacing: .07em;
    color: #fff;
    font-size: 2.4em;
    line-height: 160%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transition: .5s;
}
@media screen and (max-width: 960px){
.main_copy {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    right: inherit;
    text-align: center;
    font-size: 1.6em;
}
.main_visual {
  /*margin-top: 64px;*/
}
}
@media screen and (max-width: 568px){
.main_copy {
    font-size: 1.2em;
}
}
/*スライダー*/
.slider_box .slider_img{
	height: 86vh;
	 position:relative;
      z-index: -10!important;
}
.slider_box .slider_img:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    height: 100vh;
    top: 0;
    background: rgba(0, 0, 0, .1);
    pointer-events: none;
    z-index: 0;
}

.slider_box .slider_img01 {
    background: url(../images/home/slider01.jpg) no-repeat 50% 10%;

    background-size: cover;
}
.slider_box .slider_img02 {
    background: url(../images/home/slider02.jpg) no-repeat 50% 10%;
    background-size: cover;
}
.slider_box .slider_img03 {
    background: url(../images/home/slider03.jpg) no-repeat 50% 10%;
    background-size: cover;
}

.slider_box .slider_img04 {
    background: url(../images/home/slider04.jpg) no-repeat 50% 10%;
    background-size: cover;
}

.slider_box .slider_img05 {
    background: url(../images/home/slider05.jpg) no-repeat 50% 10%;
    background-size: cover;
}

.slider_box .slider_img p {
    position: absolute;
    bottom: 5%;
    left: 10%;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: .1em;
    font-family: "Sawarabi Mincho";
	    z-index: 10;
}
.slide-dots li {
    display: inline-block;
    margin-right: 20px;
}
.slide-dots {
    text-align: center;
    position: absolute;
    bottom: 14%;
    left: 10%;
}
.slide-dots li button {
background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    text-indent: -9999px;
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.slide-dots li.slick-active button {
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: transparent;
    transition: .2s;
}
@media screen and (max-width: 1024px){
	.slider_box .slider_img {
    height: 67vh;
}
.slide-dots li {
    margin-right: 10px;
}
.slide-dots li.slick-active button {
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
}
.slide-dots li button {
    width: 5px;
    height: 5px;
    border-radius: 5px;
}
.slide-dots {
    text-align: center;
    position: absolute;
    bottom: 8%;
    left: 5%;
}
.slider_box .slider_img p {
    position: absolute;
    bottom: 0;
    left: 5%;
    color: #fff;
    font-size: .9em;
}

.slider_box .slider_img03 {
    background: url(../images/home/slider03.jpg) no-repeat 80% 10%;
    background-size: cover;
}

.slider_box .slider_img04 {
    background: url(../images/home/slider04.jpg) no-repeat 90% 10%;
    background-size: cover;
}

.slider_box .slider_img05 {
    background: url(../images/home/slider05.jpg) no-repeat 90% 10%;
    background-size: cover;
}
	
}
@media screen and (max-width: 568px){
.slider_box .slider_img {
    height: 45vh;
}
}

/*検索窓*/
.nav_search {
    display: flex;
    width: 100%;
}
#search_form02 input[type="text"] {
    line-height: 100%;
    background: #fff;
    padding: 1em 1em;
    width: 70%;
}
#search_form02 button {
    width: 30%;
}
.search_ico {
    margin-right: 5px;
}
.search_ico svg {
	fill:#fff;
}
.keywords_nav {
margin-top: 16px;
    font-size: .8rem;
    display: flex;
}
.keywords_nav h2 {
    margin-bottom: 0;
    color: #342521;
  font-size: .8em;
  min-width: 120px;
}
.keywords_nav ul {
    display: block;
    margin-left: 20px;

}

.keywords_nav ul li {
display: inline-block;
    margin-right: 2px;
    font-size: .8em;
  margin-bottom: 2px;
}
.keywords_nav ul li:last-child {
    margin-right: 0px;
}
.keywords_nav ul li a {
    display: inline-block;
    border: 1px solid #342521;
    padding: 0 .4em;
    border-radius: 20px;
}
.keywords_nav ul li a:hover {
	color:#fff;
	background:#342521;
	transition:.2s;
}

#search_form { padding: 1rem; border-radius: 5px;display: none; }
#search_form label { display: block; margin-bottom: .5em; }
#search_form label svg {
	width: 70%;
    line-height: 180%;
    background: #F0F0F0;
    padding: 1em;
	}
#search_form input[type="text"] {
    width: 70%;
    line-height: 180%;
    background: #F0F0F0;
    padding: 1em;
}
.sp_search button {
    min-width: 30%;
    padding: 1em;
    background: #342521;
    color: #fff;
}
#search_form .btn_close { display: none; }

.sp_search {
    display: flex;
}

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

.titlearea {
    position: relative;
}
	#search_form { display: none; border-radius: 0; box-shadow: 0px 3px 0 0px rgba(0,0,0,.2); }
	#search_form.open {     display: block;
    background: #fff;
    z-index: 10000;
	    position: fixed;
	
	 }
	#search_form { position: absolute;top: 80px; left: 0; right: 0; }
	#search_form label { display: none; }
	#search_form .btn_close { width: 100%; margin-top: 1em; text-align: center; display: block; }

}

/*スクロールトップ*/
.scrollTop {
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    background: #342521;
    padding: 15px 20px;
	    line-height: 0;
}
.scrollTop svg {
	fill:#fff;
	    width: 30px;
    height: 30px;
}

.scrollTop:hover{
	background: #594545;
    transition: .2s;
}
@media screen and (max-width: 568px){
	.scrollTop {
    padding: 15px 15px;
}
.scrollTop svg {
    width: 20px;
    height: 20px;
}
}

/*ナビゲーション*/
.home_search_box {
    padding: 0;
}
.search_box {
background: #e6e4dc;
padding: 20px 0;
}
.search_box .inner {
    max-width: 1380px;
    width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.search_area {
    width: 38%;
}
.icon_area {
    width: 60%!important;
}
.icon_area li div {
    margin: 0 auto;
}

.icon_area li {
    text-align: center;
}
.icon_area li figcaption {
    font-size: .9em;
	line-height: 140%;
	    margin-top: 5px;
}
#btn_icon_area {
    width: 100%;
    text-align: center;	
    background: #342521;
    padding: 20px;
    color: #fff;
	position:relative;
}
#btn_icon_area:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
        right: 5%;
    top: 50%;
    margin-top: -11px;
}
.icon_area_sp_btn {
    display: none;
}

@media screen and (max-width: 1180px){
	.search_box .inner {
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    display: block;
    align-items: center;
	    width: inherit;
}
.search_box {
        padding: 7%;
    display: block;
}
.keywords_nav {
    margin-top: 8px;
    font-size: .8rem;
    display: block;
}
.keywords_nav h2 {
    margin-bottom: 4px;
    color: #342521;
}
.keywords_nav ul {
    display: block;
    margin-left: inherit;
    margin-bottom: 20px;
}
.icon_area_sp_btn {
    display: block;
}
.search_area {
    width: 100%;
}
.icon_area {
    width: 100%;
    display: none;
}
.icon_area.open {
    width: 100%!important;
    display: block;
     padding: 30px 20px 0;
    background: #fff;
}

.icon_area.open #btn_gNavi_close{
display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    background: #fff;
    height: 50px;
    width: 100%;	
}
}
/*ナビ アイコン*/
.circle {
width: 80px;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 80px;
    background: #F7F7F7;
}
.circle img {
    position: absolute;
}
.circle01 img {
    height: 60%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle02 img {
    width: 140px;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle03 img {
    height: 110%;
    top: 74%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle04 img {
    height: 119%;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle05 img {
    height: 110%;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle06 img {
    height: 114%;
    top: 79%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle07 img {
    height: 70%;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*3column コンテンツ*/
.subsite_area {
    padding-top: 0;
}
.subsite_area .box_sizing_01 {
	position:relative;
}
.subsite_area .box_sizing_01 h3 {
    position: absolute;
    bottom: -34px;
    left: 20px;
}

@media screen and (max-width: 960px){
.subsite_area .box_sizing_01 h3 {
    position: inherit;
    bottom: inherit;
    left: inherit;
    width: 100%;
    text-align: center;
}
.subsite_area .column_box_03 .box_sizing_01 .text-wrap {
    margin: -10px auto;
    width: 90%;
    position: relative;
}
}

/*ニュース */
.main_news .main {
    width: 70%;
    padding-right: 40px;
    overflow: hidden;
}
.main_news .main dl,.category-pages dl {
    padding: 14px 0;

}
.main_news .main li,.category-pages li{
    border-bottom: 1px solid #cccccc;
}
.main_news .main li:nth-of-type(1),.category-pages li:nth-of-type(1) {
    border-top: 1px solid #cccccc;
}
.main_news .main dl dt,.category-pages dt {
    font-weight: 600;
    font-size: 12px;
}
.main_news .main dl dt span {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
.main_news .main dl dt span a {
    border: 1px solid #ddd;
    padding: 3px 10px;
    margin-top: 5px;
    display: inline-block;
}

.main_news .main dl dd,.category-pages dd {
    line-height: 160%;
    width: 100%;
}
.news_more {
    text-align: -webkit-right;
    margin-top: 20px;
}
@media screen and (max-width: 960px){
.main_news .main {
    width: 100%;
    margin-right: inherit;
    overflow: hidden;
	    margin-bottom: 60px;
		padding: inherit;
}
.main_news .main dl,.category-pages dl  {
    width: inherit;
    display: block;
}
.main_news .main dl dt,.category-pages dt {
    font-size: 14px;
    justify-content: inherit;
    margin-bottom: 5px;
    width: 100%;
}
.main_news .main dl dd,.category-pages dd  {
    line-height: 160%;
    margin: 0;
    width: 100%;
    padding: 0;
}
}


/* サイドバー */
.main_news .sidebar {
    width: 26%;
    text-align: left;
}
.banner_area {
    margin-top: 20px;
    position: relative;
}
.banner_area .event {
    background: #ffb143;
    position: relative;
    height: 70px;
    overflow: hidden;
}
.banner_area .event img {
    position: absolute;
    bottom: -13px;
    width: 50px;
    left: 10%;
}

.banner_area figcaption {
    position: absolute;
    top: 52%;
    right: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0%, -52%);
    font-weight: bold;
    color: #342521;
}
@media screen and (max-width: 960px){
.main_news .sidebar {
    width: 100%;
    text-align: left;
}
}


/*　その他のコンテンツ */
.circle_mini {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 100px;

}
.other_contents .box_sizing_01 {
    display: flex;
    align-items: center;
}
.other_contents .box_sizing_01 .text-wrap {
    margin-left: 16px;
}
.supporter_area {
    margin-bottom: 80px;
}

.supporter_area .layout-M:hover {
    opacity: .8;
}

.supporter_area a.banner01 {
    background: #342521;
}
.supporter_area a.banner02 {
    background: #AA552B;
}
.supporter_area a.banner03 {
    background: #E6E4DC;
}
.supporter_area a.banner04 {
    background: #342521;
}
.supporter_area a.banner05 {
    background: #AA552B;
}
.supporter_area a.banner06 {
    background: #E6E4DC;
}
.supporter_area h2 {
        font-size: 1.3rem;
    margin-bottom: 1.6em;
    line-height: 160%;
}
.other_contents {
    padding-top: 60px;
}
.sub_contents .text-wrap h3 {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
@media screen and (max-width: 960px){
.sub_contents .box_sizing_01 {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    margin: 0 20px 10px;
}
.sub_contents .box_sizing_01 figure {
    width: 100%;
    text-align: left;
    margin-right: 20px;
}
.other_contents {
    padding-top: 40px;
       margin-bottom: 20px;
}
.other_contents .box_sizing_01 .text-wrap {
    margin-left: 12px;
}
.supporter_area {
    margin-bottom: 40px;
    padding-top: 40px;
}
}

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

.sub_contents .box_sizing_01 figure {
    width: 80%;
    text-align:inherit;
    margin: 0 auto;
}

}



/* lower */
.box_section {
    padding-top: inherit;
    margin-bottom: 80px;
}
.lower_text_wrap {
    margin-bottom: 30px;
}
.lower_header {
    position: relative;
}
.lower_contents {
    padding-top: 60px;
    max-width: 1180px;
    width: 95%;
    margin: 0 auto 80px;
}
.lower_wrap {
        max-width: 1180px;
    width: 95%;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    top: 175px;
    left: 50%;
    -webkit-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
}
.lower_header{
	height: 230px;
	    background: url(../images/lower/lower_header.jpg) no-repeat center;

    background-size: cover;
    background-position: top;
}
.lower_wrap h1 {
    font-size: 2.2rem;
    color: #fff;
    letter-spacing: .06em;
    float: left;
    margin-top: 15px;
}
.lower_search {
    width: 28%;
    float: right;
}
.breadcrumb {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.breadcrumb .crumbs,.breadcrumb ul {
    max-width: 1180px;
    width: 95%;
    margin: 0 auto;
    display: block;
    font-size: .9rem;
    color: #666666;
}
.breadcrumb .crumbs .page,.breadcrumb .crumbs .separator {
  margin-right:10px;
}
.breadcrumb li {
    display: inline-block;
    color: inherit;
}
.breadcrumb li + li:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inherit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0 1em 0 .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.lower_contents_area a {
    text-decoration: underline;
}
.lower_contents_area a:hover {
    text-decoration: none;
}
.main .page_utility {
font-size: .85rem;
    padding: .5em 1em;
    text-align: right;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
@media screen and (max-width: 1180px){
  .main .page_utility {
      font-size: inherit;
    padding: inherit;
    text-align: inherit;
    border-bottom: inherit!important;
    margin-bottom: inherit;
  }
  .breadcrumb {
    padding: 10px 0px;
}
  .breadcrumb .crumbs,.breadcrumb ul {
        font-size: .8rem;
    width: 100%;
    padding: 0 20px;
    max-width: inherit;
}
}
.main .page_utility > * {
    display: inline-block;
}
.list_colon dt, .list_colon dd {
    display: inline-block;
}
.main .page_utility .list_colon dd + dt {
    margin-left: .8em;
}
.main .page_utility button {
    margin-left: .5em;
    padding-left: .8em;
    border-left: 1px solid #F0F0F0;
}
.btn_print svg {
    width: 1.1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}
.lower_contents .main {
    width: 68%;
}
.lower_contents .sidebar {
   width: 28%;
}
.lower_contents .sidebar .inner {
    padding: 20px 20px 0 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
  width: 100%;
}
.lower_contents .sidebar .inner h2 {
    font-size: 1.1rem;
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-weight: bold;
}
.lower_contents .sidebar .inner ul {
	margin-bottom:20px;
}
.lower_title1 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    padding: 5px 5px 5px 1em;
    letter-spacing: .06em;
	position:relative;
}
.lower_title1:before{
    content: '';
    width: 5px;
    height: 100%;
    border-left: 4px solid #342521;
    display: block;
    border-right: 1px solid #342521;
    position: absolute;
    top: 0;
    left: 0;
}

.lower_title2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 1.1rem;
    font-weight: bold;
  }

  .lower_title3 {
    background: #e6e4dc;
    padding: 15px 20px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.lower_title4 {
    font-weight: bold;
    margin-bottom: 5px;
}
  .list_arrow li {
      margin-bottom: 5px;
      list-style: none!important;
      padding-left: 1em;
      text-indent: -1em;
      margin-left: 0!important;
  }
  #sideNavi ul li a {
    display: block;
}
.category-nodes.nodes {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.category-nodes.nodes li,.cms-nodes li {
    margin-bottom: 5px;
    list-style: none!important;
    padding-left: 1em;
    text-indent: -1em;
    margin-left: 0!important;
}
.category-nodes.nodes li a:before,.cms-nodes li a:before,.cms-nodes h2 a:before {
content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
article .body .cms-nodes h2 a{
 text-decoration: none; 
}
.list_arrow a:before, .btn_arrow:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.lower_icon_area div{
	margin:0 auto;
	text-align:center;
}
.lower_icon_area li{
	text-align:center;	
}
.lower_icon_area li figcaption {
    font-size: .9em;
}
.lower_contact_box {
    padding: 30px;
    border: 1px solid #342521;
}
.lower_contact_box h2 {
    font-weight: bold;
    margin-bottom: 10px;
}
.lower_contact_box h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.lower_contact_box h4 {
    font-size: 1.6rem;
    margin-bottom: 5px;
    color: #342521;
    font-weight: bold;
}
.lower_contact_box h4 dl {
    display: flex;
    align-items: center;
}
.lower_contact_box h4 dd {
    margin-left: 5px;
}
.lower_contact_box h4 dl svg {
    height: 23px;
}
.lower_contact_box .text_wrap {
    margin-top: 20px;
}
.lower_contact_box .text_wrap p {
    margin-bottom: 0;
}
/*table*/
.table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    max-width: 100%;
    height: auto;
    word-break: break-all;
    word-wrap: break-word;
	margin-bottom:30px;
}
.table th {
    border: 1px solid #CCC;
    background: #F0F0F0;
	    padding: .5em;
    font-weight: bold;
}
.table td {
    border: 1px solid #CCC;
	padding: .5em;
    text-align: left;
}
.fb_body {
position: relative;
    display: block;
    height: 0px;
    padding: 0px 0px 80%;
    overflow: hidden;
    max-width: 370px;
    width: 98%;
    height: auto;
    padding: 0px 15px;
    margin: 0px auto 15px;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
       position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
@media screen and (max-width: 1181px){
	.lower_search {
    display: none;
}
.lower_wrap {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -80%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.lower_header {
    height: 30vh;
}
.lower_wrap h1 {
    float: inherit;
    margin-top: inherit;
    text-align: center;
}
	
}
@media screen and (max-width: 1180px){
	.lower_contents {
    max-width: inherit;
    width: inherit;
	margin: inherit;
	padding-top:20px;
}
.lower_contents .main {
    width: 100%;
    padding: 0 20px;
}
.lower_contents .sidebar {
    width: 100%;
	    background: #e6e4dc;
}
.lower_contents .sidebar .inner {
    padding: 20px;
    border: none;
    margin-bottom: 20px;
}

.btn_print {
    display: none!important;
}
.lower_title1 {
    font-size: 1.4rem;
    line-height: 160%;
}
}

@media screen and (max-width: 568px){
	.box_section {
    padding-top: inherit;
    margin-bottom: 40px;
}
}


/*=====================================

common

========================================*/

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

RESET CSS

html5doctor.com Reset Stylesheet

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}/ change colours to suit your needs /
ins{background-color:#ff9;color:#000;text-decoration:none}/ change colours to suit your needs /
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

common

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


*{font-family: 'Roboto','Noto Sans JP',Lato, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;scroll-behavior: smooth; }
body {
    font-weight: normal;
    line-height: 1.8em;
    background: #fff;
    color: #000;
  overflow-x: hidden;
}

a,a:link, a:visited { color:#000; text-decoration: none;
	-webkit-transition: opacity 0.5s ease-out 0s;
    -o-transition: opacity 0.5s ease-out 0s;
    -ms-transition: opacity 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s;}
a:active, a:hover { color:#000; text-decoration: none; }
a:hover{color:#000; text-decoration:none;}

h1, h2, h3, h4, h5 {font-weight: normal;}
li { list-style-type: none; }
dl,dt,dd { margin: 0; padding: 0; }
p { margin: 0 0 2em; padding: 0; text-align:left; }
img {border: 0; line-height: 0; vertical-align: bottom;}
hr { display: none; }
table { margin: 0; padding: 0; }
th { text-align: left; font-weight: bold; margin: 0; }
td { margin: 0; }
em {font-weight: bold; font-style: normal;}
form { margin: 0; padding: 0; }
label { margin: 0; padding: 0;}
input.btn { margin: 0 0.5em; padding: 0 1em;border:none; }
input, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    /*appearance: none;*/
    text-indent: 0.01px;
    text-overflow: '';
}
figure img{
	width:100%;	
}
@media screen and (max-width: 768px){
  p {
  font-size:.9rem;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

clearfix

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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


 }



/*=====================================

color

========================================*/

/*白背景*/
body.color_white { color: #333; background-color: #fff; }
body.color_white a,
body.color_white a:visited,
body.color_white .color_link { color: #342521; }

body.color_white .color_ttl { color: #FFF; background-color: #338501; }

body.color_white .color_bg_base  { background-color: #EFEBDC; }
body.color_white .color_bg_main  { background-color: #FFF; }
body.color_white .color_bg_ac    { background-color: #348602; }

body.color_white .color_svg_main { fill: #333; }
body.color_white .color_svg_a { fill: #338501; }
body.color_white .color_svg_em { fill: #D93D0D; }

body.color_white .btn_sub { color: #FFF; background-color: #666; }

body.color_white .color_em_ttl { color: #FFF; background-color: #D93D0D; }
body.color_white .color_em_text { color: #D93D0D; }
body.color_white a.color_em_text,
body.color_white .color_em_text a { color: #D93D0D; }
body.color_white .color_border_em { border-color: #D93D0D; }
body.color_white .emg_contact li { border-color: #F7D8CF!important; }

body.color_white .main .mainContents h2 { border-color: #338501; }
body.color_white .main .mainContents h3 { color: #FFF; background-color: #338501;  }
body.color_white .main .mainContents h4 { background-color: #F0F0F0; }
body.color_white .main .page_utility { border-bottom: 1px solid #EFEBDC; }

body.color_white .main .column_main .mainContents table th { border: 1px solid #CCC; background: #F0F0F0; }
body.color_white .main .column_main .mainContents table td { border: 1px solid #CCC; }
body.color_white .main .column_main .mainContents blockquote { border: 1px solid #CCC; }

body.color_white .main .column_main .mainContents a.ex_link:after { background: #338501; box-shadow: 1px -1px #FFF, 2px -2px #338501; }

body.color_white .main .column_main .mainContents .txt_emph { color: #D93D0D; }

body.color_white .search_life li + li:before { background: #EFEBDC; }
body.color_white .search_keyword li { background: #F0F0F0; }
body.color_white .list_news .category,
body.color_white .post_news .category { background-color: #F0F0F0; }
body.color_white .post_address_inner { border: 3px solid #F0F0F0; }
body.color_white .subContents h2 { background: #D6E7CC; }

body.color_white .foot_search .search_life, 
body.color_white .foot_search .search_keyword { border: 1px solid #EFEBDC; }

body.color_white #sideNavi .here { background-color: #D6E7CC; }


body.color_white .wpcf7 form { border-top: 1px solid #CCC; }
body.color_white .wpcf7 label { border-bottom: 1px solid #CCC; }
body.color_white input[type="text"],
body.color_white input[type="email"],
body.color_white  textarea  { color: #000; background: #FFF; border: 1px solid #666; }

/*黒背景*/
body.color_black { color: #FFF; background-color: #333; }
body.color_black a,
body.color_black a:visited,
body.color_black .color_link { color: #FFF; }
body.color_black .color_bg_base  { background-color: #333; }
body.color_black .color_bg_main  { background-color: #000; }
body.color_black .color_bg_ac    { background-color: #333; }

body.color_black .bottom_nav ul li a {
    display: block;
    background: #000;
    color: #fff;
    padding: 12px;
}
body.color_black .bottom_nav ul li a:hover {
    background: #333;
	transition:.2s;
}

body.color_black .color_ttl { color: #FFF; background-color: #000; }
body.color_black #header .header_inner {
    background: #000;
}
body.color_black #btn_gNavi_close{
	background:#000;	
}
body.color_black .btn_close span:before,body.color_black .btn_close span:after {
    content: '';
    background: #fff;
}
body.color_black #btn_icon_area {
    background: #333;
}
body.color_black .lower_contents .sidebar {
    background: #333;
}

body.color_black .bottom_nav ul {
    border-top: 1px solid #fff;
}
body.color_black .icon_area.open {
    background: #333;
    border-top: 1px solid #fff;
}
body.color_black .icon_area.open #btn_gNavi_close {
    background: #333;
}
body.color_black .color_svg_main { fill: #FFF; }
body.color_black .color_svg_a { fill: #FFF; }
body.color_black .color_svg_em { fill: #FFF; }

body.color_black .btn_normal { color: #333; background-color: #FFF; }
body.color_black .btn_sub { color: #333; background-color: #FFF; }

body.color_black .color_em_ttl { color: #FFF; background-color: #333; }
body.color_black .color_em_text { color: #FFF; }
body.color_black a.color_em_text,
body.color_black .color_em_text a { color: #FFF; }
body.color_white .emg_contact li { border-color: #FFF; }

body.color_black .main .mainContents h2 { border-color: #FFF;}
body.color_black .main .mainContents h3 { color: #FFF; background-color: #333;  }
body.color_black .main .mainContents h4 { border: 1px solid; background : none;}
body.color_black .main .page_utility { border-bottom: 1px solid #fff; }

body.color_black .main .column_main .mainContents table th { border: 1px solid #FFF; }
body.color_black .main .column_main .mainContents table td { border: 1px solid #FFF; }
body.color_black .main .column_main .mainContents blockquote { border: 1px solid #333; }
body.color_black .lower_title3 {
    background: #000;
}
body.color_black .lower_title1:before {
    border-left: 4px solid #fff;
    border-right: 1px solid #fff;
}
body.color_black .table th {
    color: #000;
}
body.color_black .lower_contact_box {
    border: 1px solid #fff;
}
body.color_black .lower_contact_box h4 dl {
    color: #fff;
}
body.color_black .lower_contact_box h4 dl svg{
	fill:#fff;
}
body.color_black .btn_print svg {
	fill:#fff;
}
body.color_black .contents_docs h2 {
    color: #000;
}
body.color_black .main .column_main .mainContents a.ex_link:after { background: #FFF; box-shadow: 1px -1px #000, 2px -2px #FFF; }
body.color_black .main .column_main .mainContents .txt_emph { font-weight: bold; }

body.color_black .search_life li + li:before { background: #FFF; }
body.color_black .search_keyword li { background: none; border: 1px solid #FFF; }
body.color_black .list_news .category,
body.color_black .post_news .category  { background: none; border: 1px solid #FFF; }
body.color_black .post_address_inner { border: 3px solid #F0F0F0; }
body.color_black .subContents h2 { color: #FFF; background: #000; }

body.color_black .foot_search .search_life, 
body.color_black .foot_search .search_keyword { border: 1px solid #EFEBDC; }

body.color_black #sideNavi .here { background-color: #555; }
body.color_black .foot_info { background-image: none;}

body.color_black .wpcf7 form { border-top: 1px solid #666; }
body.color_black .wpcf7 label { border-bottom: 1px solid #666; }
body.color_black input[type="text"],
body.color_black input[type="email"],
body.color_black  textarea  { color: #FFF; background: #000; border: 1px solid #CCC; }

body.color_black .arrow::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
body.color_black .top_nav,body.color_black .header_logo,body.color_black .search_box,body.color_black .sidebar .if_area {
    background: #000;
}
body.color_black .title1 {
    background: #000;
}
body.color_black .banner_area .event {
    background: #000;
}
body.color_black .contents_wrap_large {
    background: #000;
}
body.color_black .banner_area figcaption {
    color: #fff;
}
body.color_black .footer {
    background: #000;
}
body.color_black .tel_num {
    font-size: 36px;
    margin-right: 16px;
    color: #fff;
}
body.color_black .btn_brown {
    color: #FFF!important;
    background: #000;
}
body.color_black .tel_num dl dt svg {
    fill: #fff;
}
body.color_black .header_buttons_sp button svg {
    fill: #fff;
}

body.color_black .header_logo svg {
    fill: #fff;
}
body.color_black .if_area dl dd {
    color: #000;
}
body.color_black .alert_title {
    background: #000;
}
body.color_black .alert_text dl {
    color: #000;
}
body.color_black .breadcrumb ul {
    color: #fff;
}
body.color_black .keywords_nav h2 {
    color: #fff;
}
body.color_black .keywords_nav ul li a {

    border: 1px solid #fff;
}
body.color_black .keywords_nav ul li a:hover {
    color: #000;
    background: #fff;
}
body.color_black #search_form02 button {
    background: #333;

}
body.color_black .footer_logo a svg {
fill:#fff;
}
body.color_black .footer_logo 	svg {
    fill: #fff;
}
body.color_black .if_area dl dt svg {
    fill: #000;
}
body.color_black .breadcrumb .crumbs .page, body.color_black .breadcrumb .crumbs .separator {
    color: #fff;
}
body.color_black .contact {
    border: 1px solid #fff;
}
body.color_black .contents_docs .contact h2{
  color: #fff;
}
body.color_black .contents_docs .contact .tel dt {
  color: #fff;
}
body.color_black article .body h3 {
      border-bottom: 2px solid #fff;
}
body.color_black article .body strong {
    color: #fff;
}

body.color_black article .body table th {
    color: #000;
}


@media screen and (max-width: 960px){
body.color_black .tel dl dt a {
    background: #000;
}
}
/*黄色背景*/
body.color_yellow { color: #333; background-color: #FF0; }
body.color_yellow a,
body.color_yellow a:visited,
body.color_yellow .color_link { color: #000; }
body.color_yellow .title3 {
    color: #ff0;
}

body.color_yellow .color_ttl { color: #FF0; background-color: #000; }

body.color_yellow .color_bg_base  { background-color: #FF0; }
body.color_yellow .color_bg_main  { background-color: #FF0; }
body.color_yellow .color_bg_ac    { background-color: #000; }

body.color_yellow .color_svg_main { fill: #333; }
body.color_yellow .color_svg_a { fill: #333; }
body.color_yellow .color_svg_em { fill: #000; }

body.color_yellow .btn_normal { color: #FFF; background-color: #333; }
body.color_yellow .btn_sub { color: #FFF; background-color: #333; }
body.color_yellow .bottom_nav ul li {
    border-right: 1px solid #000;
}
body.color_yellow .bottom_nav ul li:first-child {
    border-left: 1px solid #000;
}
body.color_yellow .bottom_nav ul li:first-child {
    border-right: 1px solid #000;
}
body.color_yellow .bottom_nav ul li:last-child {
    border-right: none;
}
body.color_yellow .bottom_nav ul li a {
    display: block;
    background: #FF0;
    color: #000;
    padding: 12px;
}
body.color_yellow .bottom_nav ul li a:hover {
    background: #FF0;
}


body.color_yellow .arrow::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0em;
    right: inherit;
    top: 50%;
    margin-top: -4px;
}
body.color_yellow .top_nav,body.color_yellow .header_logo {
    background: #FF0;
}
body.color_yellow .search_box{
	background: #000;
	}
body.color_yellow .sidebar .if_area{
	 background: #000;
}
body.color_yellow .title1 {
    background: #000;
}
body.color_yellow .title2 {
    color: #000;
}
body.color_yellow .sub_contents .text-wrap h3 {
 color: #FF0;
}
body.color_yellow .banner_area .event {
    background: #000;
}
body.color_yellow .contents_wrap_large {
    background: #000;
}
body.color_yellow .contents_wrap_large h2 {
    color: #FF0;
}
body.color_yellow .banner_area figcaption {
    color: #ff0;
}
body.color_yellow .footer {
    background: #000;
}
body.color_yellow .tel_num {
    font-size: 36px;
    margin-right: 16px;
    color: #000;
}
body.color_yellow .btn_brown {
    color: #000!important;
    background: #000;
}
body.color_yellow .mail {
    color: #FF0!important;
    background: #000;
}
body.color_yellow .footer_info_area .btn dl svg {
    fill: #FF0;
}
body.color_yellow .tel_num dl dt svg {
    fill: #000;
}

body.color_yellow .header_logo svg {
    fill: #000;
}
body.color_yellow .if_area dl dd {
    color: #000;
}
body.color_yellow .alert_title {
    background: #FF0;
}
body.color_yellow .alert_text dl {
    color: #000;
}
body.color_yellow .alert_title dl {
    color: #000;
}
body.color_yellow .breadcrumb ul {
    color: #000;
}
body.color_yellow .breadcrumb li + li:before {
    border-color: #000;
}
body.color_yellow .keywords_nav h2 {
    color: #FF0;
}
body.color_yellow .keywords_nav ul li a {
    border: 1px solid #FF0;
	color: #ff0;
}
body.color_yellow .keywords_nav ul li a:hover {
    color: #000;
    background: #ff0;
}
body.color_yellow #search_form02 button {
    background: #FF0;
}
body.color_yellow .footer_logo a svg {
fill:#000;
}
body.color_yellow .icon_area li figcaption {
color: #FF0;
}
body.color_yellow .search_ico svg {
	fill:#000;
}
body.color_yellow .copyright {
color: #FF0;
}
body.color_yellow nav.footer_nav li a {
    color: #FF0;
}
body.color_yellow nav.footer_nav li a.arrow::after {
    border-top: 1px solid #FF0;
    border-right: 1px solid #FF0;
}
body.color_yellow .main_news .main li:nth-of-type(1) {
    border-top: 1px solid #000;
}
body.color_yellow .main_news .main li {
    border-bottom: 1px solid #000;
}
body.color_yellow .main_news .main dl dt a {
    border: 1px solid #000;
}
body.color_yellow .alert_title dl dt svg {
	fill:#000;
}
body.color_yellow .lower_title3 {
    background: #000;
}
body.color_yellow .lower_title1:before {
    border-left: 4px solid #000;
    border-right: 1px solid #000;
}
body.color_yellow .table th {
    color: #000;
}
body.color_yellow .lower_contact_box {
    border: 1px solid #000;
}
body.color_yellow .lower_contact_box h4 dl {
    color: #000;
}
body.color_yellow .lower_contact_box h4 dl svg{
	fill:#000;
}
body.color_yellow .btn_print svg {
	fill:#000;
}
body.color_yellow .breadcrumb {
    border-bottom: 1px solid #000;
}

body.color_yellow .lower_contents .sidebar .inner h2 {
    border-bottom: 1px solid #000;
}
body.color_yellow .lower_title2 {
    border-bottom: 1px solid #000;
}
body.color_yellow .if_area dl dt svg {
    fill: #000;
}
body.color_yellow .bottom_nav ul {
    border-top: 1px solid #000;
}

body.color_yellow #header .header_inner {
    background: #FF0;
}

body.color_yellow .bottom_nav ul li a:after {
    border-color: #000 #000 transparent transparent;
}

body.color_yellow header.open #btn_gNavi_close {
    background: #FF0;
}
body.color_yellow #search_form.open {
       background: #FF0;
    border-top: 1px solid #000;
}
body.color_yellow .sp_search button {
    background: #000;
}
body.color_yellow #btn_icon_area {
    background: #FF0;
	    color: #000;
}

body.color_yellow #btn_icon_area:before {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}
body.color_yellow .lower_contents .sidebar .inner {
    border: 1px solid #000;
}
body.color_yellow .icon_area.open {
    background: #333;
}
body.color_yellow .icon_area.open #btn_gNavi_close {
    background: #333;
}

body.color_yellow .btn_close span {
    color: #fff;
}
body.color_yellow .btn_close span:before, body.color_yellow .btn_close span:after {
    background: #fff;
}

body.color_yellow .btn_close span {
    color: #fff;
}
body.color_yellow .contents_docs h2 {
    background: #000;
    color: #ff0;
}
body.color_yellow .main .page_utility button {
    border-left: 1px solid #000;
}
body.color_yellow .main .page_utility {
    border-bottom: 1px solid #000;
}
body.color_yellow article .body table td,body.color_yellow article .body table th {
    border: 1px solid #000;
}
body.color_yellow .contents_docs .contact h2 {
    background: inherit;
    color: #000;
}
@media screen and (max-width: 960px){
body.color_yellow .bottom_nav ul li:first-child {
    border-right: none;
}	
body.color_yellow .bottom_nav ul li:first-child {
    border-left: none;
}
body.color_yellow .bottom_nav ul li {
    border-right: none;
}
body.color_yellow .bottom_nav ul {
    border-top: none;
}
body.color_yellow .top_nav li {
    border-bottom: 1px solid #000;
}
body.color_yellow .bottom_nav ul li a:after {
    border-color: #000 #000 transparent transparent;
}
body.color_yellow .top_nav nav {
    border-top: 1px solid #000;
}
body.color_yellow .tel dl dt a {
    background: #000;
	color: #ff0;
}
body.color_yellow .lower_contents .sidebar .inner h2 {
    border-bottom: 1px solid #fff;
}
body.color_yellow .lower_contents .sidebar {

    background: #333;
}
body.color_yellow .lower_contents .sidebar a {
    color: #fff;
}
}

/*=====================================

template

========================================*/

.width-min{ min-width:1200px; margin:0 auto;}
.width-max{ max-width:1100px; margin:0 auto;}

@media screen and (max-width: 900px) {
	.width-min{ min-width:90%; }
	.width-max{ max-width: 900px ; }

}
@media screen and (max-width: 600px) {
	.width-min{ min-width:90%; }
	.width-max{ max-width: 600px ; }

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

レイアウト

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* header ////////////////////////////////////////////////////////////////////////////////////////////*/
#header-wrapper{ width:100%; display:block; background:#fff; padding:20px 50px; box-sizing:border-box; position: relative;}
#header-wrapper .header-inner{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#header-wrapper .header-inner #globalNav ul{ max-width: 860px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify;    justify-content: space-between;}
#header-wrapper .header-inner #globalNav ul li a{ display: inline-block; padding:0 0 0 1em;}

@media screen and (max-width: 600px) {
	#header-wrapper{ padding:20px 5%; }
	#header-wrapper .header-inner #globalNav { display: none; width: 50%; position: absolute; top: 100%; right: 0; background: #FFF; }
	#header-wrapper .header-inner #globalNav ul { display: block; }
	#header-wrapper .header-inner #globalNav ul li { display: block; }
	#header-wrapper .header-inner #globalNav ul li a{ padding: 1em;}
	#header-wrapper .header-inner #globalNav.open { display: block; }
}

/* footer ////////////////////////////////////////////////////////////////////////////////////////////*/
#footer-wrapper{ background:#FFFFFF; padding:50px;}
.footer-copyright{ text-align:center;}

/* main ////////////////////////////////////////////////////////////////////////////////////////////*/
main article{}
main section{ padding-top:100px; display:block; margin:0 auto;}

/* single or double ////////////////////////////////////////////////////////////////////////////////////////////*/
.page-single{}
.page-double{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;	justify-content: space-between;}
.page-double #contents{ width:850px; width : -webkit-calc(100% - 250px) ;   width : calc(100% - 250px) ;}
.page-double #subNav{ width:250px; background:#CCCCCC;}

.page-double .width-max{ max-width:800px; margin:0 auto;}


/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
/*カラムレイアウト*/
.lay-column1 { width: 70%; margin: 0 auto; }
.lay-column2,
.lay-column3 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

/*2カラム*/
.lay-column2 > * { width: 48%; margin-bottom: 1rem; /*margin-bottom: 4%;  IE11でflexbox内で%指定の上下マージンが効かないよう…*/ }
.lay-column2 > *:nth-last-child(-n+2) { margin-bottom: 0; }

/*2カラム(分割の割合を調整)*/
.lay-column2.typeA > *:nth-child(odd) { width: 30%; }
.lay-column2.typeA > *:nth-child(even) { width: 66%; }

/*3カラム*/
.lay-column3 > * { width: 32%; margin-bottom: 1rem;/*margin-bottom: 2%; */ }
.lay-column3 > *:nth-last-child(-n+3) { margin-bottom: 0; }

/*2カラム(分割の割合を調整)*/
.lay-column3.typeA > *:nth-child(3n+1) { width: 20%; }
.lay-column3.typeA > *:nth-child(3n+2) { width: 40%; }
.lay-column3.typeA > *:nth-child(3n) { width: 30%; }

.LtoR { -webkit-flex-direction: row; flex-direction: row;}
.RtoL { -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}


/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
.column-flex{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;	justify-content: space-between;}
.box-column-size1,
.box-column-size2,
.box-column-size3,
.box-column-size4{ margin-bottom:1%;}

.box-column1{width: 59.6%; max-width:900px; margin:0 auto; }
.column-flex.box-column2 .box-column-size1{ width:49.5%;}
.column-flex.box-column3 .box-column-size1{ width:32.6%;}
.column-flex.box-column3 .box-column-size2{ width:66.2%;}

.column-flex.box-column4 .box-column-size1{ width:24.25%;}
.column-flex.box-column4 .box-column-size2{ width:49.5%;}
.column-flex.box-column4 .box-column-size3{ width:74.75%;}

.column-flex.box-column5 .box-column-size1{ width:19.2%;}
.column-flex.box-column5 .box-column-size2{ width:39.4%;}
.column-flex.box-column5 .box-column-size3{ width:59.6%;}
.column-flex.box-column5 .box-column-size4{ width:79.8%;}

/* box ////////////////////////////////////////////////////////////////////////////////////////////*/
.box{ background:#FFF; padding:20px; box-sizing:border-box; text-align: left; }
.box > *:last-child{ margin-bottom:0;}
.box-color{ color: #FFF; background:#000; padding:20px; box-sizing:border-box;}
.box-color *{ color:#fff;}
.box-color .box-innner{ background:#FFF; padding:20px; box-sizing:border-box;}
.box-color .box-innner *{ color:#000;}
.box-color .box-innner > *:last-child{ margin-bottom:0;}


.box-center { display: flex; justify-content: center; align-items: center; }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

基本要素

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* title ////////////////////////////////////////////////////////////////////////////////////////////*/
.title1 {
    font-size: 1rem;
    margin-bottom: 1em;
    display: inline-block;
    background: #342521;
    color: #fff;
    padding: .5em 2em;
}
.title2{font-size: 1.5rem; margin-bottom:1.2em;line-height:100%;}
.title2.mincho {
    font-size: 1.5rem;
    margin-bottom: 1.2em;
    line-height: 160%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}
.title3 {
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
	    margin-bottom: 20px;
}
.title4{font-size: 1.2rem; margin-bottom:1em;}
.title5{font-size: 1rem; margin-bottom:1em;}
.title6{font-size: 0.8rem; margin-bottom:1em;}

.pagetitle{ padding:50px 0; background:#000;}
.pagetitle .title1{margin-bottom:0em; color:#FFF;}


.tobble_open_contents { display: none; }
.tobble_open_contents.open { display: block; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

btn

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.btn{ display:inline-block; box-sizing:border-box;}
.btn .btn-innner{ padding:0.4em 0; margin:0 1.5em; display:block; }
.btn:hover{ text-decoration:none;}

.arrow{ position:relative; padding-left:1em; }
.arrow::after{content:"";display: block;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:0em; right:inherit;top:50%;margin-top:-4px;}

.arrow.arrow-color{color:#000;}
.arrow.arrow-color::after{  border-top:1px solid #000;border-right:1px solid #000}

.arrow.arrow-white{color:#FFFFFF;}
.arrow.arrow-white::after{  border-top:1px solid #fff;border-right:1px solid #fff}


.btn .arrow{ position:relative; }
.btn .arrow::after{border-top:1px solid #fff;border-right:1px solid #fff; right: -1em; left:inherit; margin-top:-5px;}



/*btncolor*/
.btn.btn-black-line:hover .arrow::after,
.btn.btn-colorB-reverse:hover .arrow::after{border-top:1px solid #fff;border-right:1px solid #fff;}

.btn.btn-black-box { background:#000; color:#fff; border-color: #000;}
.btn.btn-black-box:hover { background:#fff; color:#000; border-color: #000;}
.btn.btn-black-box:hover .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}

.btn.btn-black-line { background:#fff; color:#000; border-color: #000;}
.btn.btn-black-line:hover { background:#000; color:#fff; border-color: #000;}
.btn.btn-black-line .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}

.btn.btn-color-box { background:#F00; color:#fff;  border-color: #F00;}
.btn.btn-color-box:hover { background:#fff; color:#F00; border-color: #F00;}
.btn.btn-color-box:hover .arrow::after{border-top:1px solid #F00;border-right:1px solid #F00;}

.btn.btn-color-line { background:#fff; color:#F00; border-color:#F00;}
.btn.btn-color-line:hover { background:#F00; color:#fff; border-color: #F00}
.btn.btn-color-line .arrow::after{border-top:1px solid #F00;border-right:1px solid #F00;}




/*反転　白抜き*/
.btn.btn-white-box{background:#fff; color:#000; border:1px solid #fff;}
.btn.btn-white-box .btn-innner { color:#000;}
.btn.btn-white-box:hover{background:none; color:#fff; border:1px solid #fff;}

.btn.btn-white-box:hover .btn-innner { color:#fff;}

.btn.btn-white-line{background:none; color:#fff; border:1px solid #fff;}
.btn.btn-white-line .btn-innner { color:#fff;}
.btn.btn-white-line:hover{background:#FFFFFF; color:#000; border:1px solid #fff;}
.btn.btn-white-line:hover .btn-innner { color:#000;}

.btn.btn-white-box .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}
.btn.btn-white-box:hover .arrow::after{border-top:1px solid #fff;border-right:1px solid #fff;}

.btn.btn-white-line .arrow::after{border-top:1px solid #fff;border-right:1px solid #fff;}
.btn.btn-white-line:hover .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}

/*反転　色あり*/
.btn.btn-color-box-r{background:#F00; color:#000; border:1px solid #F00;}
.btn.btn-color-box-r .btn-innner { color:#000;}
.btn.btn-color-box-r:hover{background:none; color:#F00; border:1px solid #F00;}
.btn.btn-color-box-r:hover .btn-innner { color:#F00;}

.btn.btn-color-line-r{background:none; color:#fff; border:1px solid #F00;}
.btn.btn-color-line-r .btn-innner { color:#F00;}
.btn.btn-color-line-r:hover{background:#F00; color:#000; border:1px solid #F00;}
.btn.btn-color-line-r:hover .btn-innner { color:#000;}

.btn.btn-color-box-r .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}
.btn.btn-color-box-r:hover .arrow::after{border-top:1px solid #F00;border-right:1px solid #F00;}

.btn.btn-color-line-r .arrow::after{border-top:1px solid #F00;border-right:1px solid #F00;}
.btn.btn-color-line-r:hover .arrow::after{border-top:1px solid #000;border-right:1px solid #000;}



/* ///////////////   SNSボタン   ///////////////////////*/
/*共通*/
.btn-sns { color: #000; width: 2rem; height: 2rem; border: 1px solid; border-radius: .5rem; background: #000; display: inline-block; fill: #FFF; }
/*Facebook*/
.btn-sns-facebook { border-color: #295A9E; background:#295A9E; fill: #FFF; }
.btn-sns-facebook:hover { background:#FFF; fill: #295A9E; }
/*twitter*/
.btn-sns-twitter { border-color: #1DA1F2; background:#1DA1F2; fill: #FFF; }
.btn-sns-twitter:hover { background:#FFF; fill: #1DA1F2; }
/*instagram*/
.btn-sns-instagram { border-color: #000; background:#000; fill: #FFF; }
.btn-sns-instagram:hover { background:#FFF; fill: #000; }

/*btnsize*/
.btn.btn-sizeL{ line-height:3em; padding:0 2em; font-size:1.1rem; }
.btn.btn-sizeM{ line-height:2em;  padding:0 2em; font-size:1rem; }
.btn.btn-sizeS{ line-height:1.5em;  padding:0 2em; font-size:0.9rem; }


/* ///////////////   ハンバーガーボタン   ///////////////////////*/
.btn_humberger { font-size: .6rem; width: 5em; height: 5em; padding-top: 3em; border: none; background: #FFF; position: relative; }
.btn_humberger:before,
.btn_humberger:after { content: ''; width: 3em; height: 1px; display: block; position: absolute; top: 1.9em; left: 0; right: 0; margin: auto; background: #000; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
.btn_humberger:before { -ms-transform: translateY(-1em); -webkit-transform: translateY(-1em); transform: translateY(-1em); box-shadow: 0 .8em currentColor; }
.btn_humberger:after  { -ms-transform: translateY(.6em); -webkit-transform: translateY(.6em); transform: translateY(.6em); }

.btn_humberger.open:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: none; }
.btn_humberger.open:after  { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



/* ///////////////   外部リンク   ///////////////////////*/


/* //////////////////////////////////////////////////////////////////////////////////////////

 list

 ////////////////////////////////////////////////////////////////////////////////////////////*/
/*ドット付きリスト*/
ul.list-dot > li { padding-left: 1em; text-indent: -1em; }
ul.list-dot > li:before { content:'・'; }

/*数字付きリスト*/
ol.list { counter-reset: listnum; }
ol.list > li { padding-left: 1.5em; }
ol.list > li::before { content: counter(listnum)'.'; counter-increment: listnum; width: 1.5rem; margin-left: -1.5rem; display: inline-block; }

/*定義リスト(縦ならび)*/
dl.list-vertical { border-top: 1px solid #CCC; }
dl.list-vertical > dt { font-weight: bold; }
dl.list-vertical > dd { border-bottom: 1px solid #CCC; }

/*定義リスト(横ならび)*/
dl.list-horizontal { display: -webkit-flex; display: flex; flex-flow:row wrap; border-top: 1px solid #CCC; }
dl.list-horizontal > * { padding: .5em 0; border-bottom: 1px solid #CCC; }
dl.list-horizontal > dt { width: 20%; font-weight: bold; }
dl.list-horizontal > dd { width: 80%; padding-left: 5%; }

/*パンくずリスト*/
/*.breadcrumb > * { display: inline-block; }*/
.breadcrumb > * + *:before { content:''; width: .5em; height: .5em; display: inline-block; margin-right: .5em; border-top: 1px solid; border-right: 1px solid; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }

/*新着情報リスト*/
dl.list-news { display: -webkit-flex; display: flex; flex-flow:row wrap; border-top: 1px solid #CCC; }
dl.list-news > * { padding: .5em 0; border-bottom: 1px solid #CCC; }
dl.list-news > dt { width: 14ex; text-align: center; }
dl.list-news > dt + dd { width: 10em; font-size: .8rem; line-height: 120%; text-align: center; padding: 1em 1.5em;  }
dl.list-news > dd + dd { width: calc(100% - 14ex - 10em); }

/*フロー*/
.list_flow { counter-reset: flownum; }
.list_flow li { display: block; position: relative; }
.list_flow li + li { margin-top: 3rem; }
.list_flow li:before { content:counter(flownum)'.'; counter-increment: flownum; }
.list_flow li + li:after { content:''; width: 0; height: 0; display: block; border-style: solid; border-width: 1rem .7rem 0; border-color: #CCC transparent transparent; position: absolute; top: 0; left: 0; right: 0; margin: -2rem auto 0; }
/*border*/
.line {
    border-top: 1px solid #ccc;
}

/* //////////////////////////////////////////////////////////////////////////////////////////

table

////////////////////////////////////////////////////////////////////////////////////////////*/
/*テーブル*/
table.tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
table.tbl th,
table.tbl td { padding: 10px; }
table.tbl thead th { background: #CCC; text-align: center; border: 1px solid #FFF; }
table.tbl tbody th { background: #F1F1F1; border: 1px solid #CCC; }
table.tbl tbody td { text-align: center; border: 1px solid #CCC; }

/*追加*/

/*table*/
article .body table {
    width: 100%!important;
    border-collapse: collapse;
    max-width: 100%;
    height: auto;
    word-break: break-all;
    word-wrap: break-word;
	margin-bottom:30px;
}
article .body table th {
    border: 1px solid #CCC;
    background: #F0F0F0;
	    padding: .5em;
    /*font-weight: bold;*/
}
article .body table td {
    border: 1px solid #CCC;
	padding: .5em;
    text-align: left;
}

article .body table p {
    margin: 0;
	padding: 0;
    text-align: left;
}
/*table*/
article .body ul {
    width: 100%!important;
    border-collapse: collapse;
    max-width: 100%;
    height: auto;
    word-break: break-all;
    word-wrap: break-word;
	margin-bottom:30px;
}

article .body img {
    max-width: 100%;
}
article .body a {
    text-decoration: underline;
}
article .body strong {
    color: #000;
}

article .body h3 {
    font-weight: bold;
    font-size: 1.2rem;
    text-indent:8px;
    margin-bottom: 20px;
    border-bottom: 2px solid #342521;
    padding-bottom: 6px;
  }
article .body h4 {
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 2px solid #e6e4dc;
}
article .body h5 {
    font-size: 1.1rem;
    font-weight: bold;
    padding-left: 6px;
    border-left: 2px solid #e6e4dc;
}
article .body h6 {
    font-size: 1.0rem;
    font-weight: bold;
}


section .map-page { padding-top: 0!important; }
.map-page h2 {
    background: #e6e4dc;
    padding: 15px 20px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 20px;
}
#map-canvas {
    margin-bottom: 60px;
}

.contact {
    padding: 30px;
    border: 1px solid #342521;
    margin: 20px 0;
}
.contact h2 {
    font-weight: bold;
    margin-bottom: 10px;
}
.contact h2:before {
  content: "このページに関する";
}
.contact h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.contact .group {
    font-size: 1.3rem;
    margin-bottom: 10px;
}
footer .contact dl {
    display: flex;
    align-items: center;
}
footer .contact dd {
    margin-left: 5px;
}
footer .contact dl svg {
    height: 23px;
}
.lower_contact_box .text_wrap {
    margin-top: 20px;
}
.lower_contact_box .text_wrap p {
    margin-bottom: 0;
}

/*小島追記css*/
.contact .tel {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    font-size: 1.6rem;
    color: #342521;
    font-weight: bold;
    align-items: baseline;
}
.contact .fax, .contact .link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
    align-items: baseline;
}
.contact .tel dt, .contact .fax dt, .contact .link dt {
    font-size: 1rem;
}
.ss-adobe-reader {
    margin-top: 20px;
    font-size: .8rem;
    line-height: 160%;
}
.ss-adobe-reader a {
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
}
.banners {
    font-size: 0; width:100%;
}
.banners span {
    display: inline-block;
    width: calc(16.666% - 0px);
    width: -ms-calc(16.666% - 0px);
    width: -webkit-calc(16.66% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}

.banners img { max-width:100%; min-width:100px; }
@media screen and (max-width: 768px){
.banners span {
    display: inline-block;
    width: calc(33.33% - 0px);
    width: -ms-calc(33.33% - 0px);
    width: -webkit-calc(33.33% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}
}
@media screen and (max-width: 578px){
.banners span {
    display: inline-block;
    width: calc(50% - 0px);
    width: -ms-calc(50% - 0px);
    width: -webkit-calc(50% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}
}
.category-pages h2,.cms-pages.pages h2 {
    margin-bottom: 5px;
    list-style: none!important;

    margin-left: 0!important;
}
.category-pages h2 a,.cms-pages.pages h2 a {
    text-decoration: none;
}
.category-pages h2 a:before,.cms-pages.pages h2 a:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.icon-pdf {
    background: url(/common/images/module/pdf.png)no-repeat left top;
    padding-left: 1.4em;
    background-size: contain;
    margin-left: inherit!important;
}
.icon-mp3 {
    background: url(/common/images/module/mp3.svg)no-repeat left top;
    padding-left: 1.4em;
    background-size: contain;
    margin-left: inherit!important;
}
.icon-doc {
    background: url(/common/images/module/doc.png)no-repeat left top;
    padding-left: 1.4em;
    background-size: contain;
    margin-left: inherit!important;
}
.sidebar .recommend-history li {
    margin-bottom: 5px;
    list-style: none!important;
    padding-left: 1em;
    text-indent: -1em;
    margin-left: 0!important;
}
.sidebar .recommend-history a:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.category-nodes.nodes .news {
    display: none;
}
.cms-pages.pages .news {
    margin-bottom: 40px;
}
.cms-pages.pages .news li span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

/*お知らせ詳細*/
.contents_docs h2 {
    background: #e6e4dc;
    padding: 15px 20px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.contents_docs .contact h2 {
    font-weight: bold;
    background: inherit;
    padding: 0;
    font-size: inherit;
    margin-bottom: 10px;
}

.contents_docs table td {%;
}
.contents_docs table {
    font-size: .9rem;
}
.contents_docs .sitemap-body h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 1.1rem;
    font-weight: bold;
    background: inherit;
}
.contents_docs .sitemap-body h3 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.contents_docs .sitemap-body h3 {
font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
.contents_docs .sitemap-body li a:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.category-nodes.nodes article {
    width: 100%;
    display: block;
}
.category-nodes.nodes article h2 {
    margin-bottom: 5px;
}
.category-nodes.nodes article h2 a:before {
    content: '';
    width: .4em;
    height: .4em;
    border-color: inehrit;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}
.lower_contents ol {
  margin-bottom:20px;
}
.lower_contents ol li {
    list-style: decimal;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
// .contents_docs ol {
//   margin-bottom:20px;
// }
// .contents_docs ol li {
//     list-style: decimal;
//     list-style-position: inside;
//     text-indent: -1em;
//     padding-left: 1em;
// }
.media-choho-obuse {
    list-style: disc;
    list-style-position: inside;
}
#event-list dl {
    padding: 14px 0;
    border-bottom: 1px solid #cccccc;
}
#event-list dl a {
    text-decoration: none;
}
#event-list dl dt {
    font-weight: 600;
    font-size: 12px;
}
.event-date {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  margin-bottom: 20px;
}
.event-date ul li {
    display: inline-block;
    padding: 0 10px;
}
.event-date li:first-child {
    border-right: 1px solid #e1e1e1;
}
.event-date li a {
   text-decoration: none;
}
.event-date h2 {
    font-size: 1.2em;
    font-weight: bold;
}
.contents_docs ul {
    margin-bottom: 20px;
}
.contents_docs ul li {
list-style: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
.contents_docs .sitemap-body li {
    list-style: none;
    text-indent: inherit;
    padding-left: inherit;
}

@media screen and (max-width: 768px){
  .contents_docs table td {
    width: 100%!important;
    display: block;
    border-width: 1px 1px 0 1px !important;
    height: auto!important;
}
  .contents_docs table tr {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
}
/*フォーム*/
.inquiry-form .column {
    margin-bottom: 20px;
}
.inquiry-form .column legend {
    margin-bottom: 10px;
}
.inquiry-form .column p {
    margin-bottom: 0;
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=url], input[type=email], input[type=number] {
    width: 100%;
    min-height: 1.8em;
    margin: 0 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.inquiry-form .required {
    display: inline-block;
    font-size: .8em;
    color: #d00;
}
.inquiry-form .columns label {
    margin-right: 10px;
      font-weight: bold;
}
textarea {
    width: 100%;
    height: 12em;
    padding: 12px;
    line-height: 1.4;
    border: 1px solid #e1e1e1;
    background: #fff;
}
input[type=submit] {
    cursor: pointer;
}
.send {
    padding: 15px 0;
    text-align: center;
    vertical-align: bottom;
}
.send input, .send button {
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    vertical-align: bottom;
    -webkit-transition: background-color .5s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: background-color .5s ease 0s;
    -o-transition: background-color .5s ease 0s;
    transition: background-color 0.5s ease 0s;
    padding: 1em 3em;
    border: 1px solid ##342521;
    background: #342521;
    display: inline-block;
    min-width: 100px;
    margin: 0 5px 15px;
    vertical-align: bottom;
}
.send input:hover, .send input.current, .send button:hover, .send button.current {
        -webkit-transition: opacity 0.5s ease-out 0s;
    -o-transition: opacity 0.5s ease-out 0s;
    -ms-transition: opacity 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s;
      opacity: .8;
}
.contents_docs .errorExplanation ul li {
    list-style: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    color: #d00;
    font-size: .8em;
}

/*その他*/
caption, .categories { display:none; }
.category-pages time { display:none; }

.keywords_nav ul li { display: inline-block; border-radius: 20px; }
.icon-pdf, .icon-PDF, .icon-doc, .icon-DOC, .icon-docx, .icon-xls, .icon-XLS, .icon-xlsx { margin-left:1em; text-decoration:underline!important; } 



.no-event { display:none; }
.released { display:none; }
.folder-list .news { display:none; }

.pagination { text-align:center; margin-top:16px; margin-left:1em; }
.pagination > .page { border: solid 1px #ccc; margin:4px; padding: 4px; }

.sub-top-list { border:solid 1px #ccc; padding:12px; }
.sub-top-list > li { margin: 12px; }
.sub-side-title { padding:4px; background:#e6e4dc; }
.sub-side-menu > .docs { display:none ;}



/* //////////////////////////////////////////////////////////////////////////////////////////

google form

////////////////////////////////////////////////////////////////////////////////////////////*/
#gsc{
    width:100%;
    
    margin:0 auto;
    position:relative;
    
}

#gsc td {
    border: none;    
}

#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
    height: 45px !important;
    margin-top: 100px;
}


#gsc input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}

/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
background: #d2d2d2 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #d2d2d2 !important;
}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    border-radius: 0px;
    height: 45px !important;
    min-width: 140px;
    margin-left: 0!important;
    position: relative;
    text-align: left;
}
.gsc-input-box {
    border: none!important;
    background: #fff;
}
#gsc .gsc-search-button:before {
    content: "検索";
    position: absolute;
    z-index: 10;
    color: #fff;
    font-size: 1.2em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding-left: 10px;
	pointer-events: none;
}
/* 入力時に出る「×」ボタンの位置調整 */

/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}
.gsc-control-cse.gsc-control-cse-ja {
    height: 45px!important;
    border: none!important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0!important;
}
.gsc-results-wrapper-overlay {
    height: 80vh!important;
}

.gsc-modal-background-image {
    position: fixed !important;
    top: 50%!important;
    left: 50%!important;
    height: 200vh!important;
    width: 100vw!important;

    transform: translate(-50%,-50%)!important;
}

@media screen and (max-width: 568px) {
#gsc .gsc-search-button {
    min-width: 80px;
}
.gsc-input-box {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
#gsc .gsc-search-button{
    text-align: center;
}
#gsc .gsc-search-button:before {
    content: none;
}
}

.keywords_nav ul li { 
display: inline-block;
    border: 1px solid #342521;
    padding: 0 0.6em;
    border-radius: 20px;
}

/*バナー追加*/
.color1 > img { background-color:#e7e4dd; }
.color2 > img { background-color:#aa552c; }
.color3 > img { background-color:#342522; }

/*追加202210*/
.ss-image-box-item-list {
    font-size: 0; width:100%;
}
.ss-image-box-item-list span {
    display: inline-block;
    width: calc(16.666% - 0px);
    width: -ms-calc(16.666% - 0px);
    width: -webkit-calc(16.66% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}

.ss-image-box-item-list img { max-width:100%; min-width:100px; }
@media screen and (max-width: 768px){
.ss-image-box-item-list span {
    display: inline-block;
    width: calc(33.33% - 0px);
    width: -ms-calc(33.33% - 0px);
    width: -webkit-calc(33.33% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}
}
@media screen and (max-width: 578px){
.ss-image-box-item-list span {
    display: inline-block;
    width: calc(50% - 0px);
    width: -ms-calc(50% - 0px);
    width: -webkit-calc(50% - 0px);
    margin-bottom: 20px;
    padding: 0 5px;
}
}