@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap');
/* =========================================
   SP 
============================================ */
.pb1rem{
  padding-bottom: 1rem;
}
.wd90{
  width: 90%;
}
.point-contents-wrap{
  display: flex;
}
.reverse{
  flex-direction: column-reverse;
}
.column{
  flex-direction: column;
}
.title-border,
.title-border2{
  display: flex;
  align-items: center;
}
.title-border:before,
.title-border2:before {
  margin-right: 1rem;
}
.title-border:before{
  border-top: 2px solid;
  content: "";
  flex-grow: 0.2;
}
.title-border2:before{
  border-top: 2px solid;
  content: "";
  flex-grow: 0.2;
}
/*--- Effect ---*/
  .txt-shadow{
    text-shadow: none;
  }
/*--- point ---*/
.page-title h3{
	font-weight: bold;
}
.point-contents{
	font-weight: bold;
	text-align: center;
}
.point-contents p{
	font-weight: 400;
}
.point-contents img{
	width: 100%;
}
.point-contents-wrap img{
  width: 100%;
  height: auto;
}
/*--- fusion ---*/
.bg{
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.3;
}
.fusion{
  height: 100%;
  padding-bottom: 40px;
  position: relative;
}
.fusion-contents-wrap h1{
	font-weight: bold;
	padding-top: 3rem;
	padding-bottom: 1.5rem
}
.fusion-contents-wrap h4{
  justify-content: left;
  padding: 20px 0;
}
.fusion-contents-wrap img{
	width: 100%;
}
.fusion-contents-list{
	display: block;
	margin-top: 4rem;
	text-align: center;
}
.fusion-contents-list p{
	text-align: center;
}
.fusion-contents--item{
	margin-bottom: 2rem;
	width: 100%;
}
.fusion-contents--item p{
	margin-top: 1rem;
}
.fusion-contents--item-title{
	align-items: center;
    display: inline-flex;
    border: 1px solid;
    padding: 20px 30%;
}
.fusion-icon{
	margin-top: 50px;
	opacity: 1.0 !important;
	width: 100% !important;
}
/*--- syuahri ---*/
.syuhari p,
.syuhari h1,
.syuhari h6{
  color: #fff;
}
.syuhari{
  height: 100%;
  padding: 0;
  background-image: url(../images/point/point_bg2_sp.png);
  background-size: cover;
}
.syuhari-contents{
  width: 100%;
  margin: 0 auto;
  padding: 24px 0;
  position: relative;
}
.syuhari-contents-wrap{
  padding-bottom: 15px;
}
/* =========================================
   PC min-width:768px
============================================ */
@media only screen and (min-width:768px) {
  .reverse,
  .column{
    flex-direction: row;
  }
  .title-border:before{
    border-top: 2px solid;
    content: "";
    flex-grow: 0.1;
  }
  /*--- Effect ---*/
.txt-shadow{
	text-shadow: 3px 3px 2px #2a2a2a;
}
  /*--- point ---*/
.page-title h3{
	font-weight: 400;
	line-height: 1.7;
}
.point-contents{
	font-weight: bold;
	text-align: center;
	flex-direction: column;
}
.point-contents p{
	font-weight: bold;
	margin-bottom: 2em;
}
.point-contents-container{
  display: flex;
}
.point-contents-wrap{
  width: 100%;
  display: block;
}
.fusion-contents-wrap h1{
	font-weight: bold;
	padding-top: 5rem;
	padding-bottom: 1.5rem;
	text-align: center;
}
.point-contents-wrap img{
  width: 100%;
}
.point-left,
.point-right{
  width: 100%;
}
  /*--- fusion ---*/
.bg{
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.3;
}
.fusion{
    height: 100%;
    padding-bottom: 130px;
    position: relative;
  }
.fusion-contents{
	width: 80%;
	margin: 0 auto;
}
.fusion-contents-list{
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;
}
.fusion-contents-list p{
	text-align: center;
}
.fusion-contents--item{
	width: 30%;
}
.fusion-contents--item-title{
	align-items: center;
    display: inline-flex;
    border: 1px solid;
    padding: 20px 30%;
}
.fusion-icon{
	margin-top: 0;
	opacity: 1.0 !important;
	width: 30% !important;
}
  /*--- syuhari ---*/
.syuhari{
  height: 100%;
  padding: 0;
  background-image: url(../images/point/point_bg2_pc.png);
  background-size: cover;
}
.syuhari-container{
  width: 80%;
  margin: 0 auto;
}
.syuhari-contents-container{
  display: flex;
}
.syuhari-contents-wrap{
  width: 100%;
}
.syuhari-contents-wrap p{
  width: 80%;
}
.syuhari-contents{
  width: 100%;
  margin: 0 auto;
  padding: 24px 0;
  position: relative;
}
.syuhari-contents-wrap{
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
  justify-content: left;
}
}