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

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__マイページ設定
5__引用CSS設定
6__CSSハック
7__プラグイン修正CSS
*/
@media screen and (min-width: 751px){
body{min-width:1020px;}
.pc{display:block}
.sp{display:none;}
.sp img{width:100%;height:auto;}

header .logo{width:auto;}
header .logo img{width:200px;}
#main_visual {height:900px;overflow: hidden;}
/*#main_visual .mv_block{background:url(../img/pc_visual_item01.webp) center top repeat-x;height:100%;z-index:3;}*/
#main_visual:before{background:url(../img/pc_visual_item02.webp) right top no-repeat;height: 351px;width: 362px;left: 50%;top:70px;z-index:1;}
#main_visual:after{background:url(../img/main_visual_pc_text.webp)  center center no-repeat;height:100%;top:50px;z-index:1;}
.mv_block .btn{background:url(../img/pc_visual_btn.webp) center center no-repeat;width:250px;height:250px;left:50%;bottom:55px;transform: translate(50%);z-index:5;}
.mv_block .btn a{opacity:0;height:100%;}
.gnav ul li a{
	font-size:16px;
	line-height: 60px;
}
.section_inner{
	width:960px;
	margin: 0 auto;
	background-color: #fff;
	border:solid #0E357F;
  	border-width:30px 5px 5px 5px;
  	padding: 40px 40px 60px;
}
section.full{width:auto;}
section:nth-child(1){padding:0px 0 0 0}
main{margin:0
	  auto;width: 900px;
		background-color: #FFF;
	}
.mv .logo {
    position: absolute;
    left: 0.8%;
    top: 1.5%;
    width: 19%;
}
.youtube iframe{height:585px;}
.youtube{
	margin-top: 30px;
}

header .btn a{bottom:inherit;top:63%; left: 30%;width:440px;font-size:24px;line-height:70px;}

h2.section_title{
	font-size:2.8em;
	padding:20px 0;
	background-color: #0E357F;
	color: #ffff00;
}
h3 {
	font-size: 3em;
}
section.full h2.section_title{width:1000px;margin:0 auto 60px auto;}
.section_text{margin-bottom:60px;}
.section_copy{font-size:28px;margin:0 auto 30px auto;width:80%}

.list_content .copy{font-size:34px;margin:0 0 30px;}
.list_content .copy:before{height:60px;left:-30px}
.list_content .copy:after{height:60px;right:-30px;}

.list_box{margin:0 auto 0 auto;}
.list_box ul li{font-size:18px;padding-left:80px;background: url(../img/icon_list.svg) left 8% center no-repeat #5374B0;background-size: 20px;width:auto;line-height:1.5;}

.feature_box{width:520px;margin:0 auto 30px auto;}
.feature_box:before{height:370px;}
.feature_box .text .content_logo{font-size:18px;}
.feature_box .text .content_logo img{width:200px;}
.feature_box .text p{font-size:18px;}



.section_text p{font-size:26px;}
.section_text p.note{font-size:2em;}

.course_block ul{display:flex;}
.course_block ul li{margin:0 0 30px 10px;width:30%}
.course_block ul li .img{height:auto;}
.course_block ul li .title{font-size:18px;padding:20px 0;}
.course_block ul li .text{font-size:16px;}
.course_block ul li .btn{display:none;}

.bg_text_content{width:auto;margin:0 0 50px 0;padding:80px 0;}
.bg_text_content .title{font-size:26px;}
.bg_text_content .text_list li{font-size:18px;}
.bg_text_content .title, .bg_text_content .text_list{width:60%;}

.feature_list{margin:0 0 60px 0;}
.feature_list ul{display:flex;}
.feature_list ul li{margin:0 0 0 10px;display:block;width:33%;}
.feature_list ul li .img{width:100%;margin:0 0 20px;}
.feature_list ul li .content{width:100%;}
.feature_list ul li .title{font-size:22px;margin:0 0 20px;}
.feature_list ul li .text{padding:0 10px;}
.feature_list ul li .text p{font-size:16px;}
.feature_list ul li .content_inner{position:static;transform: none;width: 100%;}

.reason_list{margin:0 0 60px;}
.reason_list ul li{width:24%;}
.reason_list ul li {font-size: 15px;}
.reason_list ul li .title{font-size:18px;}

.slick-next,
.slick-prev{display:block !important;cursor: pointer;}
.slick-prev:before{right:20px;}
.slick-next:before{left:20px;}

.slick-prev{left:-70px;transform:translate(0 , -50%);}
.slick-next{right:-70px;transform:translate(0 , -50%);}
.teach_block{position:relative;}
.teach_block .slider li{margin:0 10px 0 0;}

.course_block02 ul{justify-content: center;}
.course_block02 ul li{width:30%;margin:0 1.5% 3%  1.5%;}
.course_block02 ul li .title{    font-size: 16px;}
.course_block02 ul li .title span{font-size: 13px;}

.section_title02{font-size:26px;}
.price_list{display:flex;justify-content: space-around;    align-items: baseline;}
.price_list > li{width:48%;height:500px;}
.price_list li .plan{font-size:26px;}
.price_list li .plan span{font-size:18px;padding:5px 0 0 0;}
.price_list li:nth-child(2) .price{padding:60px 0 0 0;}
.price_list li .price{margin:0 0 20px;}
.price_list li .price .small{font-size:18px;}
.price_list li .price .big{font-size:60px;}
.price_list li .copy span{padding:2px 3px;}

.section_btn a{font-size:20px;}

.course_block ul li a{transition:all 0.3s;}
.course_block ul li a .img{position:relative;}
.course_block ul li a .img:before{content:"この動画を見る";position:absolute;top:0; left:0;background:rgba(0,0,0,0.8);opacity:0;width:100%;height:100%;color: #FFF;
line-height: 170px;transition:all 0.3s;font-size:22px;}
.course_block ul li a:hover .img:before{opacity:1;}

.course_block02 ul li a{transition:all 0.3s;}
.course_block02 ul li a .img{position:relative;}
.course_block02 ul li a .img:before{content:"この動画を見る";position:absolute;top:0; left:0;background:rgba(0,0,0,0.8);opacity:0;width:100%;height:100%;color: #FFF;
line-height: 175px;transition:all 0.3s;font-size:22px;}
.course_block02 ul li a:hover .img:before{opacity:1;}

.section_btn a{transition:all 0.3s;}
.section_btn a:hover{background: #0E357F;color:#FFEB00;}
.section_btn a:hover:after{border-color:#FFEB00}


.cp_text dl dt{font-size:15px}
.cp_text dl dd{font-size:15px}

.amazon_list ul li .point,
.feature_list ul li .point{font-size: 15px;padding: 5px 15px;}
.amazon_list ul{margin:0 0 50px;justify-content: center;}
.amazon_list ul li {width:25%;}
.amazon_list ul li .title{font-size:20px;line-height:1.5;}
.amazon_list ul li:nth-child(1) .title,
.amazon_list ul li:nth-child(2) .title{padding:0.7em 0;}

h1 {
	font-size: 45px;
	letter-spacing: 2px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}

.main_text p {
    font-size: 20px;
    line-height: 2;
    margin: 1em 0;
}

.main_text .blue{
	color: 0080ff;
}

section {
    margin: 0 auto;
}
figcaption{
	line-height: 2;
	padding: 10px 45px 0 45px;
	font-size: 15px;
  text-align: left;
	color: #999;
}
.catch{
	padding: 40px  50px 0px 50px;
}
.catch_01 p{
	font-size: 17px;
	color: #e72d29;
	font-weight: 700;
}
.catch_02{
	padding-top: 10px;
}
.section_01_small{
	font-size: 14px;
}
.main_text{
	padding: 10px 50px;
}
.main_text_a:hover{
	opacity: 0.8;
}
.menu_text{
	 position: absolute;
	 bottom: 14px;
	 left: 28%;
	 color: #fff;
}

.blockquote p {
    font-size: 20px;
    line-height: 2;
    margin: 1em 0;
}

.CommentItem__image{
	width: 10%;
  height: auto;
  margin-right: 10px;
}
.CommentItem__image_02{
	width: 10%;
  height: auto;
  margin-left: 15px;
}
.CommentItem__textContentsWrapper{
	width: 90%;
}
.CommentItem__textContentsWrapper__comment {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    margin-top: 8px;
    padding: 0px 15px;
    position: relative;
}
.CommentItem.normal .CommentItem__textContentsWrapper__comment:before {
    left: -9px;
}
.CommentItem__textContentsWrapper__comment:before {
    border: 8px solid transparent;
    border-top-color: #dcdcdc;
    content: "";
    position: absolute;
    top: -1px;
}
.CommentItem.normal .CommentItem__textContentsWrapper__comment:after {
    left: -6px;
}
.CommentItem__textContentsWrapper__comment:after {
    border: 6px solid transparent;
    border-top-color: #fff;
    content: "";
    position: absolute;
    top: 0;
}
.main_text .CommentItem__textContentsWrapper__name{
	font-size: 17px;
	font-weight: bold;
	line-height: 2;
	margin: 0;
}
.AnnotationItem{
	background: #f5f5f5;
  padding: 24px 16px;
}
.AnnotationItem p{
	font-size: 15px;
	margin: 0.1em;
}
.TextItem_02 p:first-of-type{
	margin-bottom: 1em;
}

.ItemList__item.m-rl, .ItemList__item>.IndexItem {
    margin-left: 20px;
    margin-right: 20px;
}
.ButtonItem {
    position: relative;
    text-align: center;
		margin-top: 15px;
}
.ButtonItem__button {
    word-wrap: break-word;
    background-color: #ff6600;
    border: 2px solid #dc5b04;
    border-radius: 2px;
    box-shadow: 0 4px 0 0 #dc5b04;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    padding: 12px 0px;
    position: relative;
    width: 100%;
    word-break: break-word;
		display: block;
		animation: purupuru_anim 2s linear infinite;
}

@keyframes purupuru_anim {
	0% {	transform: translate(0, 0);}
	1% {	transform: translate(4px, -0);}
	3% {	transform: translate(-4px, -0);}
	4% {	transform: translate(0, 0);}
	5% {	transform: translate(4px, 0);}
	6% {	transform: translate(0, 0);}
	7% {	transform: translate(-4px, -0);}
	8% {	transform: translate(0, 0);}
	9% {	transform: translate(4px, 0);}
	10% {	transform: translate(0, -0);}
	11% {	transform: translate(-4px, 0);}
	100% {	transform: translate(0, 0);}
}
.Arrow-Right {
	border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  top: 25px;
  right: 3%;
}
.HeadLineItem.level2 {
    border-bottom: 2px solid #1a1a1a;
    font-size: 19px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 4px;
}
.HeadLineItem.level2.sixth{
	margin-top: -35px;
}
.HeadLineItem.level2.seventh{
	margin-top: -10px;
}

.HeadLineItem.level2.eighth{
	margin-top: 5px;
}









}