@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@700&family=Noto+Sans+JP:wght@400;800&display=swap');
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Noto Sans JP', "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	background: #fff;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
	font-size: 15px!important;
	line-height: 30px!important;
}
.txt_s{
	font-size: 11px!important;
	line-height: 16px!important;
}
@media only screen and (min-width: 750px) {
body{
	font-size: 20px!important;
	line-height: 36px!important;
}
.txt_s{
	font-size: 13px!important;
	line-height: 18px!important;
}
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}
.img100 {
	width:100%;
	height:auto;}
*{
	box-sizing: border-box;}
img{
	width: 100%;
	height: auto;
	display: block;}
a,
a:link,
a:visited,
a:hover,
a:active{
	color:#6a6969;
	text-decoration: none;
	cursor: pointer;}
.pc{
	display: none;}
.sp{
	display: block;}
@media only screen and (min-width: 750px) {
.pc{
	display: block;}
.sp{
	display: none;}
}
.red{
	color: #ba4245;}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1.2s infinite;
    -moz-animation:blink 1.2s infinite;
    animation:blink 1.2s infinite;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*-----------fv-----------*/
.contents{
	max-width: 750px;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;}
.gray_wrap{
	background: linear-gradient(90deg,#f0f2f8,#f5eef8);
}

.fv_text{
	text-align: center;
	font-size: 3.5vw;
	line-height: 4.6vw;
	font-weight: bold;
	color: #7e51ff;
	margin: 2% 0;
}
.intro_wrap{
	margin: 6% 0 0;
	padding: 0 0 8%;
}
.intro2{
	width: 69.75%;
	margin: 7% auto;
}
.intro_step{
	margin: 0 0 8%;
}
.intro7{
	width: 83.375%;
	margin: 0 auto;
}
.bridge1{
	width: 92.625%;
	margin: 6% auto 10%;
}
.bridge2{
	width: 66.625%;
	margin:0 0 0 5%;;
}
.bridge_ceo{
	width: 90%;
	margin: 4% auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.bridge_ceo_text{
	width: 60%;
	font-size: 2.8vw;
	line-height: 4.8vw;
}
.bridge_ceo_pic{
	width: 37.5%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 20px;
}
.bridge_count{
	width: 95%;
	margin: 0 auto 10%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	text-align: center;
	font-weight: bold;
	font-size: 2.7vw;
	line-height: 4.5vw;
}
.bridge_count01{
	position: relative;
	z-index: 1;
	width: 18%;
}
.bridge_count02{
	position: relative;
	z-index: 1;
	width: 45%;
}
.bridge_count03{
	width: 36%;
}
.bridge_count01::after,
.bridge_count02::after{
	position: absolute;
	z-index: 2;
	content: "";
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(15deg);
	width: 1px;
	height: 100%;
	border-right: 1px solid #000;
}
.color1{
	color: #e012ff!important;
}
.color2{
	color: #7f4bff!important;
}
.color3{
	color: #3d7eff!important;
}
.count_big{
	font-size: 7.3vw;
	line-height: 7.3vw;
	font-family: 'Agdasima', sans-serif;
}
.point_wrap{
	padding: 10% 0;
}
.point1{
	width: 95%;
	margin: 0 auto;
}
.point2{
	width: 58.625%;
	margin: 4% auto 8%;
}
.point3{
	margin: 0 auto 4%;
}
@media only screen and (min-width: 750px) {
.fv_text{
	font-size: 24px;
	line-height: 38px;
}
.bridge_ceo_text{
	font-size: 20px;
	line-height: 32px;
}
.bridge_count{
	font-size: 20px;
	line-height: 30px;
}
.count_big{
	font-size:56px;
	line-height:56px;
}
}

.cta_text{
	width: 75.625%;
	margin: 0 auto;
}
.cta_bt{
	width: 92.5%;
	margin: 3% auto;
	background: url("../img/cta_bt.png")no-repeat center center;
	background-size: cover;
}
.cta_bt a{
	display: block;
	background: url("../img/cta_bt.png")no-repeat center center;
	background-size: cover;
	padding: 28.783784% 0 0;
	transition: .2s;
}
.cta_bt a:hover{
	background: url("../img/cta_bt_over.png")no-repeat center center;
	background-size: cover;
}
.cta1{
	width: 90%;
	margin: 6% auto 15%;
}
.cta2{
	width: 79.25%;
	margin: 6% auto 4%;
}

.voice1{
	width: 64.125%;
	margin: 0 0 0 5%;
}
.voice_box{
	width: 90%;
	margin: 0 auto 8%;
}
.voice_box img{
	margin: 0 0 2%
}
.voice_s{
	margin: 2% 0;
}
.trouble_wrap{
	padding: 6% 0 10%;
	background:url("../img/trouble_bg2.png")repeat-x center top, url("../img/trouble_bg1.jpg");
	background-size: 2px,200px;
}
.last_wrap{
	padding: 10% 0;
}
.last2{
	width: 83.75%;
	margin: 4% auto 9%;
}
@media only screen and (min-width: 750px) {
.trouble_wrap{
	background:url("../img/trouble_bg2.png")repeat-x center top, url("../img/trouble_bg1.jpg");
	background-size: auto,auto;
}
}
/************************************
******フッター
************************************/
#footer{
	width: 100%;
	text-align: center;
	padding: 5% 0;
	font-size: 9px;
	line-height: 24px;
	letter-spacing: 0.15em;
	font-weight: normal;
	margin: 0 0 0;
	}
#footer a{
	font-size: 10px;
	color: #000;
	font-weight: 600;}
#footer a:hover{
	text-decoration: underline;}
span.copyright{
	color: #000!important;
	margin: 0 0 0 0;}
@media only screen and (min-width: 769px) {
#footer{
	padding: 40px 0;
	font-size: 10px;
	line-height: 20px;
	}
#footer br{
	display: none;}
#footer a{
	font-size: 10px;}
span.copyright{
	margin: 0 0 0 24px;}
}
.white_inner{
	max-width: 800px;
	width: 94%;
	background: #fff;color: #000;
	padding: 80px 24px;
	border-radius: 12px;
	box-shadow: 0 0 60px 0 rgba(255,160,166,0.6);
	box-sizing: border-box;
	margin: 50px auto;}
.white_inner h1{
	font-size: 160%;
	margin: 0 0 6%;
}
.white_inner h2{
	font-size: 120%;
	margin: 8% 0 3%;
}
.white_inner th{
	text-align: left;
}
.white_inner th,.white_inner td{
	display: block;
	padding: 12px 8px;
}
@media only screen and (min-width: 769px) {
.white_inner{
	width: 90%;
	padding: 80px 80px;
	}
.white_inner th,.white_inner td{
}
.white_inner th{
}
}

.curriculum01{
	width: 85.5%;
	margin: 15% auto 5%;
}
.price02{
	width: 94.75%;
	margin: 0 auto 8%;
}
.tabs {
  margin-top: 50px;
  background-color: #fff;
	box-shadow: 0 10px 12px 0 rgba(0,0,0,0.05);
  margin: 0 auto;}
.tab_item {
  width: calc(100%/2);
  height: 0;
	padding: 14.25% 0 0;
  display: block;
  float: left;
  transition: all 0.2s ease;
}
.tab_expert{
	background: url("../img/expert_tab_bl.png")no-repeat center center;
	background-size: cover;
	border-bottom: 3px solid #dc13ff;
}
.tab_professional{
	background: url("../img/professional_tab_bl.png")no-repeat center center;
	background-size: cover;
	border-bottom: 3px solid #089fff;
}
.tabs input:checked + .tab_expert {
	background: url("../img/expert_tab_color.png")no-repeat center center;
	background-size: cover;
	border-bottom: 3px solid #089fff;
}
.tabs input:checked + .tab_professional {
	background: url("../img/professional_tab_color.png")no-repeat center center;
	background-size: cover;
	border-bottom: 3px solid #dc13ff;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 8px 0 12px;
  clear: both;
  overflow: hidden;
}


#expert:checked ~ #expert_content,
#professional:checked ~ #professional_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #000;
  color: #fff;
}

.present_bnr{
	margin-top: 2%;
}