@charset "UTF-8";

 /* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   共通
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
/*@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    src:
        url('/project/livinglab/css//project/livinglab/css/fonts/NotoSerifJP-Regular.woff2') format('woff2'),
        url('/project/livinglab/css/fonts/NotoSerifJP-Regular.woff') format('woff'),
        url('/project/livinglab/css/fonts/NotoSerifJP-Regular.otf') format('opentype');
    font-display: swap;
}*/

body{
	/*font-family: "Times New Roman",Times,serif;*/
	font-family:  "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-weight:bold;
    font-style: normal;	
	color:#000;
    
	
	/* Safariでtransitionをかけると、文字が一瞬細くなるバグの解決*/
	-webkit-font-smoothing: antialiased;
}

div.inner{
	width:calc(100% - 120px);
	height:100%;
	max-width:1200px;
	padding:0 60px;
	margin:0 auto;
	position:relative;
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
div.inner{
	width:calc(100% - 60px);
	padding:0 30px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
div.inner{
	width:calc(100% - 30px);
	padding:0 15px;
}
}

.adjust-box {
    position: relative;
    width: 50%;
    height: auto;
    background: #EEE;
}
.adjust-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.adjust_inner{
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

a{
	color:#000;	
}

img{
	max-width:100%;	
}

strong{
	font-weight:bold;	
}

body p{
	font-size:16px;
	line-height:2.2em;
	margin-bottom:30px;
}
/*スマホタブレット共通 */
@media print, screen and ( max-width:1229px) { 


body p{
	font-size:14px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body{
	padding-top:65px;
 
}
body p{
	font-size:12px;
}
}
/* ----------------------------------------------------------------------------------
ローディング
---------------------------------------------------------------------------------- */
.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/* ----------------------------------------------------------------------------------
スクロールに応じたアクション
---------------------------------------------------------------------------------- */
/*.action{
	opacity:0;
	transition:all 0.5s;
}
.action01{
	opacity:1;
}*/
/* ----------------------------------------------------------------------------------
見出し
---------------------------------------------------------------------------------- */
section h1{
	font-size:50px;
	text-align:center;
	margin-bottom:50px;
	position:relative;
}
section h1 span.sub{
	font-size:16px;
	display:block;
	margin-top:15px;
}
section h1.border {
}
section h1.border:before {
	display:block;
	content:" ";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	top:25px;
	z-index:1;
}
section h1.border span.big {
	position:relative;
	padding:0 15px;
	z-index:2;
}
section h1 span.more{
	position:absolute;
	right:0;
	top:-8px;
	z-index:3;
}
section h1 span.more a{
	display:block;
	width:70px;
	height:70px;
	border-radius:35px;
	background-color:#000;
	color:#fff;
	text-align:center;
	transition:all 0.5s;
}
section h1 span.more a i{
	font-size:24px;
	line-height:70px;
	display:inline-block;
	vertical-align:top;
}

section h1 span.more a span{
	opacity:0;
}


.fuchidori1 {
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  text-shadow: 3px 3px 0 #FCEE73;
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #888;
}
.fuchidori1-2 {
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  text-shadow: 1px 1px 0 #FCEE73;
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #888;
}

.fuchidori2 {
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  text-shadow: 3px 3px 0 #cd5;
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #888;
}

/*PC */
@media print, screen and ( min-width:991px) { 
section h1 span.more a span{
	display:inline-block;
	opacity:0;
	color:#fff;
	font-size:16px;
	line-height:70px;
	margin-left:0px;
	overflow:hidden;
	text-indent:-4em;
	width:0;
	transition:all 0.5s;
}
	section h1 span.more a:hover{
		width:calc(70px + 70px);
	}
	section h1 span.more a:hover span{
		opacity:1;
		width:2em;
		margin-left:10px;
		text-indent:0px;
	}
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
section h1{
	font-size:40px;
	margin-bottom:30px;
}
section h1 span.more a span{
	display:none;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
section h1{
	font-size:40px;
	margin-bottom:30px;
	text-align:left;
}
section h1 span.sub{
	font-size:14px;
	display:block;
	margin-top:10px;
	text-align:left;
}
section h1.border:before {
	top:20px;
}
section h1.border span.big {
    padding: 0 15px 0 0;
}
section h1 span.more{
	position:absolute;
	right:0;
	top:0;
	z-index:3;
}
section h1 span.more a{
	display:block;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:#000;
	color:#fff;
	transition:all 0.5s;
}
section h1 span.more a i{
	font-size:18px;
	line-height:40px;
	display:inline-block;
	vertical-align:top;
}
section h1 span.more a span{
	display:none;
}
}
/* ----------------------------------------------------------------------------------
ボタン
---------------------------------------------------------------------------------- */

.btn a{
	display:inline-block;
	padding:15px ;
	border-radius:30px;
	line-height:1em;
	min-width:200px;
	text-align:center;
	position:relative;
	overflow:hidden;
	font-size:14px;
	z-index:2;
	transition:all 0.3s;
}

.btn.big a{
	display:block;
	padding:30px 15px ;
	width:calc(100% - 30px);
	font-size:18px;	
	line-height:1.3em;
}

.btn a:before{
	content:" ";
	display:block;
	border-radius:30px;
	width:0;
	height:100%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0;
	z-index:-1;
	
	transition:all 0.8s;
}
.btn a:after{
	content:" ";
	display:block;
	border-radius:30px;
	width:0;
	height:100%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0;
	z-index:-1;	
	transition:all 0.4s;
}
.btn.type01 a{
	background-color:#000;
	color:#fff;
}
.btn.type02 a{
	background-color:#a0a0a0;
	color:#fff;
}
.btn.type03 a{
	background-color:#EDD923;
	color:#000;
}
/*PC */
@media print, screen and ( min-width:991px) { 
.btn a:hover:before{
	width:100%;
	left:0;
	opacity:0.3;
	background-color:#fff;
}
.btn a:hover:after{
	width:100%;
	left:0;
	opacity:0.3;
	background-color:#fff;
}
.btn a:hover{
	box-shadow:0px 5px 0 rgba(0,0,0,0.3);
}
.btn.type04 a {
	position:relative;
	min-width:auto;
}
.btn.type04 a:hover{
	box-shadow:none;
}
.btn.type04 a:before {
	height:0px;
	width:0px;
	position:absolute;
	top:50%;
	left:50%;
	border-radius:25px;
	content:" ";
	opacity:0;
	transition:all 0.5s;
	background-color:rgba(0,0,0,0.1);
	z-index:-1;
}
.btn.type04 a:hover:before {
	height:50px;
	width:100%;
	top:calc(50% - 25px);
	left:0;
	opacity:1;
	
}
.btn.type05 a {
	position:relative;
	min-width:auto;
}
.btn.type05 a:hover{
	box-shadow:none;
}
.btn.type05 a:before {
	height:0px;
	width:0px;
	position:absolute;
	top:50%;
	left:50%;
	border-radius:25px;
	content:" ";
	opacity:0;
	transition:all 0.5s;
	background-color:rgba(255,255,255,0.3);
	z-index:-1;
}
.btn.type05 a:hover:before {
	height:50px;
	width:100%;
	top:calc(50% - 25px);
	left:0;
	opacity:1;
	
}

.btn.type05 a {
	position:relative;
	min-width:auto;
}
.btn.type05 a:hover{
	box-shadow:none;
}
.btn.type05 a:before {
	height:0px;
	width:0px;
	position:absolute;
	top:50%;
	left:50%;
	border-radius:25px;
	content:" ";
	opacity:0;
	transition:all 0.5s;
	background-color:rgba(255,255,255,0.3);
	z-index:-1;
}
.btn.type05 a:hover:before {
	height:50px;
	width:100%;
	top:calc(50% - 25px);
	left:0;
	opacity:1;
	
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 

}
/* ----------------------------------------------------------------------------------
背景で常時再生動画
---------------------------------------------------------------------------------- */
div.automovie {
	width:100%;
	min-height:100%;
	position:fixed;
	top:0;
	z-index:-1;
	background-color:#f0f0f0;
	background-image:url(/project/livinglab/img/back_icon_img02.svg);
	background-repeat:repeat;
	background-size:auto 1000px;
	-webkit-animation: bgscroll 50s linear infinite;
    animation: bgscroll 50s linear infinite;
}
@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -1000px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -1000px;}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
div.automovie {
	
}
}

/* ----------------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------------- */
header#header {
	width:calc(100% - 120px);
	max-width:1200px;
	position:fixed;
	top:0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index:1000;
	height:100px;
	background-color:#fff;
}
header#header h1 {
	width:25%;
	max-width:307px;
	padding:20px 0 0 45px;
	float:left;
}
header#header h1 a {
}
header#header h1 a img {
	width:100%;
}
		header#header.support h1 {
			width:400px;
		}
header#header nav#menu {
	width:calc(75% - 45px);
	/*max-width:calc(100% - 352px);*/
	float:right;
}
		header#header.support nav#menu {
			width:calc(100% - 420px);
		}
header#header nav#menu ul {
	text-align:right;
	padding-right:0px;
	font-size:0px;
}
header#header nav#menu ul li {
	display:inline-block;
	font-size:15px;
	vertical-align: top;
	position:relative;
}
header#header nav#menu ul li a {
	display:block;
	line-height:100px;
	padding:0 20px;
	font-size: 0.9em;
	text-align:center;
}

header#header nav#menu ul li.fb {
	margin-right:30px;
}
header#header nav#menu ul li.fb a {
	color:#3B5998;
	font-size:25px;
}
header#header nav#menu ul li.fb a img{
	vertical-align: inherit;
}



/*PC */
@media print, screen and ( min-width:1100px) { 
header#header {
	
}
header#header nav#menu ul li a {
	position:relative;
	transition:all 0.3s;
}
header#header nav#menu ul li a:before {
	height:0px;
	width:0px;
	position:absolute;
	top:50%;
	left:50%;
	border-radius:25px;
	content:" ";
	opacity:0;
	transition:all 0.5s;
	background-color:#efefef;
	z-index:-1;
}
header#header nav#menu ul li a:hover:before {
	height:50px;
	width:100%;
	top:calc(50% - 25px);
	left:0;
	opacity:1;
	background-color:#efefef;
	
}
header#header nav#menu ul li.fb a:before  {
	background-color:#3B5998;
}
header#header nav#menu ul li.fb a:hover:before  {
	width:50px;
	left:calc(50% - 25px);
}
}

/*スマホタブレット共通 */
@media print, screen and ( max-width:1099px) { 

header#header {
	width:100%;
	position:fixed;
	top:0;
	left: 50%;
	transform: translate(-50%, 0);
	height:65px;
}
header#header h1 {
	width:auto;
	height:50px;
	padding:15px 0 0 15px;
	text-align:left;
	margin: 0;
}

header#header h1 a img {
	width:200px;
}
		header#header.support h1 {
			width:auto;
			height:30px;
			padding:20px 0 0 15px;
		}
		header#header.support h1 img {
			width:auto;
			height:100%;
		}
/*メニュー部分*/
	header#header nav#menu{
		display:none;
		position: fixed;
		top:0;
		width: 100% !important;
		height: 100vh;
		background:rgba(255,255,255,1);
		left: 0;
	}
	header#header nav#menu > ul{
		display: block;
		width: 90%;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
	}
	header#header nav#menu ul li{
		display:block;
		margin: 0 auto;
		text-align: center;
		float:none;
		line-height:50px;
	}
	header#header nav#menu ul li:last-child{
		border: none;
		margin-right:0;
		margin-top:15px;
	}
	header#header nav#menu ul li:last-child img{
		width:30px;
	}
	header#header nav#menu ul li a{
		display: inline-block !important; 
		line-height:40px;
		background-color:#fff;
		position: relative;
		z-index: 1;
	}

	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		float:right;
		top: 4px;
		z-index: 100;
		padding: 17px 20px 0 0;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 1px;
		background: #aaa;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}



header#header p.mobile_menu_open{
	display:block;
	position:absolute;
	right:30px;
	top:20px;
}
header#header p.mobile_menu_open a{
	display:block;
	position:relative;
	width:30px;
	height:12px;
}
header#header p.mobile_menu_open span{
	display:block;
	width:100%;
	height:1px;
	background-color:#aaa;
	border-radius:1px;
	position:absolute;
	top:0px;
	left:0;

}
header#header p.mobile_menu_open span:before{
	display:block;
	content:" ";
	width:100%;
	height:1px;
	background-color:#aaa;
	border-radius:1px;
	position:absolute;
	top:8px;
	left:0px;
}
header#header p.mobile_menu_open span:after{
	display:block;
	content:" ";
	width:100%;
	height:1px;
	background-color:#aaa;
	border-radius:1px;
	position:absolute;
	top:16px;
	left:0;
}

header#header div.mobile{
	display:none;
}
nav#menu ul{
	padding-top:60px;
	
}

/*nav#menu ul:before{
	content:"MENU";
	display:block;
	padding:30px 0;
	text-align:center;
	
}*/

nav#menu ul li {
	float:none;
	text-align:center;
	
}
nav#menu ul li a {
	display:block;
	line-height:40px;
	height:40px;
	padding:0 30px;
	color:#333;
	position:relative;
	
	/*font-family: brandon-grotesque;
    font-weight: 500;
    font-style: normal;*/
}
nav#menu ul li a img {
	width:60px;
}
}
}
/* ----------------------------------------------------------------------------------
ページタイトル部
---------------------------------------------------------------------------------- */
div.page_title{
}
div.page_title h1 {
	font-size:50px;
	text-align:center;
	padding-top:190px;
	padding-bottom:100px;
}
div.page_title h1 span.sub {
	display:block;
	margin:0 auto;
	padding-top:15px;
	font-size:16px;
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
div.page_title h1 {
	
	padding-top:130px;
	padding-bottom:50px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
div.page_title h1 {	
	padding-top:50px;
	padding-bottom:50px;
	font-size:36px;
}
}

/* ----------------------------------------------------------------------------------
本文
---------------------------------------------------------------------------------- */
article#article div.content{
	background-color:#F5FADF;
	padding:100px 0;
}

article#article div.content div.inner{
	max-width:840px;
	width:calc(100% - 60px);
	margin:0 auto 50px;
}

article#article div.content section{
	padding-bottom:30px;
}

article#article div.content section h2.title{
	font-size:24px;
	line-height:28px;
	position:relative;
	text-align:center;
	margin-bottom:30px;
	margin-top: 30px;
}
article#article div.content section h2.title:before{
	display:block;
	content:" ";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	top:50%;
	left:0;
	z-index:1;
}
article#article div.content section h2.title span{
	background-color:#F5FADF;
	display:inline-block;
	margin:0 auto;
	padding: 0 20px ;
	position:relative;
	z-index:3;

}

article#article div.content section p.text {
	text-align:left;
	font-size:14px;
}

article#article div.content section p.text2 {
	text-align:left;
	font-size:12px;
	line-height:1.8em;
}

article#article div.content section p.text a {
	text-decoration:underline;
}


article#article div.content section .visual img {
	margin-right: 1px;
	width:calc(100% - 1px);
}

article#article div.content section .right_img {
	float:right;
	width:250px;
	margin:0 0 30px 30px;
}

article#article div.content section .left_img {
	float:left;
	width:250px;
	margin:0 30px 30px 0;
}




/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
article#article div.content{
	padding-top:50px;
}
article#article div.content p{
	font-size:14px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
article#article div.content{
	padding:50px 0;
}
article#article div.content div.inner{
	max-width:840px;
	width:calc(100% - 30px);
	margin:0 auto 50px;
}
article#article div.content section h2.title{
	font-size:18px;
	line-height:24px;
	margin-bottom:15px;
}
article#article div.content section p.text {
	font-size:12px;
	margin-bottom:15px;
}
article#article div.content section p.text br{
	display:none;
}

article#article div.content section .visual.right_img {
	width:calc(50% - 15px);
	margin:0 0 15px 15px;
}

article#article div.content section .visual.left_img {
	width:calc(50% - 15px);
	margin:0 15px 15px 0;
}
}



/* ----------------------------------------------------------------------------------
カラムレイアウト
---------------------------------------------------------------------------------- */
ul.two_clum{
	text-align:center;
	font-size:0px;
	padding:0;
	margin-bottom:30px;
	letter-spacing:-9999px;
}

ul.two_clum li{
	display:inline-block;
	font-size:14px;
	width:calc(100%/2);
	vertical-align:top;
	padding:0;
	letter-spacing:normal;
}

ul.two_clum li img{
	max-width:100%;
}

ul.three_clum{
	text-align:center;
	font-size:0px;
	padding:0;
	margin-bottom:30px;
	letter-spacing:-9999px;
}

ul.three_clum li{
	display:inline-block;
	font-size:14px;
	width:calc(100%/3);
	vertical-align:top;
	padding:0;
	letter-spacing:normal;
}

ul.three_clum li img{
	max-width:100%;
}

.clum_inner{
	padding:0 15px;
}

/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 

}
/*スマホ */
@media print, screen and (max-width:480px)  { 
ul.two_clum{
	margin-bottom:15px;
}
ul.three_clum{
	margin-bottom:15px;
}
ul.three_clum li{
	width:calc(100%);
}
.clum_inner{
	padding:0 0;
}
}



/* ----------------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------------- */
footer#footer {
}

/*サポーター?パートナーとして
一緒に取り組みませんか？ */
footer#footer section#work_on {
	background-image:url(/project/livinglab/img/footer_work_on_back.jpg);
	background-attachment:fixed;
	background-size:cover;
	position:relative;
}
footer#footer section#work_on:before {
	content:" ";
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	z-index:1;
}
footer#footer section#work_on div.inner {
	z-index:2;
	padding:100px 0;
}
footer#footer section#work_on div.inner h1 {
	color:#fff;
	line-height:1.3em;
	margin-bottom:30px;
	font-size:40px;
}
footer#footer section#work_on div.inner p.outline {
	color:#fff;
	text-align:center;
}
footer#footer section#work_on div.inner div.btn_area {
	text-align:center;
}
footer#footer section#work_on div.inner div.btn_area p.btn {
	display:inline-block;
	margin:0 15px;
}
footer#footer section#work_on div.inner div.btn_area p.btn a {
	font-size:14px;
	padding:20px 15px;
}

/*フッターナビ */
footer#footer nav.footer_menu {
	background-color:#000;
	padding:15px 0;
}
footer#footer nav.footer_menu ul {
	text-align:center;
}
footer#footer nav.footer_menu ul li {
	display:inline-block;
	margin:0 20px;
}
footer#footer nav.footer_menu ul li a {
	color:#fff;
	display:block;
	padding:30px 15px;
	font-size:14px;
}

/*フッターブロック */
footer#footer div.footer_block {
	background-color:rgba(210,210,210,0.8);
	padding:50px 0;
}
footer#footer div.footer_block div.inner {
	max-width:1050px;
}
footer#footer div.footer_block div.inner div.left_block {
	width:calc(100% - 400px);
	float:left;
	text-align:center;
}
footer#footer div.footer_block div.inner div.left_block h2 {
	margin:0 0 15px 0;
}
footer#footer div.footer_block div.inner div.left_block h2 a {
	height:50px;
	display:inline-block;
	margin:0 20px;
}
footer#footer div.footer_block div.inner div.left_block h2 a img {
	height:100%;
}
footer#footer div.footer_block div.inner div.left_block p {
}
footer#footer div.footer_block div.inner div.right_block {
	width:400px;
	padding-top:10px;
	float:right;
}
footer#footer div.footer_block div.inner div.right_block p.btn {
	margin-bottom:10px;
}
footer#footer div.footer_block div.inner div.right_block p.btn a {
	width:calc(100% - 30px);
	line-height:30px;
	font-size:18px;
}
footer#footer div.footer_block div.inner div.right_block p.btn a i{
	font-size:30px;
	margin-right:10px;
	vertical-align: bottom;
}
footer#footer div.footer_block div.inner ul {
	text-align:center;
	clear:both;
	margin-bottom:30px;
	padding-top:30px;
}
footer#footer div.footer_block div.inner ul li {
}
footer#footer div.footer_block div.inner ul li a {
}
footer#footer div.footer_block div.inner p.copyright {
	margin:0;
	text-align:center;
}

/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
footer#footer div.footer_block div.inner div.left_block {
	width:calc(100% - 300px);
	float:left;
	text-align:center;
}
footer#footer div.footer_block div.inner div.right_block {
	width:300px;
	padding-top:10px;
	float:right;
}
footer#footer div.footer_block div.inner div.right_block p.btn a {
	font-size:14px;
}
/*フッターナビ */
footer#footer nav.footer_menu {
	display:none;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
/*サポーター?パートナーとして
一緒に取り組みませんか？ */
footer#footer section#work_on {
	background-attachment:scroll;
	background-size:cover;
	background-position:center center;
}

footer#footer section#work_on div.inner {
	z-index:2;
	padding:50px 0 30px 0;
}
footer#footer section#work_on div.inner h1 {
	margin-bottom:30px;
	font-size:24px;
}
footer#footer section#work_on div.inner p.outline {
	text-align:left;
}
footer#footer section#work_on div.inner p.outline br{
	display:none;
}
footer#footer section#work_on div.inner div.btn_area p.btn {
	margin:0 0 15px;
}

/*フッターナビ */
footer#footer nav.footer_menu {
	display:none;
}

/*フッターブロック */
footer#footer div.footer_block {
	background-color:rgba(210,210,210,0.8);
	padding:50px 0;
}
footer#footer div.footer_block div.inner {
}
footer#footer div.footer_block div.inner div.left_block {
	width:100%;
	float:none;
}
footer#footer div.footer_block div.inner div.right_block {
	width:100%;
	padding-top:10px;
	float:right;
}
footer#footer div.footer_block div.inner div.right_block p.btn {
	margin-bottom:10px;
}
footer#footer div.footer_block div.inner div.right_block p.btn a {
	width:calc(100% - 30px);
	line-height:30px;
	font-size:16px;
}
footer#footer div.footer_block div.inner div.right_block p.btn a i{
	font-size:30px;
	margin-right:10px;
	vertical-align: bottom;
}
footer#footer div.footer_block div.inner ul {
	text-align:center;
	clear:both;
	margin-bottom:30px;
	padding-top:30px;
}
footer#footer div.footer_block div.inner ul li {
}
footer#footer div.footer_block div.inner ul li a {
}
footer#footer div.footer_block div.inner p.copyright {
	margin:0;
	text-align:center;
}
}
/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   トップページ
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------- */
body.top section#first {
	height:645px;
	position:relative;
}
body.top section#first div.inner {
}
body.top section#first div.inner div.block{
	width:390px;
	height:365px;
	position:absolute;
	top:225px;
	left:60px;
	background-color:#fff;
	padding:55px 0 0 30px;
	/*background-image:url(/project/livinglab/img/about_list_back01.png);
	background-size:100% 100%;
	background-repeat:no-repeat;*/
}
body.top section#first div.inner h1 {
	font-size:60px;
	margin-bottom:15px;
	line-height:1.25em;
	text-align:left;
}
body.top section#first div.inner p {
	font-size:30px;
	line-height:1.25em;
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
body.top section#first {
	height:400px;
	position:relative;
}
body.top section#first div.inner {
}
body.top section#first div.inner div.block{
	width:390px;
	height:365px;
	position:absolute;
	top:95px;
	left:30px;
	background-color:#fff;
	padding:55px 0 0 30px
}
body.top section#first div.inner h1 {
	font-size:60px;
	margin-bottom:15px;
	line-height:1.25em;
	text-align:left;
}
body.top section#first div.inner p {
	font-size:30px;
	line-height:1.25em;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.top section#first {
	height:auto;
	position:relative;
}
body.top section#first div.inner {
}
body.top section#first div.inner div.block{
	width:100%;
	height:auto;
	position:relative;
	top:0px;
	left:0;
	background-color:rgba(255,255,255,0.8);
	box-sizing:border-box;
	padding:50px 0;
	margin-top:50px;
}

body.top section#first div.inner h1 {
	font-size:48px;
	margin-bottom:15px;
	line-height:1.25em;
	text-align:left;
	padding-left:20px;
}
body.top section#first div.inner p {
	font-size:24px;
	line-height:1.25em;
	text-align:left;
	padding-left:20px;
	margin-bottom:0;
}
}
/* ----------------------------------------------------------------------------------
リビングラボについて
---------------------------------------------------------------------------------- */

body.top section#about {
	background-image:url(/project/livinglab/img/about_back01.png);
	background-position:center top;
	margin-top:-645px;
	padding-top:645px;
}
body.top section#about div.wrap {
	background-image:url(/project/livinglab/img/about_back02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
body.top section#about div.inner {
}
body.top section#about div.outline {
	width:50%;
	float:right;
	padding-top:140px;
}
body.top section#about div.outline h1 {
	text-align:left;
	margin:0 0 30px 0;
	position:relative;
}
body.top section#about div.outline h1 span.sub {
	display:inline;
	margin-top:0;
}
body.top section#about div.outline h1 span.icon {
	display:block;
	position:absolute;
	left: 7.8em;
    bottom: 0.5em;
    max-width: 30%;
}
body.top section#about div.outline p {
}
body.top section#about ol {
	clear:both;
	width:100%;
	
}
body.top section#about ol li {
	width: calc(100%/3 - 40px);
	box-sizing:border-box;
	height: auto;
	margin-right:60px;
	float:left;
	
	text-align:center;
	position:relative;
	
}
body.top section#about ol li:before {
	content: "";
    display: block;
    padding-top: 100%;	
}
body.top section#about ol li div.adjust {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	background-color:#fff;
	background-image:url(/project/livinglab/img/about_list_back01.png);
	background-size:100%;
	background-repeat:no-repeat;
}
		  body.top section#about ol li:nth-of-type(1) {
			  margin-top:-60px;
		  }
		  body.top section#about ol li:nth-of-type(2) {
			  margin-top:60px;
		  }
		  body.top section#about ol li:nth-of-type(3) {
			 margin-top:180px;
			 margin-right:0;
		  }
		  body.top section#about ol li:nth-of-type(4) {
			  margin-top:-180px;
		  }
		  body.top section#about ol li:nth-of-type(5) {
			 margin-top:-60px;
		  }
		  body.top section#about ol li:nth-of-type(6) {
			  margin-top:60px;
			  background-color:transparent;
			  background-image:none;
			  margin-right:0;
		  }
		  body.top section#about ol li:nth-of-type(6) div.adjust {
			  background-color:transparent;
			  background-image:none;
		  }
body.top section#about ol li h2 {
	font-size:50px;
	margin-top:-25px;
	position:relative;
	z-index:4;
	transition:0.3s all;
}
body.top section#about ol li div.adjust:hover h2 {
	color:#FCEE73;
}
body.top section#about ol li p {
	font-size:24px;
	margin-bottom:0;
}
		body.top section#about ol li:nth-of-type(6) p {
			font-size:16px;
			text-align:left;
			margin-bottom:30px;
		}

body.top section#about ol li div.adjust div.more{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.7);
	z-index:3;
	transition:all 0.3s;
	display: none;
}
body.top section#about ol li div.adjust:hover div.more{
	opacity:1;
}
body.top section#about ol li div.adjust div.more h3{
	font-size:24px;
	color:#fff;
	padding-top:calc(50% - 50px);
	line-height:1.3em;
	transition:all 0.3s;
}
body.top section#about ol li div.adjust:hover div.more h3{
	padding-top:calc(50% - 75px);
}
body.top section#about ol li div.adjust div.more h3 span{
	display:block;
}
body.top section#about ol li div.adjust div.more p.big{
	color:#fff;
	font-size:80px;
	line-height: 1.3em;
}
body.top section#about ol li div.adjust div.more p.big span{
	font-size:24px;
}
body.top section#about ol li div.adjust div.more p.small{
	color:#fff;
	font-size:0.7em;
	opacity:0.6;
}

@media print, screen and (min-width:1025px) and ( max-width:1260px) { 
body.top section#about div.outline p br{
	display:none;
}
body.top section#about ol li:nth-of-type(6) p {
	font-size:14px;			
}
body.top section#about ol li:nth-of-type(6) p br{
	display:none;		
}
}

/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
body.top section#about {
	background-image:url(/project/livinglab/img/about_back01.png);
	background-position:center top;
	margin-top:-645px;
	padding-top:645px;
}
body.top section#about div.wrap {
	background-image:url(/project/livinglab/img/about_back02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
body.top section#about div.inner {
}
body.top section#about div.outline {
	width:100%;
	float:left;
	margin-bottom:10px;
	padding-top:180px;
}
body.top section#about div.outline h1 span.icon {
	left: 8.7em;
    max-width: 70px;
}
body.top section#about ol li {
	width: calc(100%/3 - 20px);
	margin-right:30px;
	margin-bottom:30px;	
}

		  body.top section#about ol li:nth-of-type(1) {
			  margin-top:0px;
		  }
		  body.top section#about ol li:nth-of-type(2) {
			  margin-top:0px;
		  }
		  body.top section#about ol li:nth-of-type(3) {
			 margin-top:0px;
			 margin-right:0;
		  }
		  body.top section#about ol li:nth-of-type(4) {
			  margin-top:0px;
		  }
		  body.top section#about ol li:nth-of-type(5) {
			 margin-top:0px;
		  }
		  body.top section#about ol li:nth-of-type(6) {
			  width:100%;
			  margin-top:0;
		  }
		  body.top section#about ol li:nth-of-type(6):before {
			  content: "";
			  display: block;
			  padding-top: 20%;	
		  }
		  body.top section#about ol li:nth-of-type(6) div.adjust {
			  background-color:transparent;
			  background-image:none;
		  }
body.top section#about ol li h2 {
	font-size:40px;
	margin-top:-20px;
}
body.top section#about ol li p {
	font-size:18px;
	margin-bottom:0;
}
		body.top section#about ol li:nth-of-type(6) p {
			font-size:14px;			
		}
		body.top section#about ol li:nth-of-type(6) p br{
			display:none;		
		}

body.top section#about ol li div.adjust div.more h3{
	font-size:18px;
	padding-top:calc(50% - 30px);
}
body.top section#about ol li div.adjust:hover div.more h3{
	padding-top:calc(50% - 55px);
}
body.top section#about ol li div.adjust div.more p.big{
	font-size:60px;
	line-height: 1.3em;
}
body.top section#about ol li div.adjust div.more p.big span{
	font-size:24px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.top section#about {
	background-image:url(/project/livinglab/img/about_back01.png);
	background-position:left top;
	margin-top: 0px;
    padding-top: 100px;
}
body.top section#about div.wrap {
	background-image:url(/project/livinglab/img/about_back02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
body.top section#about div.outline {
	width:100%;
	float:none;
	padding-top:0px;
}
body.top section#about div.outline h1 {
	text-align:left;
	margin:0 0 30px 0;
}
body.top section#about div.outline h1 span.sub {
	display:block;
	margin-top:15px;
}
body.top section#about div.outline h1 span.icon {
	display: block;
    position: absolute;
    left: 180px;
    right: 0;
    bottom: 0.2em;
    width: 75px;
}
body.top section#about div.outline p br{
	display:none;
}
body.top section#about ol {
	clear:both;
	width:100%;
	
}
body.top section#about ol li {
	width: calc(100%/2 - 7.5px);
	box-sizing:border-box;
	height: auto;
	margin-right:15px;
	margin-bottom:30px;
	float:left;
	
	text-align:center;
	position:relative;
	
}
body.top section#about ol li:before {
	content: "";
    display: block;
    padding-top: 100%;	
}
body.top section#about ol li div.adjust {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	background-color:#fff;
	background-image:url(/project/livinglab/img/about_list_back01.png);
	background-size:100%;
	background-repeat:no-repeat;
}
		  body.top section#about ol li:nth-of-type(1) {
			  margin-top:0px;
		  }
		  body.top section#about ol li:nth-of-type(2) {
			  margin-top: 25%;
			  margin-right:0px;
		  }
		  body.top section#about ol li:nth-of-type(3) {
			 margin-top: -25%;
			 margin-right:15px;
		  }
		  body.top section#about ol li:nth-of-type(4) {
			  margin-top: 0;
			  margin-right:0px;
		  }
		  body.top section#about ol li:nth-of-type(5) {
			 margin-top: -25%;
		  }
		  body.top section#about ol li:nth-of-type(6) {
			  margin-top:0px;
			  background-color:transparent;
			  background-image:none;
			  margin-right:0;
			  width:100%;
		  }
		  body.top section#about ol li:nth-of-type(6):before {
			  content: "";
			  display: block;
			  padding-top: 70%;	
		  }
		  body.top section#about ol li:nth-of-type(6) div.adjust {
			  background-color:transparent;
			  background-image:none;
		  }
body.top section#about ol li h2 {
	font-size:30px;
	margin-top:-15px;
}
body.top section#about ol li p {
	font-size:16px;
	margin-bottom:0;
}
		body.top section#about ol li:nth-of-type(6) p {
			font-size:12px;
			text-align:left;
			margin-bottom:15px;
		}
		body.top section#about ol li:nth-of-type(6) p br{
			display:none;
		}
		body.top section#about ol li:nth-of-type(6) p.btn {
			text-align:center;
		}
body.top section#about ol li div.adjust div.more h3{
	font-size:14px;
	padding-top:calc(50% - 15px);
}
body.top section#about ol li div.adjust:hover div.more h3{
	padding-top:calc(50% - 40px);
}
body.top section#about ol li div.adjust div.more p.big{
	font-size:40px;
	line-height: 1.3em;
}
body.top section#about ol li div.adjust div.more p.big span{
	font-size:18px;
}
}
/* ----------------------------------------------------------------------------------
イベント
---------------------------------------------------------------------------------- */
section#event {
	background-color:#F5FADF;
	padding:50px 0;
}
section#event h1 {
}

section#event h1.border span.big {
	background-color:#F5FADF;
}

div.slider {
	width: calc(100% + 60px);
	margin:0 -30px;
}
div.slide {
	
}
div.slide_inner {
	background-color:#fff;
	width: calc(100% - 60px);
	margin:0 auto;
	padding-bottom:20px;
}
div.slide div.visual {
	
}
div.slide div.visual a{
	display:block;
	background-color:#E0EBAF;
	text-align:center;
	padding:50px 0;
	transition:all 0.5s;
}
div.slide div.visual img {
	width:100px;
	height:100px;
	margin:0 auto 15px auto;
	transition:all 0.5s;
}
div.slide div.visual span {
	font-size:24px;
	font-weight:bold;
}
div.slide div.eyecatch {
	display:block;
	width:100%;
	height:200px;
	overflow: hidden;
	background-color: #efefef;
	transition:all 0.5s;
}
div.slide div.eyecatch img {
	display: block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.5s;
}
div.slide div.eyecatch:hover{
	background-color: #edd923;
}
div.slide div.eyecatch:hover img{
	transform: scale(1.1);
}
div.slide ul {
	text-align:center;
	padding:20px 0 10px 0;
}
div.slide ul li {
	display:inline-block;
	margin:0 5px;
	position:relative;
}
div.slide ul li img {
	background-color:#E0EBAF;
	border-radius:50%;
	width:45px;
	height:45px;
}
div.slide ul li {
    position: relative;
}
div.slide ul li span.tooltip {
    visibility: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 500ms;
    width: 120px;
    bottom: 125%;
    left: 50%; 
    margin-left: -60px;
}
div.slide ul li span.tooltip > .text {
    background-color: black;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    display: inline-block;
}
div.slide ul li span.tooltip > .text::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
div.slide ul li:hover > .tooltip {
    visibility: visible;
    opacity: 1;
}
div.slide h2 {
	padding:0 20px;
	line-height:2em;
	min-height:96px;
	margin:0 0 20px 0;
}
div.slide dl {
	padding:0 20px;
	margin-bottom:10px;
	min-height:90px;
	font-weight:normal;
}
div.slide dl dt {
	width:70px;
	background-color:#efefef;
	line-height:20px;
	text-align:center;
	font-size:12px;
	float:left;
	clear:left;
	margin:0 10px 10px 0;
}
div.slide dl dd {
	font-size:12px;
	line-height:20px;
	padding:0 0 0 80px;
	margin:0 0 10px 0;
}
div.slide p.dl {
	padding:0 20px;
	margin-bottom:15px;
}
div.slide p.dl a {
	width:calc(100% - 30px );
	font-size:14px !important;
	line-height:14px !important;
	display:block;
}
div.slider .slick-prev, div.slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    font-family: fontAwesome;
    background-color: rgba(0,0,0,01);
	color:#fff;
	
    text-align: center;
    z-index: 100;
}

.slick-prev:before, .slick-next:before {
    /* font-family: 'slick'; */
    font-size: 30px !important;
    opacity: 1 !important;
    color: #fff;
	line-height:60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {
    /* content: '??’'; */
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: bold;
	line-height:60px;
}
.slick-next {
    right: -30px !important;
}
.slick-prev:before {
    /* content: '???'; */
    font-family: "Font Awesome 5 Free";
    content: '\f104';
    font-weight: bold;
	
}
.slick-prev {
    left: -30px !important;
}
.slick-dots {
    bottom: -50px !important;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background-color: #A9C332 !important;
    cursor: pointer;
    border: 0;
    outline: none;
    transition: all 0.3s;
}
.slick-dots li.slick-active button {
    background-color: #999 !important;
}
/*PC */
@media print, screen and ( min-width:991px) { 
div.slide div.visual a:hover{
	background-color:#d4e09e;
}
div.slide div.visual a:hover img{
	transform:scale(1.2)
}
}
/*タブレット　スマホ共通 */
@media print, screen and ( max-width:1024px) { 
div.slider {
	width: calc(100% + 30px);
	margin:0 -15px;
}

div.slide_inner {
	background-color:#fff;
	width: calc(100% - 30px);
	margin:0 auto;
	padding-bottom:20px;
}
div.slide div.visual {
	padding:30px 0;
}
div.slide div.visual img {
	width:60px;	
}
div.slide div.visual span {
	font-size:20px;	
}
div.slide h2 {	
	line-height:1.8em;	
	min-height: auto;
}
div.slide dl {
    margin-bottom: 30px;
    min-height: auto;
}
div.slide p.dl {
	padding:0 15px;
	margin-bottom:15px;
	height:calc(1em + 30px);
	min-height:auto;
}
div.slide p.dl a {
	width:calc(100% - 30px );
	font-size:14px;
}
div.slider .slick-prev, div.slider .slick-next {
    width: 30px;
    height: 120px;
}

.slick-prev:before, .slick-next:before {
    font-size: 20px !important;
}

.slick-next {
    right: -15px !important;
}

.slick-prev {
    left: -15px !important;
}
.slick-dots {
    bottom: -50px !important;
}

}
/*スマホ */
@media print, screen and (max-width:480px)  { 
div.slide div.visual {
	padding:0;
}
div.slide div.visual a{
	padding:30px 0;
}
div.slide div.visual img {
	width:80px;	
}
div.slide div.visual span {
	font-size:16px;	
}
div.slide h2 {	
	line-height:1.6em;	
	font-size:14px;
}
div.slide p.dl a {
	font-size:12px !important;
	display:block;
	overflow:hidden;
	padding:15px 0;
	margin:0 auto;
	line-height:1em;
}

div.slider .slick-prev, div.slider .slick-next {
    width: 30px;
    height: 120px;
	top: 85px;
}

.slick-prev:before, .slick-next:before {
    font-size: 20px !important;
}

.slick-next {
    right: 0px !important;
}

.slick-prev {
    left: 0px !important;
}
.slick-dots {
    bottom: -50px !important;
}
}
/* ----------------------------------------------------------------------------------
188bet体育_188bet备用网址
---------------------------------------------------------------------------------- */
section#information {
	background-color:#F5FADF;
	padding:50px 0;
}
section#information h1 {
}

section#information h1.border span.big {
	background-color:#F5FADF;
}
div.feed_block {
	background-color:#fff;
	height:240px;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	transition:all 0.5s;
}
div.feed_block a {
	display:block;
	padding:40px 20px 0px 260px;
	height:200px;
	
}
div.feed_block a div.visual {
	width:240px;
	height:240px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	margin-right:20px;
	
	
}
div.feed_block a div.visual img {
	width:240px;
	height:240px;
	object-fit:cover;
	background-color:#E0EBAF;
	background-image:url(/project/livinglab/img/logo.svg);
	background-size:40%;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all 0.5s;
}
div.feed_block a span.date {
	font-size:16px;
	display:block;
	margin-bottom:20px;
	color:#a9c333;
}
div.feed_block a h2 span{
	display:block;
	padding: 0;
    line-height: 2em;
	max-height:6em;
	overflow:hidden;
	margin-bottom:20px;
	font-weight: normal;
    font-size: 14px;
}
div.feed_block a h2:after {
	content:"…続きをみる";
	color:#999;
}

div.feed_block:hover {
	box-shadow:10px 10px 0 rgba(0,0,0,0.1);
}

div.feed_block:hover a div.visual img {
	transform:scale(1.1);
}
@media print, screen and (max-width:480px)  { 
section#information {
	
}
section#information h1 {
	
}

section#information h1.border span.big {
	font-size:90%;
}
div.feed_block {
	height:auto;
	margin-bottom:15px;
}
div.feed_block a {
	display:block;
	padding:220px 20px 20px 20px;
	height:auto;
	
}
div.feed_block a div.visual {
	width:100%;
	height:200px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	margin-right:0px;
	
	
}
div.feed_block a div.visual img {
	width:100%;
	height:200px;
	object-fit:cover;
	background-color:#E0EBAF;
	background-image:url(/project/livinglab/img/logo.svg);
	background-size:30%;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all 0.5s;
}
div.feed_block a span.date {
	font-size: 14px;
	display:inline-block;
	text-align:center;
}
div.feed_block a h2 span{
	max-height:4.8em;
	overflow:hidden;
	line-height: 1.6em;
    font-size: 14px;
	margin-bottom:20px;
}
div.feed_block a h2:after {
	content:"…続きをみる";
	color:#999;
}
}
/* ----------------------------------------------------------------------------------
プロジェクト
---------------------------------------------------------------------------------- */
body.top section#project {
	background-image:url(/project/livinglab/img/project_back01.png);
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#F5FADF;
}
body.top section#project div.wrap {
	background-image:url(/project/livinglab/img/project_back02.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:50px 0;
}
section#project {
}
section#project h1.border span.big {
	background-color:#F5FADF;
}
ul.project_list {
}
ul.project_list > li {
	width:calc(50% - 30px);
	margin-bottom:60px;
	float:left;
}
ul.project_list > li:nth-of-type(1),
ul.project_list > li:nth-of-type(3),
ul.project_list > li:nth-of-type(5),
ul.project_list > li:nth-of-type(7),
ul.project_list > li:nth-of-type(9) {
	margin-right:60px;
}
ul.project_list > li:nth-of-type(2),
ul.project_list > li:nth-of-type(4),
ul.project_list > li:nth-of-type(6),
ul.project_list > li:nth-of-type(8),
ul.project_list > li:nth-of-type(10) {
	margin-right:0px;
}

ul.project_list > li a{
	display:block;
	background-color:#fff;
	border-radius:30px;
	position:relative;
	width:100%;
	height:500px;
	overflow:hidden;
	
	transition:all 0.5s;
}
ul.project_list li span.eyecatch {
	display:block;
	width:100%;
	height:200px;
	overflow: hidden;
	background-color: #efefef;
	transition:all 0.5s;
}
ul.project_list li span.eyecatch img {
	display: block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.5s;
}
ul.project_list li h2 {
	text-align:center;
	padding:30px 0 0;
	margin:0 0 15px 0;
	transition:all 0.5s;
}

ul.project_list li h2 span.title {
	font-size:30px;
	transition:all 0.5s;
}
ul.project_list li p.outline {
	width:auto;
	padding:0 30px;
	margin-bottom: 15px;
	overflow:hidden;
	font-size:14px;
	line-height:1.8em;
	transition:all 0.5s;
}
ul.project_list li p.outline br{
	display:none;
}

ul.project_list li div.project_partner {
	/*position:absolute;
	bottom:30px;*/
	width:100%;
	height:55px;
	overflow:hidden;
	transition:all 0.5s;
	
}
ul.project_list li div.project_partner h3 {
	background-color:#efefef;
	font-size:12px;
	text-align:center;
	width:100px;
	margin:0 auto 15px;
	line-height:20px;
	color:#666;
}
ul.project_list li div.project_partner ul {
	text-align:center;
}
ul.project_list li div.project_partner ul li {
	display:inline-block;
	height:20px;
	margin:0 15px;
}
ul.project_list li div.project_partner ul li img {
	height:100%;
}

ul.project_list li div.project_partner ul li.text {
	display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    padding: 0 15px;
    background-color: #f5fadf;
    color: #666;
    /* border: 1px solid #666; */
    border-radius: 5px;
    margin: 0 15px;
}
ul.project_list li div.project_partner ul li.text a {
	height:100%;
}
ul.project_list li p.more {
	height:1em;
	opacity: 0;
	line-height:1em;
	overflow:hidden;
	max-width:250px;
	margin:0 auto;
	text-align:center;
	border:1px solid #fff;
	border-radius:30px;
	padding:15px;
	transition:all 0.5s;
}
/*ホバー時*/
/*ul.project_list > li a:hover{
	background-color:#000;
}
ul.project_list li a:hover h2 {
	padding:30px 0 0;
	
}
ul.project_list li a:hover h2 span.icon {
	display:block;
	width:45px;
	margin:0 auto 15px;
}
ul.project_list li a:hover h2 span.icon img {
	width:100%;
}
ul.project_list li a:hover h2 span.title {
	color:#fff;
}
ul.project_list li a:hover p.outline {
	height:7em;
	overflow:hidden;
	color:#fff;
	opacity:1;
}*/
ul.project_list li a:hover p.more {
	height:1em;
	opacity:1;
	color:#fff;
	line-height: 1em;
}
/*ul.project_list li a:hover div.project_partner {
	position:absolute;
	bottom:30px;
	opacity:0;
	height:0;
	
}*/
ul.project_list > li a:hover .eyecatch{
	background-color: #edd923;
}
ul.project_list > li a:hover .eyecatch img{
	transform: scale(1.1);
}
/*ホバー時ここまで*/

section#project div.patner_list {
	background-color:#fff;
	padding:50px;
}
section#project div.patner_list h2 {
	text-align:center;
	margin-bottom:50px;
}
section#project div.patner_list h2 span.big {
	font-size:40px;
	display:inline-block;
	margin-bottom:15px;
}
section#project div.patner_list h2 span.sub {
	display:block;
}
section#project div.patner_list ul {
	text-align:center;
}
section#project div.patner_list ul li {
	height:35px;
	margin:0 10px 30px 10px;
	display:inline-block;
}
section#project div.patner_list ul li img {
	height:100%;
}
/*タブレット　スマホ共通 */
@media print, screen and ( max-width:1024px) { 

body.top section#project div.wrap {
	padding:30px 0;
}

ul.project_list > li {
	width:calc(50% - 15px);
	margin-bottom:30px;
	float:left;
}
ul.project_list > li:nth-of-type(1),
ul.project_list > li:nth-of-type(3),
ul.project_list > li:nth-of-type(5),
ul.project_list > li:nth-of-type(7),
ul.project_list > li:nth-of-type(9) {
	margin-right:30px;
}
ul.project_list > li:nth-of-type(2),
ul.project_list > li:nth-of-type(4),
ul.project_list > li:nth-of-type(6),
ul.project_list > li:nth-of-type(8),
ul.project_list > li:nth-of-type(10) {
	margin-right:0px;
}

ul.project_list > li a{
	height:500px;
}
ul.project_list li h2 {
	text-align:center;
	padding:50px 0 0;
	margin:0 0 15px 0;
	transition:all 0.5s;
}
ul.project_list li h2 span.icon {
	display:block;
	width:80px;
	margin:0 auto 15px;
	transition:all 0.5s;
}
ul.project_list li h2 span.icon img {
	width:100%;
}
ul.project_list li h2 span.title {
	font-size:30px;
	transition:all 0.5s;
}
ul.project_list li p.outline {

}
ul.project_list li p.more {
	display:none;
}
ul.project_list li div.project_partner ul li {
	display:inline-block;
	height:15px;
	margin:0 10px;
}
}

/*スマホ */
@media print, screen and (max-width:480px)  { 
ul.project_list > li {
	width:100%;
	margin-bottom:15px;
	float:none;
}
ul.project_list > li a{
	height:auto;
	padding-bottom:20px;
}
ul.project_list li h2 {
	padding:30px 0 0;
	margin:0 0 15px 0;
}
section#project div.patner_list {
	background-color:#fff;
	padding:15px;
	padding-top:30px;
}
section#project div.patner_list h2 {
	text-align:center;
	margin-bottom:30px;
}
section#project div.patner_list h2 span.big {
	font-size:36px;
}
section#project div.patner_list ul li {
	height:25px;
	margin:0 5px 15px ;
}
section#project div.patner_list ul li img {
	height:100%;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   リビングラボについて
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
body.about ul.three_clum li {
    width: calc(100%/3);
}
/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   プロジェクト
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
body.project section#project {
	max-width:1200px;
	padding:0 60px;
	width:calc(100% - 120px);
	margin:0 auto;
}

/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
body.project section#project {
	width:calc(100% - 60px);
	padding:0 30px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.project section#project {
	width:calc(100% - 30px);
	padding:0 15px;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   188bet体育_188bet备用网址
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
body.information section#event {
	max-width:1200px;
	padding:0 60px;
	width:calc(100% - 120px);
	margin:0 auto;
}
body.information section#event div.inner {
	width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    margin: 0 -30px;
    padding: 0;
	display:flex;
	flex-wrap:wrap;
}
body.information div.slide {
	width:calc(100%/3);
	float:left;
	margin-bottom:60px;
}
div.slide_inner {
	height:100%;
}
body.information div.slide div.visual {
	padding:0;
}
body.information div.slide div.visual a {
	padding:30px 0;
}
body.information div.slide div.visual img {
	width:100px!important;
	margin:0 auto 15px ;
	display:inline-block!important;
}
body.information div.slide div.visual span {
	display:block!important;
}
body.information div.slide div.eyecatch {
	padding:0;
	background-color: #E0EBAF;
}
body.information div.slide div.eyecatch a{
	display: block;
	width:100%;
	height:200px;
	overflow: hidden;
}
body.information div.slide div.eyecatch img{
	width:100%;
	height:100%;
	display: block;
	object-fit: cover;
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 

body.information div.slide {
	width:calc(100%/2);
	float:left;
	margin-bottom:60px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.information section#event {
	padding:0 15px;
	width:calc(100% - 30px);
}
body.information section#event div.inner {
	width: calc(100% + 30px);
    margin: 0 -15px;
}

body.information div.slide {
	width:calc(100%);
	float:none;
	margin-bottom:45px;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   サポーターシステム
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

body.supporter {
	
}

body.supporter ul.three_clum {
}
body.supporter ul.three_clum li {
}
body.supporter ul.three_clum li div.clum_inner {
}
body.supporter ul.three_clum li div.clum_inner img {
	margin-bottom:20px;
}
body.supporter ul.three_clum li div.clum_inner h3 {
	margin-bottom:20px;
	font-size:16px;
}

body.supporter ol {
}
body.supporter ol li {
	margin-bottom:30px;
}
body.supporter ol li h3 {
	line-height:60px;
	font-size:18px;
	margin-bottom:30px;
}
body.supporter ol li h3 span.num {
	display:inline-block;
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	background-color:#E0EBAF;
	margin-right:15px;
	float:left;
	text-align:center;
}
body.supporter ol li h3 span.text {
	display:block;
	padding-left:75px;
	padding-top:16px;
	line-height:30px;
	
}
body.supporter ol li div.block {
	padding-left:75px;
	clear:both;
}
body.supporter ol li div.block p.text {
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.supporter ol li {
	margin-bottom:15px;
}
body.supporter ol li h3 {
	font-size:16px;
	margin-bottom:15px;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   お問い合わせ
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
div#formBox {
}
div#formBox form {
}
div#formBox form h2{
	margin-bottom:10px;
	padding-top:30px;
}
div#formBox form input[type="text"] ,
div#formBox form input[type="email"] {
	padding: 10px;
	line-height:24px;
	font-size:16px;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: calc(100% - 22px);
}
div#formBox form textarea {
	padding: 10px;
	line-height:24px;
	font-size:16px;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: calc(100% - 22px);
}
div#formBox form input[type="submit"] {
	display: block;
    padding: 15px;
    border-radius: 30px;
    line-height: 1.5em;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    z-index: 2;
    background-color: #000;
    color: #fff;
    max-width: 300px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
	cursor:pointer;
    transition: all 0.3s;
}
div#formBox form input[type="submit"]:before {
	content:" ";
	display:block;
	width:100%;
	height:0;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
	z-index:-1;
	
	transition:all 0.5s;
}
div#formBox form input[type="submit"]:hover:before {
	height:100%;
	opacity:0.5;
	background-color:#fff;
}
div#formBox form input[type="submit"]:hover {
	box-shadow:0px 5px 0 rgba(0,0,0,0.3);
}
div#formBox form div.formItem div.title {
	font-size
}
div.privacy {
	background-color: #E0EBAF;
    padding:60px 60px 30px 60px;
    margin: 30px 0 30px 0;
}
div.privacy h3 {
	text-align:center;
	margin-bottom:30px;
}
div.privacy p.text {
	font-weight:normal;
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
div#formBox form h2{
	margin-bottom:10px !important;
	padding-top:30px;
	font-size:14px !important;
}
div.privacy {
	background-color: #E0EBAF;
    padding:30px 15px 15px;
    margin: 30px 0 30px 0;
}
div.privacy h3 {
	text-align:center;
	margin-bottom:15px;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   プロジェクト詳細
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
body.project_detail div.page_title h1 {
	font-size:50px;
	text-align:center;
	padding-top:190px;
	padding-bottom:155px;
}
body.project_detail div.page_title h1 span.sub2 {
	display:block;
	margin:0 auto;
	padding-bottom:15px;
	font-size:20px;
}
body.project_detail div.content {
	position:relative;
}
body.project_detail div.icon {
	width:150px;
	height:150px;
	position:absolute;
	top:-75px;
	left:calc(50% - 75px);
	background-image:url(/project/livinglab/img/project_detail_icon_back.svg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-color:#fff;
	text-align:center;
}
body.project_detail div.icon img {
	width:calc(100% - 40px);
	padding:20px;
}
body.project_detail div.project_eyecatch {
	width:840px;
	height:420px;
	overflow: hidden;
	margin: -200px auto 30px;
}
body.project_detail div.project_eyecatch img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
	background-color: #E0EBAF;
}

body.project_detail section.outline {
	
}
body.project_detail section.outline div.inner {
}
body.project_detail section.outline > h2 {
	display:none;
}

body.project_detail section.outline p.text {
	text-align:center !important;
	font-size:16px !important;
}
body.project_detail section.outline div.partner {
	background-color:#fff;
	padding:40px 0 25px;
}
body.project_detail section.outline div.partner h2 {
	background-color: #efefef;
    font-size: 12px;
    text-align: center;
    width: 100px;
    margin: 0 auto 30px;
    line-height: 20px;
    color: #666;
}
body.project_detail section.outline div.partner ul {
	text-align: center;
}
body.project_detail section.outline div.partner ul li {
	display: inline-block;
    height: 40px;
    margin: 0 15px 15px;
}
body.project_detail section.outline div.partner ul li img {
	height: 100%;
}
body.project_detail section.outline div.partner ul li.text {
	display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    font-size: 12px;
    padding: 0 0;
    background-color: #f5fadf;
    text-align: center;
    border-radius: 5px;
    margin: 0 15px;
}
body.project_detail section.outline div.partner ul li.text a {
	display: block;
	padding:0 15px;
}
body.project_detail section.gallery {
	background-color:#E0EBAF;
	padding:0;
	margin-bottom: 80px;
}
body.project_detail section.gallery div.inner {
	padding-top:80px;
}
body.project_detail section.gallery h2 {
}
body.project_detail section.gallery h2 span {
	background-color:#E0EBAF !important;
}
body.project_detail section.gallery ul {
}
body.project_detail section.gallery ul li.container {
	width: calc(100%/4 - 1px);
	box-sizing:border-box;
	height: auto;
	margin-right:1px;
	margin-bottom:1px;
	float:left;	
	text-align:center;
	position:relative;
	
}
body.project_detail section.gallery ul li.container:before {
	content: "";
    display: block;
    padding-top: 100%;	
}
body.project_detail section.gallery ul li.container div.adjust {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
body.project_detail section.gallery ul li.container a {
	display:block;
	width:100%;
	height:100%;
}
body.project_detail section.gallery ul li.container a img {
	background-color:#fff;
	width:100%;
	height:100%;
	object-fit: cover;
	margin:0;
}
body.project_detail section.event {
	/*padding-top:80px;*/
}
body.project_detail section.event div.inner {
}
body.project_detail section.event ul {
}
body.project_detail section.event ul li {
	background-color:#fff;
	/*margin-bottom:30px;*/
}
body.project_detail section.event ul li div.event_body {
	float:right;
	width:calc(100% - 290px);
	padding:30px;
}
body.project_detail section.event ul li div.event_body h3 {
	font-size:20px;
	margin-bottom:15px;
	line-height:1.3em;
}
body.project_detail section.event ul li div.event_body p.text {
	font-weight:normal;
	line-height:1.8em;
	margin-bottom:15px;
}
body.project_detail section.event ul li div.event_body dl {
	margin-bottom:30px;
}
body.project_detail section.event ul li div.event_body dl dt {
	width: 70px;
    background-color: #efefef;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    float: left;
    clear: left;
    margin: 0 10px 10px 0;
}
body.project_detail section.event ul li div.event_body dl dd {
	font-size: 12px;
    line-height: 20px;
    padding: 0 0 0 80px;
    margin: 0 0 10px 0;
	font-weight:normal;
}
body.project_detail section.event ul li div.event_body p.btn.type01 {
	margin-bottom: 15px;
    display: inline-block;
    margin: 0 10px 15px 0;
    font-size: 0;
}
body.project_detail section.event ul li div.event_body p.btn.type01 a {
}
body.project_detail section.event ul li p.visual {
	width:230px;
	height:auto;
	margin-bottom: 0;
}
body.project_detail section.event ul li p.visual img {
	width:100%;
}
/*タブレット */
@media print, screen and (min-width:481px) and ( max-width:1024px) { 
body.project_detail div.page_title h1 {
	font-size:50px;
	text-align:center;
	padding-top: 130px;
    padding-bottom: 85px;
}
body.project_detail div.icon {
	width:100px;
	height:100px;
	position:absolute;
	top:-50px;
	left:calc(50% - 50px);
}
body.project_detail div.icon img {
	width:calc(100% - 40px);
	padding:20px;
}
body.project_detail section.outline div.inner {
	padding-top:30px;
}
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
body.project_detail div.page_title h1 {
	padding-top: 50px;
    padding-bottom: 75px;
    font-size: 36px;
}
body.project_detail div.project_eyecatch {
	width:100%;
	height:auto;
	margin: -50px auto 30px;
}
body.project_detail div.icon {
	width:100px;
	height:100px;
	position:absolute;
	top:-50px;
	left:calc(50% - 50px);
}
body.project_detail section.outline div.inner {
	padding-top:15px;
}
body.project_detail section.outline p.text {
	text-align:left !important;
	font-size:14px !important;
}
body.project_detail section.outline div.partner {
	background-color:#fff;
	padding:40px 0 25px;
}
body.project_detail section.outline div.partner h2 {
	background-color: #efefef;
    font-size: 12px!important;
    text-align: center;
    width: 100px;
    margin: 0 auto 30px;
    line-height: 20px;
    color: #666;
}
body.project_detail section.outline div.partner ul {
	text-align: center;
}
body.project_detail section.outline div.partner ul li {
	display: inline-block;
    height: 30px;
    margin: 0 15px 15px;
}
body.project_detail section.outline div.partner ul li img {
	height: 100%;
}
body.project_detail section.gallery {
	background-color:#E0EBAF;
	padding:0;
}
body.project_detail section.gallery div.inner {
	padding-top:40px;
}
body.project_detail section.gallery h2 {
}
body.project_detail section.gallery h2 span {
	background-color:#E0EBAF !important;
}
body.project_detail section.gallery ul {
}
body.project_detail section.gallery ul li.container {
	width: calc(100%/3 - 1px);
}

body.project_detail section.event {
	padding-top:0px;
}
body.project_detail section.event div.inner {
}
body.project_detail section.event ul {
}
body.project_detail section.event ul li {
	background-color:#fff;
	margin-bottom:30px;
}
body.project_detail section.event ul li div.event_body {
	float:none;
	width:calc(100% - 30px);
	padding:15px;
}
body.project_detail section.event ul li div.event_body h3 {
	padding-top:15px;
}
body.project_detail section.event ul li div.event_body p.btn.type01 {
	text-align:center;
	display: block;
}
body.project_detail section.event ul li p.visual {
	width:230px;
	height:auto;
	margin:0 auto 15px;
}
body.project_detail section.event ul li p.visual img {
	width:100%;
}
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   イベント詳細
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

body.event_detail{
	
}
body.event_detail article#article div.content {
    padding:  0;
	background-color:#E0EBAF;
}
body.event_detail div.slide {
	margin-bottom: 30px;
}
body.event_detail div.slide_inner {
    background-color: #fff;
    width:100%;
	max-width:700px;
    margin: 0 auto;
	margin-bottom: 30px;
    padding-bottom: 20px;
}
body.event_detail article#article div.content section .eyecatch{
    height:400px;
}
body.event_detail article#article div.content section .visual img {
    width:100px;
	margin:0 auto;
	display:block;
}
div.share {
    margin: 0 auto;
	padding:40px 0;
	background-color:#E0EBAF;
	display: none;
}
div.share h3{
	text-align:center;
	margin-bottom:30px;
	font-size:24px;
}
div.share ul {
	text-align:center;
}
div.share ul li {
	display:inline-block;
	margin:0 10px;
}
div.share ul li a {
	display:block;
	background-color:#fff;
	border-radius:10px;
	line-height:70px;
	padding:0 15px;
	width: 300px;
    margin-bottom: 15px;
}
div.share ul li a i {
	margin-right:5px;
}
div.share ul li.fb a {
	border:1px solid #3B5998;
	color: #fff;
	background-color:#3B5998;
	transition:all 0.3s;
}
div.share ul li.fb a:hover {
	color: #3B5998;
	background-color:#fff;
}
div.share ul li.tw a {
	border:1px solid #55acee;
	color: #fff;
	background-color:#55acee;
	transition:all 0.3s;
}
div.share ul li.tw a:hover {
	color: #55acee;
	background-color:#fff;
}
body.event_detail div.content_body {
	max-width:700px;
	margin:0 auto;
}

body.event_detail div.content_body img{
	max-width: 100%;
	height:auto;
	margin:0 0 30px;
}
body.event_detail div.content_body {
	
/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   パートナー一覧
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
ul.partner_list {
}
ul.partner_list li {
	background-color:#E0EBAF;
	margin-bottom:30px;
	height:200px;
	overflow:hidden;
}
ul.partner_list li p.logo {
	float:left;
	width:300px;
	height:200px;
	text-align:center;
	position:relative;
	border-right:1px solid #efefef;
	background-color:#fff;
	margin:0;
	margin-right:20px;
}
ul.partner_list li p.logo img {
	max-width:80%;
	display:block;
	width:auto;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
ul.partner_list li h2 {
	font-size:20px;
	padding-top:50px;
}
ul.partner_list li p.url {
	color:#999;
}
ul.partner_list li p.btn.type01 {
}
ul.partner_list li p.btn.type01 a {
}
/*スマホ */
@media print, screen and (max-width:480px)  { 
ul.partner_list li {
	background-color:#E0EBAF;
	margin-bottom:30px;
	height:auto;
	overflow:hidden;
	text-align:center;
}
ul.partner_list li p.logo {
	float:none;
	width:100%;
	height:150px;
	margin-right:0px;
}
ul.partner_list li h2 {
	padding:0 15px;
	padding-top:30px;
	margin:0 0 15px;
}
ul.partner_list li p.url {
	padding:0 15px;
	margin:0 0 15px;
}
ul.partner_list li p.btn.type01 {
	padding:0 15px;
	margin:0 0 15px;
}
}


/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   レポート
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
.report section.first_outline {
	background-position:center center;
	background-size:cover;
	width:100%;
	background-color:#e0ebaf;
	border-radius:20px;
	margin-bottom:40px;
	overflow:hidden;
	padding:0!important;
}
.report section.first_outline .inner {
	background-color:rgba(0,0,0,0.6)!important;
	max-width: 100%!important;
    width: calc(100% - 80px)!important;
    margin: 0 !important;
	padding:70px 40px 50px 40px!important;
}

.report section.first_outline h2{
	font-size:30px;
	text-align:center;
	line-height:1.8em;
	margin-bottom:20px;
	color:#fff;
	font-weight: bold;
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #888;
}

.report section.first_outline p{
	text-align:center;
	color:#fff;
}

.report section.first_outline {
}

.report section.outline {
	background-color:#fff;
	padding:30px;
	margin-bottom:50px;
	border-top:5px solid #a8c32e;
}
.report section.outline div.inner {
	width: calc(100% - 280px) !important;
    padding: 0!important;
    margin: 0!important;
    float: right!important;
}
.report section.outline div.inner h2 {
	font-size: 150%;
    line-height: 1.5em;
    margin: 0 0 20px;
}
.report section.outline div.inner p.text {
	font-size:14px;
}
.report section.outline div.inner dl.clearfix {
}
.report section.outline div.inner dl.clearfix dt {
	width: 100px;
    background-color: #efefef;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    float: left;
    clear: left;
    margin: 0 10px 10px 0;
}
.report section.outline div.inner dl.clearfix dd {
	font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 110px;
    margin: 0 0 10px 0;
    font-weight: normal;
}
.report section.outline p.visual {
	width:250px;
	margin:0;
	float:left;
}
.report section.outline p.visual img {
	margin:0;
}


.report section h3{
	font-size: 18px;
    line-height: 28px;
    position: relative;
    margin-bottom: 20px;
    border-left: 5px solid #d8e699;
    padding: 0 0 0 15px;
}

.report section h4{
	font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}

.report section p {
	font-weight:normal;
}

.report section ul,
.report section ol {
	text-decoration:none;
	padding:30px;
	background-color:#fff;
	border-radius:10px;
	margin-bottom:30px;
	line-height:1.5em;
}

.report section ul li{
	margin:0 0 20px 30px;
	padding:0;
	list-style:disc;
}
.report section ol li{
	margin:0 0 20px 30px;
	list-style:decimal;
}

.report section ul li:last-child,
.report section ol li:last-child{
	margin:0 0 0px 30px;
}

.report section img{
	width:100%;
	margin:0 0 30px;
    
}
.report section img.tagcloud{
	padding:50px;
	width:calc(100% - 100px);
	background-color:#fff;
	border-radius:10px;
    
}

.report section div.work{
	background-color:#fff;
	border-radius:20px;
	padding:30px 30px 5px 30px;
	margin-bottom:40px;
}

.report section div.work h3{
	font-size: 18px;
    line-height: 28px;
    position: relative;
    margin-bottom: 20px;
    border-left: 5px solid #d8e699;
    padding: 15px;
    background-color: #d8e699;
}

.report section div.work ul{
	background-color: #efefef;
}

.report section table{
	width:100%;
	border-top:1px solid #ccc;
	line-height:2em;
	font-size:1em;
	margin-bottom:20px;
}
.report section table th{
	text-align:left;
	padding:20px;
	border-bottom:1px solid #ccc;
	background-color:rgba(0,0,0,0.05);
	font-weight:normal;
}
.report section table td{
	text-align:left;
	padding:20px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}

/*スマホ */
@media print, screen and (max-width:480px)  { 
.report section.first_outline .inner {
	padding:40px 0 20px 0;
}
.report section.first_outline h2{
	font-size:20px;
	text-align:left;
	padding:0 20px;
}
.report section.first_outline h2 br{
	display:none;
}

.report section.first_outline p{
	text-align:left;
	padding:0 20px;
}

.report section.outline {
	background-color:#fff;
	padding:30px;
	margin-bottom:30px;
	border-top:5px solid #a8c32e;
}
.report section.outline div.inner {
	width: 100%;
    padding: 0;
    margin: 0;
    float: none;
}
.report section.outline div.inner h2 {
	font-size: 150%;
    line-height: 1.5em;
    margin: 0 0 20px;
}
.report section.outline div.inner p.text {
	font-size:12px;
}
.report section.outline div.inner dl.clearfix {
	margin-bottom:15px;
}
.report section.outline div.inner dl.clearfix dt {
	width: 70px;
}
.report section.outline div.inner dl.clearfix dd {
    padding: 0 0 0 80px;
}

.report section.outline p.visual {
	width:250px;
	margin:0 auto;
	float:none;
}
.report section.outline p.visual img {
	margin:0;
}

.report section h3{
	font-size: 16px;
    
}

.report section ul,
.report section ol {
	font-size:12px;
}
.report section ul li{
	margin:0 0 15px 15px;
}
.report section ol li{
	margin:0 0 15px 15px;
}
.report section ul li:last-child,
.report section ol li:last-child{
	margin:0 0 0px 15px;
}
.report section div.work{
	background-color:#fff;
	border-radius:20px;
	padding:15px;
	margin-bottom:40px;
}

.report section div.work h3{
	font-size: 14px;
}

.report section div.work ul{
	background-color: #efefef;
}

.report section table{
	width:100%;
	border-top:1px solid #ccc;
	line-height:2em;
	font-size:10px;
	margin-bottom:20px;
}
.report section table th{
	text-align:left;
	padding:20px;
	border-bottom:1px solid #ccc;
	background-color:rgba(0,0,0,0.05);
	font-weight:normal;
}
.report section table td{
	text-align:left;
	padding:20px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
.report section table.res{

}
.report section table th{
	display: block;
	width:calc(100% - 40px) !important;
}
.report section table td{
	display: block;
	width:calc(100% - 40px) !important;
}
}