@charset "utf-8";
/*-------------------------------------
	     Header
-------------------------------------*/
.headerInner {
	max-width:100%;
	margin:0 auto;
	position:relative;
}
.header-ttl {
	height:306px;
	display:flex;
	align-items:center;
	padding:0;
}
.header-ttl h1 {
	font-size:60px;
	padding:80px 0 0 0;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px) {
	.header-ttl {
		height:192px;
	}
}
@media screen and (max-width:480px) {
	.headerInner {
		padding-bottom:120px;
	}
	.header-ttl h1 {
		font-size:10vw;
		padding:110px 0 0 0;
	}
	.header-ttl {
		height:80px;
	}
}

/*-------------------------------------
	     Single
-------------------------------------*/
section.single {
	margin:30px auto;
}
.postCon {
	text-align:left;
}
.postCon p {
	line-height:2em;
}
.wp-caption {
	max-width:800px;
	margin:5px auto;
}
@media screen and (max-width:768px){
	.wp-caption {
		max-width:100%;
	}
	div.postCon img {
		width: 100%;
	}
}
/*-------------------------------------
	     About Project
-------------------------------------*/
.about-pr-sub-text {
	font-size:18px;
	margin:60px auto 40px;
	max-width:700px;
}
.about-pr-con {
	display:flex;
	flex-wrap:wrap;
}
.about-pr-con div {
	color:#fff;
	background:#000;
	width:40%;
	padding:4%;
	font-size:18px;
	text-align:center;
}
.about-pr-con h4 {
	font-size:22px;
	text-align:center;
	padding-bottom:10px;
}
.about-pr-con div.about-left {
	margin-right:2%;
}
.about-pr-con div.about-right {
	margin-left:2%;
}
.about-pr-con .about-pr-link{
	margin:20px auto 0;
	text-align:center;
	color: #fff;
    border: 1px #fff solid;
}
.about-pr-con .about-pr-link img {
	width:26px;
	vertical-align:middle;
	display:inline-block;
}
.about-pr-con .about-pr-link a{
	color:#fff;
	border:1px #fff solid;
	padding:5px 10px;
}
.about-pr-link-box {
	max-width:90%;
	margin:100px auto 60px;
	text-align:center;
	background:#3d8c9b;
	font-size:18px;
}
.about-pr-link-box a {
	color:#fff;
	padding:60px 0 60px;
	display:block;
}
.about-pr-link-box img {
	width:69px;
	vertical-align:middle;
	display:inline-block;
	float:right;
	padding-right:40px;
}
h2.biz-share-title {
	padding: 30px 0;
    font-size: 30px;
}
.biz-share-report {
	margin-bottom:150px;
}
.biz-share-report-box {
    flex-wrap: wrap;
    border-bottom: 1px #6c6c6c solid;
    padding: 20px 0 30px;
}
.biz-share-report-box:first-child {
    border-top: 1px #6c6c6c solid;
}
.biz-share-report-date {
	width: 100%;
    font-size: 18px;
}
.biz-share-report-ttl {
    width: 100%;
    font-size: 18px;
}

@media screen and (max-width:480px) {
	.about-pr-con div {
		width:42%;
		padding:3%;
	}
	.about-pr-con h4 {
		font-size:4.5vw;
		padding-bottom:0;
	}
	.about-pr-link-box {
		max-width:100%;
		margin:60px auto;
	}
	h2.biz-share-title {
		font-size: 26px;
	}
	.biz-share-report {
		max-width:85%;
		margin:0 auto 60px;
	}
	.about-pr-link-box a {
		padding: 30px 0 30px;
	}
	.about-pr-link-box img {
	width:69px;
	display:block;
	float:none;
	padding-right:0px;
	margin:20px auto 0;
	}
}
/*-------------------------------------
	     Modal
-------------------------------------*/
.modal-001__wrap,
.modal-002__wrap {
    display: inline-block;
}
.modal-001__wrap input,
.modal-002__wrap input {
    display: none;
}
.modal-001__open-label,
.modal-001__close-labe,
.modal-002__open-label,
.modal-002__close-labell {
    cursor: pointer;
}
.modal-001__open-label,
.modal-002__open-label {
    color: #4f96f6;
    font-size: .95em;
}
.modal-001__open-label:hover,
.modal-002__open-label:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #c7511f;
}
.about-pr-con div.modal-001,
.about-pr-con div.modal-002 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.about-pr-con .modal-001__open-input:checked + label + input + .modal-001 {
    display: block;
    animation: modal-001-animation .6s;
	background:none;
}
.about-pr-con .modal-001__content-wrap,
.about-pr-con .modal-002__content-wrap {
	position: absolute;
    left: 46%;
    top: 45%;
    background: rgba(0,0,0,0.8);
    transform: translate(-50%, -50%);
    width: 77%;
    max-width: 1000px;
    background-color: #fff;
    z-index: 2;
    border-radius: 10px;
}
.about-pr-con .modal-001__close-label,
.about-pr-con .modal-002__close-label {
    color: #fff;
    position: fixed;
    top: -50px;
    right: -50px;
    z-index: 99999;
    font-size: 2em;
}
.about-pr-con .modal-001__content,
.about-pr-con .modal-002__content {
    max-height: 50vh;
	width:92%;
	background:#fff;
	color:#333;
	text-align:left;
    font-family: "Noto Sans JP",sans-serif;
	font-size: 14px;
}
.about-pr-con .modal-001__content h3,
.about-pr-con .modal-002__content h3 {
	font-size: 30px;
    font-weight: 400;
    margin-bottom: 40px;
    font-family: "Noto Sans JP",sans-serif;
}
.about-pr-con .modal-001__background,
.about-pr-con .modal-002__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, .75);
    z-index: 1;
}
@keyframes modal-001-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.about-pr-con .modal-002__open-input:checked + label + input + .modal-002 {
    display: block;
    animation: modal-002-animation .6s;
}
@keyframes modal-002-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 520px) {
	.about-pr-con div .modal-001__wrap,
	.about-pr-con div .modal-002__wrap {
        width: 94%;
	}
	.about-pr-con div .modal-001__open-label,
	.about-pr-con div .modal-002__open-label {
        max-width: 90%;
    }
	.about-pr-con div  .modal-001__close-label,
	.about-pr-con div  .modal-002__close-label {
        top: -50px;
        right: -4%;
    }
	.about-pr-con div .modal-001__content-wrap,
	.about-pr-con div .modal-002__content-wrap {
        width: 90vw;
		left:47%;
    }
	.about-pr-con div .modal-001__content,
	.about-pr-con div  .modal-002__content {
        padding: 10px 20px 35px;
        max-width: 90%;
    }
	.about-pr-con .modal-001__content h3,
	.about-pr-con .modal-002__content h3 {
		font-size: 6vw;
	}
	.about-pr-con .about-pr-link {
		margin:0;
		padding:10px 0;
	}
}

/*-------------------------------------
	     Pick Up Content
-------------------------------------*/
.picUpCon_ttl {
	text-align:left;
}
.picUpCon_ttl h2 {
	font-size:20px;
	color:#3d8c9b;
	text-align:left;
	font-weight:bold;
	padding:40px 0 10px;
}
.picUpCon_ttl h3 {
	font-size:20px;
	color:#3d8c9b;
	padding:0px 0 20px;
}
.picUpCon_ttl time {
	font-size:16px;
	color:#3d8c9b;
}
#pickUP h2 {
	font-size:30px;
	text-align:center;
	padding:60px 0 40px;
}
#pickUpContent .postCon{
	margin-bottom:100px;
}
#pickUP .single-item {
	max-width: 600px; 
	margin: 0 auto; 
	height: 550px;
}
@media screen and (max-width:480px) {
	#pickUP .single-item {
		height: 110vw;
	}
	.slick-slider .slick-track {
		width:100%;
		height:110vw;
		overflow:hidden;
	}
	#pickUpContent .postCon{
		width:98%;
		margin:0 auto;
	}
	#pickUpContent .postCon img {
		width:100%;
		margin:0 auto;
	}

	_::-webkit-full-page-media, _:future, :root #pickUP .single-item {
		height:440px;
	}
	_::-webkit-full-page-media, _:future, :root #pickUP .slick-slider .slick-track {
		height:440px;
	}
	_::-webkit-full-page-media, _:future, :root #pickUP .slick-slide img {
		height:240px;
	}
}