@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/
/* #topicPath
---------------------------------------------------*/
#topicPath li,
#topicPath li a{
color:#fff;
}
.h2{
font-size:34px;
font-weight:700;
text-align:center;
padding:0 0 40px;
}
.h3{
padding:40px 0 30px;
font-size:24px;
font-weight:700;
text-align:center;
}
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
}
#ttl{
width:660px;
height:300px;
position:absolute;
bottom:30%;
left:47%;
transform:translate(-50%,0);	
}
#ttlInner{
position:relative;
width:100%;
height:100%;
text-align:center;
color:#fff;
line-height:1.65;
}
#ttlTxt{
padding:10px;
position:absolute;
bottom:0;
left:0;
right:0;
}
#ttlInner h1{
font-size:60px;
}
@media all and (-ms-high-contrast: none){
#ttlInner h1{
transform:translateY(30px);
}
}
/*=============================================================
ibukataidan
=============================================================*/
/* linkArea
-------------------------------------------------------------*/
.linkArea{
  width:100%;
  margin:0;
  box-sizing:border-box;
  text-align:center;
}
.linkArea ul{
font-size:0;
}
.linkArea ul li{
  display:inline-block;
  padding:0 15px;
}

#taidan .linkArea ul{
width:100%;
display:flex;
flex-wrap: wrap;
}
#taidan .linkArea ul li{
width:calc(33.333% - 15px);
box-sizing:border-box;
padding:0 15px;
text-align:left;
}
#taidan .linkArea ul li::after{
content:"";
display:block;
width:30%;
}

.linkArea ul li a{
display:block;
padding:0 0 0 15px;
font-size:16px;
position:relative;
text-decoration:none;
}
.linkArea ul li a:hover{
text-decoration:underline;
}
.linkArea ul li a::before{
content:"";
width:6px;
height:6px;
border-bottom:1px solid #666;
border-right:1px solid #666;
position:absolute;
left:0;
top:50%;
transform:translateY(-3px) rotate(-45deg);
}
@media all and (-ms-high-contrast: none){
.linkArea ul li a::before{
transform:translateY(-8px) rotate(-45deg);
}
}

/* boxibkmsg
-------------------------------------------------------------*/
.boxibkmsg{
width:100%;
display:flex;
flex-wrap: wrap;
}
.boxibkmsg .box{
margin-top:30px;
width:calc(33.333% - 20px);
box-sizing:border-box;
background-color:#fff;
border-radius:10px;
padding:30px;
}
.boxibkmsg .box:not(:nth-child(3n+1)){
margin-left:30px;
}
.boxibkmsg .box img{
width:100%;
}
.boxibkmsg .box h3{
font-size:18px;
padding-bottom:5px;
}
.boxibkmsg a:hover {
text-decoration:none;
transition: opacity .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.h2{
font-size:24px;
padding:0 0 30px;
}
.h3{
padding:20px 0 16px;
font-size:20px;
}
.h4 {
font-size:18px;
}
p{font-size:14px;}
.listPdf {
font-size:14px;
}

/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
position:relative;
}
#ttl{
width:100%;
height:auto;
background:none;
border-radius:0px;
position:absolute;
bottom:50%;
left:0;
transform:translate(0,0);
}
#ttlInner::after{
display:none;
}

#ibukamsgt #ttl{
width:70%;
left:20px;
}

#ttlTxt{
padding:0px;
position:absolute;
bottom:0;
left:0;
right:0;
transform:translate(0,50%);
}
#ttlInner h1{
font-size:26px;
}
#ttlLead{
width:100%;
height:auto;
background:none;
border-radius:0px;
position:static;
transform:translate(0,0);
padding-top:10px;
}
#ttlLeadInner p{
position:static;
padding:10px;
font-size:13px;
color:#333;
}
/*=============================================================
ibukataidan
=============================================================*/
/* linkArea
-------------------------------------------------------------*/
.linkArea{
margin:0;
}
.linkArea ul{
font-size:0;
}
.linkArea ul li{
  display:inline-block;
  width:100%;
  padding:0;
}
#taidan .linkArea ul li{
display:inline-block;
width:49%;
padding:0;
text-align: left;
}

.linkArea ul li a{
display:inline-block;
font-size:14px;
}
.linkArea ul li a::before{
top:12px;
}
/*=============================================================
ibukamsgt
=============================================================*/
/* boxibkmsg
-------------------------------------------------------------*/
.boxibkmsg{
display:block;
}
.boxibkmsg .box{
display:block;
width:calc(100%);
box-sizing:border-box;
border-radius:10px;
text-align:center;
}
.boxibkmsg .box:not(:nth-child(3n+1)){
margin-left:0px;
}
.boxibkmsg .box img{
width:60%;
}
}