@charset "UTF-8";

#contents_inner .section_title{ background: url(images/section_title_bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}

.banner{ max-width: 1100px; width: 100%; margin: 0 auto 50px;}
.banner img{ width: 100%; height: auto;}

.syokuhin_pagelist{ max-width: 1100px; width: 100%; margin: 0 auto 80px;}
.syokuhin_pagelist ul li{float:left; width: 25%; width: calc((100% - 46px) / 4); width: -webkit-calc((100% - 46px) / 4); width: -moz-calc((100% - 46px) / 4); margin-right: 15px; margin-bottom: 15px; box-sizing:border-box; text-align: center;}
.syokuhin_pagelist ul li:nth-child(4n){ margin-right: 0;}
.syokuhin_pagelist ul li a{ display: block; width: 100%; text-decoration: none; background-color: #0b3190; color: #fff; font-size: 17px; line-height: 27px; padding: 15px 0; font-weight: 700; transition: all 0.3s ease 0s;}

@media screen and (max-width:1099px){

.syokuhin_pagelist{ padding:0 20px; box-sizing: border-box;}
.banner{ padding:0 20px; box-sizing: border-box;}

}

@media screen and (min-width:768px) {
.syokuhin_pagelist ul li a:hover{ opacity: 0.8; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); transform: translateY(-0.2em);}
}

@media screen and (max-width:961px){

.banner{ width: 100%; margin: 0 auto 40px; padding: 0 20px; box-sizing: border-box;}
.syokuhin_pagelist{ width: 100%; margin: 0 auto 40px; padding: 0 20px; box-sizing: border-box;}
.syokuhin_pagelist ul li a{ font-size: 15px;}
    
}

@media screen and (max-width:767px) {

.banner{ margin: 0 auto 20px; padding: 0 10px;}
.syokuhin_pagelist{ width: 100%; margin: 0 auto 20px; padding: 0 10px; box-sizing: border-box;}
.syokuhin_pagelist ul li{float:left; width: 50%; width: calc((100% - 11px) / 2); width: -webkit-calc((100% - 11px) / 2); width: -moz-calc((100% - 11px) / 2); margin-right: 10px; margin-bottom: 10px;}
.syokuhin_pagelist ul li:nth-child(2n){ margin-right: 0;}
.syokuhin_pagelist ul li a{ font-size: 14px; line-height: 18px; padding: 13px 0;}

}

.sdgs{}
.sdgs .inner{}
#contents_inner .sdgs .title_underline {color:#0099d9;}
#contents_inner .sdgs .title_underline:before{background-color: #0099d9;}
.sdgs .inner .photo_list06{margin:0 auto 40px;}
.sdgs .inner .photo_list06 .img_box{width:100%;max-width:800px;margin:0 auto;}
.sdgs .inner .photo_list06 .img_box img{width:100%;height:auto;}
.sdgs .inner .sdgs_text{    font-size: 17px;   line-height: 26px;   font-weight: 700;margin:0 auto 40px; padding: 0 10px;}
.sdgs .inner .photo_list06 ul{ display: flex; justify-content: center;}
.sdgs .inner .photo_list06 ul li{width:16.66%;width:calc((100% - 60px) / 6);width:-webkit-calc((100% - 60px) / 6);width:-moz-calc((100% - 60px) / 6);box-sizing:border-box; padding: 0 5px;}

.sdgs .inner .photo_list06 ul li .photo_box{width:100%;height:180px;position:relative;overflow:hidden;margin-bottom:15px;}
.sdgs .inner .photo_list06 ul li .photo_box img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:100%;}
.sdgs .inner .photo_list06 ul li .text_box{}
.sdgs .inner .photo_list06 ul li .text_box .text_box_title{font-size:17px;line-height:22px;font-weight:700;margin-bottom:10px;}
.sdgs .inner .photo_list06 ul li .text_box p{font-size:15px;line-height:21px;margin-bottom:15px;}
.sdgs .inner .flex{}
.sdgs .inner .flex ul{display: flex; justify-content: center;}
.sdgs .inner .flex ul li{ max-width:550px; box-sizing: border-box; padding: 0 10px;}
.sdgs .inner .flex ul li .photo_box{margin: 0 auto 20px;}
.sdgs .inner .flex ul li .photo_box img{ width:100%; height: auto;}
.sdgs .inner .flex ul li .text_box{ font-size: 17px;   line-height: 26px;   font-weight: 700;margin:0 auto 40px;}

.sdgs .inner .sdgs_action_dl{background:#0099d9;padding:15px;display: block; border-radius:20px;}
.sdgs .inner .sdgs_action_dl dt,
.sdgs .inner .sdgs_action_dl dd{   font-size: 19px;   line-height: 26px;   font-weight: 700; color: #FFF; padding:5px 0;}
.sdgs .inner .sdgs_action_dl dt{   border-bottom:1px solid #FFF; margin: 0 0 10px; padding:5px 0 15px;}
.sdgs .inner .sdgs_action_dl dd{   font-size: 15px; font-weight: 700;}

@media screen and (max-width:1099px){
.sdgs .inner .photo_list06{padding:0 20px;}
}
@media screen and (max-width:961px){
.sdgs .inner .photo_list06{margin-bottom:40px;}
.sdgs .inner .photo_list06 ul li .photo_box{width:100%;height:240px;}
}
@media screen and (max-width:767px) {
.sdgs .inner .photo_list06 .img_box{margin:0 auto 20px;}
.sdgs .inner .photo_list06{padding:0 10px;margin-bottom:30px;}
.sdgs .inner .photo_list06 ul li{width:25%;box-sizing:border-box; padding: 0 5px;}
.sdgs .inner .photo_list06 ul li .photo_box{width:80px;height:80px;margin-bottom:5px;}
.sdgs .inner .photo_list06 ul li .text_box .text_box_title{font-size:14px;line-height:18px;margin-bottom:5px;}
.sdgs .inner .photo_list06 ul li .text_box p{font-size:13px;line-height:20px;}
}