body {
  /* 画像ファイルの指定 */
background-image:url(<?php echo get_template_directory_uri(); ?>/images/sdgs/sdgsback.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #fff;
}


.sec-1{
	margin:70px auto;
	position:relative;
	max-width:1000px;
}
.sec-1 .sec-title{
	margin:0 0 30px 0;
	padding:0;
	font-size:36px;
	line-height:1.85;
	text-align:center;
	font-weight:bold;
}
.sec-1 p{
	margin:0 0 1em 0;
	padding:16px;
	font-size: 16px;
	line-height: 2;
	
}
/* For (under 575px)*/
@media (max-width: 575px){
.sec-1{
	margin:40px auto;
}
.sec-1 .sec-title{
	font-size:22px;
	line-height:1.5;
	margin:0 0 20px 0;
	text-align:left;
}
.sec-1 p{
	line-height: 1.8;
	
}
}/* For (under 575px)*/







.process-list{
	max-width:1180px;
	margin-bottom:100px;
}
.process-list .photo{
	margin-bottom:16px;
}
.process-list .title{
	font-size:22px;
	font-weight:normal;
	margin-bottom:6px;
}
.process-list .body{
	font-size:14px;
	font-weight:normal;
	margin-bottom:0px;
	line-height:2.1;
}
/* For (over 768px)*/
@media (min-width: 768px){
.process-list{
	padding-left:45px;
	padding-right:45px;

}
.process-list .item{
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:130px;
}

/*
.process-list .item:nth-child(odd){
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:130px;
}
.process-list .item:nth-child(even){
	padding-top:130px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:0px;
}
*/
	
}/* For (over 768px)*/
/* For (under 767px)*/
@media (max-width: 767px){
.process-list .item{
	padding-top:0px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:130px;
}
.process-list .title{
	font-weight:bold;
}
}/* For (under 767px)*/
/* For (under 575px)*/
@media (max-width: 575px){
.process-list .item{
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:65px;
}
.process-list .photo{
	margin-bottom:15px;
}
.process-list .title{
	font-size:20px;
	margin-bottom:4px;
}
.process-list .body{
	font-size:16px;
	line-height:1.7;
}
}/* For (under 575px)*/












#our-product {
	margin: 0;
	position: relative;
	font-size:17px;
	line-height:1.8;
}
#our-product .info-wrapper{
	margin-left:9vw;
}
#our-product .catchcopy{
	width: 28vw;
	padding-bottom:40px;
	font-weight:bold;
	font-size:3.5vw;
	line-height: 1.15;
	border-bottom: 1px #222222 solid;
	padding-bottom: 0.4em;
	margin-bottom: 0.6em;
	display:inline-block;
}
#our-product .heading{
	padding-bottom:1.1em;
	font-weight:bold;
	font-size:1.2vw;
	line-height: 1.3;
	margin:0;
}
#our-product .paragraph{
    width: 28vw;
	padding-bottom:0px;
	margin-bottom: 2vw;
}

#our-product .image{
	height:100%;
}
#our-product .image img{
	object-fit:cover;
	width:50vw;
	min-height:50vw;
	height:100%;
}

#our-product .btn,
#our-product .btn:visited {
	font-size: 18px;
	background-color: #005097;
	border-radius: 0px;
	color: #eee;
	border:none;
}
#our-product .btn:hover {
	background-color: #005097;
	color: #eee;
	opacity:0.75;
}
#our-product .row-eq-height {
    display: flex;
    flex-wrap: wrap;
}



#our-product .product-carousel{
	margin-bottom:20px;
}
#our-product .product-carousel .item .title{
	/*font-size: 1.417vw;*/
	font-size: 16px;
}
#our-product .product-carousel .carousel-cell{
	width:18.22vw;
	/*height:calc(((18.22vw / 3) * 2));*/
	margin:5vw 2vw 2vw 2vw;
	text-align:center;
}
#our-product .product-carousel .flickity-page-dots .dot {
	border-radius: 0%;
}



/* For (over 768px)*/
@media (min-width: 768px){
#our-product .info-cell {
	padding: 6vw 0 !important;
}
}
/* For (under 1199px)*/
@media (max-width: 1199px){
#our-product .heading{
	font-size: 1.417vw;
}
#our-product .paragraph{
	font-size: 1.417vw;
}
}/* For (under 1199px)*/


/* For (under 991px)*/
@media (max-width: 991px){

}/* For (under 991px)*/

/* For (under 767px)*/
@media (max-width: 767px){
#our-product{
	margin-bottom:10vw;
}
#our-product .info-wrapper{
	margin-left:0;
	text-align:center;
}
#our-product .catchcopy{
	width: 80%;
	font-size:8.5vw;
}
#our-product .heading{
	font-size:3.5vw;
}
#our-product .paragraph{
    width: 80%;
	margin:0 auto 7vw auto;
	font-size:3.4vw;
}

#our-product .product-carousel{
	display:none;
}

		#our-product .product-carousel .carousel-cell {
			width: 48.22vw !important;
		}
		#our-product .product-carousel .item .title {
			font-size: 2.4vw;
		}

#our-product .image {
    text-align: center;
    padding-top: 5vw;
}
#our-product .image img {
    width: 90vw;
    min-height: 90vw;
    height: 90vw;
    margin: 0 auto;
}

}/* For (under 767px)*/

/* For (under 575px)*/
@media (max-width: 575px){

#our-product .product-carousel .item .title {
    font-size: 12px;
}
}/* For (under 575px)*/