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

div.header{
	width:100%;
	margin-bottom:35px;
}
.wrap{
	max-width:980px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.wrap2{
	max-width:760px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.wrap3{
	max-width:1085px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.wrap4{
	max-width:855px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
}
.wrap5{
	max-width:680px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.blue{
	color:#6d82dd;
}
.ttl_img {
    max-width: 195px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 0px;
    position: absolute;
    left: 50%;
    margin-left: -95px;
    top: -110px;
}
.ttl{
	font-size:25px;
	color:#626262;
	border-bottom:4px solid #fea7bc;
	padding-bottom:20px;
	padding-top:80px;
	letter-spacing:0.2em;
	display:inline-block;
	font-weight:bold;
}
.ttl_03{
	font-size:30px;
	letter-spacing:0.2em;
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
	text-decoration:underline;
}
.ttl_04{
	padding:70px 0;
	background-color:#fea7bc;
	position:relative;
}
.ttl_04 h2{
	font-size:27px;
	color:#fff;
	letter-spacing:0em;
	text-align:center;
	font-weight:bold;
}
.txt{
	font-size:17px;
	line-height:30px;
	text-align:center;
	letter-spacing:0.2em;
	margin-bottom:70px;
}
.txt2{
	font-size:33px;
	color:#ff4a8e;
	letter-spacing:0.2em;
	text-align:center;
	margin-bottom:65px;
	border-top:4px solid #ff4a8e;
	border-bottom:4px solid #ff4a8e;
	padding:15px 0;
}
.txt3{
	font-size:19px;
	line-height:30px;
	color:#676767;
	letter-spacing:0.1em;
	text-align:center;
}
.txt4{
	text-align:center;
	font-size:20px;
	line-height:40px;
	color:#ff468f !important;
}
.txt5{
	text-align:center;
	font-size:22px;
	line-height:40px;
	color:#ff468f !important;
	text-decoration:underline;
	font-weight:bold;
}
.line{
	border:1px solid #fea7bc;
	width:2px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	padding:0 !important;
}
.rect{
	max-width:140px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.bg{
	padding:70px 0;
}
.btn {
    cursor: pointer;
    display: inline-block;
    border: 3px solid #fff;
    color: #fff !important;
    border-radius: 5px;
    padding: 10px 40px !important;
    letter-spacing: 0.2em;
    font-weight: bold;
	font-size:24px;
}
.btn:hover{
	background-color:#ffd5e6;
}
.mainbox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:75px;
	align-items:baseline;
}
.mainbox .box{
	flex-basis:405px;
	max-width:405px;
	padding:25px;
	position:relative;
	z-index:0;
}
.mainbox .box .scene {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 10px;
    z-index: 2;
}
.mainbox .box .scene img{
	width:50px;
	z-index:0;
}
.mainbox .box .scene::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid #363636;
    border-left: 50px solid #363636;
    border-bottom: 50px solid transparent;
    border-right: 50px solid transparent;
    z-index: -1;
}

#section02 .mainbox .box .scene::after {
    border-top: 50px solid #696969;
    border-left: 50px solid #696969;
    border-bottom: 50px solid transparent;
    border-right: 50px solid transparent;
}
#section05 .mainbox .box .scene::after {
    border-top: 50px solid #d8d8d8;
    border-left: 50px solid #d8d8d8;
    border-bottom: 50px solid transparent;
    border-right: 50px solid transparent;
}

.mainbox .box::before,.mainbox .box::after {
    content: '';
    position: absolute;
    top: 20px;
    width: 7px;
    bottom: -7px;
}
.mainbox .box::before{
    left: -7px;
}
.mainbox .box::after{
    right: -7px;
}
.mainbox .box:nth-child(1),.mainbox .box:nth-child(2){
	margin-bottom:45px;
}
.mainbox .box .innerbox {
    background-color: #fff;
    padding: 20px 5px;
}
.mainbox .box .innerbox div{
	margin-bottom:20px;
}
.mainbox .box .innerbox .transbtn{
	cursor:pointer;
}
.mainbox .box .innerbox .hangl{
	display:none;
	visibility:hidden;
}
.mainbox .box .innerbox .hangl.active{
	visibility:visible;
}

.mainbox .box .innerbox > p:nth-child(2){
	margin-bottom:20px;
}
.mainbox .box h4{
	text-align:center;
	font-size:18px;
	padding:0 0 10px;
	color:#fff;
	letter-spacing:0em;
	font-weight:bold;
}
#section02 .mainbox .box h4{
	color:#696969;
}
.mainbox .box h4.pink{
	color:#ff0078;
}
.btn_area{
	padding:60px 0 130px;
}
#section{
	background-color:#fdf4f8;
	padding:30px 0;
}
#section .wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#section .copy{
	max-width:540px;
	margin-top:30px;
}
#section .copy p{
	font-size:17px;
	line-height:37px;
}
#section .copy p span{
	border-bottom: 3px solid #fff665;;
}

#section .copy p:last-child{
	max-width:290px;
}
#section .ph{
	max-width:435px;
}
#section01{
	padding:65px 0 180px;
}
#section01 h2.ttl_01{
	color:#ff0078;
	font-size:23px;
	letter-spacing:0.2em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	margin-bottom:58px;
}
#section01 h2.ttl_01::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -27px;
    width: 35px;
    height: 4px;
    background-color: #ff0078;
    left: 50%;
    margin-left: -17px;
}
#section01 ul{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-bottom:40px;
}
#section01 ul li{
	flex-basis:22%;
	margin:1.5%;
}
#section01 p{
	text-align:center;
	line-height:30px;
	color:#787878;
}
#section02{
	background-color:#ffd907;
	color:#fff;
	border-top:25px solid #e5e5e5;
	border-bottom:25px solid #e5e5e5;
}
#section02 .txt2 {
    font-size: 33px;
    color: #ff950b;
    letter-spacing: 0.2em;
    text-align: center;
    margin-bottom: 65px;
    border-top: 4px solid #ff950b;
    border-bottom: 4px solid #ff950b;
    padding: 15px 0;
}
#section02 .cont_header{
	background-image:url(../images/bg_01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#section02 .bg{
	background-image:url(../images/bg_08.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#section02 .mainbox .box{
	background-color:#ffe939;
	border-bottom: 7px solid #e4dab4;
}
#section02 .mainbox .box::before,#section02 .mainbox .box::after {
    background-color: #e4dab4;
}

#section03{
	color:#fff;
	border-top:25px solid #e5e5e5;
	border-bottom:25px solid #e5e5e5;
	margin-bottom:140px;
}
.cont_header{
	position:relative;
	min-height:415px;
	padding-top:160px;
}
#section03 .cont_header{
	background-image:url(../images/bg_02.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#section03 .bg{
	background-image:url(../images/bg_07.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#section03 .mainbox{
}
#section03 .mainbox .box{
	background-color:#ff43a3;
	border-bottom:7px solid #e7bfd0;
}
#section03 .mainbox .box::before,#section03 .mainbox .box::after {
    background-color: #e7bfd0;
}

#section04{
	border-top:25px solid #e5e5e5;
	border-bottom:25px solid #e5e5e5;
	color:#fff;
	margin-bottom:140px;
}
#section04 .txt2 {
    color: #25d495;
    border-top: 4px solid #25d495;
    border-bottom: 4px solid #25d495;
}
#section04 .cont_header{
	background-image:url(../images/bg_03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#section04 .bg{
	background-image:url(../images/bg_09.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:70px 0;
}
#section04 .mainbox .box::before,#section04 .mainbox .box::after {
    background-color: #dbecc8;
}

#section04 .mainbox .box{
	background-color:#3df0af;
	border-bottom:7px solid #dbecc8;
}

#section05{
	border-top:25px solid #e5e5e5;
	border-bottom:25px solid #e5e5e5;
	color:#fff;
}
#section05 .txt2 {
    color: #32b4ff;
    border-top: 4px solid #32b4ff;
    border-bottom: 4px solid #32b4ff;
}

#section05 .cont_header{
	background-image:url(../images/bg_04.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#section05 .mainbox .box{
	background-color:#34a2ff;
	border-bottom:7px solid #cce3f4;
}
#section05 .bg{
	background-image:url(../images/bg_10.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:70px 0;
}
#section05 .mainbox .box::before,#section05 .mainbox .box::after {
    background-color: #cce3f4;
}


#section06{
	background-image:url(../images/bg_05.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:230px 0;
}
#section06 .ttl_02{
	max-width:540px;
	margin-left:auto;
	margin-right:auto;
}
#section07{
	background-color:#ffd5e6;
	background-image:url(../images/bg_11.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	padding:0px 0 40px;
	color:#fff;
}
#section07 p,#section08 p,#section09 p{
	padding:30px 0 45px;
	color:#626262;
}
#section07 .num,#section08 .num,#section09 .num{
    position: absolute;
    top: -117px;
    left: -50px;
    width: 24%;
}
#section07 .box{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}
#section07 .box.wh{
	background-color:#fff;
	padding:40px;
	box-shadow: 10px 10px #febcd7;
}
#section07 .box2{
	background-image:url(../images/bg_06.jpg);
	background-repeat:repeat-x;
	background-size:contain;
	max-width:530px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}
#section07 .box2 h4{
	padding:0 50px;
	margin-bottom:20px;
}
#section07 .box2 p{
	background-color:#fff;
	padding:20px;
}
#section08{
	background-color:#ffd5e6;
	padding:0px 0 100px;
	background-image:url(../images/bg_13.png);
	background-repeat:no-repeat;
	background-position: 70px 100px;
	background-size: 370px;
	color:#fff;
}

#section08 .box,#section09 .box{
	background-color:#fff;
	padding:40px 70px;
	box-shadow: 10px 10px #febcd7;
	position:relative;
}
#section08 .example{
	position:absolute;
	top:-30px;
	left:-30px;
	width:130px;
}
#section09{
	background-color:#ffd5e6;
	padding:0px 0 80px;
	background-image:url(../images/bg_12.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: 100%;
	color:#fff;
}

#section10 {
	padding:0px 0;
	margin-bottom:100px;
}
#section10 .course{
	background-image:url(../images/bg_14.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	padding:110px 0;
	position:relative;
}
#section10 .tri{
	width:95px;
	position:absolute;
	left:50%;
	margin-left:-42px;
	top:-1px;
}
#section10 .price{
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
	padding:30px 0;
	box-sizing:border-box;
}
#section10 .point{
	padding:80px 0;
}
#section10 .point_box,#section10 .system_box,#section10 .voice_box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#section10 .point_box .box{
	background-color:#fea7bc;
	color:#fff;
	width:18%;
	margin:1%;
	text-align:center;
	padding:2% 1%;
	box-sizing:border-box;
}
#section10 .system{
	margin-bottom:80px;
}
#section10 .system_box dl{
	flex-basis:48%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
	align-items:inherit;
}
#section10 .system_box dl dt{
	background-color:#fea7bc;
	color:#fff;
	flex-basis:30%;
	font-size:21px;
	text-align:center;
	padding:20px 0;
}
#section10 .system_box dl dt.pat2{
	padding:30px 0;
}
#section10 .system_box dl dd{
	background-color:#ffe9ee;
	color:#ee7491;
	flex-basis:70%;
	font-size:14px;
	padding:20px;
}
#section10 .point_box .box h4{
	font-weight:bold;
	margin-bottom:15px;
	font-size:21px;
}
#section10 .point_box .box p{
	font-size:14px;
}
#section10 .point h3,#section10 .system h3,#section10 .voice h3{
	text-align:center;
	font-size:23px;
	color:#fea7bc;
	position:relative;
	margin-bottom:67px;
	font-weight:bold;
}
#section10 .point h3::before,#section10 .system h3::before,#section10 .voice h3::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -27px;
    width: 35px;
    height: 4px;
    background-color: #fea7bc;
    left: 50%;
    margin-left: -17px;
}
#section10 .voice_box .box{
	flex-basis:50%;
	box-sizing:border-box;
	padding:50px 100px;
	background-color:#d8e7fa;
}
#section10 .voice_box .box h4{
	background-color:#728dea;
	text-align:center;
	color:#fff;
	font-size:20px;
	padding:5px 0;
	border-radius:5px;
	margin-bottom:25px;
}
#section10 .voice_box .box .ph{
	padding:0 20px;
	margin-bottom:25px;
}
#section10 .voice_box .box .name{
	text-align:center;
	color:#728dea;
	margin-bottom:30px;
}
#section10 .voice_box .box.toda .name{
	color:#c365f4;
}
#section10 .voice_box .box.toda{
	background-color:#ede1f4;
}
#section10 .voice_box .box.toda h4{
	background-color:#c365f4;
}
#section10 .voice_box dl{
	display:block;
}
#section10 .voice_box dl dt{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}
#section10 .voice_box dl dd{
	margin-bottom:20px;
	font-size:14px;
}
#section11 .ttl_04{
	background-color:#fd7f9d;
}
#section11 h2{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	padding:40px 0;
}
#section11 .price {
    max-width: 785px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
    box-sizing: border-box;
}
#section11 .course{
	background-image:url(../images/img_13.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	padding:110px 0;
	position:relative;
}
#section11 .tri{
	width:95px;
	position:absolute;
	left:50%;
	margin-left:-42px;
	top:-1px;
}

#section11 .voice_box{
	max-width:800px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-wrap:wrap;
}
#section11 .voice{
	max-width:310px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width:420px){
  div.header{
	  width:100%;
	  margin-bottom:20px;
  }
  #section {
	  background-color: #fdf4f8;
	  padding: 30px 5px;
  }
  #section .copy {
	  max-width: 100%;
	  margin-top: 0px;
  }
  #section .copy p:last-child {
	  max-width: 100%;
	  margin-top:10%;
	  margin-bottom:10%;
  }
  #section01 ul li {
	  flex-basis: 45%;
	  padding:4%;
	  margin: 0%;
  }
  #section01 {
	  padding: 10% 0 35%;
  }
  #section01 h2.ttl_01 {
	  margin-bottom: 10%;
  }  
  #section01 h2.ttl_01::before {
	  bottom: -15px;
  }
  #section03 .cont_header {
	  background-image: url(../images/bg_02_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
  }
  .ttl_img {
	  max-width: 145px;
	  left: 50%;
	  margin-left: -75px;
  }
  .cont_header {
	  position: relative;
	  min-height: 315px;
	  padding-top: 60px;
  }
  .ttl_03 {
  
	  font-size: 2rem;
	  letter-spacing: 0em;
	  text-align: center;
	  margin-bottom: 20px;
	  font-weight: bold;
	  text-decoration: underline;
  
  }
  .txt {
  
	  font-size: 16px;
	  line-height: 30px;
	  text-align: center;
	  letter-spacing: 0em;
	  margin-bottom: 70px;
  
  }
  .cont_header .txt{
	  margin-bottom:0;
  }
  .txt2 {
	  font-size: 24px;
	  letter-spacing: 0.1em;
	  margin-bottom: 30px;
	  padding: 15px 0;
  
  }
  #section02 .txt2 {
  
	  font-size: 24px;
	  letter-spacing: 0.1em;
	  margin-bottom: 30px;
  
  }
  .mainbox .box{
	  margin-bottom: 8% !important;
  }
  .bg {
	  padding: 40px 0;
  }
  .mainbox .box .innerbox {
  
	  background-color: #fff;
	  padding: 20px;
	  /*min-height: 230px;*/
  
  }
  .mainbox {
  
	  margin-bottom: 0%;
  
  }
  .txt3 {
  
	  font-size: 16px;
	  letter-spacing: 0;
  
  }
  #section03 {
	  margin-bottom: 30%;
  }
  #section03 .bg {
	  background-image:none;
	  background-color:#ffe2ee;
  }
  #section02 .cont_header {
	  background-image: url(../images/bg_01_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
  }
  #section02 .bg {
	  background-image: none;
	  background-color:#fbf4da;
  }
  #section04{
	  margin-bottom: 30%;
	  margin-top:30%;
  }
  #section04 .cont_header {
	  background-image: url(../images/bg_03_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
  }
  #section04 .bg {
	  background-image:none;
	  background-color:#eef5e6;
	  padding: 10% 0;
  }
  
  #section05 .cont_header {
	  background-image: url(../images/bg_04_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
  }
  #section05 .bg {
	  background-image: none;
	  background-color:#f6fafd;
	  padding: 10% 0;
  }
  .btn_area {
  
	  padding: 10% 0;
  
  }
  #section06 {
	  background-image: url(../images/bg_05_sp.jpg);
	  padding: 16% 10%;
  }
  #section07 .num, #section08 .num, #section09 .num {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 20%;
	  padding: 0;
  }
  .ttl_04 {
	  padding: 6% 0;
	  background-color: #fea7bc;
	  position: relative;
	  border-bottom:30px solid #fd6d8b;
  }
  .ttl_04.none {
	  border-bottom:0;
  }
  .ttl_04::after {
	  content: "";
	  position: absolute;
	  right: 0;
	  bottom: -23px;
	  left: 0;
	  width: 0px;
	  height: 0px;
	  margin: auto;
	  border-style: solid;
	  border-color: #fff transparent transparent transparent;
	  border-width: 15px 15px 0 15px;
  }
  .ttl_04.none::after {
	  display:none;
  }
  .ttl_04 h2 {
	  font-size: 2rem;
	  color: #fff;
	  letter-spacing: 0em;
	  text-align: left;
	  font-weight: bold;
	  width: 75%;
	  margin-left: auto;
  }
  #section08 .example {
	  position: absolute;
	  top: -20px;
	  left: -20px;
	  width: 80px;
  }
  #section08 .box, #section09 .box {
  
	  background-color: #fff;
	  padding: 30px 40px;
	  box-shadow: 10px 10px #febcd7;
	  position: relative;
  
  }
  #section07 {
  
	  background-color: #ffd5e6;
	  background-image: none;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: 100%;
	  padding: 0px 0 0px;
	  color: #fff;
  
  }
  .ttl {
  
	  font-size: 1.7rem;
	  padding-bottom: 10px;
	  padding-top: 40px;
	  letter-spacing: 0em;
	  display: inline-block;
	  font-weight: bold;
  
  }
  #section07 p, #section08 p, #section09 p {
  
	  padding: 20px 0 25px;
	  color: #626262;
  
  }
  #section07 .box.wh {
	  margin-bottom: 10%;
  
  }
  #section08 {
	  padding: 0px 0 0%;
	  background-image: none;
  
  }
  #section09 {
	  background-image:none;
  
  }
  .txt4 {
  
	  text-align: center;
	  font-size: 1.5rem;
	  line-height: 40px;
	  color: #ff468f !important;
	  line-height: 3rem;
  
  }
  .line {
	  margin-top: 10%;
  
  }
  #section09 {
	  padding: 0px 0 0%;
  }
  #section10 .ttl_04 h2 {
	  font-size: 2rem;
	  color: #fff;
	  letter-spacing: 0em;
	  text-align: center;
	  font-weight: bold;
	  float: none;
	  width: 100%;
  
  }
  #section10 .course {
  
	  background-image: url(../images/bg_14_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  padding: 30px 30px;
	  position: relative;
  
  }
  #section10 .tri {
  
	  width: 60px;
	  position: absolute;
	  left: 50%;
	  margin-left: -30px;
	  top: -1px;
  
  }
  #section10 .price {
  
	  max-width: 230px;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 30px 0 20px;
	  box-sizing: border-box;
  
  }
#section11 h2 {
    padding: 10px 0;
}
  #section11 .ttl_04 h2 {
	  font-size: 1.8rem;
	  color: #fff;
	  letter-spacing: 0em;
	  text-align: center;
	  font-weight: bold;
	  float: none;
	  width: 100%;
  
  }
  #section11 .course {
  
	  background-image: url(../images/img_13_sp.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  padding: 30px 25px;
	  position: relative;
  
  }
  #section11 .tri {
  
	  width: 60px;
	  position: absolute;
	  left: 50%;
	  margin-left: -30px;
	  top: -1px;
  
  }
  #section11 .price {
  
	  max-width: 300px;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 30px 0 20px;
	  box-sizing: border-box;
  
  }
#section11 .txt5{
    font-size: 1.2rem;
}

  .txt5 {
  
	  text-align: center;
	  font-size: 1.6rem;
	  line-height: 3rem;
	  color: #ff468f !important;
	  text-decoration: underline;
	  font-weight: bold;
  
  }
  #section10 .point {
  
	  padding: 30px 0;
  
  }
  #section10 .point h3::before, #section10 .system h3::before, #section10 .voice h3::before {
	  bottom: -17px;
  }
  #section10 .point h3, #section10 .system h3, #section10 .voice h3 {
	  margin-bottom: 10%;
  }
  #section10 .point_box, #section10 .system_box, #section10 .voice_box {
	  justify-content: center;
  
  }
  #section10 .point_box .box {
	  background-color: #fea7bc;
	  color: #fff;
	  width: 48%;
	  margin: 1%;
	  padding: 5% 1%;
	  box-sizing: border-box;
  
  }
  #section10 .point_box .box h4 {
  
	  font-weight: bold;
	  margin-bottom: 10px;
	  font-size: 21px;
  
  }
  #section10 .system_box dl {
	  flex-basis: 90%;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-bottom: 3%;
	  align-items: inherit;
  }
  #section10 .system_box dl dt {
	  background-color: #fea7bc;
	  color: #fff;
	  flex-basis: 30%;
	  font-size: 1.7rem;
	  text-align: center;
	  padding: 20px 0;
	  margin-bottom: 0;
  }
  #section10 .system {
  
	  margin-bottom: 10%;
  
  }
  #section10 .voice_box .tenkai{
	  display:none;
	  padding-top:5%;
  }

  #section10 .voice_box .box{
	  flex-basis:90%;
	  padding:8% 5%;
  }
  #section10 .voice_box dl dt {
	  font-size: 1.7rem;
  }
  #section10 .voice_btn{
	  text-align:center;
  }
  #f_bnr {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  z-index: 1000;
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	  background-color: #d4d2d3;
	  padding: 3% 4%;
  }
  #f_bnr a {
	  display: block;
	  flex-basis: 50%;
	  padding: 0% 1%;
  }
  .point_div{
	  display:none;
  }
  .close{
	  text-align:center;
	  padding:20px 0;
	  text-decoration:underline;
  }
  .mainbox .box .scene img{
	  width:45px;
	  z-index:0;
  }
  .mainbox .box .scene::after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  border-top: 50px solid #363636;
	  border-left: 50px solid #363636;
	  border-bottom: 50px solid transparent;
	  border-right: 50px solid transparent;
	  z-index: -1;
  }
  
  #section02 .mainbox .box .scene::after {
	  border-top: 50px solid #696969;
	  border-left: 50px solid #696969;
	  border-bottom: 50px solid transparent;
	  border-right: 50px solid transparent;
  }
  #section05 .mainbox .box .scene::after {
	  border-top: 50px solid #d8d8d8;
	  border-left: 50px solid #d8d8d8;
	  border-bottom: 50px solid transparent;
	  border-right: 50px solid transparent;
  }
  .mainbox .box h4 {
	  text-align: center;
	  font-size: 1.5rem;
	  padding: 0 0 10px;
	  color: #fff;
	  letter-spacing: 0em;
	  font-weight: bold;
  }
  .mainbox .box h4.tyousei {
	  text-indent:3em;
  }
  .mainbox .box{
	  padding:20px;
  }
}