@charset "utf-8";

/* --------------------------------------------
 MESSAGE
----------------------------------------------*/
#message{
	margin:0px ;
	padding-bottom:40px ;
	float:left;
}

#ceo{
	margin:0px ;
	float:right;
	padding-left:20px ;
	text-align:center;
	width:180px ;
}

#ceo img{
padding-bottom:5px ;
}

#message p{
	font-size:15px ;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
	


/* --------------------------------------------
 Googlemap
----------------------------------------------*/

.access{
	margin-bottom:50px ;
	padding-bottom:50px ;
	border-bottom:#CCC dotted 1px ;
}

.access iframe{
 margin:0px;
	padding:0px ;
	text-align:left;
	width:620px ;
	float:right;
}

.access iframe{
border: 1px #ccc solid;
padding:2px ;
}

.access .add{
	margin:0px;
	padding:0px;
	width:450px ;
	float:left;
}

.access .add ul{
	margin-top:20px;
	padding:10px 15px;
}

.access .add li{
	margin-left:20px;
	padding-bottom:5px ;
	list-style:disc;
}
#contents .access p{
	padding:20px 0px 20px 20px ;
}

/* --------------------------------------------
 PRIVACY
----------------------------------------------*/

#ppolicy{
 margin:20px auto;
	padding:0px ;
	width:1100px ;
	line-height:1.8;
}

#ppolicy dl{
 margin:0px ;
	padding:20px 0px;
	}

#ppolicy dt{
 margin-bottom:10px ;
	padding:5px 15px;
	font-size:16px ;
	background: #6FAABE;
	color:#FFF;
	}

#ppolicy dd{
 margin:0px ;
	padding-bottom:30px ;
	}

#ppolicy dd ul{
 margin:15px ;
	padding-left:30px ;
	list-style:disc;
	}
	
#ppolicy dd ol{
 margin:15px ;
	padding-left:30px ;
	list-style:decimal;
	}
	
#ppolicy dd ul li{
 margin:0px ;
	padding:5px ;
		list-style:disc;
	}

#ppolicy dd ol li{
 margin:0px ;
	padding:5px ;
		list-style: decimal;
	}
	
	
	.txt_right{
 text-align:right ;
	padding-top:20px ;
	}
	
	.txt_center{
 text-align:center ;
	}

/* SDGs 2021年11月追加 */
.sdgs{margin-top: 50px;}
.sdgs h3{
	color: #0089D2;
	font-size: 24px;
}
.sdgs h4{
	border: none;
	font-size: 20px;
	padding: 0;
	margin: 0px:
}
.sdgs h5{
	font-size: 18px;
}
.sdgs h6{
	background: #BBBBBB;
	color: #fff;
	font-size: 16px;
	padding: 5px;
}
.sdgs img{height: auto;}
.sdgs_message{
	font-size: 120%;
	display: flex;
	align-items: flex-end;
	margin-bottom: 50px;
}
.sdgs_message .sdgs_right{
	width: 180px;
}
.sdgs_message .sdgs_left{
	width: calc(100% - 180px);
}
.sdgs_concept{
	box-sizing: border-box;
	background-color: rgb(0 137 210 / 6%);
	padding: 30px;
	display: flex;
	align-items: center;
}
.sdgs_concept img{
	width: 450px;
}
.sdgs_concept .sdgs_concept_txt{
	width: calc(100% - 450px);
	padding-left: 30px;
}
.sdgs_concept_txt h4 span{
	font-size: 120%;
}

.sdgs_concept_txt h4 span::after {
        content: "\A" ;
        white-space: pre ;
	line-height: 175%;
}
.sdgs_try{margin-top: 50px;}
.text-divider {
  display: flex;
  align-items: center;
  --text-divider-gap: 1rem;
}
.text-divider::before,
.text-divider::after {
  content: '';
  height: 1px;
  background-color: #0089D2;
  flex-grow: 1;
}
.text-divider::before {
  margin-right: var(--text-divider-gap);
}
.text-divider::after {
  margin-left: var(--text-divider-gap);
}
.sdgs_try ul{
	width: 100%;
	display: flex;
	align-items: stretch;
	column-gap: 30px;
flex-wrap: wrap;
padding: 30px;
box-sizing: border-box;
}
.sdgs_try ul li{
	display: inline-block;
	box-sizing: border-box;
	width: calc(100% / 2 - 15px);
	padding: 20px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;
	margin-bottom: 60px;
}

.sdgs_try ul li img{
	margin-top: -40px;
}
.sdgs_try ul li h5,.sdgs_try ul li h6{
	margin: 20px 0px 10px;
}