@charset "UTF-8";
/* CSS Document */

/* =============================
#contents_area 初期化
===============================*/
#contents_area {
	padding-top: 0;
}
/* =============================
.special_head
===============================*/
.special_head {
	margin-top: 10px;
	text-align: center;
}
.special_head p {
	font-size: 162.5%;
}
/* =============================
.special_body
===============================*/
.special_body {
	margin: 40px 0;
	padding-bottom: 70px;
}
.special_body_cont {
	width: 960px;
	margin: 0 auto;
}
.color_ava {
	background: #fffaf3;
	padding-bottom: 100px;
}
.special_main_area a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
/*h2
----------------------------*/
.special_body h2 {
	text-align: center;
	border-bottom: solid 3px #e6e6e6;
	width: 960px;
	margin: 0 auto 40px;
	padding: 16px 0 5px;
}
.special_body h2 > span {
	display: block;
	margin-top: 5px;
}
/*h3
----------------------------*/
.special_body_cont h3 {
	font-weight: normal;
	font-size: 212.5%;
	line-height: 1.5;
}
.special .special_body_cont h3 {
	font-weight: bold;
	font-size: 212.5%;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
/*汎用
----------------------------*/
.special_body .bold {
	font-weight: bold;
}
/* 夏休み特集
=============================================================================================*/
#sp01_anc01, #sp01_anc02, #sp01_anc03 {
	text-align: center;
	margin: 100px auto 0;
}
.special_nomal_list {
	margin-top: 0.5em;
}
.special_nomal_list li {
	list-style: disc;
	margin-left: 1em;
}
/*高さ揃えマージン調整
----------------------------*/
.sp01_margin_01 {
	margin-top: 12px;
}
.sp01_margin_02 {
	margin-top: 141px;
}
.sp01_margin_03 {
	margin-top: 31px;
}
.sp01_margin_04 {
	margin-top: 27px;
}
.sp01_margin_05 {
	margin-top: 21px;
}
.sp01_margin_06 {
	margin-top: 15px;
}
.sp01_margin_07 {
	margin-top: 28px;
}
.sp01_margin_08 {
	margin-top: 12px;
}
.sp01_margin_09 {
	margin-top: 62px;
}
.sp01_margin_10 {
	margin-top: 24px;
}
/* 夏休みの宿題
=============================================================================================*/
/*アンカーメニュー
----------------------------*/
.special_local_menu {
	display: flex;
	margin: 44px auto 20px;
	max-width: 840px;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}
.special_local_menu04 {
    display: flex;
	margin: 44px auto 20px;
	max-width: 840px;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}
/*.special_2col
----------------------------*/
.special_2col {
	display: flex
}
.special_2col > div {
	width: 460px;
}
.special_2col > div:first-of-type {
	margin-right: 40px;
}
.special_2col > div > div {
	text-align: center;
	margin-top: 1.5em;
}
.special_2col02 {
    margin-top: 50px;
}
/*ボタンスタンダード
----------------------------*/
ul.special_btn_std {
	margin-top: 30px;
}
ul.special_btn_std li {
	margin-bottom: 10px;
}
ul.special_btn_std a {
	color: #000;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 137.5%;
	min-height: 80px;
	padding: 8px 35px 4px 15px;
	border-radius: 8px;
	line-height: 1.3;
	text-align: center;
	background: #ccc url(../special/images/sp_arrow_stn.png) no-repeat right center;
	flex-direction: column;
}
ul.special_btn_std wel + br,
ul.special_btn_std span + br {
	display: none;
}
.sp_btn_single {
	padding: 19px 35px 18px 15px;
}

@media all and (-ms-high-contrast: none) {
ul.special_btn_std a {
	padding: 14px 35px 4px 15px;
}
.sp_btn_single {
	padding: 28px 35px 20px 15px !important;
}
}
/*高さ揃えマージン調整
----------------------------*/
.sp_margin_01 {
	margin-top: 3.2em;
}
.sp_margin_02 {
	margin-top: 4.2em;
}
.sp_margin_02_02 {
	margin-top: 2em;
}
.sp_margin_03 {
	margin-top: 1em;
}
.sp_margin_03_02 {
	margin-top: 2.6em;
}
.sp_margin_05_01 {
    margin-top: 4.7em;
}
.sp_margin_05_02 {
    margin-top: 1.5em;
}
/* 防災
=============================================================================================*/
/*.special_body_cont_2col
----------------------------*/
.special_body_cont_2col {
	display: flex;
	position: relative;
	margin-top: 150px;
}
.special_body_cont_2col:first-of-type {
	margin-top: 0px;
}
.special_body_cont_2col > div {
	width: 460px;
}
.special_body_cont_2col > div:first-of-type {
	margin-right: 40px;
}
.special_body_cont_2col > div > div {
	display: inline-flex;
	align-items: flex-start;
	margin: 1em 0 1.5em 0;
	vertical-align: top;
}
.special_body_cont_2col > div > div > p,
.sp03_a > div:first-of-type > div > p.sp03a_sp04_only02 {
	width: 275px;
	margin-right: 15px;
	font-size: 93.8%;
}
.special_body_cont_2col > div > div > img {
	vertical-align: top;
	float: right;
	flex-shrink: 0;
}
/*.用途別
----------------------------*/
/*---sp03_a---*/
.sp03_a > div:first-of-type > div > p,
.sp03_a > div > div > p.sp03a_sp04_only01 {
	margin-right: 50px;
}
/*---sp03_b---*/
.sp03_b {
	margin-top: 200px;
	position: relative;
}
.sp03_b > div > div {
	display: inline-block;
/*	width: 750px; */
}
/*
.sp03_b > div:last-of-type {
	display: none;
}
*/
.sp03_b > div img,
.sp04_b > div:first-child img {
	vertical-align: top;
	float: right;
}
.sp03_b > div > div > p {
	margin-bottom: 1.2em;
	width: 100%;
	min-height: 5em;
}
.sp04_b > div:first-child > ul {
	margin-top: 1.35em;
}
/*---sp03_c---*/
.sp03_c > div:last-of-type > div > p {
	margin-right: 50px;
}
/*---sp03_d---*/
.sp03_d {
	display: block;
	margin-top: 80px;
}
.sp03_d > div {
	width: 100%;
	margin-right: 0 !important;
}
.sp04_a.sp03_b {
  margin-top: 150px;
}
.sp04_d {
  display: block;
}
.sp04_d > div {
	width: 100%;
	margin-right: 0 !important;
}
.sp04_img03 {
  border: 1px solid #cacaca;
}

.sp04_e .sp03a_sp04_only01 {
	margin-right: 50px;
}
/* =============================
ボタン
===============================*/
ul.special_btn {
	position: absolute;
	top: 97%;
}
ul.special_btn a {
	color: #000;
	font-size: 137.5%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 460px;
	height: 3.7em;
}
ul.special_btn.sp_btn_bg_glay a {
  background: #ccc url(../special/images/sp_arrow_stn.png) no-repeat right center;
  border: none;
  border-radius: 8px;
  font-weight: bold;
}
ul.special_btn.sp_btn_bg_glay span {
  display: block;
  width: 100%;
}
ul.special_btn.sp_btn_bg_glay span:first-child {
  align-self: flex-end;
}
ul.special_btn.sp_btn_bg_glay span:last-child {
  align-self: flex-start;
}
/*ボタン用途別
----------------------------*/
/*---sp03_b---*/
.sp03_b ul.special_btn,
.sp04_b ul.special_btn {
	position: static;
}
.sp03_b ul.special_btn li,
.sp03_e ul.special_btn li,
.sp04_b ul.special_btn li {
	margin-bottom: 10px;
}
/*---sp03_c---*/
.sp03_c ul.special_btn {
	position: static;
}
.sp03_c > div:last-of-type ul.special_btn {
	margin-top: 1em;
}
.sp03_a ul.special_btn .sp04_manual span,
.sp03_c ul.special_btn span {
	display: block;
	line-height: 1;
}
/*ボタングレイ
----------------------------*/
ul.special_btn_sp_glay {
	margin-top: 20px;
}
ul.special_btn_sp_glay li {
	margin-bottom: 20px;
}
ul.special_btn_sp_glay a {
	color: #666;
	display: block;
	font-size: 162.5%;
	width: 100%;
	min-height: 110px;
	padding: 6px 85px 0 35px;
	border: solid 2px #999;
	background: #fff url(../special/images/sp_arrow_glay.png) no-repeat right center;
}
ul.special_btn_sp_glay li:first-of-type a,
ul.special_btn_sp_glay li a.sp04_d_link {
	padding-top: 18px;
}
ul.special_btn_sp_glay span {
	font-size: 68.8%;
	line-height: 1.3;
}
ul.special_btn_sp_glay span:last-of-type {
	color: #000;
	display: block;
}
/*カラー
----------------------------*/
.sp_black a {
	border: solid 2px #000;
	background: #fff url(../special/images/sp_arrow_black.png) no-repeat right center;
	padding-right: 2.5em;
}
/*スニペット
----------------------------*/
.sp_br {
	display: none !important;
}
.margin_top_1em {
	margin-top: 1em;
}
.margin_top_2em {
	margin-top: 2em;
}
.margin_top_3em {
	margin-top: 3em;
}
.margin_top_4em {
	margin-top: 4em;
}
.special_sp_line {
	display: none;
}

/*==================================
100.others
==================================*/
#gotoTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#gotoTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	text-decoration: none;
	text-align: center;
}
#gotoTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media (max-width: 470px) {
#gotoTop img {
	width: 60px;
}
#gotoTop {
	bottom: 10px;
	right: 10px;
}
}
/*==================================
sns アイコン
==================================*/
.spec_sns_box ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 960px;
	margin: 0 auto;
}
.spec_sns_box li, .spec_sns_box li a {
	width: 60px;
}
.spec_sns_box li {
	margin-left: 5px;
	border-radius: 3px;
	height: 20px
}
.spec_sns_box li a {
	display: block;
	border-radius: 3px;
	height: 20px
}
.spec_sns_box li:nth-of-type(1) {
	background: #1da1f2;
	padding-top: 2px;
}
.spec_sns_box li:nth-of-type(2) {
	background: #3b5998;
	padding-top: 1px;
}
.spec_sns_box li:nth-of-type(3) {
	background: #00c300;
}
.spec_sns_box li a img {
	display: table;
	width: auto;
	max-height: 14px;
	margin: 3px auto;
}

.sp03_b.sp_padding {
  margin-top: 2em;
}

/*sp06 子育て特集用
----------------------------*/
.sp06_nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 960px;
  margin: 1em auto;
}

.sp06_nav li {
  width: calc( 93% / 7 );
}

.sp06_nav a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5em;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  font-weight: bold;
  border-width: 4px;
  border-style: solid;
  color: #333;
}

.sp06_nav a:hover {
  color: #333;
}

.sp06_anc01 {
  border-color: #ffd800;
}
.sp06_anc02 {
  border-color: #225fe7;
}
.sp06_anc03 {
  border-color: #bb62da;
}
.sp06_anc04 {
  border-color: #40af5b;
}
.sp06_anc05 {
  border-color: #000;
}
.sp06_anc06 {
  border-color: #d3191a;
}
.sp06_anc07 {
  border-color: #fe942e;
}

.sp06 .special_body_cont {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sp06 .special_body_cont > div {
  width: 49%;
}

.sp06 .special_body_cont h2 {
  width: auto;
  text-align: left;
  padding-left: 45px;
  background-position: 5px 60%;
  background-repeat: no-repeat;
}

#sp06_anc01 h2 {
  background-image: url("../special/images/sp06_anc01_ico.png");
}
#sp06_anc02 h2 {
  background-image: url("../special/images/sp06_anc02_ico.png");
}
#sp06_anc03 h2 {
  background-image: url("../special/images/sp06_anc03_ico.png");
}
#sp06_anc04 h2 {
  background-image: url("../special/images/sp06_anc04_ico.png");
}
#sp06_anc05 h2 {
  background-image: url("../special/images/sp06_anc05_ico.png");
}
#sp06_anc06 h2 {
  background-image: url("../special/images/sp06_anc06_ico.png");
}
#sp06_anc07 h2 {
  background-image: url("../special/images/sp06_anc07_ico.png");
}

.sp06_link_list {
  width: 98%;
  margin: 0 auto;
}

.sp06_link_list li {
  margin: 1.5em 0;
}

.sp06_link_list li:last-child {
  margin-bottom: 0;
}

.sp06_link_list a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  /* border: 2px solid #000; */
  padding: .7em 2em .7em .7em;
  background-color: #fff;
  background-image: url("../special/images/sp_arrow_blue.png");
  background-position: 98% center;
  background-repeat: no-repeat;
}

#sp06_anc01 .sp06_link_list a {
  border-color: #ffd800;
}
#sp06_anc02 .sp06_link_list a {
  border-color: #225fe7;
}
#sp06_anc03 .sp06_link_list a {
  border-color: #bb62da;
}
#sp06_anc04 .sp06_link_list a {
  border-color: #40af5b;
}
#sp06_anc05 .sp06_link_list a {
  border-color: #000;
}
#sp06_anc06 .sp06_link_list a {
  border-color: #d3191a;
}
#sp06_anc07 .sp06_link_list a {
  border-color: #fe942e;
}

.sp06_link_list a p {
  color: #000;
}
/* .color_ava .sp06_link_list a {
  background-color: #fff;
} */

#sp06_anc01 a,
#sp06_anc02 a {
  height: 10em;
}

#sp06_anc03 h3,
#sp06_anc04 h3,
#sp06_anc07 h3 {
  margin-bottom: 0;
}

#sp06_anc03 > p {
  min-height: 220px;
}

#sp06_anc04 > p {
  min-height: 90px;
}

#sp06_anc05 a,
#sp06_anc06 a {
  height: 11em;
}

.special .special_body_cont .sp06_link_list h3 {
  font-size: 110%;
}

#sp06_anc03 > p {
  background: url("../special/images/sp06_anc03_bg.png") right center no-repeat;
  padding-right: 160px;
}

#sp06_anc04  {
  background: url("../special/images/sp06_anc04_bg.png") right 6.5em no-repeat;
}

.special_body_cont div#sp06_anc07 {
  width: 100%;
}

#sp06_anc07 .sp06_link_list {
  width: calc( 49% + 58px );
  margin: 0;
}

#sp06_anc07 > div {
  width: 100%;
  padding-right: 120px;
  background: url("../special/images/sp06_anc07_bg.png") right top no-repeat;
}

/*sp07 家庭ごみ有料特集用
----------------------------*/
.sp07 .special_body h2 {
  background: url("../special/images/sp07_h2_ico.png") 5px center no-repeat;
  text-align: left;
  padding: 15px 0;
  padding-left: 90px;
}

.sp07 .sp_black a {
  padding-right: 1.5em;
}

.sp07 .sp04_d h2 {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  font-size: 212.5%;
  font-weight: normal;
}

.sp07 .sp04_d:last-child {
  margin-top: 70px;
}

.sp07_border {
  border: 1px solid #000;
  padding: .5em;
  position: relative;
}

.sp07 .sp07_border h2 {
  font-size: 175%;
}

.sp07 .sp07_border h3 {
  font-size: 110%;
  padding-left: 1em;
}

.sp07_border .sp07_tel {
  background: url("../special/images/sp07_tel.png") 1em center no-repeat;
  padding-left: calc( 1em + 70px );
  color: #f60;
  font-size: 200%;
  min-height: 1.3em;
  margin: .2em 0 .8em;
  background-size: 1.3em auto;
}

.sp07_border p {
  padding-left: 1em;
}

.sp07_border dl {
  margin-top: 1em;
  padding-left: 1em;
  display: flex;
  flex-wrap: wrap;
}

.sp07_border dt {
  width: 7.8em;
  font-weight: normal;
}

.sp07_border dd {
  width: calc( 100% - 7.8em );
  margin-left: 0;
}

.sp04_d .balloon {
    position: absolute;
    right: 10em;
    width: 17em;
    top: .8em;
}

.balloon img {
    position: absolute;
    width: 65%;
    height: auto;
    right: -8.5em;
    bottom: -8em;
}

.balloon p {
    position: relative;
    padding: .5em;
    border: 2px solid;
    border-radius: 50%;
    width: 100%;
    min-height: 8.8em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}

.balloon p::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  /* left: 0; */
  right: 34px;
  bottom: -1px;
  transform: rotate(-20deg);
  border-top: 15px solid #000;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  }
/* 白い半円 */
.balloon p::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  /* left: 0; */
  right: 35px;
  bottom: 2px;
  margin: 0 auto;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  transform: rotate(-20deg);
  }

.balloon span:last-child {
    font-size: 120%;
    padding: .5em;
}

.balloon span {
    padding-top: 1em;
}

.sp07 ul.special_btn_sp_glay li:first-of-type a {
  padding-top: 6px;
}

.sp07 ul.special_btn_sp_glay a {
  padding-bottom: 6px;
  min-height: auto;
}

/*sp08
----------------------------*/
.sp08 .special_head p {
  margin-bottom: 12px;
}

.sp08 h1 {
  border-bottom: 1px solid #000;
  color: #000;
  background-size: contain;
  padding: .5em 0;
  margin-top: .5em;
}

.sp08_greeting {
    margin-top: 1em;
    border: solid 2px #999;
    padding: 1em;
}

.sp08_greeting a {
    color: #000;
    display: flex;
    /* padding: .5em; */
    flex-wrap: wrap;
    flex-direction: column;
    height: 13em;
    background: #fff url(../special/images/sp_arrow_glay.png) no-repeat right center;
}

.sp08_greeting .sp08_grt_01,
.sp08_greeting h2 {
    width: 70%;
}

.sp08_greeting h2 {
  margin-bottom: 1em;
}

.sp08_greeting .sp08_grt_02 {
    width: 20%;
    margin-right: 50px;
}

.sp08_grt_02 img {
  width: 100%;
  height: auto;
}

.sp08_greeting a span {
  color: #0c67d7;
}

.sp08_nav {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sp08 .special_body h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp08 .special_body h2 span {
    height: 2.5em;
    display: flex;
    align-items: center;
}

.sp08 .special_body h2 span:first-child {
  margin-right: .5em;
}

.sp08 h2 span img {
    max-height: 100%;
    width: auto;
}

.sp08 div .sp08_img_b,
.sp09 div .sp08_img_b {
  display: block;
}

.sp08_img_b img {
  width: 80%;
  height: auto;
}

.sp08 .sp08_img_b p,
.sp09 .sp08_img_b p {
  width: 100%;
}

.special_body_cont_2col > div > div .img_center {
  text-align: center;
  font-size: 90%;
  position: absolute;
  top: 100%;
}

.pecial_body_cont_2_inner {
    position: relative;
    margin-bottom: 17.5em;
}

.pecial_body_cont_2_inner ul.special_btn {
    top: calc(100% + 270px);
}

.special_body_cont_1col {
  position: relative;
  margin: 150px 0 6em;
}

.special_body_cont_1col.mt0 {
  margin-top: 0;
}

h2 + .special_body_cont_1col {
  margin-top: 0;
}

.special_body_cont_1col div {
  margin: 1em 0 1.5em 0
}

.special_body_cont_1col img {
  display: block;
  margin: 0 auto;
  padding-bottom: 1.5em;
}

.special_body_cont_1col ul.special_btn {
    right: 25%;
}

.special_body.special_body_pb0 {
  padding-bottom: 0;
}

ul.special_btn_sp_glay li a.sp08_btn_bg01,
ul.special_btn_sp_glay li a.sp08_btn_bg02,
ul.special_btn_sp_glay li a.sp08_btn_bg03,
ul.special_btn_sp_glay li a.sp08_btn_bg04,
ul.special_btn_sp_glay li a.sp08_btn_bg05,
ul.special_btn_sp_glay li a.sp08_btn_bg06,
ul.special_btn_sp_glay li a.sp08_btn_bg07,
ul.special_btn_sp_glay li a.sp08_btn_bg08,
ul.special_btn_sp_glay li a.sp08_btn_bg09,
ul.special_btn_sp_glay li a.sp08_btn_bg10,
ul.special_btn_sp_glay li a.sp08_btn_bg11 {
  background-position: right center,left center;
  background-repeat: no-repeat;
  background-size: auto,80px auto;
  padding-left: 110px;
}

ul.special_btn_sp_glay .sp08_btn_bg01 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg01.png);
}
ul.special_btn_sp_glay .sp08_btn_bg02 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg02.png);
}
ul.special_btn_sp_glay .sp08_btn_bg03 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg03.png);
  padding-top: 18px;
}
ul.special_btn_sp_glay .sp08_btn_bg04 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg04.png);
}
ul.special_btn_sp_glay .sp08_btn_bg05 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg05.png);
  padding-top: 6px;
}
ul.special_btn_sp_glay .sp08_btn_bg06 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg06.png);
  padding-top: 18px;
}
ul.special_btn_sp_glay .sp08_btn_bg07 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg07.png);
  padding-top: 6px;
}
ul.special_btn_sp_glay .sp08_btn_bg08 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg08.png);
}
ul.special_btn_sp_glay .sp08_btn_bg09 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg09.png);
  padding-top: 18px;
}
ul.special_btn_sp_glay .sp08_btn_bg10 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg10.png);
  padding-top: 18px;
}
ul.special_btn_sp_glay .sp08_btn_bg11 {
  background-image: url(../special/images/sp_arrow_glay.png),url(../special/images/sp08_btn_bg11.png);
  padding-top: 18px;
}

.sp03_a > div > div > .sp08_img_p {
  font-size: 80%;
  width: 135px;
  margin-right: 0;
}

.sp03_a > div > div > .sp08_img_p2 {
  font-size: 80%;
  width: 108px;
  margin-right: 0;
}

.sp08_img_p img,
.sp08_img_p2 img {
  display: block;
}

.sp08_anc10_wrap {
    display: flex;
    flex-wrap: wrap;
}

.sp08_anc10_wrap p {
    width: 100%;
    margin-bottom: 1em;
}

.sp08_anc10_inner {
    width: calc(50% - 1em);
    margin-bottom: 1em;
}

.sp08_anc10_inner:nth-child(2n) {
    margin-right: 1em;
}

.sp08_anc10_inner .menu_Btn {
  display: none;
}

.sp08_anc10_wrap ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

.sp08_anc10_wrap li {
    min-height: 40px;
    background: url(../special/images/sp_arrow_blue.png) no-repeat 8px center;
    padding: .5em .5em .5em 40px;
    display: flex;
    align-items: center;
    width: 100%;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.sp08_anc10_wrap li:last-child {
  background-color: #ececec;
}

.sp08_anc10_wrap .special_btn_sp_glay {
  border: none;
  width: 100%;
}

.sp08_anc10_wrap .special_btn_sp_glay li {
  background: none;
  padding: 0;
  display: list-item;
  border: none;
}

/*sp09
----------------------------*/
.sp09 h1 {
	width: 960px;
	margin: 0 auto .5em;
}

.sp09 h1 img {
	width: 100%;
	height: auto;
}

.sp09_nav {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 1em auto;
}

.sp09_nav li {
  margin-right: 1em;
}

.sp09_nav li:last-child {
  margin-right: 0;
}

.sp09 .special_body h2 {
	border-color: #78909c;
}

#sp09_anc02, #sp09_anc03, #sp09_anc04 {
	padding-top: 2em;
}

.sp09 .pecial_body_cont_2_inner ul.special_btn {
	top: calc(100% + 300px);
}

.sp09 .pecial_body_cont_2_inner ul.sp09_sp_btn {
	top: calc(100% + 330px);
}

.sp09_1col {
	display: block;
	position: static;
	padding-top: 2em;
}

.sp09_1col .sp09_img_r {
	width: 100%;
	margin-right: 0 !important;
	overflow: hidden;
	margin-bottom: 1em;
}

.img_right {
	float: right;
	width: 40%;
	margin-left: 1em;
	font-size: 90%;
	text-align: center;
}

.img_right img,
.sp09_library_ul img {
	width: 100%;
	height: auto;
}

.sp09_1col ul.special_btn {
	position: static;
}

.sp09_1col ul.special_btn a {
	width: 100%;
	display: flex;
	margin-bottom: 1em;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.sp09_library_ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.sp09_library_ul > li {
  width: calc( ( 100% - 4.1em ) / 3 );
  margin-right: 2em;
  margin-bottom: 2em;
}

.sp09_library_ul li:nth-child(3n) {
  margin-right: 0;
}

.sp09_library_ul h3 {
  font-size: 1.5em;
  text-align: center;
  border-bottom: 2px solid;
  line-height: 1;
  margin-bottom: .5em;
}

.sp09_library_ul h3 span {
  font-size: 80%;
  display: block;
}

.sp09_library_ul ul {
	color: #000;
}

.sp09_2line span {
	display: block;
	line-height: 1;
}

.sp04 .img_right {
	width: 90px;
}

/*sp06 2020用
----------------------------*/
.special_body_cont div#sp06_anc04 {
  width: 100%;
}

#sp06_anc04 .sp06_link_list {
  width: calc( 49% + 62px );
  margin: 0;
}