@charset "utf-8";
@import url("/ssi/css/detail.css");


/* -----------------------------------------
　　子育てポータルサイト　TOPページ　共通
------------------------------------------ */
img{
	max-width: 100%;
}
#container{
	min-width: unset;
}
#footstep_wrap{
	display: none;
}
#mymainback{
	width: 100%;
	padding: 0;
	margin: 0;
}
.tpl_side1 #main{
	width: 100%;
}
.tpl_side1 #main_a{
	padding-left: 0;
}
.view--769{
	display: block;
}
.view--768{
	display: none;
}
@media screen and (max-width: 768px) {
	.view--769{
		display: none;
	}
	.view--768{
		display: block;
	}
}

/* ------------------------
　コンテンツ部分（黄色斜線）
------------------------ */
.sec01{
	width: 100%;
	background-size: 424px;
	background-repeat: repeat;
	background-image: url(/img/site/kosodate/sec01_bg_stripe.png);
	padding: 30px 40px 60px;
}
@media screen and (max-width: 1080px) {
	.sec01{
		background-size: 300px;
		padding: 40px 20px;
	}
}
@media screen and (max-width: 768px) {
	.sec01{
		padding: 40px 5.13% 30px;
	}
}
.sec01_innr{
	display: flex;
	flex-wrap: wrap;
	gap: 6.56%;
	max-width: 1340px;
	margin: auto;
}
@media screen and (max-width: 1080px) {
	.sec01_innr{
		display: block;
		max-width: 700px;
	}
}
.sec01_right{
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.sec01_right{
    	max-width: 350px;
	}
}
@media screen and (max-width: 430px) {
	.sec01_right{
    	max-width: 100%;
	}
}
.help_ttl{
	text-align: center;
	margin: 0 auto 26px;
	font-size: 3.2rem;
	color: #754932;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
	.help_ttl{
		font-size: 2.4rem;
		margin: 0 auto 20px;
	}
}
.sec01_right .help_list{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    max-width: calc(40rem + 30px);
	margin: auto;
}
.sec01_right .help_list li {
	/* width: 46.4%; */
	list-style: none;
	margin-bottom: 26px;
	background-color: #fff;
	border: 6px solid #FFF101;
	border-radius: 30px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li{
		border: 3px solid #FFF101;
		border-radius: 15px;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
		margin: 0 auto 24px;
	}
}
.sec01_right .help_list li a {
	text-decoration: none;
	display: block;
	width: calc(20rem - 12px);
	height: calc(95px + 6.6rem);
	text-align: center;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li a {
		width: calc(16rem - 4px);
		height: calc(81px + 5.3rem);
	}
}
.sec01_right .help_list li .help_item_img{
	display: block;
	margin: 0 auto 4px;
}

.sec01_right .help_list li:nth-of-type(1) .help_item_img{
	width: 121px;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li:nth-of-type(1) .help_item_img{
		width: 103px;
		padding: 5px 0 0;
	}
}
.sec01_right .help_list li:nth-of-type(2) .help_item_img{
	width: 115px;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li:nth-of-type(2) .help_item_img{
		width: 98px;
		padding: 24px 0 7px;
	}
}
.sec01_right .help_list li:nth-of-type(3) .help_item_img{
	width: 112px;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li:nth-of-type(3) .help_item_img{
		width: 91px;
		padding: 8px 0 0;
	}
}
.sec01_right .help_list li:nth-of-type(4) .help_item_img{
	width: 98px;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li:nth-of-type(4) .help_item_img{
		width: 79px;
		padding: 13px 0 6px;
	}
}
.sec01_right .help_list li a span{
	display: block;
	font-size: 2.4rem;
	line-height: 1.375;
	color: #333333;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.sec01_right .help_list li a span{
		font-size: 1.8rem;
	}
}
.sec01_cms_bnr{
	display: flex;
	justify-content: center;
}
.sec01_cms_bnr img{
	height: auto !important;
}

/* ------------------------
　トップスライダー
------------------------ */
.sec01_left{
  width: 61.19%;
  max-width: 820px;
  height: 595px;
  height: auto;
  margin: 0 auto 49px;
  position: relative;
}
@media screen and (max-width: 1080px) {
	.sec01_left {
		max-width: 100%;
    	width: 100%;
		margin-bottom: 35px;
	}
}
.sec01_left .swiper{
  margin-bottom: 25px;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper{
		margin-bottom: 12px;
	}
}
.sec01_left .swiper .swiper-slide img {
  height: auto;
  width: 100%;
}
.sec01_left .slider-nav_wrap{
  display: flex;
  justify-content: center;
}
.sec01_left .slider-nav{
  display: flex;
  align-items: center;
}
.sec01_left .swiper-button-prev{
  left: -30px;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper-button-prev{
		left: -3%;
	}
}
.sec01_left .swiper-button-next{
  right: -22px;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper-button-next{
		right: -3%;
	}
}
.sec01_left .swiper-button-next, .sec01_left .swiper-button-prev{
	position: absolute;
	display: block;
	width: 10.13%;
	height: 13.63%;
	max-width: 83px;
	max-height: 83px;
	top: 40%;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper-button-next, .sec01_left .swiper-button-prev{
		width: 12%;
		height: 15%;
		top: 44%;
	}
}
.sec01_left .swiper-button-next::after,
.sec01_left .swiper-button-prev::after{
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 100%;
	height: 100%;
	margin: auto;
}
.sec01_left .swiper-button-prev::after{
	background-image: url(/img/site/kosodate/swiper-button-prev.png);
}
.sec01_left .swiper-button-next::after{
	background-image: url(/img/site/kosodate/swiper-button-next.png);
}

.sec01_left .swiper-pagination-bullets.swiper-pagination-horizontal{
  position: relative;
  bottom: 0;
  width: unset;
  margin-right: 37px;
}
.sec01_left .swiper-pagination-bullet{
  background-color:#C8C6C6;
  border: 1px solid #FFFFFF;
  width: 16px;
  height: 15px;
  opacity: 1;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper-pagination-bullet{
		width: 9px;
		height: 9px;
	}
}
.sec01_left .swiper-pagination-bullet-active{
  background-color: #333333;
}
.sec01_left .next-small, .sec01_left .prev-small{
  position: relative;
  background: #fff;
  border-radius: 50px;
  border: none;
  width: 50px;
  min-width: 50px;
  height: 51px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  top: unset;
  bottom: unset;
  right: unset;
  left: unset;
  margin: 0;
}
@media screen and (max-width: 1080px) {
	.sec01_left .next-small, .sec01_left .prev-small{
		width: 28px;
		min-width: 28px;
		height: 28px;
	}
}
.sec01_left .prev-small{
	margin-right: 16px;
}
@media screen and (max-width: 1080px) {
	.sec01_left .prev-small{
		margin-right: 9px;
	}
}
.sec01_left .prev-small::after,
.sec01_left .next-small::after{
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 100%;
	height: 100%;
	margin: auto;
}
.sec01_left .prev-small::after{
	background-image: url(/img/site/kosodate/prev-small.png);
}
.sec01_left .next-small::after{
	background-image: url(/img/site/kosodate/next-small.png);
}
.sec01_left .swiper_pause{
  position: relative;
  margin-right: 15px;
  width: 50px;
  min-width: 50px;
  height: 51px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  background-color: #C8C6C6;
  border-radius: 50px;
}
.color_black .sec01_left button.swiper_pause,
.color_blue .sec01_left button.swiper_pause{
  background-color: #fff!important;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper_pause{
		width: 28px;
		min-width: 28px;
		height: 28px;
		margin-right: 9px;
	}
}
.sec01_left .swiper_pause .stop_btn{
  position: absolute;
  top: 20px;
  left: 19px;
  z-index: 2;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper_pause .stop_btn{
		width: 7px;
        top: 10px;
        left: 11px;
	}
}
.sec01_left .swiper_pause .play_btn{
  opacity: 0;
  position: absolute;
  width: 14px;
  top: 18px;
  left: 20px;
}
@media screen and (max-width: 1080px) {
	.sec01_left .swiper_pause .play_btn{
		width: 9px;
        top: 9px;
        left: 11px;
	}
}
.sec01_left .swiper_pause.paused .play_btn{
  opacity: 1;
}
.sec01_left .swiper_pause.paused .stop_btn{
  opacity: 0;
}


/* ------------------------
　コンテンツ部分（さがす）
------------------------ */
.sec02{
	padding-top: 123px;
}
@media screen and (max-width: 1080px) {
	.sec02{
		padding-top: 52px;
	}
}
.sec02 .search_ttl{
	width: fit-content;
	font-size: 6rem;
	letter-spacing: 0;
	margin: 0 auto 60px;
	position: relative;
}
.color_black .sec02 .search_ttl,
.color_blue .sec02 .search_ttl{
	background-color: #fff!important;
}
@media screen and (max-width: 768px) {
	.sec02 .search_ttl{
		font-size: 3rem;
		margin-bottom: 22px;
	}
}
.sec02 .search_ttl .japanese_ttl{
	font-size: 3.6rem;
	margin-left: 30px;
}
@media screen and (max-width: 768px) {
	.sec02 .search_ttl .japanese_ttl{
		font-size: 1.8rem;
		margin-left: 15px;
	}
}
.sec02 .search_ttl_icon{
	display: inline-block;
	width: 98px;
	height: 115px;
	margin-left: 3px;
	position: relative;
    top: 17px;
}
@media screen and (max-width: 768px) {
	.sec02 .search_ttl_icon{
		width: 50px;
        height: 59px;
        top: 10px;
        margin-left: 3px;
	}
}


/* ----------------------------------
　コンテンツ部分（さがす）タブ切替
---------------------------------- */
.tab-name_list {
  	display: flex;
	width: 96%;
	max-width: 1400px;
	gap: 1.42%;
	margin: auto;
}
@media screen and (max-width: 1080px) {
	.tab-name_list {
		width: 89%;
		max-width: 400px;
		gap: 0;
		justify-content: space-between;
	}
}
.tab-name {
	cursor: pointer;
	border-radius: 20px 20px 0 0;
	width: 23.93%;
	max-width: 335px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 1080px) {
	.tab-name {
		border-radius: 10px 10px 0 0;
	}
}
.color_black .tab-name,
.color_blue .tab-name {
	border: 8px solid #fff;
}
@media screen and (max-width: 1080px) {
	.color_black .tab-name,
	.color_blue .tab-name {
		border: 4px solid #fff;
	}
}
.color_black .tab-name.active,
.color_blue .tab-name.active {
	border: 8px solid #ffff00 !important;
	border-bottom: none !important;
	position: relative;
}
@media screen and (max-width: 1080px) {
	.color_black .tab-name.active,
	.color_blue .tab-name.active {
		border: 4px solid #ffff00 !important;
		border-bottom: none !important;
	}
}
.color_black .tab-name.active::after,
.color_blue .tab-name.active::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: -8px;
	left: 0;
	background-color: #000;
}
@media screen and (max-width: 1080px) {
	.color_black .tab-name.active::after,
	.color_blue .tab-name.active::after {
		height: 4px;
		bottom: -4px;
	}
}
.color_black .tab-name.active::after {
	background-color: #000;
}
.color_blue .tab-name.active::after {
	background-color: #0000ff !important;
}
.color_black .tab-name img,
.color_blue .tab-name img {
	background-color: #fff!important;
}
@media screen and (max-width: 1080px) {
	.tab-name {
		height: 56px;
	}
}
.tab-content {
  background-color: #f5f5f5;
}
.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}
.color_black .tab-panel.active,
.color_blue .tab-panel.active {
	border: 8px solid #ffff00 !important;
}
@media screen and (max-width: 1080px) {
	.color_black .tab-panel.active,
	.color_blue .tab-panel.active {
		border: 4px solid #ffff00 !important;
	}
}
.tab-panel.active h2 {
  font-size: 20px;
  font-weight: bold;
}
.tab-content .tab_innr_list{
	max-width: 1400px;
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	margin: auto;
}
@media screen and (max-width: 1510px) {
	.tab-content .tab_innr_list{
		max-width: 924px;
	}
}
@media screen and (max-width: 1080px) {
	.tab-content .tab_innr_list{
		max-width: 728px;
		gap: unset;
	}
}
@media screen and (max-width: 768px) {
	.tab-content .tab_innr_list{
		display: block;
	}
}

/* ----------------------------------
　コンテンツ部分（さがす）タブ内アコーディオン
---------------------------------- */
.accordion-content{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;

  max-height: 0;
  overflow: hidden;

  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* 追加 */

  /* transition:
    max-height 1.2s ease,
    visibility 1.2s linear 1.2s; */
}
@media screen and (max-width: 1080px) {
	.accordion-content{
		position: relative;
	}
}

.accordion-wrapper.active .accordion-content{
	max-height: 1000px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto; /* 追加 */
	transition:max-height 1.5s ease;
	border: 4px solid #55C1C1;
	background-color: #fff;
	top: calc(100% - 26px);
	border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 1080px) {		
	.accordion-wrapper.active .accordion-content{
		border: 2px solid #55C1C1;
		border-radius: 0 0 10px 10px;
		top: -26px;
	}
}

/* 前面に出す */
.accordion-wrapper.active{
  position: relative; /* 追加 */
  z-index: 200;
}

.summary_inner {
	position: relative;
	cursor: pointer;
	display: flex;
	width: 448px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;
    border-radius: 20px;
    /* border: 4px solid #55C1C1; */
}
@media screen and (max-width: 1080px) {
	.summary_inner {
		width: 350px;
	}
}
@media screen and (max-width: 375px) {
	.summary_inner {
		width: 100%;
	}
}
.summary_inner::before{
	content: "";
    display: block;
    top: 0;
    left: 4px;
    width: calc(100% - 8px);
    height: 100%;
    position: absolute;
    outline: 4px solid #55C1C1;
    border-radius: 16px;
    z-index: 1;
    background-color: #fff;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1080px) {
	.summary_inner::before{
		left: 2px;
		width: calc(100% - 4px);
		outline: 2px solid #55C1C1;
		border-radius: 10px;
		background-size: contain;
        background-position: center left;
	}
}
.summary_inner p a{
	color: #333;
	display: block;
	text-decoration: none;
}

/* --------アコーディオンの中身のスタイル-------- */
.content {
  /* overflow: hidden; */
  /* details直下のタグにpaddingを設定すると挙動がおかしくなるので、ここには指定しない */
}

.content_inner {
  padding: 28px 30px 14px 16px;
}
.content_inner ul li{
	position: relative;
}
.content_inner ul li:nth-of-type(n+2){
  border-top: 1px solid #55C1C1;
}
.content_inner ul li::before{
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-image: url(/img/site/kosodate/search_list_arrow_small.png);
	background-repeat: no-repeat;
	z-index: 1;
}
.content_inner ul li a{
	font-size: 1.8rem;
	display: block;
	padding: 20px 20px 20px 6px;
  	font-weight: bold;
	text-decoration: none;
	color: #333;
}
@media screen and (max-width: 1080px) {
	.content_inner ul li a{
		font-size: 1.6rem;
		padding: 20px 31px 20px 6px;
	}
}

.tab_innr_item{
	position: relative;
	width: 448px;
}
@media screen and (max-width: 1080px) {
	.tab_innr_item{
		width: 350px;
		margin: 0 auto 15px;
	}
}
@media screen and (max-width: 390px) {
	.tab_innr_item{
		width: 100%;
	}
}

@media screen and (max-width: 1080px) {
	.accordion-wrapper{
		width: 100%;
		position: relative;
	}
}

.tab_innr_item .summary_inner p{
    font-size: 2.4rem;
	line-height: 1.375;
	padding: 40px 0;
	width: 100%;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 1080px) {
	.tab_innr_item .summary_inner p{
		font-size: 1.8rem;
		padding: 33px 0;
	}
}
@media screen and (max-width: 344px) {
	.tab_innr_item .summary_inner p{
		font-size: 1.6rem;
	}
}
.tab_innr_item .summary_inner p::after{
	content: "";
	display: block;
	position: absolute;
	width: 19px;
	height: 11px;
	background-image: url(/img/site/kosodate/search_accordion_arrow_v2.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right: 26px;
}
@media screen and (max-width: 1080px) {
	.tab_innr_item .summary_inner p::after{
		right: 6%;
		width: 15px;
    	height: 8px;
	}
}
.accordion-wrapper.active .summary_inner p::after{
	transform: rotate(180deg);
	transform-origin: center 25%;
	transition: transform 0.2s;
}
.tab_innr_item .summary_inner p span{
	display: block;
}
@media screen and (max-width: 1080px) {
	.tab_innr_item .summary_inner p span{
		margin-right: 45px;
		-webkit-text-stroke: 4px #fff;
		text-stroke: 4px #fff;
		paint-order: stroke;
	}
}

.tab-name_ls{
	background-color: #FFF7D2;
}
@media screen and (max-width: 1080px) {
	.tab-name_ls img{
		width: 65px;
	}
}
.tab-panel_ls{
	background-color: #FFF7D2;
	padding: 80px 40px 93px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls{
		padding: 32px 20px 43px;
	}
}
@media screen and (max-width: 768px) {
	.tab-panel_ls{
		padding: 32px 5.13% 43px;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(1) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic01_v4.png);
}
.tab-panel_ls .tab_innr_item:nth-of-type(2) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic02_v4.png);
}
.tab-panel_ls .tab_innr_item:nth-of-type(3) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic03_v4.png);
}
.tab-panel_ls .tab_innr_item:nth-of-type(4) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic04_v4.png);
}
.tab-panel_ls .tab_innr_item:nth-of-type(5) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic05_v4.png);
}
.tab-panel_ls .tab_innr_item:nth-of-type(6) .summary_inner::before{
	background-image: url(/img/site/kosodate/life_topic06_v4.png);
}
.tab-panel_ls .tab_innr_item .summary_inner p span{
	display: block;
}
.tab-panel_ls .tab_innr_item:nth-of-type(1) .summary_inner p span{
    margin-left: 146px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(1) .summary_inner p span{
		margin-left: 41%;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(2) .summary_inner p span{
    margin-left: 133px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(2) .summary_inner p span{
		margin-left: 31%;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(3) .summary_inner p span{
    margin-left: 106px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(3) .summary_inner p span{
		margin-left: 29%;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(4) .summary_inner p span{
    margin-left: 106px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(4) .summary_inner p span{
		margin-left: 30%;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(5) .summary_inner p{
    padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(5) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(5) .summary_inner p span{
    margin-left: 38px;
	text-align: center;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(5) .summary_inner p span{
		margin-left: 19%;
	}
}
.tab-panel_ls .tab_innr_item:nth-of-type(6) .summary_inner p span{
    margin-left: 159px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_ls .tab_innr_item:nth-of-type(6) .summary_inner p span{
		margin-left: 37%;
	}
}


.tab-name_moku{
	background-color:#D9F2F1;
}
@media screen and (max-width: 1080px) {
	.tab-name_moku img{
		width: 48px;
	}
}
.tab-panel_moku{
	background-color:#D9F2F1;
	padding: 80px 40px 93px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku{
		padding: 32px 20px 43px;
	}
}
@media screen and (max-width: 768px) {
	.tab-panel_moku{
		padding: 32px 5.13% 43px;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(1) .summary_inner::before{
	background-image: url(/img/site/kosodate/mokuteki_topic01_v4.png);
}
.tab-panel_moku .tab_innr_item:nth-of-type(2) .summary_inner::before{
	background-image: url(/img/site/kosodate/mokuteki_topic02_v4.png);
}
.tab-panel_moku .tab_innr_item:nth-of-type(3) .summary_inner::before{
	background-image: url(/img/site/kosodate/mokuteki_topic03_v4.png);
}
.tab-panel_moku .tab_innr_item:nth-of-type(4) .summary_inner::before{
	background-image: url(/img/site/kosodate/mokuteki_topic04_v4.png);
}
.tab-panel_moku .tab_innr_item:nth-of-type(5) .summary_inner::before{
	background-image: url(/img/site/kosodate/mokuteki_topic05_v4.png);
}

.tab-panel_moku .tab_innr_item:nth-of-type(1) .summary_inner p span{
    margin-left: 185px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(1) .summary_inner p span{
		margin-left: 45%;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(2) .summary_inner p{
    padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(2) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(2) .summary_inner p span{
    margin-left: 63px;
	text-align: center;
    letter-spacing: 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(2) .summary_inner p span{
		margin-left: 28%;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(3) .summary_inner p{
    padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(3) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(3) .summary_inner p span{
    margin-left: 100px;
	text-align: center;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(3) .summary_inner p span{
		margin-left: 28%;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(4) .summary_inner p span{
    margin-left: 172px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(4) .summary_inner p span{
		margin-left: 44%;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(5) .summary_inner p span{
    margin-left: 169px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .tab_innr_item:nth-of-type(5) .summary_inner p span{
		margin-left: 44%;
	}
}
.tab-panel_moku .tab_innr_item:nth-of-type(1) .summary_inner p::after{
	transform: rotate(-90deg);
	top: calc(50% - 3px);
}
.tab-panel_moku .accordion-wrapper.active .summary_inner p::after{
	transform: rotate(-90deg);
	transform-origin: center;
}
.tab-panel_moku .tab_innr_item:nth-of-type(1) .summary_inner p{
	padding: 0;
}
.tab-panel_moku .summary_inner p a{
	padding: 40px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_moku .summary_inner p a{
		padding: 33px 0;
	}
}


.tab-name_taisho{
	background-color:#F1D9DB;
}
@media screen and (max-width: 1080px) {
	.tab-name_taisho img{
		width: 65px;
	}
}
.tab-panel_taisho{
	background-color:#F1D9DB;
	padding: 88px 40px 83px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho{
		padding: 32px 20px 43px;
	}
}
@media screen and (max-width: 768px) {
	.tab-panel_taisho{
		padding: 32px 5.13% 43px;
	}
}
.tab-panel_taisho .summary_inner{
	width: 329px;
}
@media screen and (max-width: 375px) {
	.tab-panel_taisho .summary_inner{
		width: 100%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(1) .summary_inner::before{
	background-image: url(/img/site/kosodate/taishou_topic01_v4.png);
}
.tab-panel_taisho .tab_innr_item:nth-of-type(2) .summary_inner::before{
	background-image: url(/img/site/kosodate/taishou_topic02_v4.png);
}
.tab-panel_taisho .tab_innr_item:nth-of-type(3) .summary_inner::before{
	background-image: url(/img/site/kosodate/taishou_topic03_v4.png);
}
.tab-panel_taisho .tab_innr_item:nth-of-type(4) .summary_inner::before{
	background-image: url(/img/site/kosodate/taishou_topic04_v4.png);
}

.tab-panel_taisho .tab_innr_item:nth-of-type(1) .summary_inner p span{
    margin-left: 161px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(1) .summary_inner p span{
		margin-left: 46%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(2) .summary_inner p{
	padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(2) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(2) .summary_inner p span{
    margin-left: 61px;
	text-align: center;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(2) .summary_inner p span{
		margin-left: 19%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(3) .summary_inner p{
	padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(3) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(3) .summary_inner p span{
    margin-left: 66px;
	text-align: center;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(3) .summary_inner p span{
		margin-left: 21%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(4) .summary_inner p span{
    margin-left: 111px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(4) .summary_inner p span{
		margin-left: 39%;
	}
}

.tab-panel_taisho .tab_innr_item:nth-of-type(n+5) .summary_inner{
	width: 329px;
}
@media screen and (max-width: 375px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(n+5) .summary_inner{
		width: 100%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(5) .summary_inner p span{
    margin-left: 22px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(5) .summary_inner p span{
		margin-left: 21%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(6) .summary_inner p span{
    margin-left: 83px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(6) .summary_inner p span{
		margin-left: 33%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(7) .summary_inner p span{
    margin-left: 83px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(7) .summary_inner p span{
		margin-left: 33%;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(8) .summary_inner p{
	padding: 23px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(8) .summary_inner p{
		padding: 21px 0;
	}
}
.tab-panel_taisho .tab_innr_item:nth-of-type(8) .summary_inner p span{
    margin-left: 4px;
	text-align: center;
}
@media screen and (max-width: 1080px) {
	.tab-panel_taisho .tab_innr_item:nth-of-type(8) .summary_inner p span{
		margin-left: 15%;
	}
}


@media screen and (max-width: 1500px) {
	.tab-panel_taisho .tab_innr_list{
		max-width: 1043px;
	}
}
@media screen and (max-width: 1140px) {
	.tab-panel_taisho .tab_innr_list{
		max-width: 700px;
	}
}
.tab-panel_taisho .tab_innr_item{
	width: 329px;
}
@media screen and (max-width: 375px) {
	.tab-panel_taisho .tab_innr_item{
		width: 100%;
	}
}

.tab-name_shisetsu{
	background-color:#D9DDF1;
}
@media screen and (max-width: 1080px) {
	.tab-name_shisetsu img{
		width: 48px;
	}
}
.tab-panel_shisetsu{
	background-color:#D9DDF1;
	padding: 43px 40px 36px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu{
		padding: 32px 20px 43px;
	}
}
.tab-panel_shisetsu .tab_innr_list{
	gap: 40px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_list{
		gap: unset;
	}
}
.tab-panel_shisetsu .tab_innr_item{
  width: 440px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item{
		width: 350px;
	}
}
@media screen and (max-width: 375px) {
	.tab-panel_shisetsu .tab_innr_item{
		width: 100%;
	}
}
.tab-panel_shisetsu .js-details{
	border: none;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.color_black .tab-panel_shisetsu .js-details,
.color_blue .tab-panel_shisetsu .js-details{
	border: 4px solid #fff;
}
@media screen and (max-width: 1080px) {
	.color_black .tab-panel_shisetsu .js-details,
	.color_blue .tab-panel_shisetsu .js-details{
		border: 2px solid #fff;
	}
}
.tab-panel_shisetsu .js-summary::before{
	display: none;
}
.tab-panel_shisetsu .summary_inner{
	width: 440px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .summary_inner{
		width: 350px;
	}
}
@media screen and (max-width: 768px) {
	.tab-panel_shisetsu .summary_inner{
		width: 100%;
	}
}
.tab-panel_shisetsu .tab_innr_item .summary_inner::before{
	background-size: contain;
	background-position: center left;
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(1) .summary_inner::before{
	background-image: url(/img/site/kosodate/shisetsu_topic01_v3.png);
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(2) .summary_inner::before{
	background-image: url(/img/site/kosodate/shisetsu_topic02_v3.png);
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(3) .summary_inner::before{
	background-image: url(/img/site/kosodate/shisetsu_topic03_v3.png);
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(4) .summary_inner::before{
	background-image: url(/img/site/kosodate/shisetsu_topic04_v3.png);
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(5) .summary_inner::before{
	background-image: url(/img/site/kosodate/shisetsu_topic05_v3.png);
}
.tab-panel_shisetsu .tab_innr_item .summary_inner p{
	padding: 0;
}
.tab-panel_shisetsu .tab_innr_item .summary_inner p a{
	padding: 63px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item .summary_inner p a{
		padding: 38px 0;
	}
}
.tab-panel_shisetsu .tab_innr_item .summary_inner p::after{
	transform: rotate(-90deg);
	top: calc(50% - 3px);
}
.tab-panel_shisetsu .accordion-wrapper.active .summary_inner p::after{
	transform: rotate(-90deg);
	transform-origin: center;
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(1) .summary_inner p span{
    margin-left: 211px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(1) .summary_inner p span{
		margin-left: 48%;
	}
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(2) .summary_inner p a{
	padding: 30px 0;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(2) .summary_inner p a{
		padding: 14px 0;
	}
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(2) .summary_inner p span{
    margin-left: 249px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(2) .summary_inner p span{
		margin-left: 51%;
		margin-right: 35px;
	}
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(3) .summary_inner p span{
    margin-left: 229px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(3) .summary_inner p span{
		margin-left: 48%;
	}
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(4) .summary_inner p span{
    margin-left: 209px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(4) .summary_inner p span{
		margin-left:49%;
	}
}
.tab-panel_shisetsu .tab_innr_item:nth-of-type(5) .summary_inner p span{
    margin-left: 229px;
}
@media screen and (max-width: 1080px) {
	.tab-panel_shisetsu .tab_innr_item:nth-of-type(5) .summary_inner p span{
		margin-left: 52%;
	}
}



/* ------------------------
　コンテンツ部分（新着情報）
------------------------ */
.sec03{
	padding-top: 100px;
}
@media screen and (max-width: 1080px) {
	.sec03{
		padding-top: 61px;
	}
}
.sec03 .section_information{
	background-color: #fff;
	margin: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 1080px) {
	.sec03 .section_information{
		padding: 0 20px;
	}
}
@media screen and (max-width: 768px) {
	.sec03 .section_information{
		padding: 0 5.13%;
	}
}
.sec03 .section_information_ttl{
	width: fit-content;
	font-size: 6rem;
	margin: 0 auto 60px;
	position: relative;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.sec03 .section_information_ttl{
		font-size:3rem;
	}
}
.color_black .sec03 .section_information_ttl,
.color_blue .sec03 .section_information_ttl{
	background-color: #fff!important;
}
@media screen and (max-width: 768px) {
	.sec03 .section_information_ttl{
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	.sec03 .section_information_ttl{
		width: 253px;
		margin: 0 auto 40px;
	}
}
.sec03 .section_information_ttl .japanese_ttl{
	font-size: 3.6rem;
	margin-left: 30px;
}
@media screen and (max-width: 768px) {
	.sec03 .section_information_ttl .japanese_ttl{
		font-size: 1.8rem;
		margin-left: 15px;
	}
}
.sec03 .news_ttl_icon{
	width: 80px;
	height: 80px;
	margin-right: 30px;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.sec03 .news_ttl_icon{
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}
}
.sec03 .section_information_ttl::after{
	background-image: url(/img/site/kosodate/news_illust02.png);
	width: 166px;
	height: 156px;
	top: -40px;
	right: -221px;
}
@media screen and (max-width: 1080px) {
	.sec03 .section_information_ttl::after{
		top: -38%;
        right: -53%;
	}
}
@media screen and (max-width: 768px) {
	.sec03 .section_information_ttl::after{
		width: 83px;
		height: 78px;
		top: -38%;
        right: -53%;
	}
}
.sec03 .section_information_list{
	max-width: 1400px;
	border: 4px solid #55C1C1;
	border-radius: 20px;
	margin: auto;
	padding: 40px 40px 40px 49px;
	background: #FFFFFF;
}
@media screen and (max-width: 1080px) {
	.sec03 .section_information_list{
		border: 2px solid hsl(180, 47%, 55%);
	}
}
@media screen and (max-width: 430px) {
	.sec03 .section_information_list{
		padding: 14px 8px 22px;
		border-radius: 10px;
	}
}
.section_information_list img.icon_new{
	border-radius: 20px;
	vertical-align: middle;
}
@media screen and (max-width: 1080px) {
	.section_information_list img.icon_new{
		position: relative!important;
		top: 0!important;
		margin-left: 5px!important;
		vertical-align: text-bottom;
	}
}
.section_information_list ul{
	padding: 0;
}
@media screen and (max-width: 1080px) {
	.section_information_list ul{
		margin-bottom: 18px;
	}
}
.section_information_list ul li{
	display: block;
	padding-bottom: 37px;
	margin-bottom: 0;
}
@media screen and (max-width: 1080px) {
	.section_information_list ul li{
		padding: 0 0 14px;
	}
}
.section_information_list ul li:nth-of-type(n+2){
	border-top: 1px solid #CBCBCB;
	padding-top: 21px;
}
.section_information_list ul li > span{
	display: flex;
    align-items: center;
}
.section_information_list ul li > span.article_date{
	font-size: 1.6rem;
	margin-bottom: 11px;
	display: inline-block;
	width: unset;
}
@media screen and (max-width: 1080px) {
	.section_information_list ul li > span.article_date{
		font-size: 1.4rem;
		margin-bottom: 3px;
		padding-left: 0!important;
	}
}
@media screen and (max-width: 1080px) {
	.section_information_list ul li a{
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 1080px) {
	.section_information_list div.link_box{
		padding: 0;
	}
}

@media screen and (max-width: 1080px) {
	.section_information_list div.link_box span{
		min-width: unset;
	}
}
.section_information_list div.link_box span a{
	width: 258px;
	padding: 13px 20px 12px;
	border-radius: 30px;
	background-color: #F8E6AE;
	font-size: 2rem;
	line-height: 1.3;
}
@media screen and (max-width: 1080px) {
	.section_information_list div.link_box span a{
		width: 160px;
		padding: 8px 5px 7px;
		border-radius: 15px;
		font-size: 1.4rem;
	}
}

.link_box span[class*="link_"] a:after{
	display: none;
}

@media screen and (max-width: 1080px) {
	.section_information h2.acc_title.accordion .accordion_icon{
		padding: 0;
		margin: 0;
	}
}
@media screen and (max-width: 1080px) {
	.acc_title.accordion .accordion_icon{
		background: none;
	}
}
.acc_title.accordion + *{
	display: block;
}

/* ------------------------
　コンテンツ部分（関連情報）
------------------------ */
.sec04{
	margin: 125px 0 0;
	padding: 0 80px 40px;
	position: relative;
}
@media screen and (max-width: 1500px) {
	.sec04{
		padding: 0 40px 40px;
	}
}
@media screen and (max-width: 768px) {
	.sec04{
		margin: 61px 0 0;
		padding: 0px 0 40px;
		background-position: center 113px;
	}
}
.color_black .sec04:before,
.color_blue .sec04:before{
	background-image: none;
}
.sec04 .related_info_ttl{
	width: fit-content;
	font-size: 6rem;
	letter-spacing: 0;
	margin: 0 auto 80px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.sec04 .related_info_ttl{
		/* width: 202px; */
		font-size: 3rem;
		margin: 0 auto 28px;
	}
}
.color_black .sec04 .related_info_ttl,
.color_blue .sec04 .related_info_ttl{
	background-color: #fff!important;
}
.sec04 .related_info_ttl .japanese_ttl{
	font-size: 3.6rem;
	margin-left: 30px;
}
@media screen and (max-width: 768px) {
	.sec04 .related_info_ttl .japanese_ttl{
		font-size: 1.8rem;
		margin-left: 15px;
	}
}
.sec04 .related_info_ttl::before{
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
}
.sec04 .related_info_ttl .related_info_ttl_icon{
	width: 56px;
	margin-right: 30px;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.sec04 .related_info_ttl .related_info_ttl_icon{
		width: 28px;
		margin-right: 15px;
	}
}

/* ------------------------
　関連情報のスライダー
------------------------ */
.sec04_innr{
  max-width: 1400px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
	.sec04_innr{
		margin-left: 5.13%;
	}
}
@media screen and (max-width: 430px) {
	.sec04_innr{
		margin-left: 20px;
	}
}
.sec04_innr .swiper02{
  max-width: 1400px;
  margin-bottom: 41px;
  overflow: hidden;
}
.sec04_innr .swiper02 .swiper-slide img {
  height: auto;
  width: 100%;
}
.sec04_innr .slider-nav_wrap{
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.sec04_innr .slider-nav{
  display: flex;
  align-items: center;
}
.sec04_innr .swiper-button-prev02{
  left: -40px;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper-button-prev02{
		left: -2.4%;
	}
}
@media screen and (max-width: 768px) {
	.sec04_innr .swiper-button-prev02{
		left: -3%;
	}
}.sec04_innr .swiper-button-next02{
  right: -40px;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper-button-next02{
		right: -2.4%;
	}
}
@media screen and (max-width: 768px) {
	.sec04_innr .swiper-button-next02{
		right: 5.13%;
	}
}
.sec04_innr .swiper-button-next02, .sec04_innr .swiper-button-prev02{
	position: absolute;
	width: 5.929%;
	height: 19.528%;
	box-sizing: border-box;
	top: 121px;
	margin: 0;
	z-index: 1;
}
@media screen and (max-width: 1480px) {
	.sec04_innr .swiper-button-next02, .sec04_innr .swiper-button-prev02{
		top: 26%;
	}
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper-button-next02, .sec04_innr .swiper-button-prev02{
		width: 42px;
		height: 42px;
	}
}
@media screen and (max-width: 768px) {
	.sec04_innr .swiper-button-next02, .sec04_innr .swiper-button-prev02{
		width: 12%;
        height: 15%;
        top: 28%;
	}
}
.sec04_innr .swiper-button-next02:hover, .sec04_innr .swiper-button-prev02:hover{
	cursor: pointer;
}
.sec04_innr .swiper-button-next02::after,
.sec04_innr .swiper-button-prev02::after{
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 100%;
	height: 100%;
	margin: auto;
}
.sec04_innr .swiper-button-prev02::after{
	background-image: url(/img/site/kosodate/swiper-button-prev.png);
}
.sec04_innr .swiper-button-next02::after{
	background-image: url(/img/site/kosodate/swiper-button-next.png);
}

.sec04_innr .swiper-pagination-bullets.swiper-pagination-horizontal{
  position: relative;
  bottom: 0;
  width: unset;
  margin-right: 37px;
  z-index: 1;
}
.sec04_innr .swiper-pagination-bullet{
  background-color:#C8C6C6;
  border: 1px solid #FFFFFF;
  width: 12px;
  height: 12px;
  opacity: 1;
}
.sec04_innr .swiper-pagination-bullet-active{
  background-color: #333333;
}
.color_black .sec04_innr .swiper-pagination-bullet,
.color_blue .sec04_innr .swiper-pagination-bullet{
  background-color:#C8C6C6!important;
}
.color_black .sec04_innr .swiper-pagination-bullet-active,
.color_blue .sec04_innr .swiper-pagination-bullet-active{
  background-color: #333333!important;
}
.sec04_innr .prev-small, .sec04_innr .next-small{
  position: relative;
  width: 39px;
  min-width: 39px;
  height: 39px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 50px;
  top: 0;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .prev-small, .sec04_innr .next-small{
		width: 28px;
		min-width: 28px;
		height: 28px;
	}
}
.sec04_innr .prev-small{
	left: 0;
	margin-right: 16px;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .prev-small{
		margin-right: 9px;
	}
}
.sec04_innr .next-small{
	right: 0;
}
.sec04_innr .prev-small::after{
	background-image: url(/img/site/kosodate/prev-small.png);
}
.sec04_innr .next-small::after{
	background-image: url(/img/site/kosodate/next-small.png);
}
.sec04_innr .swiper_pause02{
  position: relative;
  width: 38px;
  min-width: 38px;
  height: 39px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  background-color: #C8C6C6;
  border-radius: 40px;
  margin-right: 12px;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper_pause02{
		width: 28px;
		min-width: 28px;
		height: 28px;
		margin-right: 9px;
	}
}
@media screen and (max-width: 540px) {
	.sec04_innr .swiper_pause02{
		display: block;
	}
}
.color_black .sec04_innr .swiper_pause02,
.color_blue .sec04_innr .swiper_pause02{
	background-color: #fff!important;
}
.sec04_innr .swiper_pause02 .stop_btn{
  position: absolute;
  top: 15px;
  left: 15px;
  width: 9px;
  z-index: 2;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper_pause02 .stop_btn{
		top: 10px;
		left: 11px;
		width: 7px;
	}
}
.sec04_innr .swiper_pause02 .play_btn{
  opacity: 0;
  position: absolute;
  width: 11px;
  top: 14px;
  left: 15px;
}
@media screen and (max-width: 1080px) {
	.sec04_innr .swiper_pause02 .play_btn{
		width: 9px;
        top: 9px;
        left: 11px;
	}
}
.sec04_innr .swiper_pause02.paused .play_btn{
  opacity: 1;
}
.sec04_innr .swiper_pause02.paused .stop_btn{
  opacity: 0;
}

@media screen and (max-width: 768px) {
	.sec04 .swiper-slide{
		width: 270px;
	}
}
@media screen and (max-width: 430px) {
	.sec04 .swiper-slide{
		width: 190px;
	}
}
.sec04 .free_box p{
	font-size: 2.4rem;
}
@media screen and (max-width: 1080px) {
	.sec04 .free_box p{
		font-size: 1.4rem;
	}
}
.sec04 .swiper-wrapper{
	justify-content: center;
}
@media screen and (max-width: 540px) {
	.sec04 .swiper-wrapper{
		justify-content: left;
	}
}

/* 外部リンクテキストを非表示 */
.tpl_site_index span.external_link_text {
	display: none;
}