@charset "UTF-8";
@media only screen and (max-width: 48em) {
  .topics_block .wrapper {
    margin: auto;
    /*margin-bottom: 20px;*/
    padding: 0; 
    width: 100%;
  }
}





p{
	font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
h3{
	font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
}
h4{
	font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
}
h5{
	font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
}




/* =========== a Btn =========== */

a.Btn_06{
	border: 1px solid #49bbbc;
	color: #49bbbc;
	background-color: #fff;
	margin: 20px auto;
	padding: 8px 0;
	width: 400px;
	display: block;
	border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 3.39;
    transition-timing-function: linear;
    transition-duration: .2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.Btn_06:hover {
    background-color: #49bbbc;
	color: #fff;
    }
@media only screen and (max-width: 48em) {
	a.Btn_06{
	border: 1px solid #49bbbc;
	color:  #fff;
	margin: 15px auto;
	width: 100%;
	background-color: #49bbbc;
	line-height: 5;
	font-size: 14px;
}
}

.btn_area{
	margin: 40px auto 0px;
}


/* =========== img_box =========== */
.content_box {
    text-align: center;
}
.img_box04 {
    width: 75%;
    margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.img_box04_inner {
    width: 49.5%;
    margin-bottom: 1%;
	position: relative;
	background: #000;
	overflow:hidden;
}
.img_box04_inner img{
	display: block;
 	opacity: .5;
	transition:1s all;
}
.img_box04_inner img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}
p.img_box04_inner-text{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
p.img_box04_inner-text span{
	font-size: 16px;
	top: 40%;
}

div.img_box04_inner h4{
	position: absolute;
	left: 50%;
	top: 15%;
	width: 300px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 26px;
	color: #fff;
	font-weight: bold;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}

@media only screen and (max-width: 48em) {
.img_box04 {
    width: 100%;
	margin-bottom: 30px;
}
.img_box04_inner {
    width: 100%;
	height: 200px;
    margin-bottom: 1%;
	position: relative;
	background: #000;
	overflow:hidden;
}
.img_box04_inner img {
	position: absolute;
}
.img_box04_inner img.typeB {
	position: absolute;
	top: 5px !important;
}
p.img_box04_inner-text{
	font-size: 18px;
	top: 50%;
}
p.img_box04_inner-text span{
	font-size: 14px;
	top: 40%;
}

}



.img_box04_inner-Btn{
	position: absolute;
  top: 85%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
}

p.Btn_06 {
  position: relative;
  display: block;
  padding: .4em 3em;
  border: solid 1.5px #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
p.Btn_06::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .2s;
}
@media only screen and (max-width: 48em) {
.img_box04_inner-Btn{
	top: 75%;
    left: 30%;
  transform: translateY(-10%) translateX(-0%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
p.Btn_06 {
  position: relative;
  display: block;
  padding: 1em 3em;
  border: solid 1.5px #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
}

.present_container_02{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin: auto;
	width: 90%;
}
.present_area {
	text-align: center;
}

.item_02{
	width: 20%;
	text-align: center;
	margin-bottom: 7%;
	padding: 0 15px;
}
.item_02 img{
	width: 70%;
}
.item_02 p{
	font-size: 12px;
	font-weight: 700;
	margin:auto;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
p.img_box04_inner-text02{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
p.img_box04_inner-text02 span{
	font-size: 20px;
	margin-bottom: 20px;
}

.svg_icon02{
	width: 30%;
	margin-bottom: 7%;
}


@media only screen and (max-width: 48em) {
.present_container_02{
	width: 90%;
}
.item_02{
	width: 25%;
	text-align: center;
	margin-bottom: 7%;
	padding: 0 5px;
}
.item_02 img{
	width: 55%;
}
.svg_icon02{
	width: 55%;
	margin-bottom: 7%;
}
p.img_box04_inner-text02{
	font-size: 20px;
	margin-bottom: 10px;

}
}
/*568px*/
@media only screen
    and (max-device-width:320px) {
.popup-inner {
  width: 85%;
  padding: 22px 0 0;
}
.item_02{
	margin-bottom: 4%;
	padding: 0 2px;
}
.item_02 p{
	font-size: 10px;
}
.svg_icon02{
	width: 55%;
	margin-bottom: 7%;
}
p.img_box04_inner-text02{
	font-size: 18px;
	margin-bottom: 5px;

}
}











.img_box05{
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.img_box05_inner{
    float: left;
	width: 49.9%;
	margin-bottom: 2px;
}
@media only screen and (max-width: 48em) {
	.img_box05{
	width: 100%;
}
}

/* =========== topics_box =========== */
.topics_box{
	text-align: center;
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	margin: auto;
}
.topics_box_inner_01{
	width: 50%;
}
.topics_box_inner_02{
	width: 50%;
	margin: 100px auto;
}
.topics_box_inner_02 p span{
	display: block;
    font-size: 20px;
    color: #49bbbc;
    letter-spacing: 1.5px;
    border-bottom: 1px solid #49bbbc;
    width: 280px;
    margin: 0 auto 10px;
    text-align: center;
}
.topics_box_inner_02 p{
	font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.topics_box_inner_03{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.topics_box_inner_03_a{
	width: 100%;
	margin-bottom: 2px;
}
@media only screen and (max-width: 48em) {
	.topics_box{
	text-align: center;
	padding: 20px 0;
	flex-direction: column;
	margin: auto;
	}
	.topics_box_inner_01{
		width: 100%;
		order: 2;
	}
	.topics_box_inner_02{
		width: 100%;
		margin: 15px auto;
		order: 1;
	}
	.topics_box_inner_02 p span{
		display: block;
		font-size: 18px;
		color: #49bbbc;
		letter-spacing: 1.5px;
		border-bottom: 1px solid #49bbbc;
		width: 280px;
		margin: 0 auto 10px;
		text-align: center;
	}
	.topics_box_inner_02 p{
		font-weight: bold;
		font-size: 18px;
		text-align: center;
	}
	.topics_box_inner_03{
		width: 100%;
		order: 2;
	}
}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}



/*=============== topics内プラン ===============*/

/*====== icon area ======*/

.present_container{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin: auto;
	padding: 30px 30px 0 30px;
	width: 90%;
}
@media only screen and (max-width: 48em) {
	.present_container{
		margin: auto auto 10px auto;
		padding: 0;
		width: 98%;
}
}

.item{
	width: 25%;
	text-align: center;
	margin-bottom: 5%;
}
@media only screen and (max-width: 48em) {
	.item{
		width: 12.5%;
		text-align: center;
		margin-bottom: 4%;
	}
}

.item p{
	font-size: 12px;
	font-weight: 700;
	margin:auto;
	width: 95%;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.item strong{
	font-weight: 700;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.svg_icon01{
	width: 30%;
	margin-bottom: 7%;
}
@media only screen and (max-width: 48em) {
	.svg_icon01{
	width: 55%;
	margin-bottom: 7%;
	}
}




ul.slider02 li{
	padding: 0 0.5%;
}





/*Swiper*/
.img_box07 {
    width: 75%;
    margin: auto;
	background: #000;
}
.img_box07_inner {
    width: 100%;
    margin-bottom: 2px;
	position: relative;
	overflow:hidden;
}
.img_box07_inner img{
	display: block;
}
p.img_box07_inner-test{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}

.img_box07{
	width: 60%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.img_box07_inner{
	width: 74%;
	margin: 0 auto;
	margin-top: 0.3%;
}
@media only screen and (max-width: 48em) {
	.img_box07{
	width: 100%;
}
.img_box07_inner{
	width: 100%;
}
}

/* =========== topics_box =========== */

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/* 矢印色の置き換え */
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23A37E39'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23A37E39'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
/* =========== swiper =========== */