@charset "UTF-8";

/* list */
.information_list{max-width:835px;margin-right:auto;margin-left:auto;}

.information_list ul.list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto;margin-left:auto;}
.information_list ul.list li a{display:block;background-color:#fff;display:block;-webkit-box-shadow: 2px 2px 2px #cfe7d7;box-shadow: 2px 2px 2px #cfe7d7;height:100%;}
.information_list ul.list li .image{ width: 100%;position: relative; }
.information_list ul.list li .image:before{ padding-top: 56.25%;content:"";display: block; }
.information_list ul.list li .image span{ display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(../../images/logo.svg) no-repeat 50% 50%;-webkit-background-size:110px auto;background-size:110px auto; }
.information_list ul.list li .image.on_img span{-webkit-background-size:cover;background-size:cover;}
.information_list ul.list li .text p.ttl{line-height:1.3;}

/* detail */
.information_article{display:block;max-width: 900px;margin-right:auto;margin-left:auto;}
.information_article .title{border-bottom:1px solid #b2b2b2;}
.information_article .title .sub{display:-webkit-flex;display:flex;align-items: center;}
.information_article .title time{font-size:1.125rem;margin-right:7px;}
.information_article .title p{font-size:0.75rem;padding:1px 5px;min-width:80px;text-align:center;color:#fff;background-color:#379d5a;display:inline-block;-webkit-border-radius: 20px; border-radius: 20px;}

.information_article .box .image{width:100%;text-align:center;}
.information_article .box .image a{display:block;}
.information_article .box .text{width:100%;line-height:1.75;}

/* navi */
.information_navi{margin:0 auto;display:-webkit-flex;display:flex;justify-content: space-between;max-width: 900px;}

.information_navi li.next,
.information_navi li.prev{visibility: hidden;}

.information_navi li.next.on,
.information_navi li.prev.on{visibility: visible;}

.information_navi li a{display: flex;background-color: #379d5a;color: #fff;position: relative;justify-content: center;align-items: center;width: 100%;height: 34px;font-size: 0.75rem;}
.information_navi li.next a::after,
.information_navi li.prev a::after{content: "";display: block;position: absolute;top: 50%;width: 6px;height: 10px;background: url(../../images/arrow_information.svg) no-repeat 50% 50%;}
.information_navi li.next a::after{right: 16px;transform: translateY(-50%);}
.information_navi li.prev a::after{left: 16px;transform: translateY(-50%) scale(-1,1);}


@media screen and (min-width:768px) {

	/* list */
	.contents_information{padding:60px 0;}
	
	.information_list ul.list li{width:23.5%;margin-right:2%;}
	.information_list ul.list li:nth-child(4n){margin-right:0;}
	.information_list ul.list li:nth-child(n+5){margin-top:20px;}

	.information_list ul.list li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.information_list ul.list li a:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}

	.information_list ul.list li .text time{font-size: 0.875rem;}
	.information_list ul.list li .text p.ttl{font-size:1.0625rem;padding-top:5px;}
	.information_list ul.list li .text p.txt{font-size:0.9375rem;}
	.information_list ul.list li .text{padding:15px 10px;}
	
	/* detail */
	.contents_information_detail{padding:80px 0 145px;}
	
	.information_article .title{padding:0 20px 20px;margin-bottom:60px;}
	.information_article .title time{font-size:1.125rem;}
	.information_article .title h2{font-size:1.5rem;}
	
	.information_article .box{padding: 0 20px;}
	.information_article .box .image{margin-bottom:30px;}
	.information_article .box .image a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.information_article .box .image a:hover{opacity:0.8;}
	
	/* navi */
	.information_navi{margin-top:40px;padding:0 30px;}
	.information_navi li{width:166px;}
}

@media screen and (max-width:767px) {
	
	/* list */
	.contents_information{padding:30px 0;}
	
	.contents_information .wrapper,
	.contents_information_detail .wrapper{padding-right:20px;padding-left:20px;}
	
	.information_list ul.list li{width:48%;margin-right:4%;}
	.information_list ul.list li:nth-child(2n){margin-right:0;}
	.information_list ul.list li:nth-child(n+3){margin-top:20px;}

	.information_list ul.list li .text time{font-size:0.8125rem;}
	.information_list ul.list li .text p.ttl{font-size:1rem;font-weight:bold;padding-top:3px;}
	.information_list ul.list li .text p.txt{font-size:0.875rem;}
	.information_list ul.list li .text{padding:8px;}
	
	/* detail */
	.contents_information_detail{padding:30px 0 40px;}
	
	.information_article .title{padding:0 10px 10px;margin-bottom:30px;}
	.information_article .title time{font-size:0.8125rem;}
	.information_article .title h2{font-size:1.25rem;font-weight:bold;}
	
	.information_article .box{padding: 0 10px;}
	.information_article .box .image{margin-bottom:20px;}

	/* navi */
	.information_navi{margin-top:30px;}
	.information_navi li{width:30%;}
}