@charset "utf-8";
/* CSS Document */
#contents {
font-feature-settings: "palt" 1;
}
img {
	width: 100%;
}
a {
	transition: opacity .25s ease-in-out;
	border-bottom: none!important;
}
a:hover {
    opacity: .65;
}

.close {
margin: 1rem;
color:#a0072b;
}

header#monitor { position:relative; }
h1 { overflow:hidden; }

h1 img {
object-fit: cover;
}
h1 #main_image {
position:relative;
}
.title p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
width: 77%;
}
.title p img {
max-width: 980px;
}


.inner {
text-align: center;
max-width: 1200px;
margin: 0 auto;
}
.inner h2 {
color: #2e3993;
}


.lead {
font-size:  1.1rem;
line-height: 1.8;
margin: 3rem auto;
}

.tmb_wrap {
	display: flex;
	flex-wrap: wrap;
	font-weight: normal;
	color: #000;
	line-height: 1.5;
	font-size: 16px;
}
.tmb_wrap li{
	text-indent: 0;
	padding-left: 0;
	content: none;
    width: 30.5%;
    margin: 1rem 1.4%;
background: #f1e9d2;
}
.tmb_wrap li h3 {
display: none;
}
.tmb_wrap li:last-child {
	margin-bottom: 0;
}
.tmb_wrap dl {
line-height: 1.6;
margin: 0 auto 0.5rem;
width: 100%;
max-width: 1000px;
text-align: left;
}
.tmb_wrap dl dt h3 {
color: #ffffff;
display: block;
font-size: 1.15rem;
background: #2e3993;
text-align: center;
}
.tmb_wrap dl dd {
padding: 0 1rem;
}

.tmb_wrap dl dd h4 {
color: #6b452d;
text-align: left;
margin: 0 0 0.25rem;
font-size: 1rem;
}
.tmb_wrap h5 {
text-align: center;
border-radius: 3px;
color: #fff;
/*border: 2px solid #2e3993;*/
background: #6b452d;
padding: 0.8rem;
margin: 1rem;
display: block;
}


.caption {
font-weight: normal;
text-indent: -1rem;
padding-left: 1rem;
color: #000;
font-size: 14px;
}

@media (min-width: 1400px)  {
.fade {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 320px;
  margin: auto;
}

.pc {display:block;}
.sp,.tab,.btn_ban {display:none;}
}


/*　タブレットのみ　*/
@media only screen and (min-width: 700px) and (max-width: 980px){

.sp {display:none;}

.inner {
width: 96%;
}
h1{top: 90px;
    left: 120px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    height: auto;}
h1 img {
min-width: 730px;
}
.lead {
margin: 2rem 1rem;
text-align: left;
}
.tmb_wrap dl dt h3 {
    font-size: 1.0rem;
}
.tmb_wrap dl dd {
    padding: 0.5rem 1rem 1rem;
}


.toi dt {
    width: 7rem;
}
}
/*　スマホのみ　*/
@media only screen and (max-width: 750px){
.pc {display:none;}
.sp {display:inline-block;}
.tab {display:none;}

header#monitor img {
    min-width: 305px;
}
header#monitor p {
    font-size: 1.4rem;
}
.close {
text-align: left;
}

.lead {
text-align:left;
font-size: inherit;
margin: 1rem 1.5rem;
line-height: 1.8;
}
.tmb_wrap {
    width: 100%;
	/*display: block;*/
}
.tmb_wrap li {
width: 90%;
margin: 1rem 5%;
}
.tmb_wrap li h3 {
    padding: 0.5% 1%;
	background: #2e3993;
	color: #fff;
	display: block;
}
.tmb_wrap dl {
line-height: 1.4;
display: flex;
margin-top: 0;
width: 100%;
}
.tmb_wrap dl dt {
width: 60%;
}
.tmb_wrap dl dt > h3 {
display: none;
}
.tmb_wrap dl dd h4{
    font-size: 0.9rem;
}

.tmb_wrap dl dd {
width: 40%;
    padding: 0.6rem 0.8rem 1rem;
}
.sp { display:block;}

}