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


.wrapper02 {
    position: relative;
    margin: auto;
    margin-bottom: -1px;
    padding-bottom: 1%;
    max-width: 1024px;
    width: 100%;
    height: 100%;
	text-align: center;
}
@media only screen and (max-width: 48em) {
  .wrapper02 {
    margin: auto;
    padding: 0;
    width: 92%;
  }
}
.wrapper03 {
    position: relative;
    margin: auto;
    margin-bottom: -1px;
    padding-bottom: 1%;
    max-width: 1024px;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 48em) {
  .wrapper03 {
    margin: auto;
    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;
}
h2{
	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;	
}

/* =========== topics_header =========== */
.topics_header {
  position: relative;
}

.topics_bg-img {
  position: relative;
	background: center no-repeat;
	background-size: cover;
}
.topics_bg-img:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}
@media only screen and (max-width: 48em) {
  .topics_bg-img {
	display: none;
    padding-top: 72%;
    width: 100%;
  }
  .topics_bg-img img {
    display: none;
  }
}


.topics_bg-img_mb {
  position: relative;
	background: center no-repeat;
	background-size: cover;
	display: none;
}
.topics_bg-img_mb:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}
@media only screen and (max-width: 48em) {
  .topics_bg-img_mb {
	display: block;
    padding-top: 130%;
    width: 100%;
}
  .topics_bg-img_mb img {
    display: none;
  }
}

/* =========== h1 topics_title =========== */
.topics_title {
  position: absolute;
  top: -20%;	
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  font-size: 70px;
  font-size: 7.0rem;
  letter-spacing: 5px;
  line-height: 90px;
}
.topics_title span{
  font-size: 33px;
  font-size: 3.3rem;
  letter-spacing: 3px;
  border-bottom: 2px solid #fff;
}
@media only screen and (max-width: 48em) {
  .topics_title {
	top: 0;
    height: 190px; 
    font-size: 40px;
    font-size: 4.0rem;
	letter-spacing: 2px;
	line-height: 60px;
  }
	.topics_title span{
	  font-size: 20px;
	  letter-spacing: normal;
	}
}
/* =========== h2 topics_title =========== */
h2.h2_content-title_01{
	font-weight:bold;
	font-size: 35px;
	margin-bottom: 30px;
	color: #49bbbc;
	text-align: center;
	
}
h2.h2_content-title_01 span{
	padding: 12px;
	
}
@media only screen and (max-width: 48em) {
h2.h2_content-title_01{
	font-size: 25px;
    line-height: 1.4;
    margin-bottom: 20px;
}
}
h2.title_01{
	margin-bottom: 10px;
}
@media only screen and (max-width: 48em) {
h2.title_01{
	margin-bottom: 20px;
}
}

h2.h2_content-title_02{
	font-weight:bold;
	font-size: 35px;
	margin: auto;
    width: 75%;
	margin-bottom: 30px;
	color: #49bbbc;
	text-align: center;
	background-color: #fff;
	border: solid 2px #49bbbc;
}
@media only screen and (max-width: 48em) {
h2.h2_content-title_02{
	font-size: 25px;
	width: 100%;
	line-height: 30px;
	padding: 10px;
	margin-bottom: 15px;
}
}

/* =========== h4 topics_title =========== */
h4.h4_content-titl_01{  
	font-weight: bold;
    font-size: 25px;
    color: #49bbbc;
	border-bottom: 2px solid #49bbbc;
	width: 30%;
	margin: auto;
	line-height: 35px;
}
h4.h4_content-titl_02{
	font-size: 20px;
}
h4.h4_content-titl_02 span{
	font-size: 35px;
}
h4.h4_content-titl_01 span{
	font-size: 20px;
}
@media only screen and (max-width: 48em) {
h4.h4_content-titl_01{
    font-size: 20px;
	width: 100%;
	line-height: 25px;
}
	h4.h4_content-titl_02{
		font-size: 18px;
	}
	h4.h4_content-titl_02 span{
		font-size: 28px;
	}
	h4.h4_content-titl_01 span{
		font-size: 15px;
	}
}

/* =========== h5 topics_title =========== */
h5.h5_content-titl_01{
	border: 1px solid #49bbbc;
	background-color: #fff;
	width: 75%;
	padding: 8px;
	margin: 25px auto 10px;
	font-size: 18px;
	
}
h5.h5_content-titl_01 span{
	font-size: 15px;
	font-weight: bold;
    color: #49bbbc;
}
@media only screen and (max-width: 48em) {
h5.h5_content-titl_01{
	width: 100%;
	padding: 6px;
	font-size: 16px;
	
}
h5.h5_content-titl_01 span{
	font-size: 14px;
}
}

/* =========== p text area =========== */

p.text_01{
	font-weight: bold;
	font-size: 25px;
	line-height: 1.7;
	padding: 10px;
	color: #49bbbc;
	margin: 20px;
}
@media only screen and (max-width: 48em) {
p.text_01{
	margin: 0;
}	
}
p.text_02{
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 1.1px;
	margin-bottom: 20px;
}
p.text_02 span{
    color: #49bbbc;
	background: linear-gradient(transparent 70%, #FBFF7A 50%);
}
p.text_02 strong{
	font-size: 55px;
}
p.text_04{
	font-size: 20px;
	font-weight: bold;
	margin: 8px auto;
}
p.text_05{
	margin: 0 0 50px 0 ;
	text-align: center;
}
@media only screen and (max-width: 48em) {
p.text_05{
	margin: 40px 0 ;
}
}
p.text_05 span{
	color: #49bbbc;
	font-weight: bold;
}
p.text_06{
	margin: 30px auto ;
	text-align: center;
}
@media only screen and (max-width: 48em) {
p.text_06{
	margin: 10px auto ;
}
}
p.text_08{
	font-size: 18px;
	font-weight: bold;
}
p.text_09{
	font-size: 14px;
	margin-bottom: 20px;
}
p.text_03{
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #49bbbc;
	margin-bottom: 25px;
}
p.text_03 span{
  background: linear-gradient(transparent 90%, #bff4f5 90%);
  font-size: 35px;
}
@media only screen and (max-width: 48em) {
	p.text_01{
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 10px;
	padding: 10px;
}
	p.text_02{
		font-size: 20px;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	p.text_02 span strong{
	font-size: 40px;
	}
	p.text_02 strong{
		font-size: 40px;
	}
	p.text_04{
	font-size: 16px;
	}
	p.text_05{
	text-align: center;
}
p.text_03{
	font-size: 23px;
	margin-bottom: 10px;
	line-height: 1.7;
  }
p.text_03 span{
	font-size: 30px;
  }
}


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

a.Btn{
	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:hover {
    background-color: #49bbbc;
	color: #fff;
    }
@media only screen and (max-width: 48em) {
	a.Btn{
	border: 1px solid #49bbbc;
	color:  #fff;
	margin: 15px auto;
	width: 280px;
	background-color: #49bbbc;
	font-size: 14px;
}
}

a.Btn_02{
	border: 1px solid #49bbbc;
	color: #49bbbc;
	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_02:hover {
    background-color: #49bbbc;
	color: #fff;
    }
@media only screen and (max-width: 48em) {
	a.Btn_02{
	border: 1px solid #49bbbc;
	color:  #49bbbc;
	margin: 15px auto;
	width: 280px;
	line-height: 5;
	font-size: 14px;
}
}

a.Btn_03{
	border: 1px solid #49bbbc;
	color: #49bbbc;
	margin: 20px auto;
	padding: 2px 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_03:hover {
    background-color: #49bbbc;
	color: #fff;
    }
@media only screen and (max-width: 48em) {
	a.Btn_03{
	border: 1px solid #49bbbc;
	color:  #49bbbc;
	margin: 15px auto;
	width: 100%;
	line-height: 5;
	font-size: 14px;
}
}

a.Btn_04{
	background-color: #49bbbc;
	color: #fff;
	margin: 20px auto 0;
	padding: 20px 0;
	width: 400px;
	display: block;
	border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
@media only screen and (max-width: 48em) {
	a.Btn_04{
	border: 1px solid #49bbbc;
	color:  #fff;
	margin: 15px auto;
	width: 280px;
	background-color: #49bbbc;
	line-height: 2;
	font-size: 14px;
}
}

a.Btn_05{
    background-color: #a5a5a5;
	color: #fff;
	margin: 20px auto;
	padding: 5px;
	width: 140px;
	display: block;
	border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    transition-timing-function: linear;
    transition-duration: .2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media only screen and (max-width: 48em) {
	a.Btn_05{
	border: 1px solid #a5a5a5;
	color:  #fff;
	margin: 15px auto;
	padding: 6px;
	width: 170px;
	background-color: #a5a5a5;
	font-size: 14px;
}
}

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;
	font-size: 18px;
}
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;
}


.svg_btn{
	display: inline;
	width: 20px;
	height: 20px;
	fill: #49bbbc;
	transition-duration: .2s; /*btn_06の動きと揃える（スピード値）*/
}

a.Btn_06:hover .svg_btn{
	fill: #ffffff; /*btn_06がホバーした際の.svg_btnの色の変化*/
}

@media only screen and (max-width: 48em) {
.svg_btn{
	fill: #fff;
}
}


/* =========== img_box =========== */
.img_box01 {
    width: 75%;
    margin: auto;
}
.img_box01_inner {
    width: 100%;
    margin-bottom: 2px;
}
@media only screen and (max-width: 48em) {
.img_box01 {
    width: 100%;
}
}
.img_box02{
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.img_box02_inner{
    float: left;
	width: 50%;
	margin-bottom: 10px;
}
@media only screen and (max-width: 48em) {
	.img_box02{
	width: 100%;
}
}
.img_box03 {
    width: 75%;
    margin: auto;
}
.img_box03_inner {
    width: 100%;
}
.img_box03-B {
    width: 50%;
    margin: auto;
}
.img_box03-B_inner {
    width: 100%;
}
@media only screen and (max-width: 48em) {
.img_box03 {
    width: 100%;
}
.img_box03-B {
    width: 100%;
}	
}
.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;
}
@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;
	top: -45px;
}
.img_box04_inner img.typeB {
	position: absolute;
	top: -110px !important;
}
p.img_box04_inner-text{
	font-size: 22px;
	top: 40%;
}
}



/*.img_box04_inner-Btn{
  position: absolute;
  top: 70%;
  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%;
}
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;

}
.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;

}
}

/*------肉球アイコン------*/
.svg_icon03{
	width: 7%;
	margin-left: 2%;
}

.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: 14%;
	text-align: center;
	margin-bottom: 3%;
}
@media only screen and (max-width: 48em) {
	.item{
/*		width: 12.5%;*/
		width: 20%;
		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: 80%;
	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;
}

.bg-color{
	background-color: rgba(122, 208, 197, 0.2);
	padding: 60px 0;
}
@media only screen and (max-width: 48em) {
	.bg-color{
	padding: 30px 0;
}
}

.content_box_02{
border: solid 1px #49bbbc;
outline: solid 1px #49bbbc;
outline-offset: 3px;
text-align: center;
padding: 40px 20px 30px 20px;
margin: 50px 0;
}
@media only screen and (max-width: 48em) {
.content_box_02{
padding: 40px 20px 20px 20px;	
}
}

.content_box_01{
	background-color: #fff;
	border: solid 3px #49bbbc;
	padding: 30px;
}
@media only screen and (max-width: 48em) {
	.content_box_01{
	border: solid 2px #49bbbc;
	padding: 20px;
}
}






/*-------- パーティレポートmodal　--------*/

.report_modal{
	padding-bottom: 60px !important;
}

.remodal-close1{
  position: absolute;
  top: 0; right: 0;
  width: 50px;
  height: 50px;
  background-color: #49bbbc;
  cursor: pointer;
}
.remodal-close1::after{
  position: absolute;
  content: "×";
  top: 0; bottom: 0; right: 0; left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 30px;
  line-height: 1;
}

.remodal-close2{
  position: absolute;
  bottom: 0; right: 0; left: 0;
  width: 100%;
  height: 60px;
  background-color: #49bbbc;
  box-sizing: border-box;
  cursor: pointer;
}
.remodal-close2::after{
  content: "CLOSE";
  color: #fff;
  font-size: 20px;
  line-height: 2.8;
}




/*====report title====*/
.report-box_header {
  position: relative;
  padding: 4% 0 1% 0;
  background-color: #fff; 
  text-align: center;
  font-size: 0;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: background-color;
  color: #000;
}
/*
.report-box_header:hover {
  background-color: #a5ede4;
}
.report-box_header:hover .report-box_season:before,
.report-box_header:hover .report-box_space:before {
  color: #fff;
}
.report-box_header:hover .report-box_title {
  border-color: #fff;
}
*/
.report-box_info {
  display: inline-block;
  box-sizing: border-box; 
  width: 45%;
  vertical-align: middle;
  text-align: left;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "Average";
}
@media only screen and (max-width: 48em) {
  .report-box_info {
    display: block;
    padding: 2% 3%;
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.report-box_number {
  display: block;
}
.report-box_season,
.report-box_space {
  margin-right: 4%; 
  font-size: 13px;
  font-size: 1.3rem;
}
.report-box_season:before,
.report-box_space:before {
  margin-right: 2%;
  color: #7acdd0;
  content: "";
  font-size: 11px;
  font-size: 1.1rem;
  transition-timing-function: linear; 
  transition-duration: 0.15s;
  transition-property: color;
}
.report-box_season:before {
  content: "SEASON";
}
.report-box_space:before {
  content: "PARTY SPACE";
}
.report-box_title {
  display: inline-block;
  box-sizing: border-box;
  padding: 1% 2%;
  width: 55%;
  border-left: 1px solid #ddd;
  background-image: url("/bridal/yokohama/theclassica/common/img/icon_big-arrow-right-white.png");
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-align: left;
  font-family: Average, "游明朝", "游明朝体", "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;
  font-weight:normal;
  font-size: 20px;
  font-size: 2rem;
  transition-timing-function: linear; 
  transition-duration: 0.15s;
  transition-property: border-color;
}
@media only screen and (max-width: 48em) {
  .report-box_title {
    display: block;
    padding: 2% 3%;
    width: 100%;
    border: none; 
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/*====reportトップイメージ====*/
.report_top{
	display: flex;
	justify-content: center;
	width: 100%;
}
.report_top_left{
	width: 80%;
}
.report_top_right{
	width: 40%;
}
@media only screen and (max-width: 48em) {
.report_top_left{
	width: 100%;
}	
.report_top_right{
	display: none;
}
}

/*====report title====*/


/*====modal header====*/
.post_header {
  margin-bottom: 4%; 
  text-align: center;
}
.post_info {
  padding-bottom: 60px;
}
@media only screen and (max-width: 54em) {
  .post_info {
    padding-bottom: 5%;
  }
}
.post_info {
  font-family: "Average";
}
.post_season,
.post_space {
  margin-right: 3%; 
  font-size: 15px;
  font-size: 1.5rem;
}
.post_season:before,
.post_space:before {
  margin-right: 2%;
  color: #49bbbc;
  content: "";
  font-size: 11px;
  font-size: 1.1rem;
  transition-timing-function: linear; 
  transition-duration: 0.15s;
  transition-property: color;
}
.post_season:before {
  content: "SEASON";
}
.post_space:before {
  content: "PARTY SPACE";
}

.report-title{
	font-size: 20px;
	color: #49bbbc;
	margin-bottom: 50px;
}
.report-subtitle{
	font-size: 20px;
	margin-bottom: 50px;
}

/*====modal header====*/


/*====modal内写真type====*/

.post-box_text {
  padding: 4% 0;
  text-align: center;
}
.post-box_text02 {
  padding: 0 0 4% 0;
  text-align: center;
}
/*===1枚===*/
.post-box_img{
	width: 100%;
}
/*===横並び2枚===*/
.post-box_img02{
	display: flex;
	justify-content: center;
	width: 50%;
	margin: auto;
}

.swiper-slide a{
	text-decoration: none;
}


/*-------- パーティーレポートmodal　--------*/





/* =========== headerArea =========== */
header.header_area{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	background-color: rgba(255,255,255,0.5);
	z-index:9999;
	}

/*=====header_logo=====*/
div.header_logo_box{
	position: absolute;
	top: 7px;
	left: 0;
	height: 60px;
	width: 240px;
	z-index: 101;
}
div.header_logo_box::after{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	height: 60px;
	width: 0px;/*1px*/
	background-color: #fff;
}
div.header_logo_box > a{
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 180px;
	height: 60px;
	cursor: pointer;
	text-align: center;
}
svg.svg_header_logo{
	display: inline;
	height: 50px;
	width: 190px;
	fill:#000;
	padding-top: 5px;
}
@media only screen and (max-width: 48em) {
svg.svg_header_logo{
	margin-left: 10px;
	padding-top: 2px;
}
}
/* 864px */
@media only screen and (max-width: 54em) {
header.header_area{
	height:50px;
	}
/*=====header_logo=====*/
div.header_logo_box{
	height: 50px;
	width: 100px;
}
div.header_logo_box::after{
	height: 30px;
}
div.header_logo_box > a{
	height: 50px;
	width: 100px;
}
svg.svg_header_logo{
	height: 40px;
}	
}

/*=====■navigation_area=====*/
section.navigation_area{
	position: absolute;
	top: 0;
	left: 250px;
}
section.navigation_area nav.global_navigation{
	margin: 0;
	padding: 0 0 0 20px;
}

/*メインナビリスト*/
ul.global_navigation_list{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px;
	font-size: 0;
}
ul.global_navigation_list li{
	display: inline-block;
	line-height: 1;
	padding: 0;
	text-align: left;
	height: 60px;
	font-family:  "Noto Sans Japanese";
	vertical-align: bottom;
}
ul.global_navigation_list li a{
	display: block;
	height: 60px;
	margin: 0;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
	transition: all 0.3s;
    text-decoration: none;
	color: #000;
}

ul.global_navigation_list li a:hover{
	background-color: #49bbbc;
}
ul.global_navigation_list li a > span{
	display: block;
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1.4px;
	font-weight: 500;
}
ul.global_navigation_list li span > span{
	display: block;
	padding-top: 3px;
	font-size: 9px;
	font-size: 0.9rem;
	letter-spacing: normal;
	font-weight: normal !important;
}
li.navBtnStyle1 {
	display: none !important;
}
/* 1400px */
@media only screen and (max-width: 87.5em) {
section.navigation_area nav.global_navigation{
	padding: 0 0 0 10px;
}
ul.global_navigation_list li a{
/*	padding: 22px 15px 0 15px;*/
    padding: 22px 15px 0 15px;
}
/*en*/
header.header_area_en ul.global_navigation_list li a{
	padding: 22px 15px 0 15px;
}
}

/* 960px */
@media only screen and (max-width: 60em) {
section.navigation_area nav.global_navigation{
	padding: 0 0 0 5px;
}

/*en*/
header.header_area_en ul.global_navigation_list li a{
	padding: 22px 10px 0 10px;
}
}

/* 864px */
@media only screen and (max-width: 54em) {
section.navigation_area{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	margin: auto;
	height: 0%;
	background-color: #bda575;
}
section.navigation_area nav.global_navigation{
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	height: 100%;
}

/*メインナビリスト*/
ul.global_navigation_list{
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 0;
	width: 100%;
}
ul.global_navigation_list li{
	display: block;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	height: auto;
	vertical-align: bottom;
}
ul.global_navigation_list li a{
	display: block;
	height: auto;
    padding: 10px 0;
	box-sizing: border-box;
	transition: all 0.3s;
}

ul.global_navigation_list li a > span{
	display: block;
	margin: 0;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 1.4px;
	font-weight: 500;
	color: #fff;
}
ul.global_navigation_list li span > span{
	display: block;
	padding-top: 3px;
	font-size: 9px;
	font-size: 0.9rem;
	letter-spacing: normal;
	font-weight: normal !important;
}
li.navBtnStyle1 {
	display: block !important;
	padding: 15px;
	width: 90%;
	margin-left: auto !important;
	margin-right: auto !important;
}
li.navBtnStyle2 a{
	margin-bottom: 30px !important;
	}
}


/*=====■sub_navigation_area=====*/
section.sub_navigation_area{
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20%;
	height: 30px;
	z-index: 101;
}
ul.sub_navigation_list{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: right;
}
ul.sub_navigation_list li.sub_navigation{
	display: inline-block;
	width:auto;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
ul.sub_navigation_list li.sub_navigation a{
	display: block;
	width:auto;
	height: auto;
	margin: 0;
	padding: 5px;
	line-height: 1;
	letter-spacing: 1.2px;
	font-size: 0.9rem;
	font-size: 9px;
	color: #fff;
    text-decoration: none;
	border: solid #fff 1px;
	transition: all 0.3s;
}
ul.sub_navigation_list li.sub_navigation a:hover{
	background-color: #333;
}

/* sub_sns サブナビにSNSアイコンを入れる場合 */
ul.sub_navigation_list li.sub_navigation_sns{
	display: inline-block;
	width:22px;
	height: 22px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}
ul.sub_navigation_list li.sub_navigation_sns a{
	width:22px;
	height: 22px;
}
ul.sub_navigation_list li.sub_navigation_sns a svg{
	width:22px;
	height: 22px;
	fill:#fff;
}

/* 864px */
@media only screen and (max-width: 54em) {
section.sub_navigation_area{
	display: none;
	position: fixed;
	right: 0;
	left: 0;
	top: auto;
	bottom: 30px;
	margin: auto;
	width: 20%;
	height: 30px;
	z-index: 101;
}
ul.sub_navigation_list{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}
ul.sub_navigation_list li.sub_navigation{
	display: inline-block;
	width:auto;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
ul.sub_navigation_list li.sub_navigation a{
	display: block;
	width:auto;
	height: auto;
	margin: 0;
	padding: 5px;
	line-height: 1;
	letter-spacing: 1.2px;
	font-size: 0.9rem;
	font-size: 9px;
	color: #fff;
	border: solid #fff 1px;
	transition: all 0.3s
}
ul.sub_navigation_list li.sub_navigation a:hover{
	background-color: #333;
}

/* sub_sns サブナビにSNSアイコンを入れる場合 */
ul.sub_navigation_list li.sub_navigation_sns{
	display: inline-block;
	width:22px;
	height: 22px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}
ul.sub_navigation_list li.sub_navigation_sns a{
	width:22px;
	height: 22px;
}
ul.sub_navigation_list li.sub_navigation_sns a svg{
	width:22px;
	height: 22px;
	fill:#fff;
}
}

/*=====header_trigger=====*/
div.navigation_trigger{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 20px;
	width: 26px;
	cursor: pointer;
	z-index: 101;
}
div.navigation_trigger span.navigation_trigger_parts{
	position: absolute;
	display: block;
	width: 30px;
	height: 1px;
	background-color: #000;
	transition: all 0.3s;
}

div.navigation_trigger span.navigation_trigger_parts.trigger_parts1{
	top: 0;
}
div.navigation_trigger span.navigation_trigger_parts.trigger_parts2{
	top: 0;
	bottom: 0;
	margin: auto;
}
div.navigation_trigger span.navigation_trigger_parts.trigger_parts3{
	bottom: 0;
	width: 70%;
}
/*hover effect*/
div.navigation_trigger:hover span.navigation_trigger_parts.trigger_parts3{
	width: 30px;
}

/*=====header_trigger__is_open=====*/
div.navigation_trigger.is_open{

}
div.navigation_trigger.is_open span.navigation_trigger_parts{
	margin: auto;
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts1{
	top: 0;
	bottom: 0;
	transform: rotate(45deg);
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts2{
	opacity: 0;
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts3{
	top: 0;
	bottom: 0;
	transform: rotate(-45deg);
	width: 30px;
}



/* 864px */
@media only screen and (max-width: 54em) {
div.navigation_trigger{
	display: block;
}
}


/* =========== footerArea =========== */
footer.footer_area {
	position:relative;
	width:100%;
  	margin:0;
  	padding:35px 0 0 0;
	/*background-color: #f5f5f5;*/
	text-align:center;
	z-index:2;
    border-top: solid 1px #000000;
}

/*footerlogo*/
div.footer_logo_box{
	margin: 0 auto 10px;
	text-align: center;
}

div.footer_logo_box a svg.svg_footer_logo{
	width: 200px;
	height: 35px;
	fill:#000;
}

/* footer_copy */
small.footer_copy{
	display: block;
	text-align:center;
	font-size:1.0em;
	font-size:10px;
	background-color: #fff;
	color: #000;
	letter-spacing: 1.4px;
	padding: 20px 0;
	}
@media only screen and (max-width: 30em) {
small.footer_copy{
	letter-spacing: 0;
	}	
}
/* 480px */
@media only screen and (max-width: 30em) {
footer.footer_area {

}

/*footerlogo*/
div.footer_logo_box{
	margin: 0 !important;
	text-align: center;
}
}

/* =========== petitemArea =========== */
.pet_item_area{
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	padding: 0 60px;
}
.pet_item{
	width: 48%;
	margin: auto;
}
p.text_10{
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
p.text_10 span{
	font-size: 22px;
	color: #49bbbc;
}
.pet_item_block{
	padding-top: 0px !important;
	margin: 15px 0;
}
.pet_item_icon{
	width: 55%;
}
.pet_item_icon p{
font-size: 12px;
font-weight: 700;
width: 95%;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}


@media only screen and (max-width: 48em) {
.pet_item_area{
	flex-direction: column;
}
.pet_item{
	width: 100%;
}
.pet_item_area{
	padding: 0px;
}
p.text_10{
	font-size: 17px;
}
.pet_item_icon{
	width: 30%;
}
}

p.text_11{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
}


/* =========== 公式サイトへbtn =========== */
a.Btn_07{
	border: 1px solid #49bbbc;
	color: #49bbbc;
	background-color: #fff;
	margin: 20px auto;
	width: 400px;
	display: block;
	border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 3;
    transition-timing-function: linear;
    transition-duration: .2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-size: 18px;
}
a.Btn_07:hover {
    background-color: #49bbbc;
	color: #fff;
    }

@media only screen and (max-width: 48em) {
	a.Btn_07{
	border: 1px solid #49bbbc;
	color:  #fff;
	width: 90%;
	background-color: #49bbbc;
	line-height: 4;
	font-size: 14px;
	margin: 15px auto;
}
}
.btn_area{
	margin: 40px auto 0px;
}
a.Btn_07:hover .svg_btn{
	fill: #ffffff; /*btn_07がホバーした際の.svg_btnの色の変化*/
}


/* 矢印色の置き換え */
.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 =========== */


/* =========== mainArea =========== */
@media only screen and (max-width: 48em) {
.main-area [class*=_block] {
  padding-top: 0;
}
}


/*=============== parts <br> ===============*/
/*本文 PCスマホbr有り*/
.pcmb_show {
	display: block !important;
}
/*本文 PC時のみbr有り*/
.pc_show {
	display: block !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
	display: none;
}
@media only screen and (max-width: 48em) {
/*本文 PC時のみbr有り*/
.pc_show {
	display: none !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
	display: block !important;
}
}
@media only screen and (max-width: 48em) {
	.center{
		text-align: center !important;
	}
}

/*=============== parts fonts ===============*/

.color-white{
	color: #fff;
}

.gothic1 {
	font-family:  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.gothic2 {
	font-family:  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}
.mincho1 {
	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;
}
.mincho2 {
	font-weight: bold;
	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;
}

@media only screen and (max-width: 48em) {
	.media-mb20{ margin-bottom:20px !important; }
}

/* ========== padding ========== */
.pb_A{padding: 20px 0 0px !important;}


/* -----------------------------------------------
 *  	         base style setting
 * ----------------------------------------------- */

/* =========== font =========== */
@font-face {
  font-family: "Quickpen";
  src: url("../font/Quickpen/2F7BEE_0_0.eot?#iefix");
  src: url("../font/Quickpen/2F7BEE_0_0.eot?#iefix") format("eot"), url("../font/Quickpen/2F7BEE_0_0.woff2") format("woff2"), url("../font/Quickpen/2F7BEE_0_0.woff") format("woff");
}

@font-face {
  font-family: "Yumintyo";
  src: url("../font/yumintyo/yumin.ttf") format("ttf");
  src: url("../font/yumintyo/yumin.woff") format("woff");
}