@charset "UTF-8";

/* base
----------------------------------------- */
section .head h1 {
padding-left: 0.2em;
position: relative;
z-index: 2;
}
section .head .En {
line-height: 0.7;
position: absolute;
left: 0;
z-index: -1;
opacity: 0.6;
}
.head .moreLink {
line-height: 1.7;
text-align: right;
border-bottom: 1px solid #88111d;
}
.head .moreLink a {
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: 0.2em;
padding-left: 1em;
background-color: #88111d;
color: #ffffff;
font-weight: 400;
position: relative;
transition: all .3s;
}
.head .moreLink a:hover {
text-decoration: none;
}
.head .moreLink a::before {
content: '';
width: 0;
height: 0;
display: inline-block;
position: absolute;
top: 0;
left: -29px;
border-top: 29px solid transparent;
border-right: 29px solid #88111d;
transition: all .3s;
}
.head .moreLink:hover {
border-bottom: 1px solid #128944;
transition: all .3s;
}
.head .moreLink a:hover {
background-color: #128944;
transition: all .3s;
}
.head .moreLink a:hover::before {
border-right: 29px solid #128944;
transition: all .3s;
}


/* header
----------------------------------------- */
#header {
text-align: center;
}


/* MainImage
----------------------------------------- */
#MainImage {
margin: 0 auto;
width: 100%;
position: relative;
text-align: center;
overflow: hidden;
z-index: 2;
}
#MainImage .img {
margin: 0 auto;
width: 100%;
position: relative;
}
#MainImage .wrap {
margin: 0 auto;
width: 100%;
}
#MainImage .img .slideimg {
position: relative;
z-index: 2;
}
#MainImage .img .bkImg {
width: 100%;
position: absolute;
object-fit: cover;
}
.slick-initialized .slick-slide, 
.slick-slide {
display: inline-block!important;
float: none;
vertical-align: top;
}
.slider {
-webkit-opacity: 0;
-mmoz-opacity: 0;
opacity: 0;
-webkit-transition: 3s;
-moz-transition: 3s;
transition: 3s;
}
.slick-list {
overflow: visible;
}
.slider .slick-arrow {
display: none!important;
}


/* Topic
----------------------------------------- */
#Topic .postListWrap {
padding-bottom: 1em;
border-bottom: 1px solid #f4d0d0;
}
#Topic .postListWrap .postTl {
padding-top: 1em;
padding-bottom: 0.5em;
}
#Topic .postListWrap .postTl i img {
vertical-align: baseline;
}
#Topic #post-detail {
margin-left: 2em;
}



/* Message
----------------------------------------- */
#Message .wrap p {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
}
#Message .wrap p:last-of-type {
margin-bottom: 0.8em;
}
#Message img {
margin-top: 0.5em;
width: 100%;
}
#Message .wrap a {
color: #333333;
}
#Message .wrap a:hover {
color: #128944;
transition: color .3s;
}

/* Report
----------------------------------------- */
#Report .head {
text-align: center;
}
#Report .head h1 {
display: inline-block;
}
#Report .note {
display: block;
text-align: center;
position: relative;
z-index: 2;
}
#Report .wrap {
overflow: hidden;
position: relative;
z-index: 2;
background-color: #dfdfdf;
background-image: url("images/bk_report.png");
background-size: 24px 24px;
background-repeat: repeat;
background-position: center center;
}
#Report .wrap::before,
#Report .wrap::after {
content: '';
margin: auto;
width: 100%;
min-height: 4vw;
display: block;
position: absolute;
left: 0;
right: 0;
-ms-transform: scaleX(1.5);
-webkit-transform: scaleX(1.5);
transform: scaleX(1.5);
}
#Report .wrap::before {
top: 0;
background-image: url("images/line_top.png");
background-position: bottom left;
background-repeat: no-repeat;
background-size: 100%;
}
#Report .wrap::after {
bottom: 0;
background-image: url("images/line_foot.png");
background-position: top left;
background-repeat: no-repeat;
background-size: 100%;
}
#Report #carouselPost {
position: relative;
display: block;
}
#Report .no-data {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#Report .slick-list {
display: block;
}
#Report #carouselPost .slick-arrow {
margin: auto;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
color: #ffffff;
background-color: #88111d;
z-index: 2!important;
}
.slick-prev:before {
content: '＜'!important;
}
.slick-next:before {
content: '＞'!important;
}
#Report #carouselPost .postListWrap {
margin: 10px;
padding-bottom: 18px;
display: inline-block;
scroll-snap-align: center;
flex: none;
}
#Report #carouselPost .postListWrap .detail {
padding-bottom: 20px;
min-height: 100%;
display: block;
position: relative;
z-index: 2;
background-color: #ffffff;
}
#Report #carouselPost .postListWrap .detail::before {
content: '';
width: 100%;
height: 18px;
display: block;
background-image: url("../img/bk_post.png");
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: 0;
bottom: -18px;
}
#Report #carouselPost .postListWrap .detail::after {
content: '';
width: 0;
height: 0;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
border-top: 29px solid transparent;
border-right: 29px solid rgba(210,122,121,1);
transition: all .3s;
}
#Report #carouselPost .postListWrap .data {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: right;
}
#Report #carouselPost .postListWrap .postTl {
text-align: left;
}
#Report #carouselPost .postListWrap a {
color: #333333;
}
#Report #carouselPost .postListWrap .thume img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* Guidance
----------------------------------------- */
#Guidance {
margin-bottom: 80px;
position: relative;
}
#Guidance .head {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
}
#Guidance .head h1 span {
margin-top: 0.4em;
margin-bottom: 0.5em;
display: inline-block;
}



/* footer
----------------------------------------- */
#footer {
position: relative;
background-image: url("images/bk_top_foot.jpg");
background-repeat: no-repeat;
background-position: left;
background-size: cover;
}
#footer::before {
content: '';
width: 100%;
height: 200px;
display: block;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
}
#footer .footerWrap img {
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
display: block;
}
#footer .share img {
width: 50px;
}


/* IE10・11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
_:-ms-input-placeholder, :root #MainImage {
overflow: hidden;
}
}
/* end */


/* ===========================================

 	PC向け表示設定
 
============================================== */
@media only screen and (min-width: 1100px){	

/* base
============================================== */
section .head .En {
font-size: 65px;
}
section .head {
margin-bottom: 20px;
}
.sectionWrap {
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
width: 1100px;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
}
.sectionWrap > section {
width: calc(96%/2);
}



/* header
============================================== */
#header {
margin-bottom: 80px;
text-align: center;
position: relative;
}

/* MainImage
============================================== */
_:-ms-input-placeholder, :root #MainImage {
-ms-height: 680px;
height: 680px;
}

.slick-slide .caption {
display: none;
}
#MainImage .img .slideimg {
margin: auto;
width: 1100px;
}
#MainImage .img .bkImg {
height: 680px;
top: -10%;
bottom: 0;
left: 0;
}

_:-ms-input-placeholder, :root #MainImage .img .bkImg {
height: 680px;
}


/* globalnavi
============================================== */
.navUnshown {
display:none;
}
#gnav { 
text-align: right;
vertical-align: middle;
}
#gnav #nav {
margin: 0 auto;
width: 1100px;
position: relative;
}
#gnav #nav::before,
#gnav #nav::after {
content: "";
position: absolute;
bottom: 40px;
width: 28%;
height: 6px;
box-shadow: 0 40px 15px rgba(0, 0, 0,0.3);
background-color: transparent;
border-radius: 80px / 4px;
z-index: 0;
}
#gnav #nav::before {
left: 100px;
}
#gnav #nav::after {
right: 100px;
}

#gnav a {
padding: 1em;
display: block;
color: #333333;
font-weight: bold;
}
#gnav a:hover,
#gnav p:hover {
text-decoration: none;
color: #88111d;
-webkit-transition: color .5s;
transition: color .5s;
}
#gnav #nav > li {
display: inline-block;
background-color: #ffffff;
text-align: center;
position: relative;
z-index: 1;
vertical-align: baseline;
}
#gnav li span {
margin: 0;
padding: 0;
}
#gnav #nav ul.sub {
display: none;
position: absolute;
top: 50px;
background: #efefef;
text-align: left;
z-index: 99999;
}
#navDrawer {
margin: auto;
padding-top: 20px;
width: 100%;
position: absolute;
right: 0;
left: 0;
bottom: -30px;
z-index: 4;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
}
#gnav {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
text-align: center;
position: relative;
z-index: 3;
overflow: hidden;
}
#gnav::before {
content: '';
width: 100%;
height: 4vw;
display: block;
background-image: url("images/line_foot.png");
background-position: top;
background-repeat: no-repeat;
background-size: cover;
transform: scaleX(1.5);
position: absolute;
top: 0;
z-index: 0;
}
#gnav .logo {
width: 200px;
}
#gnav .logo a {
padding: 0;
}

/* Topic
============================================== */
#Topic .wrap > p {
margin-bottom: 1em;
font-size: 18px;
font-weight: bold;
}
#Topic .postListWrap .postTl h2 {
font-size: 18px;
}
#Topic .postListWrap .postTl h2 a {
margin-bottom: 3px;
}
#Topic .postListWrap .postTl i {
margin-right: 0.8em;
}
.postListWrap .bgb-wysiwyg2 {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.postListWrap .bgb-wysiwyg2 > .bgt-grid {
width: calc(98%/2);
}


/* Message
============================================== */
#Message .wrap p:first-of-type {
line-height: 1.5;
font-size: 32px;
}



/* Report
============================================== */
#Report {
margin-bottom: 100px;
}
#Report .wrap {
padding-top: 150px;
padding-bottom: 150px;
}
#Report .head {
margin-right: auto;
margin-left: auto;
width: 1100px;
}
#Report .note {
font-size: 18px;
font-weight: bold;
}
#Report .no-data {
width: 1100px;
}

_:-ms-input-placeholder, :root #Report #carouselPost {
text-align: center;
}

#Report #carouselPost .slick-track {
width: 100%;
display: flex;
align-items: center;
flex-shrink: 0;
flex-wrap: nowrap;
overflow: auto;
scroll-snap-type: x mandatory;
}
#Report #carouselPost .postListWrap .detail {
width: 290px;
min-height: 290px;
}
#Report #carouselPost .postListWrap.slick-current .detail {
width: 320px;
min-height: 320px;
}
#Report #carouselPost .postListWrap .detail {
padding: 20px;
}
#Report #carouselPost .postListWrap .thume {
height: 178px;
overflow: hidden;
}
#Report #carouselPost .postListWrap .contentWrap {
width: 100%;
height: 100%;
display: block;
}
_:-ms-input-placeholder, :root #Report #carouselPost .postListWrap {
display: inline-block;
}
#Report #carouselPost .postListWrap .detail {
height: 100%;
}
#Report #carouselPost .slick-arrow {
min-width: 40px;
min-height: 40px;
}
#carouselPost .slick-next {
right: 33%!important;
}
#Report #carouselPost .slick-prev {
left: 33%!important;
}
#Report .postTl h3 {
font-size: 18px;
}


￥


/* Guidance
============================================== */
#Guidance {
margin-right: auto;
margin-bottom: 180px;
margin-left: auto;
width: 1100px;
position: relative;
}
.GuidanceWrap {
padding-bottom: 20px;
width: 100%;
display: flex;
align-items: flex-start;
position: relative;
background-color: #ffffff;
z-index: 1;
}
#Guidance .head {
width: 25%;
background-color: #ffffff;
text-align: center;
position: relative;
z-index: 1;
}
#Guidance .head h1 {
padding-top: 50px;
padding-right: 7px;
display: inline-block;
position: relative;
background-image: url("../img/ic_h2.png");
background-position: top;
background-repeat: no-repeat;
background-size: 100px;
font-size: 60px;
font-weight: 700!important;
letter-spacing: 10px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#Guidance .head h1 span {
transform: rotate(-70deg);
}
#Guidance .wrap {
padding-top: 50px;
position: relative;
z-index: 1;
background-color: #ffffff;
}
#Guidance::before {
content:"";
width: 70%;
height: 20px;
margin: auto;
position:absolute;
z-index: 0;
box-shadow:0 0 20px rgba(0,0,0,0.5);
bottom: 0;
left: 0;
right: 0;
border-radius: 100px / 10px;
}
#Guidance .wrap p {
margin-bottom: 1.5em;
}


/* footer
============================================== */
#footer .footerWrap {
margin-bottom: 1.5em;
width: 420px;
}
#footer .footerWrap img {
width: 90%;
}
#footer .footerWrap p {
padding-left: 1em;
}
#footer .share {
margin-bottom: 50px;
}
#footer .share a {
margin-right: 10px;
margin-left: 10px;
}

}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 1099px){

section .head {
margin-right: auto;
margin-left: auto;
width: 96%;
}
section .head h1 {
margin-bottom: 15px;
}
section .head .En {
font-size: 150%;
bottom: 0;
}
section .wrap > p {
margin-right: auto;
margin-left: auto;
width: 90%;
}

/*  mainImg
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#firstView {
margin-bottom: 20px;
padding-top: 70px;
background-image: url("../img/logo_txt.svg");
background-repeat: no-repeat;
background-position: top 10px left 5px;
background-size: 70%;
}
.slider {
background: rgba(0, 0, 0, .8);
}
#mainImg {
display: inline-block;
}
#top section {
margin: 0 auto;
display:  block !important;
}
#top section {
margin: 0  auto  40px auto !important;
}
.slick-slide .caption {
text-align: center;
}
.slick-slide .caption span {
margin-right: auto;
margin-left: 1em;
width: 89%;
display: block;
font-size: 0.8rem;
text-align: left;
}
#MainImage .img .bkImg {
height: 100%;
top: -10%;
bottom: 0;
left: 0;
object-fit: contain;
}


/* globalnavi
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#gnav .logo {
display: none;
}
#gnav li a {
text-align: left;
}


/* Topic
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Topic {
margin-bottom: 40px;
}
#Topic .head h1 {
margin-bottom: 20px;
}
#Topic .postList {
margin-right: auto;
margin-left: auto;
width: 90%;
display: block;
}
#Topic .postListWrap .postTl h2 {
padding-left: 1.7em;
font-size: 18px;
text-indent: -1.2em;
}
#Report #carouselPost .postListWrap .thume {
height: 178px;
overflow: hidden;
}


/* Message
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Message {
margin-bottom: 40px;
}
#Message .head {
margin-bottom: 15px;
}
#Message .wrap p:first-of-type {
line-height: 1.5;
font-size: 3.5vmax;
}
#Message .wrap p:last-of-type {
word-break: keep-all;
}
#Message .wrap a {
margin: auto;
width: 90%;
line-height: 1.5;
display: block;
}


/* Report
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Report {
margin-bottom: 40px;
}
#Report .wrap {
padding-top: 70px;
padding-bottom: 40px;
}
#Report #carouselPost .postListWrap  a {
width: 100%;
}
#Report #carouselPost .postListWrap .detail {
padding: 10px;
width: 250px;
min-height: 250px;
}
#Report #carouselPost .postListWrap.slick-current .detail {
width: 280px;
min-height: 280px;
}
#Report #carouselPost .slick-arrow {
min-width: 40px;
min-height: 40px;
}
#carouselPost .slick-next {
right: 5%!important;
}
#Report #carouselPost .slick-prev {
left: 5%!important;
}
#Report #carouselPost .slick-track {
display: flex;
align-items: center;
}
#Report .postTl h3 {
font-size: 16px;
}
#Report .contentsBlk {
padding-right: 1em;
padding-left: 1em;
}

/* Guidance
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Guidance .head {
text-align: center;
}
#Guidance .head h1 {
display: inline-block;
font-size: 6vmax;
font-weight: 700!important;
text-align: left;
position: relative;
}
#Guidance .head h1::before {
content: '';
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
width: 50%;
height: 10px;
display: block;
background-image: url("../img/ic_h2.png");
background-repeat: no-repeat;
background-size: 100%;
}
#Guidance .head h1 span {
transform: rotate(15deg);
}
#Guidance .wrap p {
margin-bottom: 1em;
}

/* footer
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#footer .footerWrap {
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
width: 90%;
}
#footer .footerWrap h2 {
font-size: 3.5vmax;
}

#footer .footerWrap img {
width: 90%;
max-width: 270px;
}
#footer .share {
margin-bottom: 50px;
}
#footer .share a {
margin-right: 10px;
margin-left: 10px;
}
#footer .footerWrap p {
word-break: keep-all;
}



}/* end */