main {
    background: #FFF;
}

.fadein {
opacity : 0;
transform : translate(0px, 20px);
transition : all 800ms;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_2 {
opacity : 0;
transform : translate(0, 20px);
transition : all 1200ms;
}
.fadein_2.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_3 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1400ms;
}
.fadein_3.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_4 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1600ms;
}
.fadein_4.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}
.all_fadein{
	animation-name: all_fadein;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes all_fadein {
  0% {
     opacity: 0;
     transform: translateY(40px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}
div#sub_frame {
    margin-top: 60px;
    width: 100%;
    float: left;
}
.wrap{
	width: 100%;
  	margin: auto;
	/*height:calc(100svh - 110px);*/
  	position: relative;
  	overflow: hidden;

}
.tw_wrap{
	width:100%;
	margin:auto;
	float:left
	
}
.tw_wrap_box{
	width:100%;
	float:left

}
div.breadcrumb{
	width:100%;
	margin:0 0 10px;
	font-size:12px;
	color:#666;
	text-align: left; 
	float:left;
}
div.breadcrumb a{
	font-size:12px;
}
.more_btn a{
	width:40%;
	margin:0 30%;
	padding:10px;
	border:1px solid #999;
	border-radius:5px;
	display:block;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;

}
.more_btn a:hover{
	border:1px solid #000;
	-moz-box-shadow: 0 2px 3px 0 #999;
    -webkit-box-shadow: 0 2px 3px 0 #999;
}

.title_01{
	width: 50%;
    position: absolute;
    top: 26%;
    left: 50%;
    font-size: 46px;
    font-family: serif;
    color: #fff;
    transform: translate(-50%,-50%);
}
.title_01_02{
	    width: 80%;
    position: absolute;
    bottom: 15%;
    left: 50%;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2.4px;
    line-height: 180%;
    color: #fff;
    background-color: rgb(80,80,80,0.8)!important;
    transform: translate(-50%,-50%);
	animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
	animation: fadein_visual 3s ease forwards;
	z-index:1
}
.title_01_03{
	width:70%;
	position: absolute;
    bottom: 0;
    right: 0;
	font-weight:500;
    font-size: 24px;
	text-align:center;
	line-height:180%;
    color: #fff;
	animation: fadein_visual 5s ease forwards;

}
.title_01_02{
	    width: 80%;
    position: absolute;
    bottom: 15%;
    left: 50%;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2.4px;
    line-height: 180%;
    color: #fff;
    background-color: rgb(80,80,80,0.4)!important;
    transform: translate(-50%,-50%);
	z-index:1;
	
}
.title_01_04{
	position: absolute;
    bottom: 10px;
    right: 10%;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2.4px;
    line-height: 140%;
    color: #fff;
    background-color: rgb(80,80,80,0.4)!important;
    z-index: 1;
animation-delay: 3.0s;
    -moz-animation-delay: 3.0s;
    -webkit-animation-delay: 3.0s;
    -o-animation-delay: 3.0s;
	animation: fadein_visual 7s ease forwards;
}
.title_02_01{

    position: absolute;
    top: 10%;
    right: 4%;
    font-weight: 500;
    padding: 5px;
    font-size: 14px;
    text-align: left;
    letter-spacing: 2.4px;
    line-height: 140%;
    color: #fff;
    background-color: rgb(80,80,80,0.4)!important;
	
}
.title_02_02 {
    position: absolute;
    bottom: 20%;
    right: 4%;
    font-weight: 500;
    padding: 5px;
    font-size: 14px;
    text-align: left;
    letter-spacing: 2.4px;
    line-height: 140%;
    color: #fff;
    background-color: rgb(80,80,80,0.4)!important;
}
.title_03_01{

    position: absolute;
     top: 10%;
    right: 4%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_03_02{

    position: absolute;
    bottom: 10%;
    left: 5%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_04_01{

    position: absolute;
    top: 10%;
    right: 4%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_05_01{

    position: absolute;
    top: 10%;
    right: 4%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_06_01{

    position: absolute;
    top: 10%;
    right: 4%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_06_02{

    position: absolute;
    top: 50%;
    left: 0;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.title_07_01{

    position: absolute;
    top: 50%;
   right: 4%;
	font-weight:500;
	padding:5px;
    font-size: 14px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.4)!important;
}
.bx-has-controls-direction {
    display: none;
}

.tw_wrap h2{
	width:100%;
	font-size:24px;
	margin:0 0 40px;
	line-height:140%;
	font-weight:500;
	padding:0;
	float:left
}
.visual_thumb{
	width:94%;
	margin:auto
}
.visual_thumb ul{
	width:100%;
	padding:60px 0;
	float:left
}
.visual_thumb ul li{
	width:94%;
	position:relative;
	margin:0 3% 30px;
	float:left;
}
.visual_thumb ul li img{
	width:100%;
}

.para_01{
	width: 100%;
    margin: auto;
    padding: 0 0 90px;
}
.para_01 img{
	width:50%;
    margin: 0 25% 30px;
}
.para_01 .tag{
    width: auto;
    display: inline-block;
    color: #000;
    font-size: 14px;
    margin: 0 auto;
    z-index: 200;
    font-weight: 500;
    background-color: rgb(233,224,215,1.0)!important;
    line-height: 160%;
    text-align: center;
    padding: 10px 2%;

}
.para_02{
	width:100%;
	margin:0 auto 90px;
	font-size:0;
	letter-spacing:0;
	float:left;
	
}
.para_02 > .concept_wrap > .left{
	display: inline-block;
    width: 100%;
    /* min-height: 600px; */
    position: relative;
    float: left;

}
.para_02 > .concept_wrap > .left h2{
	width: auto;
    margin: 80px 0 0 10%;
    padding: 10px 5%;
    line-height: 100%;
		color:#FFF;
    background-color: rgb(213,156,99,1.0);
}
.para_02 > .concept_wrap > .right{
	display: inline-block;
    width: 100%;
    padding: 30px 6% 60px;
    /* height: 60svh; */
    /* min-height: 600px; */
    font-size: 14px;
    background-color: rgb(233,224,215,1.0)!important;
    float: left;

}
.para_02 > .concept_wrap > .right p{
	font-size: 14px;
    line-height: 180%;
    font-weight: 300;
    text-align: justify;
    margin: 0 0 40px;
}
.para_02 > .concept_wrap > .right p span{
	font-size:18px;
	font-weight:700
}
.para_03{

	width:100%;
	margin:0 auto 60px;
	font-size:0;
	letter-spacing:0;
	float:left;
	
}

.para_03 > .course_wrap > .left{
	display: inline-block;
   	width: 100%;
    padding: 30px 4% 40px;

    font-size: 18px;
    vertical-align: middle;
    background-color: rgb(255,255,255,1.0);
	

}

.para_03 > .course_wrap > .right{
	    display: inline-block;
    width: 100%;
    vertical-align: middle;
    /* min-height: 400px; */

	
	

}
.para_03 > .course_wrap > .right h2{
	width: auto;
    margin: 80px 0 0 10%;
    padding: 10px 5%;
    line-height: 100%;
		color:#FFF;
    background-color: rgb(213,156,99,1.0);
}


.para_03 > .course_wrap > .left .training{
	width: 100%;
    margin: 0 0 30px;
    float: left;
}
.para_03 > .course_wrap > .left .training ul{
	width: 100%;
    font-size: 0;
    display: inline-flex;
    letter-spacing: 0;
    /* float: left; */
    flex-wrap: wrap;
}

.para_03 > .course_wrap > .left .training ul li{
	width: calc((100% - 4%) / 2);
    margin-right: 4%;
    margin-bottom: 14px;
    background: rgb(233,224,215,1.0);
    padding: 20px;
    color: #999;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-sizing: border-box;
}
.para_03 > .course_wrap > .left .training ul li:nth-child(2n){
	margin-right:0
}
.para_03 > .course_wrap > .left .training ul li img{
	width: 30%;
    margin:0 35% 10px;
	float:left
}
.para_03 > .course_wrap > .left .training ul li h3{
	color:#11026a;
	font-weight:300;
	font-size:14px;
	line-height:140%;
}
a.btn-border {
  border: 2px solid #f05689;
  border-radius: 0;
  font-size:14px;
  line-height:240%;
  padding:8px 20px;
  background: #fff;
  font-weight:700;
  color:#f05689;
}

a.btn-border:hover {
  color: #fff;
  background: #f05689;
}
a.trainingbtn-border {
  border: 2px solid #f05689;
  border-radius: 0;
  font-size:14px;
  line-height:240%;
  padding:8px 20px;
  background: #fff;
  font-weight:700;
  color:#f05689;
}

a.trainingbtn-border:hover {
  color: #fff;
  background: #f05689;
}
.para_04{
	width:100%;
	margin:0 auto 180px;
}
.para_04_box{
	width: 100%;
    background-color: rgb(233,224,215,1.0)!important;
    padding: 40px 4% 0;
    margin: 0 auto 90px;
    float: left;
    box-sizing: border-box;
}
.para_04_box > .left{
	width: 60%;
	margin:0 20% 30px;
	float:left

}
.para_04_box > .left h3{
   	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:18px;
	float:left

}
.para_04_box > .left h3 span{
	font-size:60%;
	font-weight:300;
}
.para_04_box > .right{
   	width: 100%;
    float: left;

}

.para_04_box > .right p{
   	width:100%;
	margin:0 0 20px;
	padding:20px;
	text-align:left;
	font-size:14px;
	line-height:180%;
	background-color: rgb(213,156,99,0.2)!important;
	border-radius:20px;
	float:left;
	box-sizing:border-box

}
.para_04_box > .right p span{
	font-weight:bold
}


.para_04_box > .left a{
	color:#999;
	font-weight:bold
}

.para_04_box > .left img.profile{
	border-radius:10px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	margin:0 0 20px;
}
.para_04_box > .left img.insta{
	width:20px;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.ac-box{
	width: 100%;
	margin: 0 auto 5px;
	float:left
}

.ac-box label{
	max-width: 385px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #FFF;
	margin: auto;
	line-height: 50px;
	position: relative;
	display: block;
	height: 50px;
	border-radius: 8px;
	cursor: pointer;
	color: #f05689;
	border:2px solid #f05689;
	transition: all 0.5s;
}

.ac-box label:hover{
	background: #f05689;
	color:#FFF;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ac-box input{
	display: none;
}

.ac-box label:after{
	color: #fff;

}

.ac-box input:checked ~ label::after {
	color: #fff;

}

.ac-box div{
	height: 0px;
	padding: 0px 20px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s;
}

.ac-box input:checked ~ div{
	height: auto;
	padding: 5px;
	margin: 20px 0 0;
	padding: 20px;
	background-color: rgb(213,156,99,0.2)!important;
	border-radius:20px;
	opacity: 1;
}

.ac-box div p{
	color: #000;
	line-height: 180%;
	font-size: 14px;
	text-align: justify;
}
.ac-box div p span{
	font-weight:500;
}
.ac-small p{
margin-bottom: 0px;
}
.para_05{
	width:100%;
	padding:90px 0;
	background:#FFF;
	float:left
}
.para_05_1000{
	width:100%;
	margin:auto;
}
.para_05_box{
	width:100%;
	float:left;
}

.para_05_box ul{
	width:100%;
	font-size:0;
	letter-spacing:0;
	float:left;
}
.para_05_box ul li{
	width: 80%;
	border:1px solid rgb(233,224,215,1.0)!important;
	display:inline-block;
	margin:0 10% 20px;
	box-sizing:border-box
}
.para_05_box ul li:nth-child(3){
	margin-bottom:0
}
.para_05_box ul li .title{
	width: 100%;
	font-size:14px;
	background-color: rgb(233,224,215,1.0)!important;
	letter-spacing:1px;
	padding:30px 0;
    float: left;
}
.para_05_box ul li .title img{
	width:30%;
	margin:0 35% 20px;
	float:left
}
.para_05_box ul li .title h3{
	width:100%;
	font-size:18px;
	text-align:center;
	margin:0 0 10px;
	float:left
}
.para_05_box ul li .title p{
	width:100%;
	font-size:14px;
	padding:0;
	margin: 0;
	text-align:center;
	float:left
}
.para_05_box ul li .contents{
	padding:20px;
}
.para_05_box ul li .contents p{
	width:100%;
	font-size:14px;
	text-align:left;
	float:left
}
.para_06{
	width:100%;
	margin:auto;
}
.para_06_box{
	width: 100%;
    padding: 40px 2%;
    float: left;
    box-sizing: border-box;
}

.flow_wrap{
	width: 100%;
    background: #FFF;
    font-size: 0;
    letter-spacing: 0;
    border-radius: 10px;
    padding: 20px 2% 40px;
    float: left;
    box-sizing: border-box;
}
.flow_wrap ul{
	margin:0 0 30px;
}
.flow_wrap ul li{
	padding:30px 0;
	border-bottom:1px solid #999;
	
}
.flow_wrap ul li:last-child{
	border:none
}
.flow_wrap .icon{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
.flow_wrap .icon img{
	width:50%;
	margin:auto;
}
.flow_wrap .contents{
	width:80%;
	display:inline-block;
	vertical-align:middle;
}
.flow_wrap .contents h3{
	width:100%;
	text-align:left;
	font-size: 16px;
	margin:0 0 10px;
	padding:0;
	float:left
}

.flow_wrap .contents h3 span{
	display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    margin: 0 6px 0 0;
    border-radius: 50%;
    font-size: 12px;
    color: #FFF;
    background: rgb(213,156,99,1.0);
    line-height: 140%;
}
.flow_wrap .contents p{
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:160%;
	margin:0;
	padding:0;
	float:left
}
a.contact_btn{
	    max-width: 80%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: #f05689;
    margin: auto;
    line-height: 60px;
    position: relative;
    display: block;
    height: 60px;
    border-radius: 20px;
    cursor: pointer;
    color: #FFF;
    border: 2px solid #f05689;
    transition: all 0.5s;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 50%);
}
a:hover.contact_btn{

	background: #FFF;

	color: #f05689;
	border:2px solid #f05689;
	transition: all 0.5s;
}
.law {
    width: 94%;
    margin: auto;
}
.law h2{
	font-size:18px;
	margin-bottom:40px;
}
.law ul{
    width: 100%;
	margin: 0 0 60px;
	float:left
}
.law ul li{
	line-height:180%;
}
.law ul li:nth-child(2n-1){
	width:100%;
	font-weight:bold;
	text-align:left;
	float:left
}
.law ul li:nth-child(2n){
	width:100%;
	
	margin-bottom:20px;
	text-align:left;	
	float:left
}

.terms {
    width: 94%;
    margin: auto;
}
.terms h2{
	font-size:18px;
	margin-bottom:40px;
}
.terms ul{
    width: 100%;
	margin: 0 0 60px;
	float:left
}
.terms ul li{
	line-height:180%;
}
.terms ul li:nth-child(2n-1){
	width:100%;
	font-weight:bold;
	text-align:left;
	float:left
}
.terms ul li:nth-child(2n){
	width:100%;
	
	margin-bottom:20px;
	text-align:left;	
	float:left
}
.terms ul li p.indent{
	padding-left: 16px;
    text-indent: -8px;
}