@charset "utf-8";

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 	/*transition: 0.1s linear;*/
}

body {
	font-size: 10px;
	font-size: 1.6rem;
	text-align:left;
}

header:after,
section:after,
.contents:after,
ul:after,
ol:after,
dl:after,
.btn_top:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.pc{display:block!important;}
.sp{display:none!important;}


/*Contents layout
----------------------------------------------------*/
section{
	position:relative;
	width:100%;
	display:block;
	clear:both;
}

.contents{
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width:1300px){
.contents{
	width: 94%;
}
}

img{
	width:100%;
	height:auto;
	display:block;
}


/*header
----------------------------------------------------*/
header{
	position:absolute;
	width:100%;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index:9999;
}

header h1{
	margin: 10px 0 0 5%;
}

header h1 a img{
	width: auto;
	height: 78px;
}

header .box_right{
	display: grid;
	grid-template-columns: 300px 120px 120px 160px;
	grid-gap: 0 20px;
}

.box_search{
	padding-top: 25px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.box_search div{
	width: 100%;
}

.box_search div input[type="text"]{
	width:80%;
	height:40px;
	padding:0 1rem;
	border:0;
	border-radius:20px 0 0 20px;
	background:#E9EFF4;
	display: inline-block;
}

.box_search input[type="submit"]{
	width:20%;
	height:40px;
	padding:0;
	border:0;
	border-radius:0 20px 20px 0;
	background:#1983DD url(../img/icon_search.png) no-repeat center / 20px;
	text-indent:-9999px;
	cursor:pointer;
	display: inline-block;
}

@media (any-hover: hover) {
.box_search input[type="submit"]:hover{
	background:#34B1E9 url(../img/icon_search.png) no-repeat center / 20px;
}
}

.box_font,
.box_lang{
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
}

.box_font p,
.box_lang p{
	margin-bottom: 3px;
	font-size: 13px;
}

.box_font ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.box_lang ul{
	display: grid;
	grid-template-columns: 1fr;
}

.box_font ul li a,
.box_lang ul li a{
	height:40px;
	background: #E9EFF4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box_font ul li a.btn_font_M,
.box_lang ul li a.btn_lang_jp.on{
	border-radius:20px 0 0 20px;
	background: #1983DD;
	color: #FFF;
}

.box_font ul li a.btn_font_L{
	border-radius:0 20px 20px 0;
	background: #E9EFF4;	
}

.box_lang ul li a.btn_lang_en{
	border-radius:20px;
	background: #E9EFF4;	
}

.box_lang ul li a.btn_lang_en.on{
	border-radius:0 20px 20px 0;
	background: #1983DD;
	color: #FFF;
}

.box_lang ul li a.btn_lang_jp{
	border-radius:20px 0 0 20px;
	background: #E9EFF4;
}

.box_member a{
	height: 80px;
	padding-top: 22px;
	border-radius:0 0 0 20px;
	background: #FF9233 url("../img/icon_login.png") no-repeat center top 14px / 20px;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (any-hover: hover) {
.box_member a:hover{
	opacity: 0.8;
}
}

/* 翻訳機能のポップアップ */
.help-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #007BFF;
  color: white;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
  margin-left: 5px;
  position: relative;
}
.popover {
  display: none;
  position: absolute;
  top: 25px;
  left: -100px;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  width: 320px;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.popover::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}
.help-container {
  position: relative;
  display: inline-block;
}


/*navigation
----------------------------------------------------*/
header #headIn{
	width: 100%;
	display:block;
}

.megamenu ol {
	width: 100%;
	margin-bottom: 0;
	list-style: none;
	display:flex;
	justify-content: center;
	align-items: center;
}

.megamenu ol li{
	flex: 1;
}

.megamenu ol li a{
	padding: 20px 0;
	text-align: center;
	display: block;
}

.megamenu ol li a.open{
	background: url("../img/icon_fukidashi2.png") no-repeat center bottom / 2em;
}



/*COMMON
----------------------------------------------------*/
.btn{
	padding-right: 2em;
	background: url("../img/icon_link.png") no-repeat right 0.3em top 0.3em / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
.btn:hover{
	background: url("../img/icon_link.png") no-repeat right top 0.3em / 1em;
}
}

.btn_cap{
	padding-left: 1.5em;
	background: url("../img/icon_link.png") no-repeat left top 0.3em / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
.btn_cap:hover{
	background: url("../img/icon_link.png") no-repeat left 0.3em top 0.3em / 1em;
}
}


/*TOP
----------------------------------------------------*/
.top_mv{
	position: relative;
	top:160px;
	height: 560px;
	background: url("../img/sllider01_pc.jpg") no-repeat center / cover;
}

.top_mv h2{
	position: absolute;
	top:240px;
	left:5%;
	font-size: 70px;
	color: #196FB8;
}

.top_news{
	position: relative;
	margin-top: 90px;
	padding-bottom: 50px;
}

.top_news .contents{
	padding: 50px;
	border-radius: 20px;
	background: #FFF;
	display: grid;
	grid-template-columns: 250px 1fr;
}

.top_news .contents h2{
	font-size: 18px;
	font-weight: bold;
}

.top_news .contents h2 span{
	margin: 10px 0 40px 0;
	font-family: "Lato", sans-serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	color: #1983DD;
	display: block;
}

.tab-list{
	border-bottom: 1px solid #D9D9D9;
	display: flex;
}

.tab-item{
	width: 150px;
	padding: 10px 0;
	border: 1px solid #D9D9D9;
	border-bottom: 0;
	text-align: center;
	cursor: pointer;
} 

.tab-item:nth-child(1){
	border-right: 0;
}

.tab-item.active {
	margin-bottom: -1px;
	border-bottom: 1px solid #FFF;
	background: url("../img/bg_tab_active.png") repeat-x;
}

.tab-panel {
	display: none;
}

.tab-panel.active {
	display: block;
}

.tab-panel dl{
	padding: 15px 0;
	border-bottom: 1px solid #D9D9D9;
	display: grid;
	grid-template-columns: 7em 1fr;
}

.tab-panel dl dt{
	font-family: "Lato", sans-serif;
	font-weight: bold;
	color: #1983DD;
	
}

.top_events{
	padding: 80px 0 150px 0;
	background: url("../img/bg_top_event.jpg") no-repeat center top / contain;
	box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.top_events .contents h2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.top_events .contents h2 span{
	margin: 10px 0 60px 0;
	font-family: "Lato", sans-serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	color: #1983DD;
	display: block;
}

.box_events{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 50px;
}

.box_events dl dt{
	padding: 20px 20px 100px 20px;
	border-radius: 20px;
	background: #66BFA1;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

.box_events dl dd{
	margin: -80px 20px 0 20px;
	padding: 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}

.top_contents h2{
	padding: 10px 0 0 0;
	background: url("../img/bg_ttl_contents.png") no-repeat center top / contain;
	font-family: "Lato", sans-serif;
	font-size: 30px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #1983DD;
	display: block;
}

.top_contents .contents{
	width: 100%;
	padding: 50px 0;
	background: #E9EFF4;
}

.top_contents .contents ul{
	width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.top_contents .contents ul li{
	border-radius: 20px;
	transition: .3s;
}

.top_contents .contents ul li.cont01{background: url("../img/ph_contents01.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont02{background: url("../img/ph_contents02.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont03{background: url("../img/ph_contents03.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont04{background: url("../img/ph_contents04.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont05{background: url("../img/ph_contents05.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont06{background: url("../img/ph_contents06.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont07{background: url("../img/ph_contents07.png") no-repeat center / 100%;}
.top_contents .contents ul li.cont08{background: url("../img/ph_contents08.png") no-repeat center / 100%;}
.top_contents .contents ul li.cont09{background: url("../img/ph_contents09.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont10{background: url("../img/ph_contents10.png") no-repeat center / 100%;}
.top_contents .contents ul li.cont11{background: url("../img/ph_contents11.jpg") no-repeat center / 100%;}
.top_contents .contents ul li.cont12{background: url("../img/ph_contents12.jpg") no-repeat center / 100%;}

.top_contents .contents ul li.cont01:hover{background: url("../img/ph_contents01.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont02:hover{background: url("../img/ph_contents02.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont03:hover{background: url("../img/ph_contents03.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont04:hover{background: url("../img/ph_contents04.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont05:hover{background: url("../img/ph_contents05.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont06:hover{background: url("../img/ph_contents06.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont07:hover{background: url("../img/ph_contents07.png") no-repeat center / 105%;}
.top_contents .contents ul li.cont08:hover{background: url("../img/ph_contents08.png") no-repeat center / 105%;}
.top_contents .contents ul li.cont09:hover{background: url("../img/ph_contents09.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont10:hover{background: url("../img/ph_contents10.png") no-repeat center / 105%;}
.top_contents .contents ul li.cont11:hover{background: url("../img/ph_contents11.jpg") no-repeat center / 105%;}
.top_contents .contents ul li.cont12:hover{background: url("../img/ph_contents12.jpg") no-repeat center / 105%;}

.top_contents .contents ul li a{
	position: relative;
	height: 185px;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	display: block;
}

.top_contents .contents ul li a span{
	position: absolute;
	bottom:0;
	width: 100%;
	padding: 10px 0;
	border-radius: 0 0 20px 20px;
	background: url("../img/icon_fukidashi.png") no-repeat center top / cover;
	display: block;
}


/*styleguide
----------------------------------------------------*/

/*mv
-------------------------------*/
.mv{
	position: relative;
	padding-top: 160px;
}

.mv div{
	width: 100%;
	display: flex;
}

.mv01 div{ background: url("../img/bg_mv01.jpg") no-repeat center right / cover; }
.mv02 div{ background: url("../img/bg_mv02.jpg") no-repeat center right / cover; }
.mv03 div{ background: url("../img/bg_mv03.jpg") no-repeat center right / cover; }
.mv04 div{ background: url("../img/bg_mv04.jpg") no-repeat center right / cover; }


.mv h1{
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	font-size: 50px;
	font-weight: bold;
	color: #FFF;
	display: flex;
	align-items: center;
}


/*path
-------------------------------*/
.path .contents{
	padding:2rem 0 80px 0;
	font-size:0.8em;
}

.path a{
	text-decoration:underline;
}

.path ul li{
	position:relative;
	padding:0 1em;
	display:inline;
}

.path ul li:nth-of-type(1){
	padding:0 1em 0 0;
}

.path ul li a:after{
	position:absolute;
	top:0;
	right:-0.5em;
	content:">";
	font-size:0.8em;
	transform: scale(0.7, 1);
	display:block;
	z-index:0;
}


/*article
-------------------------------*/
article{
	margin-bottom: 120px;
	line-height: normal;
	/*font-size: 18px;*/
}

article .contents{
	width: 1000px;
}

article .indent{
	margin-left: 1em;
}

article .mb{
	margin-bottom: 60px!important;
}

article h2{
	margin-bottom: 50px;
	font-size:40px;
	font-weight: bold;
	color: #1983DD;
}

article h3{
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
	font-size:24px;
	font-weight: bold;
	color: #F79123;
}

article h3.ttl_drip{
	margin-top: 50px;
	margin-bottom: 15px;
	padding-left: 1.2em;
	background: url("../img/bg_ttl_drip.png") no-repeat left 0.2em / 0.8em;
	font-size:24px;
	font-weight: bold;
	color: #34B1E9;
}

article h4{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size:20px;
	font-weight: bold;
	color: #002861;
}

article p{
	margin-bottom: 0.8em;
}

article img{
	width:auto;
	height:auto;
	display:inline;
}

article #map iframe{
	width:500px;
	height:400px;
}

article a:link,
article a:visited,
article a:hover {
	text-decoration: underline;
}

h3 a:link {color:#F79123;text-decoration:underline;}
h3 a:visited {color:#F79123;text-decoration:underline;}
h3 a:hover {color:#FFB055;text-decoration:underline;}
h3.ttl_drip a:link {color:#34B1E9;text-decoration:underline;}
h3.ttl_drip a:visited {color:#34B1E9;text-decoration:underline;}
h3.ttl_drip a:hover {color:#1F7CE4;text-decoration:underline;}
.ttl a:link {color:#1983DD;text-decoration:underline;}
.ttl a:visited {color:#1983DD;text-decoration:underline;}
.ttl a:hover {color:#4DAAF0;text-decoration:underline;}

article .ttl{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size:20px;
	font-weight: bold;
	color: #1983DD;
}

article ul.list_dot li{
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	background: url("../img/icon_list.png") no-repeat 0.15em 0.8em / 0.6em;
}

article ol{
	list-style: none;
	counter-reset:number; /*数字をリセット*/
}

article ol li {
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}

article ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);

	display:inline-block;
	background: #34B1E9;
	color: #FFF;
	font-family: "Lato", sans-serif;
	font-weight:bold;
	font-size: 14px;
	border-radius: 50%;
	left: -20px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	
	top: 0.8em;
	-webkit-transform: translateY(-0.6em);
	transform: translateY(-0.6em);
}

article .box_2col{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 50px;
}

article .box_link li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
}

article .box_link.narrow li{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

article .box_link > li > a:first-child{
	padding-left: 1.5em;
	background: url("../img/icon_link.png") no-repeat left center / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
article .box_link > li > a:first-child:hover{
	background: url("../img/icon_link.png") no-repeat left 0.3em center / 1em;
}
}

article dl{
	display: grid;
	grid-template-columns: 7.5em 1fr;
	grid-gap: 0 30px;
}

article dl:nth-child(n+2){
	margin-top:1em;
}

article dl.en{
	grid-template-columns: 15.5em 1fr;
}

article dl dt{
	font-weight: 600;
}

article dl dd .member-info p{
	margin-bottom:0;
}

article dl dd .member-info p.name{
	color:#0033CC;
}

article dl dd .member-info p.name:nth-child(n+2){
	margin-top:1em;
}

article table th,
article table td{
	padding: 0.3em 0.6em;
	border: 1px solid #B5B5B5;
	vertical-align: top;
}

article table th{
	background: #F0F8FF;
}

article table th.cellnowrap,
article table td.cellnowrap{
	white-space: nowrap;
}

article .js-scroll{
	min-height:125px;
}

article .f_left{
	float:left;
	width: auto;
	margin: 0 50px 0 0;
}

article .f_right{
	float:right;
	width: auto;
	margin: 0 0 0 50px;
}

article .kakomi{
	padding: 30px;
	border: 1px solid #34B1E9;
}

article .kakomi2{
	padding: 30px;
	background: #F0F8FF;
}

article a.icon_pdf,
article a[href$=".pdf"]:not(article .box_link a):not(article a.btn_orange),
article a[href*=".pdf#"]:not(article .box_link a):not(article a.btn_orange){
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0;
	padding-right: 2.1em;
	background: url("../img/icon_pdf.png") no-repeat right center / 1.3em;
}

@media (any-hover: hover) {
article a.icon_pdf:hover,
article a[href$=".pdf"]:not(article .box_link a):not(article a.btn_orange):hover,
article a[href*=".pdf#"]:not(article .box_link a):not(article a.btn_orange):hover{
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_pdf.png") no-repeat right center / 1.3em;
}
}

article a[href$=".doc"]:not(article .box_link a):not(article a.btn_orange),
article a[href$=".docx"]:not(article .box_link a):not(article a.btn_orange){
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_doc.png") no-repeat right center / 1.3em;
}

@media (any-hover: hover) {
article a[href$=".doc"]:not(article .box_link a):not(article a.btn_orange):hover,
article a[href$=".docx"]:not(article .box_link a):not(article a.btn_orange):hover{
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_doc.png") no-repeat right center / 1.3em;
}
}

article a[href$=".xls"]:not(article .box_link a):not(article a.btn_orange),
article a[href$=".xlsx"]:not(article .box_link a):not(article a.btn_orange){
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_xls.png") no-repeat right center / 1.3em;
}

@media (any-hover: hover) {
article a[href$=".xls"]:not(article .box_link a):not(article a.btn_orange):hover,
article a[href$=".xlsx"]:not(article .box_link a):not(article a.btn_orange):hover{
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_xls.png") no-repeat right center / 1.3em;
}
}

article a[href$=".ppt"]:not(article .box_link a):not(article a.btn_orange),
article a[href$=".pptx"]:not(article .box_link a):not(article a.btn_orange){
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_ppt.png") no-repeat right center / 1.3em;
}

@media (any-hover: hover) {
article a[href$=".ppt"]:not(article .box_link a):not(article a.btn_orange):hover,
article a[href$=".pptx"]:not(article .box_link a):not(article a.btn_orange):hover{
	display: inline-block;
	margin-right: 0.5em;
	padding-left: 0!important;
	padding-right: 2.1em;
	background: url("../img/icon_ppt.png") no-repeat right center / 1.3em;
}
}

article a.noicon{
	margin: 0!important;
	padding: 0!important;
	background: none!important;
}

article hr{
	margin: 30px 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #D9D9D9;
	background: none;
}

/* 情報公開資料 */
article.information .box_link ul,
article.information ul.box_link{
	margin-left: 1em;
}

article.information .box_link li{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

article.information .box_link li a{
	margin-right: 0.5em;
	padding-left: 1.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left center / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
article.information .box_link li a:first-child:hover{
	margin-right: 0.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left 0.3em center / 1em;
}
}

article.information .box_link li a[href$=".pdf"],
article.information .box_link li a[href*=".pdf#"]{
	margin-right: 0.5em;
	padding-left: 1.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left center / 1em,
		url("../img/icon_pdf.png") no-repeat right center / 1.3em;
	transition: .3s;
}

@media (any-hover: hover) {
article.information .box_link li a[href$=".pdf"]:first-child:hover,
article.information .box_link li a[href*=".pdf#"]:first-child:hover{
	margin-right: 0.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left 0.3em center / 1em,
		url("../img/icon_pdf.png") no-repeat right center / 1.3em;
}
}

.url_txt{
	word-break: break-all;
}

/* お知らせ */
.news{
	position: relative;
	padding-bottom: 50px;
}

.news .contents{
	padding: 0 50px 50px 50px;
	border-radius: 20px;
	background: #FFF;
	display: grid;
	grid-template-columns: 250px 1fr;
}

.news .contents h2{
	font-size: 18px;
	font-weight: bold;
}

.news .contents h2 span{
	margin: 10px 0 40px 0;
	font-family: "Lato", sans-serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	color: #1983DD;
	display: block;
}

/* 関連団体 */
article.associations .box_link ul,
article.associations ul.box_link{
	margin-left: 1em;
}

article.associations .box_link li{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

article.associations .box_link li a{
	margin-right: 0.5em;
	padding-left: 1.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left center / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
article.associations .box_link li a:first-child:hover{
	margin-right: 0.5em;
	padding-right: 2.1em;
	background: url("../img/icon_link.png") no-repeat left 0.3em center / 1em;
}
}

/* イベントカレンダー */
article.calendar table th{
	white-space: nowrap;
}

article.calendar table th,
article.calendar table td{
	padding: 0.2em 0.4em;
	/*font-size: 16px;*/
}

article.calendar a[href$=".pdf"],
article.calendar a[href*=".pdf#"]{
	margin: 0!important;
	padding: 0!important;
	background: none!important;
}





/*footer
----------------------------------------------------*/
footer{
	padding: 50px 0;
	background: linear-gradient(to bottom, #1983DD, #34B1E9);
	color: #FFF;
}

.box_footer_info .tel-link a{
	color: #FFF;
}

.box_footer_info{
	margin-bottom: 60px;
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-gap: 0 40px;
}

.box_footer_nav{
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: 230px 340px 330px 1fr;
	grid-gap: 0 40px;
}

.box_footer_nav h3{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #FFF;
	font-size: 16px;
}

.box_footer_nav h3 a{
	color: #FFF;
	text-decoration: none;
}

@media (any-hover: hover) {
.box_footer_nav h3 a:hover{
	text-decoration: underline;
}
}

.box_footer_nav ul li{
	margin-bottom: 0.3em;
}

.box_footer_nav ul li a{
	position: relative;
	padding-left: 0.8em;
	font-size: 14px;
	color: #FFF;
	display: inline-block;
}

@media (any-hover: hover) {
.box_footer_nav ul li a:hover{
	text-decoration: underline;
}
}

.box_footer_nav ul li a:before{
	position: absolute;
	top:0;
	left:0;
	color: #FFF;
	content: "-";
	display: block;
}

.box_footer_nav ul.icon{
	padding-top: 2em;
}

.box_footer_nav ul.icon li a{
	padding-left: 1.7em;
	background: url("../img/icon_link_w.png") no-repeat left 0.6em / 1em;
	transition: .3s;
}

@media (any-hover: hover) {
.box_footer_nav ul.icon li a:hover{
	padding-left: 1.7em;
	background: url("../img/icon_link_w.png") no-repeat 0.3em 0.6em / 1em;
}
}

.box_footer_nav ul.icon li a:before{
	display: none;
}

.copyright{
	font-size: 14px;
	color: #FFF;
	text-align: center;
}


/*page top
--------------------------------------------*/
#page-top{
	position: fixed;
	right: 2%;
	z-index:999;
}

#page-top a{
	width:50px;
	height:50px;
	display:block;
}

@media (any-hover: hover) {
	#page-top a:hover{
		opacity:0.70;
		filter: alpha(opacity=70);
	}
}

#page-top a img{
	width:100%;
	height:auto;
	margin:auto;
	display:block;
}





.btn_blue {
	border-radius: 100vh;
	padding: 1px 6px 2px;
	background-color: #3368D7;
	color: #fff!important;
	text-decoration:none!important;
	white-space:nowrap;
}

a.btn_blue:hover {
	background: #4E93F8;
}

.btn_orange {
	border-radius: 50vh;
	padding: 15px 40px;
	background-color: #F79123;
	font-size: 24px;
	color: #fff!important;
	text-decoration:none!important;
	white-space:nowrap;
}

a.btn_orange:hover {
	background: #F7AB5A;
}