@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/

.setScMc{
opacity:0;
transform:translateY(60px);
transition:all 0.8s ease 0.2s;
}
.setScMc.enter{
opacity:1;
transform:translateY(0);
}
.boxRound{
margin:0 auto 80px;
overflow: auto;
}

/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
height:230px;
background-color:#f5f5f5;
}
#ttl{
width: 100%;
padding:0 20px;
box-sizing: border-box;
position:absolute;
top:50%;
left:0;
text-align:center;
transform:translateY(-50%);
}
#ttl h1{
/*  color:#338daa;*/
font-size:48px;
}
@media all and (-ms-high-contrast: none){
#ttl h1{
padding:20px 0 0;
}
}
.h2{text-align: left;}
.h3{text-align: left;}
p+h3,p+p,p+.newsPh+p{margin: 2em 0 0;}
/* table
-------------------------------------------------------------*/
table {
table-layout: fixed;
border-collapse: collapse;
color:#333333;
list-style: none;
margin: 1rem 0;
width: 100%;
}
table tr > th {
border: #89916B 1px solid;
background-color:#DCE4CE;
color:#366;
font-size:16px;
padding: 0.5rem;
text-align: left;
vertical-align:text-top;
}
table tr > td {
border: #89916B 1px solid;
background-color: #fff;
font-size:16px;
padding: 0.5rem;
text-align: left;
vertical-align: top;
vertical-align:text-top;
}
td.is_4em,th.is_4em{ width: 4em;}
td.is_5em,th.is_5em{ width: 5em;}
td.is_6em,th.is_6em{ width: 6em;}
/* newsPhoto
-------------------------------------------------------------*/
.newsPh{
float: right;
clear: both;
max-width: 300px;
}
.newsPhs{
float: right;
clear: both;
max-width: 200px;
}
.newsPf img{ width: auto;}
.newsPh figure { margin-left:1em; margin-bottom: 1em; margin-top: 1em;}
figcaption{
font-size:12px;
text-align: right;
}
.newsPfs img{ width: auto;}
.newsPhs figure { margin-left:1em; margin-bottom: 1em; margin-top: 1em;}
figcaption{
font-size:12px;
text-align: right;
}

/* masonry
-------------------------------------------------------------*/
.msngrid-item {
width: 310px;
}
.msngrid-item img {
margin: 0;
vertical-align: bottom;
padding: 2px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
height:70px;
}
#ttl h1{
font-size:26px;
}
.boxRound{
margin:0 auto 45px;
}
p{font-size:16px;}
.h2{
font-size:24px;
padding:0 0 30px;
}
.h3{
padding:20px 0 16px;
font-size:20px;
}
/* table
-------------------------------------------------------------*/
table tr > th {
font-size:14px;
}
table tr > td {
font-size:14px;
}
/* newsPhoto
-------------------------------------------------------------*/
.newsPh{
float:none;
display: block;
margin: 1.5em 0;
max-width: 100%;
}
.newsPh img{ width: 100%;}
.newsPh figure { margin-left:0; margin-bottom: 1em;}
figcaption{
font-size:12px;
text-align: center;
margin-bottom: 1em;
}
.newsPhs{
float:none;
display: block;
margin: 1.5em 0;
max-width: 100%;
}
.newsPhs img{ width: 100%;}
.newsPhs figure { margin-left:0; margin-bottom: 1em;}
figcaption{
font-size:12px;
text-align: center;
margin-bottom: 1em;
}
/* link
-------------------------------------------------------------*/
.link{
margin:0;
padding-left:0;
}
.link ul{
font-size:0;
}
.link ul li{
display:inline-block;
font-size:14px;
padding:0 0 1em -1em;
text-align:left;
vertical-align:text-top;
}
.link ul li a{
display:inline-block;
}
.link ul li a::before{
top:10px;
left:0;
}

/* masonry
-------------------------------------------------------------*/
.msngrid-item {
width: 100%;
}
}

.h4{
background: #E5CBB2;
border-radius:  5px;
padding: 5px;
margin: 1em auto;
}


.qa h3{ margin-bottom: 0; padding-bottom: 0;}
.qa h4{margin-bottom: 1.5em;}
.qa p{margin-top: 0.5em;}
.qa dl{ position: relative;}
.qa dt {
  font-size: 16px;
  padding-left:35px;
  text-indent: -25px
}
.qa dt::before {
  content: "Q.";
  color: #221502;
  font-weight: bold;
  margin-right: 7px;
}

.qa dd {
  font-size: 16px;
  margin: 20px 10px 40px 35px;
  text-indent: -25px;
  padding-bottom: 1em;
}
.qa dd::before {
  content: "A.";
  color: #311E04;
  font-weight: bold;
  margin-right: 7px;
}

.qa .ol{margin-left: 3em;list-style-type: decimal !important；}
.qa .ol li{text-indent: 0.5em;}

dd.dd_bdb::after {
  position:relative;
  content: "";
  display: block;
  border-bottom: dotted 2px #C8C1B7;
  width: 100%;
  bottom: -1.5em;
  left: -1em;
  }

ul{
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 2em;
  font-size: 16px;
  line-height: inherit;
}
ul li {padding-bottom: 0.1em;}


.ul{
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 2em;
  font-size: 16px;
  line-height: inherit;
}
.ul li {padding-bottom: 0.3em;}

.plt{font-feature-settings: "palt";}

.flex-container {
display: flex;
}

.flex-container .newsPh figure {
margin-left:0;
padding-left:0;
}
.flexitem{
flex-basis: 32%;
padding:10px;
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.flex-container{flex-direction:column;}
.flexitem{margin:10px 0; padding:0;}