@charset "UTF-8";
/*+基本設定
-------------------------------------------------------------*/
/*+全体的なリセット
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline; }

/*+ブロック化
----------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*+縦スクロールのずれ修正
----------------------------------------------------*/
html {
  overflow-y: scroll; }

/*+引用符をとる
----------------------------------------------------*/
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/*+フォーム
----------------------------------------------------*/
input, textarea {
  margin: 0;
  padding: 0; }

/*+リスト
----------------------------------------------------*/
ol, ul {
  list-style: none; }

/*+テーブル
----------------------------------------------------*/
table {border-collapse: collapse;
  border-spacing: 0; }
caption, th {
  text-align: left; }

/*+リンクをクリックしたときに出る点線を消す
----------------------------------------------------*/
a:focus {
  outline: none; }

/*+クリアフィクス
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;

	/**/ }

.both {
  clear: both; }

/*+インラインブロック
----------------------------------------------------*/
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*+フォント
----------------------------------------------------*/


body, h1, h2, h3, p, ul, li, ol, address, pre {

  font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
-webkit-text-size-adjust: 100%;
}

/*+div
----------------------------------------------------*/
div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*+イメージ
----------------------------------------------------*/
img {
  max-width: 100%;
  vertical-align: top; }

/*+テーブル
----------------------------------------------------*/
table {
  width: 100%; }

/*+リンク表現
----------------------------------------------------*/
a {
  text-decoration: none; }



/*+リンク表現
----------------------------------------------------*/
header{ border-top: 8px solid #AA433A;
	height: 70px;
	background: url(../image/headerpt.png) repeat;}


.title{ height: 65px;display:table-cell;vertical-align:middle; padding-left: 20px;font-size: 22px;color: #fff;font-weight: bold}
.title a{color: #fff; text-decoration: none}
.title a:hover{color: #fff; opacity: 0.7; text-decoration: none}
.title img{ width: 350px; }

.menu{background: #F9CEC3;}
ul.gnav{padding: 0;text-align: center; width: 1000px; margin:0  auto;}
ul.gnav li{ float: left; border-right: 1px solid #fff; line-height: 1.6em; }

.home{border-left: 1px solid #fff; width:85px;}
.about{width:179px;}


ul.gnav li a{font-weight: bold;
	height: 75px;	
	display: block; 
	display: grid;
	place-items: center;
	padding:0;
	color: #522F12;
	text-decoration: none;
}
ul.gnav a::first-line{
font-size: 16px;
font-weight: bold;
}

ul.gnav li a:hover{
	background: #FF7F50;color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}


#top{ float: none; clear: both; margin: 0 auto;height: 550px;background: linear-gradient(#B6DEF3, #DAEBE2);}
.slide { text-align:center;}

#sidemenu { width: 23%; margin-right: 30px;   }
.s_menu {
  padding-left: 25px;
	border-bottom: 1px solid #000; 
}

.inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 2px;
}


ul.snav{  position: sticky;
  top: 0;}

ul.snav a {
display: block;
position: relative;
padding: 15px 25px 15px 10px;
border-bottom: 2px dotted #ed6c4c;
background: #FFF;
color: #000;
font-size: 15px;
text-decoration: none;
}

ul.snav a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #ed6c4c;
border-right: solid 2px #ed6c4c;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

ul.snav li a:hover{
color: #ed6c4c;

}

#contents { width: 70%; margin-bottom: 30px;}
#contents p { font-size: 15px;text-align: left; line-height: 1.7em;text-align: justify;text-justify: inter-ideograph;}

main{ float: none; clear: both;margin:0 auto; padding:40px 7px; width: 980px;}
footer{ float: none; clear: both;margin:0 auto; padding:30px 7px; width: 980px;}
.copy {font-size: 12px; border-top: 1px solid #c44e31; text-align: center; padding: 10px;color: #c44e31; margin: 5px auto;}
.line{ border-top: 1px solid #000; margin:20px auto;}

ul.fnav{
	font-size: 13px;
display: table;
margin: 0 auto;
padding: 0;
width:100%;
text-align: center;
}

ul.fnav li{
display: table-cell;
width: auto;border-left: 1px solid #000; vertical-align: middle;
}

ul.fnav li:first-child {
   border-left: none;

}

ul.fnav li a{
display: block;
padding: 5px 10px;
text-decoration: none;
color: #000;
	
}
ul.fnav li a:hover{
color: #ed6c4c;

}

.news{ font-size: 18px; text-align:left;border-bottom: 2px solid #ed6c4c;　margin: 10px auto;padding: 0.5em 0em 0.5em 0.5em;font-weight: bold; border-left: 10px solid #ed6c4c;}

.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #CCC;
  padding: 10px;
}

.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 15px 0 0;
}
.news-list .item .ntitle{
  margin: 0;
  width: 100%;
}

.ntitle a { color: #00288C;}
.ntitle a:hover { color: #00288C; text-decoration: underline;}

.iframe-container {
 width:100%;
 height:150px;

 -webkit-overflow-scrolling:touch;
 }

.iframe-container iframe   {
 width:100%;
 height:100%;
 display:block;
 border:none;
 }

.mtitle{ font-size: 25px;font-weight: bold; padding: 0.1em 0em 0.1em 0.5em;margin:0 0 30px 0;color: #000;border-left: solid 10px #ed6c4c;}
.sbtitle{ font-size: 18px;font-weight: bold; padding:0.5em 1em;margin:30px 0 10px 0;  color: #fff; background: #ed6c4c;border-bottom: 7px solid #bd634f;}

.photo{ text-align: center}
.bnr{ text-align: center; width: 650px; margin: 5px auto 20px auto;}
.bnr02{ text-align: center; width: 90%; margin: 0 auto 20px auto;}
.tnav{ margin: 20px auto 0 auto;}
.tnavlay { width: 20%; padding: 1em;}
.tnavtitle { font-size: 17px;text-align: center; font-weight: bold; line-height: 1.4em;}
.tnavtx { font-size: 15px; padding: 10px 20px; text-align: left; line-height: 1.7em;text-align: justify;text-justify: inter-ideograph;}

.text{ font-size: 13px; text-align:center;}
.text01{  font-size: 15px;text-align: left; line-height: 1.7em;text-align: justify;text-justify: inter-ideograph; padding:0 0 5px 0;}
.text02 { font-size: 16px; text-align: left; font-weight: bold; padding: 0 0 0 0; color: #ed6c4c; position: relative; margin: 5px 0 10px 0;}
.text03 { margin-left: 15px; padding-left:1em;	text-indent:-1em; padding: 0 0 5px 0;}
.text03 a { color: #00288C;}
.text03 a:hover { color: #00288C; text-decoration: underline;}
.text04 { text-align: right; font-size: 13px; margin: 0; padding:30px 15px 0 0; clear: both;}
.text05{ text-align: left; font-size: 15px; margin: 0; padding:8px 15px;}
.text05 a { color: #00288C;}
.text05 a:hover { color: #00288C; text-decoration: underline;}
.text06{ font-size: 17px;font-weight: bold; padding: 0.1em 0em 0.1em 0.5em;margin:10px 0;color: #000;border-left: solid 10px #000;}

.sns{ margin: 0 auto; width: 300px;}
.sns img{ text-align: center; width: 50px; height: 50px;}
.snsbg{ padding: 20px 20px 30px 20px; margin: 20px auto; background: #fcefeb; border-radius: 10px; width: 80%;}

.font01{ font-weight: normal}
.lineg{ border-bottom: 1px dashed #333; }

.kaitou-l{ border: 3px solid #e8380d; float:left; margin: 10px 10px 40px 10px; padding: 15px; width:420px; border-radius: 10px; background: #FFEEE3; height: 190px;}
.kaitou-r{ border: 3px solid #2b75bc; float:left; margin: 10px 10px 40px 10px; padding: 15px; width: 420px;border-radius: 10px;background: #ECFBFF; height: 190px;}
.kaihouti{ font-size: 20px ; text-align: center; font-weight: bold; margin: 0 0 15px 0; border-bottom: 2px dotted #000; padding:0 0 10px 0;}
.kaihoute{ text-align: left; padding: 0 0 5px 0; font-size: 18px; font-weight: bold;}
.kaihoute::before{ content: "\f35a"; color: #c44e31;font-family: "Font Awesome 5 Free"; padding: 0 5px 0 0}
.kaihoute a{ color: #fff;background: #c44e31; padding: 5px 10px;}
.kaihoute a:hover{ color:#FFE300; background: #E5775C}

.kaihoute02{ text-align: left; padding: 0 0 5px 0; font-size: 18px; font-weight: bold;}
.kaihoute02::before{ content: "\f35a"; color: #2b75bc;font-family: "Font Awesome 5 Free"; padding: 0 5px 0 0}
.kaihoute02 a{ color: #fff;background: #2b75bc; padding: 5px 10px;}
.kaihoute02 a:hover{ color:#FFE300;background: #539ADE;}

.color02{color: #c44e31;}
.color01{color: #c44e31;}
.color03{color: #2b75bc;}

.btn01 a {
	text-align: center;
	font-size: 16px;
    background: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto 10px auto;
    width: 65%;
    padding: 10px 25px;
    color: #c44e31;
    font-weight: bold;
	border: 2px solid #ed6c4c;
	
}
.btn01 a:hover {
    background: #ed6c4c;
    color: #FFF;
}
.btn01 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ed6c4c;
    border-right: 3px solid #ed6c4c;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
}
.btn01 a:hover:after {
    border-color: #FFF;
}


.btn02 a {
	text-align: center;
	font-size: 20px;
    background: #c44e31;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto 10px auto;
    width: 350px;
    padding: 10px 25px;
    font-weight: bold;
	color: #fff;
	
}
.btn02 a:hover {
    color: #FFE300;background: #E5775C
}


.btn03 a {
	text-align: center;
	font-size: 20px;
    background: #2b75bc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto 10px auto;
   width: 350px;
    padding: 10px 25px;
    font-weight: bold;
	color: #fff;
	
}
.btn03 a:hover {
    color: #FFE300;background: #539ADE;
}

a img:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }


table.qa{  
width: auto;
padding-left: 10px;
}

table.qa tr{
	
}


table.qa th{
	width: 50px;
}


table.qa td{
}



table.qa th.qua{
	background-color: #bcdcf3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

table.qa td.qua{
	background-color: #bcdcf3;
}


table.qa th.sec{
	width: 50px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-top: 5px;
	line-height: 1.8em;
}

table.qa td.sec{
	padding-bottom: 30px;
	padding-top: 5px;
	line-height: 1.8em;
}

table.ky{ 
width: 95%;
margin: 10px auto;
	font-size: 15px; line-height: 2.0em; 
}

table.ky td{
padding: 3px 7px;
}
.kycolor{background: #F9CEC3; text-align: center;}

.kylay{vertical-align: middle;}