@charset "utf-8";
/* CSS Document */
#gNavi {
  background-color: rgba(20, 47, 176, 0.1);
}
#gNavi ul > li {
  border-right-width: 2px;
  border-right-style: solid;
  border-image: linear-gradient(to bottom, rgba(24, 76, 151, 0) 0%, rgba(24, 76, 151, 0) 35%, rgba(24, 76, 151, 1) 35.1%, rgba(24, 76, 151, 1) 65.1%, rgba(24, 76, 151, 0) 65%, rgba(24, 76, 151, 0) 100%);
  border-image-slice: 1;
}
#gNavi ul > li a {
  color: #184C97;
}
.breadcrumb {
  text-align: left;
}
.breadcrumb ul {
  padding: 8px 0;
  font-size: 14px;
  width: 100%;
}
.breadcrumb ul li {
  display: inline-block;
}
.breadcrumb ul li a{
	color: #FFF;
}
.breadcrumb ul li a::after {
  display: inline-block;
  content: ">";
  padding: 0 0.5em;
}
@media (min-width: 1025px) {}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {}
@media (max-width: 599px) {
  .breadcrumb ul {
    padding: 8px;
    font-size: 12px;
  }
  .breadcrumb ul li {}
}
#main {
  padding-bottom: 30px;
}
@media (min-width: 600px) and (max-width: 1024px) {
  #main {
    padding: 50px 15px;
  }
}
@media (max-width: 599px) {
  #main {
    padding: 30px 15px;
  }
}
.contsTtl {
  margin-bottom: 60px;
  color: #FFF;
background-image: url("../img/ttl_bg.jpg");
background-size: cover;
}
.contsTtl .contsTtl  {
background-image: none;
}
.contsTtl  h1 {
  font-weight: 800;
margin-top: 20px;
}
/*
.contsTtl span {
  font-weight: inherit;
  display: inline-block;
  padding: 1.2em 0;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-image: linear-gradient(to left, rgba(24, 76, 151, 0) 0%, rgba(24, 76, 151, 0) 10%, rgba(24, 76, 151, 1) 10.1%, rgba(24, 76, 151, 1) 90.1%, rgba(24, 76, 151, 0) 90%, rgba(24, 76, 151, 0) 100%);
  border-image-slice: 1;
}*/
@media (min-width: 1025px) {}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contsTtl h1 {
    font-size: 30px;
  }
}
@media (max-width: 599px) {
  .contsTtl {
    margin-bottom: 30px;
  }
  .contsTtl h1 {
    font-size: 24px;
  }
}
.contents .subNavi {
  overflow: hidden;
  border-radius: 8px;
  background-color: #e7edf3;
}
.contents .subNavi ul {
  display: flex;
  justify-content: center;
}
.contents .subNavi ul li {
  flex-grow: 1;
  box-sizing: border-box;
  text-align: center;
}
.contents .subNavi ul li.nowrap {
  white-space: nowrap;
}
.contents .subNavi ul li a {
  display: block;
}
.contents .subNavi ul li a:hover {
  background-color: rgba(55, 55, 55, .02);
}
@media (min-width: 1025px) {}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contents .subNavi ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
  }
  .contents .subNavi ul li a {
    padding: 15px 0;
  }
}
@media (max-width: 599px) {
  .contents .subNavi ul {
    flex-wrap: wrap;
  }
  .contents .subNavi ul li {
    flex-basis: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  }
  .contents .subNavi ul li:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.8);
  }
  .contents .subNavi ul li:last-child {
    border-right: none;
  }
  .contents .subNavi ul li a {
    padding: 8px 0;
  }
}
.contents .lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contents .lead .image {
  margin-bottom: 30px;
}
.contents .lead h2 {
  color: #184C97;
  font-weight: 500;
  font-style: oblique;
  margin-bottom: 1em;
}
.contents .lead p {
  text-align: left;
  margin-bottom: 1em;
}
@media (min-width: 1025px) {
  .contents .lead p {
    max-width: 800px;
    margin: 0 auto 35px;
  }
}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contents .lead h2 {
    text-align: center;
  }
}
@media (max-width: 599px) {}
.contents section {
  margin-bottom: 50px;
  text-align: left;
  color: #555555;
}
.contents section p {
  margin-bottom: 1em;
}
.contents section p.link {
  text-align: right;
}
.contents section p.link a {
  background-color: #184C97;
  color: #FFF;
  display: inline-block;
  padding: 8px 2.5em;
  border-radius: 1px;
  border-bottom: 3px solid #0E2D5B;
}
.contents section h3.midashi {
  text-align: center;
  margin-bottom: 1.5em;
  color: #4E515C;
}
.contents section h3.secTtl {
  position: relative;
  padding: 1.5rem 1rem;
  border-bottom: 4px solid #EFEFEF;
  font-weight: 500;
  margin-bottom: 1.5em;
  color: #4E515C;
}
.contents section h3.secTtl:before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 20%;
  height: 4px;
  content: '';
  background: #184C97;
}
.contents section h3.centerTtl {
  position: relative;
  padding: 0 65px;
  text-align: center;
  color: #4E515C;
  font-weight: 500;
  margin-bottom: 1.5em;
}
.contents section h3.centerTtl:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 20%;
  width: 60%;
  height: 1px;
  content: '';
  background: #555;
}
.contents section h3.centerTtl span {
  position: relative;
  padding: 0 2em;
  background: #fff;
  font-weight: inherit;
  display: inline-block;
}
.contents section h4.subhead {
  color: #184C97;
  font-weight: 700;
  padding: 0.5em 0.8em;
  background-color: #F2F2F3;
  border-left: 4px solid #184C97;
  border-right: 4px solid #184C97;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 0.8em;
}
.contents section h5.nesthead {
  background-color: rgba(250, 250, 250, 0.8);
  border-left: 6px double #184C97;
  padding: 0.5em 0.8em;
  font-weight: 700;
  margin-bottom: 0.8em;
}
.contents section .innr {
  padding: 10px;
  margin-bottom: 30px;
}
.contents section p.indent {
  text-indent: 1em;
}
.contents section code {
  display: inline-block;
  padding: 0.1em 0.25em;
  color: #444;
  background-color: #e7edf3;
  border-radius: 3px;
  border: solid 1px #d6dde4;
}
.contents section div.point {
  position: relative;
  padding: 1rem 1.5rem;
  color: #22ac38;
  border-radius: 0 10px 10px 10px;
  background: #e3f5d8;
  margin: 50px 0 0;
}
.contents section div.point:before {
  font-size: 15px;
  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1.5em;
  content: '\POINT';
  color: #fff;
  font-weight: 700;
  border-radius: 8px 8px 0 0;
  background: #22ac38;
}
@media (min-width: 1025px) {
  .contents section {
    width: 1000px;
    margin: 0 auto 80px;
  }
  .contents section p.link a:hover {
    background-color: #0E2D5B;
    border-top: 3px solid #184C97;
    border-bottom: none;
    opacity: 0.5;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contents section h3.midashi {
    font-size: 28px;
  }
  .contents section h3.secTtl {
    font-size: 28px;
  }
  .contents section h3.centerTtl {
    font-size: 30px;
  }
  .contents section h4.subhead {
    font-size: 24px;
  }
  .contents section h5.nesthead {
    font-size: 22px;
  }
}
@media (max-width: 599px) {
  .contents section.lead {
    margin-bottom: 30px;
  }
  .contents section {
    margin-bottom: 30px;
  }
  .contents section h3.midashi {
    font-size: 20px;
  }
  .contents section h3.secTtl {
    font-size: 20px;
    margin-bottom: 2em;
    padding: 0.8em 0;
  }
  .contents section h3.centerTtl {
    font-size: 20px;
    margin-bottom: 1.5em;
  }
  .contents section h3.centerTtl:before {
    left: 0;
    width: 100%;
  }
  .contents section h3.centerTtl span {
    padding: 0 0.5em;
  }
  .contents section .innr {
    padding: 8px;
    margin-bottom: 20px;
  }
  .contents section h4.subhead {
    font-size: 18px;
  }
  .contents section h5.nesthead {
    font-size: 18px;
  }
}
/****************************
リスト関連
****************************/
.contents section ul.disc, .contents section ul.decimal, .contents section ol.decimal {
  margin-left: 1.5em;
}
.contents section ul.disc li {
  list-style-type: disc;
}
.contents section ul.decimal li, .contents section ol.decimal li {
  list-style-type: decimal;
}
.contents section ul.inline li {
  display: inline-block;
}
.contents section ul.cation {
  margin-left: 1.5em;
}
.contents section ul.cation li {}
.contents section ul.cation li::before {
  content: "※";
  margin-left: -1.5em;
  padding-right: 0.5em;
}
.contents section dl.dl_define dt {
  background-color: #f1f1f1;
  padding: 1em 1.5em;
  margin-bottom: 1.5em;
  font-weight: 700;
}
.contents section dl.dl_define dd {
  padding-left: 2em;
  margin-left: 8px;
  margin-bottom: 3em;
  border-left: 5px solid #5F656C;
}
.contents section dl.dl_table {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 559px) {}
@media (min-width: 1025px) {}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contents section dl.dl_table {
    border-top: 1px dashed #AAA;
  }
  .contents section dl.dl_table dt {
    flex-basis: 25%;
    padding: 30px 0 30px 15px;
    background-color: #FFFFFF;
    border-bottom: 1px dashed #AAA;
    box-sizing: border-box;
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    align-content: stretch;
  }
  .contents section dl.dl_table dt > span {
    border-right: 1px solid #EAEAEA;
    flex-grow: 2;
  }
  .contents section dl.dl_table dd {
    flex-basis: 75%;
    padding: 30px;
    background-color: #fff;
    border-bottom: 1px dashed #AAA;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .contents section dl.dl_table {
    flex-flow: column;
  }
  .contents section dl.dl_table dt {
    background-color: #F2F2F3;
    padding: 8px;
  }
  .contents section dl.dl_table dd {
    padding: 8px;
  }
}
/****************************
フレックスボックス
****************************/
.contents section .flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.contents section .flex > div {
  box-sizing: border-box;
  padding: 5px;
}
.contents section .flex.row2 > div {
  flex: 50% 0 1;
}
.contents section .flex.row3 > div {
  flex: 33.3% 0 1;
}
.contents section .flex.imgC {
  flex-direction: column;
}
.contents section .flex.imgC .img {
  align-self: center;
  margin-bottom: 30px;
}
@media (min-width: 1025px) {}
@media (max-width: 1024px) {}
@media (min-width: 600px) and (max-width: 1024px) {}
@media (min-width: 600px) {
  .contents section .flex.row2_1 > div {
    flex: 50% 0 1;
    padding: 15px;
  }
  .contents section .flex.row3_1 > div, .contents section .flex.row3_2 > div {
    flex: 33.3% 0 1;
  }
  .contents section .flex.row4_2 > div {
    flex: 25% 0 1;
  }
  .contents section .flex.imgL {
    flex-direction: row;
    ;
  }
  .contents section .flex.imgL .img {
    flex-basis: 30%;
    box-sizing: border-box;
    padding: 0 15px 15px 0;
  }
  .contents section .flex.imgL .text {
    flex-basis: 70%;
    box-sizing: border-box;
    padding: 0 0 15px 15px;
  }
  .contents section .flex.imgR {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .contents section .flex.imgR .img {
    flex-basis: 30%;
    box-sizing: border-box;
    padding: 0 0 15px 15px;
  }
  .contents section .flex.imgR .text {
    flex-basis: 70%;
    box-sizing: border-box;
    padding: 0 15px 15px 0;
  }
}
@media (max-width: 599px) {
  .contents section .flex {
    margin-bottom: 0px;
  }
  .contents section .flex.row3_1, .contents section .flex.row2_1 {
    flex-direction: column;
  }
  .contents section .flex.row4_2 > div, .contents section .flex.row3_2 > div {
    flex: 50% 0 1;
  }
  .contents section .flex.imgR, .contents section .flex.imgL {
    flex-direction: column;
  }
  .contents section .flex.imgC .img, .contents section .flex.imgR .img, .contents section .flex.imgL .img {
    margin-bottom: 15px;
    align-self: center;
  }
}
@media (min-width: 1025px) {
  #company .contents section dl.dl_table.gaiyou {}
  #company .contents section .flex.imgL .img p.pcImg_250 img {
    width: 250px;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  #company .contents section .flex.imgL .img p.pcImg_250 img {
    width: 100%;
  }
}
@media (max-width: 599px) {
  #company .contents section .flex.imgL .img p.pcImg_250 img {
    width: 250px;
  }
}
#contact dl dt span.hissu {
  background-color: #B54749;
  color: #FFF;
  display: inline-block;
  padding: 1px 1em 0;
  border-radius: 50px;
  font-size: 14px;
  margin-left: 4px;
}
@media (max-width: 599px) {
  #contact dl dt span.hissu {
    font-size: 11px;
  }
}

#sitemap .contents ul {
    border-top: 1px dashed #AAA;
}
#sitemap .contents ul li {
    border-bottom: 1px dashed #AAA;
	overflow: hidden;
}
#sitemap .contents ul li a {
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 1.5em 0.5em;
}
#sitemap .contents ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(231,234,247,0.5);
  transition: all 300ms linear;
}
#sitemap .contents ul li a:hover:before {
  left: 0;
}

#contact .toiBox {
	background: linear-gradient(to bottom, #F5F5F5 0%, #F5F5F5 20%, #DAEAF2 20.1%, #DAEAF2 100%);
	margin-bottom: 50px;
}
#contact .toiBox > div {
	padding: 50px 0;
}
#contact .toiBox .toiBox_wrap h3 {
	background-color: #FEFEFE;
	border: 3px solid #333;
	padding: 1.5em;
	width: 50%;
	margin: 0 auto 20px;
}
#contact .toiBox .toiBox_wrap .flex {
	display: flex;
	justify-content: center;
}
#contact .toiBox .toiBox_wrap .flex > div {
	flex-basis: 33.3%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 3px solid #333;
	background-color: #FEFEFE;
	margin: 15px;
	padding: 30px 8px;
}
#contact .toiBox .icon {
	font-size: 36px;
	color: #184C97;
}
#contact .toiBox h4 {
}
#contact .toiBox .number {
	font-weight: 700;
	font-size: 40px;
}
@media (min-width: 1025px)  {
}
@media (max-width: 1024px) {
}
@media (min-width: 600px) and (max-width: 1024px) {
#contact .toiBox > div {
	padding: 80px 0;
}
}
@media (min-width: 600px)  {
}
@media (max-width: 599px) {
}
#contact .contents section .flex {
	margin: 0;
}
.phoneBox {
	background-color: #ededed
}
.phoneBox h3 {
  position: relative;
  margin: 1rem -10px;
  padding: 1rem 2rem;
  background-color:#b8101f;
	text-align: center;
	font-size: 17px;
	color: #FFF;
}
.phoneBox h3:before,
.phoneBox h3:after {
  position: absolute;
  content: '';
}
.phoneBox h3:before {
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #1E3A76;
  border-left: 10px solid transparent;
}
.phoneBox h3:after {
  right: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #1E3A76;
  border-right: 10px solid transparent;
}
.phoneBox .phoneBox_wrap {
	padding: 0 15px 15px;
}
.formBox .flex.row2_1 > div:first-child{
	border-right: 1px solid rgba(108,108,108,1.00);
}
.formBox .formBox_wrap .text,
.phoneBox .phoneBox_wrap .text {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.formBox .formBox_wrap h4,
.phoneBox .phoneBox_wrap h4 {
	font-weight: 700;
	background-color: #B8101F;
	color: #FFF;
	padding: 1px 1em 0;
	border-radius: 50px;
}
.formBox .formBox_wrap .number,
.phoneBox .phoneBox_wrap .number {
	font-weight: 700;
	font-size: 36px;
}
.phoneBox .phoneBox_wrap .number {
	font-size: 36px;
}
.phoneBox .phoneBox_wrap .number span {
	font-size: 24px;
}
.phoneBox .phoneBox_wrap .number span {
	display: inline-block;
	background-color: #B8101F;
	color: #FFF;
	margin-right: 8px;
	padding: 1px 0.8em 0;
}
.formBox {
	background-color:#fffdcf;
}
.formBox h3 {
	position: relative;
  display: inline-block;
  margin: 1rem 0 1rem -10px;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background-color: #B8101F;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.formBox h3:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #1E3A76;
  border-left: 10px solid transparent;
}
.formBox .formBox_wrap {
	padding: 0 15px 15px;
}
.formBox .formBox_wrap p.note {
	font-size: 14px;
	text-align: left;
	letter-spacing: 0;
	max-width: 80%;
}
@media (min-width: 600px) {
.phoneBox {
	max-width: 1000px;
	margin: 0 auto;
}
.phoneBox h3 {
	font-size: 26px;
}
.phoneBox .phoneBox_wrap {
	padding: 15px 30px;
	text-align: center;
}
.formBox {
	max-width: 1000px;
	margin: 0 auto 20px;
}
.formBox .formBox_wrap {
	padding: 15px 30px;
	text-align: center;
}
}
@media (max-width: 599px) {
.phoneBox .phoneBox_wrap .number {
	font-size: 24px;
}
.phoneBox .phoneBox_wrap .number span {
	font-size: 16px;
}
.formBox .formBox_wrap p.note {
	font-size: 11px;
}
.formBox .flex.row2_1 > div:first-child{
	border-right:none;
	border-bottom: 1px solid rgba(108,108,108,1.00);
	margin-bottom: 20px;
}
}

/********************#used *************************/
#used ul.point{
	display: flex;
  justify-content: center;
}
#used ul.point li{
  padding: 4px;
	box-sizing: border-box;
}
/********************#disused *************************/
#disused .contents section p.link {
  text-align: center;
}
#disused .youi dl dd a{
	padding: 0.54em;
    background: #de3f5d;
    color: #FFF;
}
#disused .faq dl dt {
	display: flex;
	align-items: center;
	color: #184c97;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 1em;
	
}
#disused .faq dl dt::before {
	content: '';
	display: block;
	width: 80px;
	height: 55px;
	background-image: url("../haishaou/img/q.jpg");
	background-repeat: no-repeat;
	margin-right: 15px;
	background-size: contain;
  vertical-align: middle;
}
#disused .faq dl dd {
	display: flex;
	align-items: center;
	margin-left: 50px;
	margin-bottom: 50px;
}
#disused .faq dl dd::before {
	content: '';
	display: block;
	width: 80px;
	height: 55px;
	background-image: url("../haishaou/img/a.jpg");
	background-repeat: no-repeat;
	margin-right: 15px;
	background-size: contain;
  vertical-align: middle;
	flex: 1 0 80px;
}
/***************************sdgs***********************************/
#sdgs  .breadcrumb ul li a {
    color: #555555; 
}
#sdgs #main{
	padding-bottom: 0;
}
#sdgs section{
	width: 100%;
	margin: 0;
}
#sdgs .lead{
	background:url("../sdgs/img/bg_head.png"),url("../sdgs/img/bg_footer.png");
	background-position:top center,bottom center;
	background-size:100% auto;
	background-repeat: no-repeat, no-repeat, no-repeat;
	text-align: center;
	margin: 0;
	padding: 7em 0;
}
#sdgs .lead h2{
	color: #555555;
    font-weight: 900;
    font-style:normal;
    margin:2em 0;
}
#sdgs .lead h2::before{
	content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image:url("../sdgs/img/sdgs_ling.png");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto 10px;
}
#sdgs .lead p{
	text-align: center;
	font-weight: 700;
	font-size: 1.2em;
}
#sdgs .lead p.note{
	text-align: justify;
	font-size: 0.8em;
	max-width: 600px;
    padding: 2em;
}
#sdgs .lead .icon_goals{
	margin-top: 2em
}
#sdgs .sengen{
	background: #6CBD6D;
	color: #FFF;
	padding: 3em 0;
	text-align: center;
}
#sdgs .sengen h2{
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 2em;
}
#sdgs .sengen h2 span{
	font-weight: 900;
}
#sdgs .sengen p{
	text-align: justify;
	max-width: 800px;
	font-weight: 700;
	margin: auto
}
#sdgs .sengen p span{
	display: block;
	font-size: 1.5rem;
	font-weight: 900;
	text-align: center;
    margin: 1.2em 0;
}
#sdgs .torikumi{
	background: url("../sdgs/img/bg.jpg") no-repeat;
	background-attachment: fixed;
	text-align: center;
	background-size: 100%;
	padding: 3em 0;
}
#sdgs .torikumi h2{
	color: #6CBD6D;
	margin: 2em 0;
	font-size: 1.8em;
    font-weight: 900;
}
#sdgs .torikumi .inner{
	background: #FFF;
	padding: 2em;
	border: 2px solid #6CBD6D;
}
#sdgs .torikumi section{
	margin: 0;
	padding: 2em 0;
	border-bottom: 1px solid rgba(90,90,90,1.00);
	margin-bottom:2em;
}
#sdgs .torikumi section ul.icon{
	display: flex;
    justify-content: center;
    margin-bottom: 15px;
	gap:10px;
}
#sdgs .torikumi section ul.icon li {
    flex-basis: 80px;
  }
#sdgs .torikumi section h3{
	color: #6CBD6D;
	text-align: center;
	margin: 2em;
	font-weight: 900;
    font-size: 1.5em;
  }
#sdgs .torikumi section.sec02 h3 sub {
	font-size: 18px;
	font-weight: inherit;
	vertical-align: bottom;
	position: relative;
	bottom: 0.1em;
}
#sdgs .torikumi section.sec02 .text sub {
	font-size: 12px;
	font-weight: inherit;
	vertical-align: bottom;
	position: relative;
	bottom: 0.1em;
}
#sdgs .last{
	background:url("../sdgs/img/last_bg.png") no-repeat right;
	background-color:  #6CBD6D;
	color: #FFF;
	padding: 4em 0;
	text-align: left;
	font-size: 1.5em;
	font-weight: 900;
	background-size: auto;
}
#sdgs .last p{
	 font-weight: 700;
	padding-right: 30%;
}
@media (min-width: 600px) {
#sdgs .sengen h2 span{
	padding-left: 10px;
}
}
@media (max-width: 599px) {
#sdgs #main {
    padding: 0;
}
	#sdgs .lead{
		padding: 1em;
	}
	#sdgs .lead p{
		text-align: left;
	}
	#sdgs .lead p br{
		display: none;
	}
	#sdgs section{
	width:auto;
	margin: 0;
}
	#sdgs section .container{
		padding: 1em;
	}
	#sdgs .sengen{
	padding: 2em;
}
	#sdgs .sengen h2{
	font-size: 1.8em;
	font-weight: 900;
	margin-bottom: 2em;
}
	#sdgs .sengen h2 span::before {
			content: "\A" ;
			white-space: pre ;
		    font-size: 1.6em;
	}
	#sdgs .sengen p{
	text-align: justify;
	max-width: 800px;
	font-weight: 700;
	margin: auto
}
	#sdgs .torikumi{
	background: url(../sdgs/img/bg_head.png),url(../sdgs/img/bg_footer.png);
    background-position: top center,bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat, no-repeat, no-repeat;
	text-align: center;
	padding: 3em 0;
}
#sdgs .torikumi section.sec02 h3 sub {
	font-size: 14px;
}
#sdgs .torikumi section.sec02 .text sub {
	font-size: 11px;
}
	#sdgs .last{
	background:url("../sdgs/img/last_bg.png") no-repeat center;
	background-color:  #6CBD6D;
	color: #FFF;
	padding: 1em 0;
	text-align: left;
	font-size: 1.2em;
	background-position: 80% 50%;
    background-size: auto 150%;
}
	#sdgs .last p{
	padding: 1em;
	margin-bottom: 0;
		}
	#sdgs .last p br{
		display: none;
	}
}




#usedcar .list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#usedcar .list li a {
	display: flex;
	flex-direction: column;
}
#usedcar .list li .text .datecode {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}
#usedcar .list li .text .delete_day {
	display: flex;
	justify-content: flex-end;
	font-size: 12px;
}
#usedcar .list li .text h3 {
	background-color: rgba(231,234,247,1.00);
	padding: 0.5em;
	box-sizing: border-box;
	line-height: 1.2;
	color: #184C97;
	border-radius: 4px;
}
#usedcar .list li .text p {
	margin-bottom: 0;
}
@media (max-width: 599px) {
#usedcar .list {
}
}
@media (min-width: 600px) {
#usedcar .list {
	flex-direction: row;
}
#usedcar .list li {
	flex-basis: 33.3%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
	box-sizing: border-box;
}
}
#usedcar .detail .imgR {
	display: flex;
	flex-direction: column;
}
#usedcar .detail table.table_sp {
	width: 100%;
}
#usedcar .detail .gallery ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#usedcar .detail .gallery ul li {
	margin-bottom: 8px;
}
@media (max-width: 599px) {
}
@media (min-width: 600px) {
#usedcar .detail .imgR {
	flex-direction: row-reverse;
	justify-content: space-between;
}
#usedcar .detail .imgR .img {
	flex-basis: 450px;
	padding: 0 0 8px 8px;
	box-sizing: border-box;
}
#usedcar .detail .imgR .divL {
	flex-grow: 2;
}
#usedcar .detail table.table_sp th {
	width: 200px;
}
#usedcar .detail .gallery ul {
	flex-direction: row;
}
#usedcar .detail .gallery ul li {
	flex-basis: 33.3%;
	padding: 8px;
	box-sizing: border-box;
}
#usedcar .detail .gallery ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 200px;
	overflow: hidden;
	background-color: #F2F2F2;
}
#usedcar .detail .gallery ul li a img {
}
}