@charset "UTF-8";
/* CSS Document */

/* -----------------------------------
    メニュー
   ----------------------------------- */
#menu.scrolled h1 a{display: block;}
#menu.scrolled h1 a img{
	height: 50px;
	margin-left: 10px
}
#menu.scrolled h1 a img{vertical-align: baseline}

/* -----------------------------------
    メインビジュアル
   ----------------------------------- */

html,body{
 height: 100%;
}
#main_visual{
	width:100%;
	height:100%;
	overflow:hidden;
}

/* ------------------------ パソコン ------------------------ */
@media screen and (min-width: 768px) {

	#main_visual{
		max-height: 800px;
		min-height: 600px;
	}

}

.swiper-container {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
}

.swiper-wrapper{
	height: 100%;
}

.swiper-slide {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}

.swiper-slide{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.slide01{background-image:url(../images/index/main-visual.jpg);}
.slide02{background-image:url(../images/index/main-visual-2.jpg);}
.slide03{background-image:url(../images/index/main-visual-3.jpg);}

#top .main-logo{
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1000;
	width: 180px;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	#main_visual{
		height: 350px;
		padding-top: 50px;
		margin-bottom:20px;
	}

	.swiper-container {
		height: 300px;
	}
	
	#top .main-logo{
		display: none;
	}
	
	.main-logo-sp{
		width: 50%;
	}
	
}


/* -----------------------------------
    カラム
   ----------------------------------- */
article{
	margin-top: 60px;
	margin-bottom: 0;
	padding-top: 60px;
	border-top: 1px solid #e4e4e4;}
article.c-top{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	border-top: none;
}

#menu-event,
#menu-card{
    padding-top: 120px;
    margin-top:-120px;
}
@media screen and (max-width:680px) {
#menu-event,
#menu-card{
    padding-top: 80px;
    margin-top:-80px;
}	
}


/* -----------------------------------
    見出し
   ----------------------------------- */	
h2#copy-h2{
	font-size: 2.8em;
	line-height: 2;
	margin-bottom: 35px
}
h2#copy-h2-sub{
	font-size: 2.2em;
	line-height: 2;
	margin-bottom: 80px;
	margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #e4e4e4;
}
article h2{
	font-size: 4em;
	color: #99cc33;
	letter-spacing: 0.1em;
	line-height: 1.3
}
article h2 span{
	display: block;
	color: #333333;
	font-size: 50%
}
@media screen and (max-width:768px) {
h2#copy-h2{font-size: 2.4em;}	
h2#copy-h2-sub{font-size: 1.9em;}		
}
@media screen and (max-width:680px) {
h2#copy-h2{font-size: 2em;}	
h2#copy-h2-sub{font-size: 1.65em;}		
article h2{font-size: 2.5em;}
}

ul.news-list li {
	
}
ul.news-list li a {
	overflow: hidden;
	display: block;
	padding: 7px 0;
}
ul.news-list li a:hover {
	opacity: 0.7;
}
ul.news-list li time {
	float: left;
	width: 150px;
	color: #666666;
}
ul.news-list li p.title {
	color: #000000;
	overflow: hidden;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	ul.news-list li {
		margin-bottom: 20px;
		border-bottom: 1px solid #A5A5A5;
	}
	ul.news-list li a {
		padding: 7px 0 20px 0;
	}
	ul.news-list li time {
		width: auto;
		margin-right: 20px;
	}
	ul.news-list li p.title {
		width: 100%;
		margin-top: 15px;
	}

}

.top-outline {
	background-image: url("../images/index/top-outline-bg.jpg");
	background-repeat: no-repeat;
	background-size: 850px auto;
	background-position: calc(50% - 220px) 100px;
}
.top-outline .inner {
	position: relative;
}
.top-outline h2.p01 {
	padding-right: 280px;
	position: absolute;
	top: 30px;
}
.top-outline img {
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.top-outline {
		background-image: none;
	}
	.top-outline .inner {
		position: relative;
	}
	.top-outline h2.p01 {
		padding-right: 0;
		position: static;
	}
	.top-outline img {
	}

}

ul.carousel .slick-slide{
	padding: 0 15px;
}

ul.event {
	display:flex;
	flex-wrap:wrap;
}
ul.event li {
	position: relative;
}
ul.event li a {
	display: block;
}
ul.event li a p.category {
	background-color: #abcd03;
	color: #FFFFFF;
	padding: 3px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.event li a img {
	margin-bottom: 10px;
}
ul.event li a h3 {
	color: #abcd03;
	/*color: #333333;*/
	font-size: 17px;
	margin-bottom: 10px;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
ul.event li a time {
	color: #333333;
	font-size: 20px;
	/*font-weight: bold;*/
	margin-bottom: 6px;
	display: block;
	text-align: center;
}
ul.event li a p.area {
	color: #333333;
	font-feature-settings: "palt";
	font-size: 15px;
	/*font-weight: bold;*/
	margin-bottom: 10px;
	text-align: center;
}
ul.event li a p.text {
	color: #333333;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	ul.carousel .slick-slide{
		padding: 0 10px;
	}
	ul.event {
		margin-bottom: 80px !important;
	}
	ul.event li a p.category {
		padding: 3px 10px;
	}
	ul.event li a img {
		margin-bottom: 10px;
	}
	ul.event li a h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	ul.event li a time {
		font-size: 17px;
		margin-bottom: 6px;
	}
	ul.event li a p.area {
		margin-bottom: 10px;
	}


}


ul.relay-list {
	display: flex;
	flex-wrap: wrap;
}
ul.relay-list li.l-m {
	width: 45%;
}
ul.relay-list li.l-a {
	width: 10%;
	margin-top: -50px;
	background-image: url("../images/index/relay-arrow.png");
	background-size: 70% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

ul.relay-list li.l-m {
	width: 100%;
}
ul.relay-list li.l-a {
	width: 100%;
	height: 100px;
	margin-top: 0;
	background-image: url("../images/index/relay-arrow-v.png");
	background-size: 100px auto;
	background-position: center center;
	margin-bottom: 10px;
}

}

/* -----------------------------------
    インタビュー
   ----------------------------------- */
#list-interview{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#list-interview figure {
	position: relative;
	overflow: hidden;
	width: 48%;
	margin: 0 0 29px;
	line-height: 0
}
#list-interview figure figcaption,
#list-interview figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#list-interview figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
#list-interview figure img {
	max-width: none;
	width: calc(100% + 50px);
	transition: opacity 0.35s, transform 0.35s;
	transform: translate3d(-40px,0,0);
}
#list-interview figcaption > div{
  position: absolute;
  bottom: 15px;
  right: 50px;
  z-index: 2;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,.8);
  transition: .3s;
}
#list-interview figcaption > div p {
	font-size: 15px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: left;
	position: absolute;
  left: 70px;
	font-feature-settings: "palt";
}

@media all and (-ms-high-contrast: none) {

	#list-interview figcaption > div p {
		font-size: 13px;
	}

}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	#list-interview figcaption > div p {
		font-size: 15px !important;
	}

}

#list-interview figure:hover {
	background-color: #99cc33
}
#list-interview figure:hover img {
	transform: translate3d(0,0,0);
	opacity: 0.85
}
#list-interview figure:hover figcaption > div {
  right: 100%;
}
@media screen and (max-width: 640px) {	
#list-interview figure {width: 100%;}	
}

.top-interview {
	position: relative;
}

.top-interview .box {
	padding-right: 280px;
}

.top-interview .box #list-interview {
}

.symbol{
  width: 500px;
	position: absolute;
	right: 50%;
	top: 130px;
	margin-top: -150px;
	margin-right: -780px;
}

/* 回転 */
.symbol{
  animation-name: rotate;
  animation-duration: 200s;
  animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
  animation-iteration-count: infinite;
}

@keyframes rotate{
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}


.profile {
	border: 1px solid #000000;
	padding: 30px 40px;
	margin-bottom: 50px;
}
.profile p {
}

.lead {
	/*font-size: 19px;*/
	/*font-weight: bold;*/
	margin-bottom: 50px;
}

dl.interview-contents {
	margin-bottom: 50px;
}
dl.interview-contents dt {
	font-size: 18px;
	font-weight: 500;
	/*font-weight: bold;*/
	margin-bottom: 10px;
	padding-left:0.85em;
	text-indent:-0.85em;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
dl.interview-contents dd {
	margin-bottom: 50px;
}
dl.interview-contents dd p.name {
	font-size: 18px;
	/*font-weight: bold;*/
	color: #7AA523;
	display: inline-block;
	margin-right: 10px;
}
.interview-img {
	margin-bottom: 50px;
}



/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.symbol{
		display: none;
	}
	
	.top-interview {
		background-image: url("../images/common/symbol-mark.png");
		background-repeat: no-repeat;
		background-size: 200px;
		background-position: calc(50% + 130px) 0px;
	}
	
	.top-interview .box {
		padding-right: 0;
	}

	.top-interview .box #list-interview {
	}
	
	.profile {
		padding: 30px;
		margin-bottom: 50px;
	}
	.profile p {
	}

	.lead {
		font-size: 17px;
		margin-bottom: 30px;
	}
	
	dl.interview-contents {
		margin-bottom: 30px;
	}
	dl.interview-contents dt {
		font-size: 17px;
		margin-bottom: 10px;
	}
	dl.interview-contents dd {
		margin-bottom: 30px;
	}
	dl.interview-contents dd p.name {
		font-size: 18px;
		/*font-weight: bold;*/
		color: #7AA523;
		display: inline-block;
		margin-right: 10px;
	}
	.interview-img {
		margin-bottom: 50px;
	}
	

}

/* -----------------------------------
    youtube
   ----------------------------------- */
.youtube-block-half{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.block-youtube > div{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.youtube-block-half .column-youtube{width: 48.5%;}
.column-youtube h3{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 20px;
}
.column-movie {
	background-color: #000000;
	position: relative;
	width: 100%;
	padding-top: 55%;
	margin-bottom: 30px;
}
.column-movie iframe {
	position: absolute;
	top: 0;
	right: 2px;
	width: 100% !important;
	height: 100% !important;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.youtube-block-half .column-youtube{width: 100%}
	.column-youtube h3{
		font-size: 17px;
	}

}

ul.sponsored {
	overflow: hidden;
}
ul.sponsored li {
	width: 18.4%;
	margin-right: 2%;
	float: left;
}
ul.sponsored li:nth-child(5n){
	margin-right: 0;
}
ul.sponsored li a {
}
ul.sponsored li a img {
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	

}

.outline-text {
	margin-bottom: 70px;
}
.outline-text h3 {
	font-size: 33px;
	text-align: center;
	margin-bottom: 40px;
}
.outline-text div p {
	font-size: 20px;
	text-align: center;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.outline-text {
		margin-bottom: 30px;
	}
	.outline-text h3 {
		font-size: 23px;
		text-align: center;
		margin-bottom: 20px;
	}
	.outline-text div p {
		font-size: 16px;
		text-align: left;
	}

}


/* -----------------------------------
    開催エリア
   ----------------------------------- */
#container-area{margin-bottom: 80px}
#container-left{width: 35%}
#container-right{width: 60%}
#container-area h2{
	font-size: 4.8em;
	margin-bottom: 30px;
	color: #99cc33;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
#container-area h2 span{
	font-size: 50%;
	display: block;
	color: #333333;
}
h3.text-green {
	font-size: 25px;
	color: #99cc33;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	text-align: center;
	margin-bottom: 15px;
}
#tbl-area{
	width: 240px;
	margin-left: auto;
	margin-right: auto
}
#tbl-area td{
	font-size: 17px;
	text-align: left !important;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
@media screen and (max-width:768px) {
#event{margin-top: 120px}	
#container-area h2{font-size: 2.4em;}	
h3.text-green {font-size: 18px;}	
}
@media screen and (max-width:680px) {	
#container-left{width: 100%}
#container-right{width: 100%}
}

/* -----------------------------------
    南予の人
   ----------------------------------- */
#interview-header{
	height: 700px;
	overflow: hidden;
	margin-bottom: 50px;
}
.list-qa dt,
.list-qa dd {
	padding-left: 2.8em;
	text-indent: -2.8em;
}
.list-qa dt{
	font-size: 22px;
	line-height: 1.5;
	color: #888888;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.list-qa dd{
	font-size: 17px;
	margin-bottom: 50px}
.list-qa dt:before {
	content: "Q.";
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size: 18px;
	margin-right: 10px;
}
.list-qa dd:before {
	content: "A.";
	font-size: 22px;
	margin-right: 10px;
}
.list-qa dd.dd-image {
    padding-left: 0em;
    text-indent: 0em;
}
.list-qa dd.dd-image:before {content: "";}
@media screen and (max-width:1200px) {
#interview-header{height: 500px;}	
}
@media screen and (max-width:860px) {
#interview-header{height: 350px;}	
}
@media screen and (max-width:680px) {
#interview-header{height: 280px;}	
.list-qa dt,
.list-qa dd {
    padding-left: 2.2em;
	text-indent: -2.2em;}	
.list-qa dt:before {font-size: 1.5em;}
.list-qa dd:before {font-size: 1.8em;}	
}
@media screen and (max-width:480px) {
#interview-header{height: 200px;}	
}



.list-event {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
}
.list-event li{
	width: 30%;
	margin-bottom: 40px;
	overflow: hidden;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.list-event li h3{
	font-size: 1.1em;
	line-height: 1.4;
	margin-top: 5px;
}
.day{
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1em;
	margin-top: 3px;
	color: #888888;
}
.list-event li a{
	display: block;
	text-align: left;
}
.list-event li div {
	line-height: 0;
	overflow: hidden;
	position: relative
}
.list-event li a:hover {
}
@media screen and (max-width: 1000px) {
.list-event-auter{width: 90%;}
}
@media screen and (max-width: 768px) {
.list-event li{width: 45%;}	
.list-event li h3{font-size: 1.05em}
.list-event li .day{font-size: .9em}
}
@media screen and (max-width: 640px) {
.list-event li{width: 100%;}	
}



.info-title{
	margin-bottom: 50px;
	text-align: center
}
.info-title h2 {
	font-size: 30px;
	line-height: 1.5;
	margin-bottom: 15px;
	/*font-weight: bold;*/
}
.info-title .day {
	font-size: 23px;
	margin-bottom: 20px;
}
@media screen and (max-width:768px) {
.info-title{
	margin-bottom: 20px;
}
.info-title h2 {font-size: 20px; text-align: left;}	
.info-title .day {font-size: 18px; text-align: left;}		
}


.pagenavi {
	clear: both;
	padding-top:5px;
	text-align:center;
	margin-bottom:50px;
}

.pagenavi a, .pagenavi span {
	text-decoration: none;
	padding: 10px 20px !important;
	margin: 10px;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius: 100px;
}


.pagenavi span.current {
	font-weight: bold;
	color:#FFFFFF;
	background-color:#99cc33;
	border-color:#99cc33 !important;
}

.pagenavi .larger , .pagenavi .smaller , .pagenavi a, .pagenavi span{
	border: 1px solid #99cc33;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.pagenavi {
		margin-bottom:30px;
	}

}

time.p01{
	color: #717171;
	display: block;
	margin-bottom: 20px;
}

.news-single{
	margin-bottom: 80px;
}
.news-single h2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #565656;
}
.news-single h3 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 5px solid #99cc33;
}
.news-single img , .event-single img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.news-single p , .event-single p {
	margin-bottom: 20px;
}

.news-single a , .event-single a{
	text-decoration: underline;
	color: #2985cf;
}

.wp-block-file .wp-block-file__button{
	background-color: #1f2b80 !important;
}


.news-single table , .event-single table{
	width: 100%;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}
.news-single table th,
.news-single table td,
.event-single table th,
.event-single table td{
	padding: .5em 10px;
	border: 1px solid #CECECC;
	vertical-align: middle;
}
.news-single table th , .event-single table th {
	background-color: #f3f3f3;
	text-align: center;
	max-width: 300px;
	min-width: 80px;
}
.news-single table td , .event-single table td{width: 75%}

@media screen and (max-width: 768px) {
.news-single table th , .event-single table th{
	max-width: 100%;
	min-width: 100%;
}	
}
@media screen and (max-width: 640px){
.news-single table , .event-single table{border-bottom: 1px solid #CECECC;}	
.news-single table th,
.news-single table td,
.event-single table th,
.event-single table td{
	display: block;
	word-break: break-all;
	width: 100% !important;
	border-bottom: none;
}
.news-single table th , .event-single table th {text-align: left;}
}

.event-single h2 {
	font-size: 28px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center
}
.event-single h3 {
	font-size: 23px;
	/*font-weight: bold;*/
	margin-bottom: 30px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.event-single h2 {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.event-single h3 {
		font-size: 18px;
		margin-bottom: 25px;
	}

}



/* -----------------------------------
    開催概要
   ----------------------------------- */
#container-concept{
	align-items: center;
	margin-bottom: 20px;
}
#icon-concept{width: 230px}
#text-concept{
	width: calc(100% - 260px);
	text-align: left !important
}
#text-copy{
	font-size: 30px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	margin-top: 10px;
	display: inline-block
}
#text-copy:after{
	content: "";
	display: block;
	border-bottom: 12px solid #ff6;
	margin-top: -15px;
}
@media screen and (max-width:860px) {
#text-copy{font-size: 25px;}	
}
@media screen and (max-width:768px) {
#container-concept{display: block}	
#icon-concept{
	margin: 0 auto 15px;
}	
#text-concept{
	width: 100%;
	text-align: center!important
}	
}

ul.omotenashi-list , ul.connection-list {
	display:flex;
	flex-wrap:wrap;
}
ul.omotenashi-list li a , ul.connection-list li a {
	border: 5px solid #FFE7E7;
	/*background-color: #FFE7E7;*/
	padding: 40px 30px 35px;
	border-radius: 20px;
	position: relative;
	display: block;
	color: #333333;
	height: 100%;
}
ul.omotenashi-list li p.number , ul.connection-list li p.number {
	font-size: 20px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	color: #FFFFFF;
	background-color: #c0392b;
}
ul.omotenashi-list li p.category , ul.connection-list li p.category {
	width: 150px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 10px;
	background-color: #FFE7E7;
}
ul.connection-list li p.category {
	background-color: #dbe3f3;
}
ul.omotenashi-list li h3 , ul.connection-list li h3 {
	font-size: 18px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	margin-bottom: 10px;
}
ul.omotenashi-list li p.text , ul.connection-list li p.text {
	margin-bottom: 20px;
}
ul.omotenashi-list li div.container-btn , ul.connection-list li div.container-btn {
	margin: 0 auto;
}
ul.omotenashi-list li div.container-btn a.text-link , ul.connection-list li div.container-btn a.text-link {
	font-size: 16px;
}

ul.connection-list li a {
	border: 5px solid #dbe3f3;
	/*background-color: #dbe3f3;*/
}
ul.connection-list li p.number {
	background-color: #2980b9;
}

/* ------------------------ パソコン ------------------------ */
@media screen and (min-width: 768px) {

	ul.omotenashi-list li a , ul.connection-list li a {
		padding: 40px 30px 65px;
	}
	ul.omotenashi-list li div.container-btn , ul.connection-list li div.container-btn {
		position: absolute;
		bottom: 37px;
		left: 0;
		right: 0;
		margin: auto;
	}

}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){



}


.container-btn p{
	display: inline-block !important;
	position: relative;
	padding-right: 35px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;	font-size: 16px;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.container-btn p{
		font-size: 16px;
	}

}

.container-btn p:before{
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(51,51,51,0.50);
	transform: scale(1, 1);
	transform-origin: center top;
	transition: transform .3s;
}
ul.omotenashi-list li a:hover .container-btn p:before , ul.connection-list li a:hover .container-btn p:before{transform: scale(0, 1);}
.container-btn p:after{
	content: "";
	position: absolute;
	display: block;
	transition: all .3s;
	width: 5px;
	height: 13px;
	top: 50%;
	right: 20px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	transform: translateY(-50%) rotate(45deg) skewX(-45deg);
}
ul.omotenashi-list li a:hover .container-btn p:after , ul.connection-list li a:hover .container-btn p:after{
	height: 16px;
	right: 17px;
	border-top: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
}

.project-category {
	text-align: center;
}
.project-category p{
	font-size: 25px;
	display: inline-block;
	padding: 5px 50px;
	text-align: center;
	border-radius: 10px;
	background-color: #FFE7E7;
	margin: 0 auto 40px;
}
.connection .project-category p{
	background-color: #dbe3f3;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.project-category p{
		font-size: 17px;
		padding: 5px 30px;
		margin: 0 auto 20px;
	}

}

ul.project li {
	border: 5px solid #FFE7E7;
	/*background-color: #FFE7E7;*/
	padding: 30px 40px 35px;
	border-radius: 20px;
	margin-bottom: 30px;
}
ul.project li h3 {
	font-size: 20px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	padding-right: 130px;
	margin-bottom: 20px;
	position: relative;
}
ul.project li h3.c-2 {
	padding-right: 230px;
}
ul.project li .data {
	position: absolute;
	top: -5px;
	right: 0;
}
ul.project li .data p {
	background-color: #2980b9;
	font-size: 18px;
	font-family: A1 Gothic M , '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	display: inline-block;
	text-align: center;
	padding: 2px 15px;
	color: #FFFFFF;
	border-radius: 10px;
}
ul.project li .data p.r4 {
	background-color: #c0392b;
}
ul.project li .data .green {
	background-color: #99cc33 !important;
}
ul.project li .data p.p2{
	top: 70px;
	right: 30px;
}
ul.project li h3.p2 {
	margin-bottom: 40px;
}
ul.project li p.text {
}

.connection ul.project li {
	border: 5px solid #dbe3f3;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	ul.project li {
		padding: 20px 20px 25px;
		margin-bottom: 25px;
	}
	ul.project li h3 {
		font-size: 18px;
		padding-right: 0;
		margin-bottom: 17px;
	}
	ul.project li .data {
		position: static !important;
		display: inline-block;
	}
	ul.project li .data p {
		font-size: 14px;
		padding: 1px 10px;
		margin-bottom: 10px;
	}
	ul.project li h3.p2 {
		margin-bottom: 17px;
	}

}

.omotenashi-no , .connection-no{
	font-size: 20px;
	line-height: 40px;
	display: inline-block;
	vertical-align: text-bottom;
	width: 40px;
	margin-right: 10px;
	text-align: center;
	border-radius: 50%;
	color: #FFFFFF;
	background-color: #c0392b;
}
.connection-no{
	background-color: #2980b9;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.omotenashi-no , .connection-no{
		font-size: 17px;
		line-height: 30px;
		vertical-align: inherit;
		width: 30px;
		margin-right: 10px;
	}

}



ul.movie-relay {
}
ul.movie-relay li {
	text-align: center;
}
ul.movie-relay li div.youtube {
	margin-bottom: 10px;
}
ul.movie-relay li p {
}
ul.movie-relay li h3 {
	font-size: 18px;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){


}


ul.s-by-s-img {
	display: flex;
	justify-content: center;
	align-items: center;
}
ul.s-by-s-img li {
	text-align: center;
	margin: 0 10px;
}
ul.s-by-s-img li img {
	width: auto;
	height: 150px;
}
ul.s-by-s-img li img.qr {
	width: auto;
	height: 100px;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	ul.s-by-s-img {
		display:flex; 
		justify-content:center;
		flex-wrap: wrap;
	}
	ul.s-by-s-img li {
		text-align: center;
		margin: 0 0 20px;
	}
	ul.s-by-s-img li img {
		width: 100%;
		height: auto;
	}
	ul.s-by-s-img li img.qr {
		width: 200px;
		height: auto;
	}

}

.sdgs-box{
	border: 2px solid #99cc33;
	padding: 40px 40px 20px;
	margin-bottom: 50px;
}
.sdgs-box .block{
	margin: 15px 0;
}
.sdgs-box .block h3.p02{
	font-weight: bold;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:768px){

	.sdgs-box{
		padding: 20px 20px 7px;
		margin-bottom: 50px;
	}
	.sdgs-box .block{
		margin: 15px 0;
	}

}

.kizuna-summit-artist li p{
	padding: 15px;
	border-radius: 10px;
}
.kizuna-summit-artist li:nth-child(1) p{background-color: #edf6f2;}
.kizuna-summit-artist li:nth-child(2) p{background-color: #fdedf3;}
.kizuna-summit-artist li:nth-child(3) p{background-color: #fff5e0;}

.kizuna-summit-covid‑19{
	background-color: #f3f8f3;
	padding: 30px;
}

.border-box02{
	border: 1px solid #99cc33;
	padding: 10px 20px;
}
.border-box02.b-r{
	border-color: #eb6168;
}