@charset "UTF-8";

body#home{
	font-family: 'Noto Serif JP', serif;
}
body#home main{
	overflow: hidden;
}

body#home .swiper-slide{ 
	height: auto; 
}
body#home .swiper-slide .slide_item{ 
	height: 100%; 
}
body#home .swiper-slide .slide_item a{ 
	height: 100%; 
}
body#home .swiper-button-prev::after,
body#home .swiper-button-next::after {
  color: #1D1F35;
}
body#home #top h1 span.adjust {
	letter-spacing: -0.07em;
}
body#home #top h1 .btn_detail{
	/* background-color: #ffea00; 黄色 */
	background-color: #EF2828;
	color: #fff;
}
body#home #top h1 .btn_detail_student {
	background-color: #fcf38d;
	color: #1D1F35;
}
body#home #top h1 .btn_online {
	background-color: #273CE5;
	color: #fff;
}
body#home #top h1 .btn_campaign {
	background-color: #48b400;
	color: #fff;
}

body#home #introduction .intro_block ul {
	list-style: none;
	margin: 0;
}
body#home #introduction .intro_block ul li:nth-child(n+2) {
	margin-top: 7.9%;
}
body#home #introduction .intro_block .article {
	text-decoration: none;
	color: #1D1F35;
}
body#home #introduction .intro_block .article:hover {
	opacity: 0.8;
}
body#home .campaign {
	text-align: center;
	color: #fff;
}




/*--------------------------------------------------------------------
 *	1025px未満用（SP用）の記述
 *--------------------------------------------------------------------*/
@media screen and (max-width: 1025px) {
	body#home #top h1 {
		margin-top: 3em;
		margin-left: 5.3333%;
		font-size: 8.928vw;
		font-weight: bold;
		position: relative;
		z-index: 101;
	}
	body#home h2{
		font-size: 6.5571vw;
		font-weight: bold;
		text-align: center;
	}
	body#home h2.first {
		font-size: 7.3vw;
		font-weight: bold;
		text-align: center;
	}
	body#home h3{
		font-size: 6.47141vw;
		font-weight: bold;
		text-align: center;
	}
	body#home h4{
		font-size: 6.37141vw;
		font-weight: bold;
		text-align: center;
	}
	body#home .subttl{
		font-size: 4.4285vw;
		font-weight: 600;
		text-align: center;
	}
	body#home h1 .btn_detail_student,
	body#home h1 .btn_online,
	body#home .btn_detail, 
	body#home .btn_campaign{
		display: block;
		position: relative;
		background-color: #1D1F35;
		width: 86.6667%;
		padding: 4% 0;
		text-align: center;
		border-radius: 70px;
		cursor: pointer;
		color: #fff;
		text-decoration: none;
		font-size: 4vw;
	}
	body#home h1 .btn_detail_student span,
	body#home .btn_detail span{
		position: absolute;
		left: 50%;
		top:50%;
		transform:translate(-50%,-50%);
		transition: all .1s; 
		display: block;
		white-space: nowrap;
	}
	/*差し替わるテキストの設定*/
	body#home h1 .btn_detail_student span:nth-child(2),
	body#home .btn_detail span:nth-child(2){
		opacity:0;/*透過0に*/
	}
	body#home .link_btn_red{
		display: block;
		margin: 2em auto 0;
		background-color: #EF2828;
		border: 2px solid #fff;
		width: 86.6667%;
		padding: 4% 0;
		text-align: center;
		border-radius: 70px;
		cursor: pointer;
		color: #fff;
		text-decoration: none;
		font-size: 4.35vw;
		-webkit-box-shadow: 4px 4px 0 #989898;
		box-shadow: 4px 4px 0 #989898;
	}

/* top */
	body#home #top {
		position: relative;
		padding-bottom: 126%;
	}
	body#home #top h1 span.small {
		font-size: 4.0285vw;
	}
	body#home h1 .btn_detail_student,
	body#home h1 .btn_online,
	body#home #top h1 .btn_detail,
	body#home #top h1 .btn_campaign {
		margin-top: 3%;
		padding: 2% 0;
	}
	body#home #top #animation-container {
		position: absolute;
		top: 42.5714%;
		width: 160%;
		left: -41%;
		z-index: 100;
	}
	body#home #top br.sp_none {
		display: none;
	}

	/* speed */
	body#home #speed{
		position: relative;
		background: url(../images/speed_bg.jpg)  no-repeat;
		background-size: 100%;
		margin-top: -24.5714%;
		padding-bottom: 120%;
	}
	body#home #speed  .pigeon{
		position: absolute;
		left: 50%;
		top: 4.8%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index: 200;
		width: 29.9286%;
	}
	body#home #speed h2{
		padding-top: 61.8714%;
		line-height: 2;
	}
	body#home #speed  .desc{
		margin-top: 31.4286%;
		text-align: center;
		line-height: 2.7;
		font-size: 4.4285vw;
	}

	/* btrmethod */
	body#home #btrmethod{
		position: relative;
		background: url(../images/btrmethod_bg.jpg)  no-repeat;
		background-size: 100%;
		padding-bottom: 30.4286%;
	}
	body#home #btrmethod h2{
		margin: 0;
	}
	body#home #btrmethod .subttl{
		margin: 0;
	}
	body#home #btrmethod .btrlist{
		margin: 34% auto 0 auto;
	}
	body#home #btrmethod .btrlist li{
		list-style: none;
		text-align: center;
	}
	body#home #btrmethod .btrlist li:nth-child(2n){
		margin-top: 99%;
	}
	body#home #btrmethod .btrlist li:nth-child(3n){
		margin-top: 103%;
	}
	body#home #btrmethod .btrlist li .num{
		margin: 0;
		font-size: 4.2857vw;
		font-weight: bold;
	}
	body#home #btrmethod .btrlist h4{
		margin-top: 3.7143%;
		list-style: none;
		text-align: center;
	}
	body#home #btrmethod .btrlist .desc{
		font-size: 4vw;
		font-weight: bold;
		line-height: 2;
	}
	body#home #btrmethod .btn_detail{
		margin: 98% auto 0 auto;
	}

	/* course */
	body#home #course{
		position: relative;
		background: url(../images/course_bg.jpg)  no-repeat ;
		background-size: 100%;
		padding-bottom: 115%;
	}
	body#home #course h2{
		margin: 0;
		color: #fff;
	}
	body#home #course .subttl{
		margin: 0;
		padding-top: 188.0000%;
		color: #fff;
	}
	body#home #course .courselist{
		margin: 46% auto 0 auto;
	}
	body#home #course .courselist li{
		list-style: none;
		text-align: center;
	}
	body#home #course .courselist li:nth-child(2n){
		margin-top: 112%;
	}
	body#home #course .courselist li:nth-child(3n){
		margin-top: 93%;
	}
	body#home #course .courselist h4{
		margin: 0;
		list-style: none;
		text-align: center;
	}
	body#home #course .courselist .desc{
		font-size: 3.6vw;
		font-weight: bold;
		line-height: 2;
	}
	body#home #course .btn_detail{
		margin: 102% auto 0 auto;
	}
	body#home #course .btn_list{
		width: 87.6667%;
		margin: 20.5714% auto 0 auto;
	}
	body#home #course .btn_list li {
		/* position: relative; */
		list-style: none;
		/* text-align: center; */
	}
	body#home #course .btn_list li:nth-child(n+2){
		margin-top: 6.5%;
	}
	body#home #course .btn_list li a {
		display: inline-block;
		padding: 11% 0;
		background-color: #fff;
		width: 100%;
		border-radius: 120px;
		text-decoration: none;
		font-size: 5.5714vw;
		color: #1D1F35;
		font-weight: bold;
	}
	body#home #course .btn_list li a span {
		display: flex;
		justify-content: center;
		align-items:center ;
	}
	body#home #course .btn_list li a span::before {
		content: '';
		width: 10%;
		margin-bottom: -21px;
		margin-right: 8px;
		height: 40px;
	}
	body#home #course .btn_list li.book span::before {
		content: '';
		display: block;
		background: url(../images/icon_book.svg) no-repeat;
		background-size: 85%;
		width: 10%;
		margin-right: 4px;
		height: 43px;
	}
	body#home #course .btn_list li.calendar span::before {
		content: '';
		display: block;
		background: url(../images/icon_calendar.svg) no-repeat;
		background-size: 85%;
		width: 10%;
		margin-right: 4px;
		height: 46px;
	}
	body#home #course .btn_list li.question span::before{
		content: '';
		display: block;
		background: url(../images/icon_question.svg) no-repeat;
		background-size: 85%;
		width: 10%;
		margin-right: 4px;
		height: 46px;
	}
	

	/* voice */
	body#home #voice .swiper-button-prev::after, 
	body#home #voice .swiper-button-next::after {
		font-size: 30px;
	}
	body#home #voice .slide_item::after {
		content: '';
		position: absolute;
		bottom: 2%;
		left: 8%;
		display: block;
		background: url(../images/voice_arrow.png) no-repeat;
		background-size: 35%;
		width: 25%;
		height: 6%;
		pointer-events: none;
	}
	body#home #voice .slide_item a{
		display: block;
		background-color: #F1F2F4;
		border-radius: 6px;
		padding: 9% 6.5% 24% 6.5%;
		color: #1D1F35;
		box-sizing: border-box;
		text-decoration: none;
	}
	body#home #voice .slide_item h4{
		margin: 0;
		text-align: start;
		font-size: 5.37141vw;
	}
	body#home #voice .slide_item p{
		font-size: 3.5vw;
		font-weight: bold;
		margin-top: 8.5%;
	}
	body#home #voice .btn_detail {
		margin: 13.3333% auto 0 auto;
	}

	/* introduction */
	body#home #introduction{
		position: relative;
		background: url(../images/introduction_bg.jpg)  no-repeat ;
		background-size: 100%;
		margin-top: 40.1429%;
		padding-bottom: 40.6667%;
	}
	body#home #introduction .intro_block{
		width: 93.3333%;
		margin: 0 auto;
		padding-top: 92.9167%;
	}
	body#home #introduction .intro_box{
		padding-bottom: 16.0000%;
		background-color: #fff;
	}
	body#home #introduction .intro_box:nth-child(2n){
		margin-top: 6%;
	}
	body#home #introduction .intro_box h3{
		text-align: center;
		font-size: 5.97141vw;
		padding-top: 14.3333%;
		margin: 0;
	}
	body#home #introduction .intro_box .img_box{
		margin: 13.4000% auto 0 auto;
		width: 100%;
		text-align: center;
	}
	body#home #introduction .intro_box .movie-wrap {
		margin: 13.4000% auto 0;
		width: 85.7142%;
		text-align: center;
	}
	body#home #introduction .intro_box .movie-wrap iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	body#home #introduction .intro_box .img_box img{
		width: 100%;
	}
	body#home #introduction .intro_box .ttl_box{
		width: 63.6923%;
		margin: 4.8077%	auto 0 auto;
	}
	body#home #introduction .intro_box .small_txt{
		font-size: 3.057vw;
		font-weight: bold;
		color: #283CE5;
		margin: 9.5% 0 0;
	}
	body#home #introduction .intro_box .book_ttl{
		font-size: 4.9285vw;
		font-weight: bold;
		margin: 2.5% 0 0;
	}

	body#home #introduction .intro_block .btn_detail{
		width: 80.0000%;
		margin: 14% auto 0;
		padding: 4% 0 ;
		font-size: 3.3vw;
	}
	body#home #introduction .intro_block .article{
		width: 85.7142%;
		margin: 0 auto;
		align-items: flex-start;
	}
	body#home #introduction .intro_block .article img{
		width: 100%;
	}
	body#home #introduction .intro_block .article {
		display: block;
		margin-top: 10.6923%;
	}
	body#home #introduction .intro_block .article .article_txt p{
		margin: 0;
	}
	body#home #introduction .intro_block .article .article_txt .article_date{
		display: flex;
		margin-top: 5%;
		font-size: 3.27vw;
		font-weight: bold;
		align-items:center ;
	}
	body#home #introduction .intro_block .article .article_txt .category{
		margin-left: 5%;
		padding: 1% 4% 0.8% 4%;
		background-color: #1D1F35;
		color: #fff;
		border-radius: 50px;
		font-weight: normal;
	}
	body#home #introduction .intro_block .article .article_txt .article_ttl{
		margin-top: 2%;
		font-size: 5.328vw;
		font-weight: bold;
	}
	body#home #introduction .intro_block .article .article_txt .article_txt{
		font-size: 3.27vw;
	}

/* 768px未満用（SP用）の記述 end -------------------------------------*/
}
@media screen and (min-width:768px) and ( max-width:1025px) {
	body#home #course .btn_list li a span::before {
		height: 60px !important;
	}
}


/*--------------------------------------------------------------------
 *	1025px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 1025px), print {

body#home h2{
	font-size: 2.8571vw;
	font-weight: bold;
	text-align: center;
}
body#home h3{
	font-size: 2.1428vw;
	font-weight: bold;
	text-align: center;
}
body#home h4{
	font-size: 1.57141vw;
	font-weight: bold;
	text-align: center;
}
body#home .subttl{
	font-size: 1.4285vw;
	font-weight: 600;
	text-align: center;
}

body#home h1 .btn_detail_student,
body#home h1 .btn_online,
body#home .btn_detail,
body#home .btn_campaign {
	display: inline-block;
	position: relative;
	background-color: #1D1F35;
	width: 10.5714%;
	padding: 1% 0 ;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
	font-size: 1.028vw;
	transition:0.5;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
body#home .btn_campaign {
	display: block;
	position: relative;
	background-color: #1D1F35;
	width: 33.753%;
	padding: 1% 0 ;
	text-align: center;
	border-radius: 80px;
	cursor: pointer;
	font-size: 1.1428vw;
	transition:0.5;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

body#home h1 .btn_detail_student:hover,
body#home h1 .btn_online:hover,
body#home .btn_detail:hover,
body#home .btn_campaign:hover {
	background-color: #444658;
	transition-delay: 0.6s;
}
body#home h1 .btn_detail_student:hover::after,
body#home h1 .btn_online:hover::after,
body#home .btn_detail:hover::after,
body#home .btn_campaign:hover::after {
	visibility: visible;
	padding-left: 10px;
	opacity: 1; 
}
body#home h1 .btn_detail_student::after,
body#home h1 .btn_online::after,
body#home .btn_detail::after,
body#home .btn_campaign::after {
	content: '→';
	opacity: 0;
  	transition: .3s;
}
body#home h1 .btn_detail_student,
body#home h1 .btn_online,
body#home .btn_detail,
body#home .btn_campaign {
	color: #fff;
	text-decoration: none;
}
body#home h1 .btn_detail_student span,
body#home h1 .btn_online span,
body#home .btn_detail span,
body#home .btn_campaign span {
	position: absolute;
	left: 50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all 0.6s;
	display: block;
	white-space: nowrap;
}
body#home .link_btn_red{
	display: block;
	margin: 4.5% auto 0 auto;
	background-color: #EF2828;
	border: 2px solid #fff;
	width: 33.5714%;
	padding: 1% 0 ;
	text-align: center;
	border-radius: 80px;
	cursor: pointer;
	font-size: 1.5vw;
	transition:0.5;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-webkit-box-shadow: 4px 4px 0 #989898;
	box-shadow: 4px 4px 0 #989898;
}
body#home .link_btn_red:hover{
	background-color: #EF2828;
	transition-delay: 0.6s;
}
body#home .link_btn_red:hover::after{
	visibility: visible;
	padding-left: 10px;
	opacity: 1; 
}
body#home .link_btn_red::after{
	content: '→';
	opacity: 0;
  	transition: .3s;
}
body#home .link_btn_red{
	color: #fff;
	text-decoration: none;
}
body#home .link_btn_red span{
	position: absolute;
	left: 50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all 0.6s;
	display: block;
	white-space: nowrap;
}

/* top */
body#home #top {
	position: relative;
}
body#home #top h1 {
	margin-top: 2.5em;
	margin-left: 6.4286%;
	font-size: 3.928vw;
	font-weight: bold;
	position: relative;
	z-index: 101;
}
body#home #top h1 span.small {
	font-size: 1.4285vw;
	font-weight: normal;
}
body#home #top #animation-container {
	position: absolute;
    top: -26.4286%;
    left: 31.4143%;
    width: 75.6%;
    overflow: hidden;
    z-index: 100;
    margin-top: 4em;
}
body#home #top h1 .btn_detail{
	margin-top: 30px;
}
body#home #top h1 .btn_detail_student,
body#home #top h1 .btn_online,
body#home #top h1 .btn_campaign {
	margin-top: 20px;
}

/* speed */
body#home #speed{
	position: relative;
	background: url(../images/speed_bg_pc.jpg)  no-repeat;
	background-size: 100%;
	padding-top: 5.0000%;
	margin-top: 4.4286%;
	padding-bottom: 30%;
}
body#home #speed  .pigeon{
	position: absolute;
	left: 51%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 200;
	width: 13.9286%;
	padding-top: 13%;
}
body#home #speed h2{
	padding-top: 21.5714%;
}
body#home #speed  .desc{
	margin-top: 9.4286%;
    text-align: center;
    line-height: 3.2;
    font-size: 1.4285vw;
}

/* btrmethod */
body#home #btrmethod{
	position: relative;
	background: url(../images/btrmethod_bg_pc.jpg)  no-repeat;
	background-size: 100%;
	padding-bottom: 8.086%;
}
body#home #btrmethod h2{
	margin: 0;
}
body#home #btrmethod .subttl{
	padding-top: 8.4286%;
}
body#home #btrmethod .btrlist{
	display: flex;
	justify-content: space-between;
	width: 75.7%;
	margin: 9.0000%	auto 0 auto;
}
body#home #btrmethod .btrlist li{
	list-style: none;
	text-align: center;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
body#home #btrmethod .btrlist li .num{
	margin: 0;
	font-size: 1.2857vw;
	font-weight: bold;
}
body#home #btrmethod .btrlist h4{
	margin-top: 1.7143%;
	list-style: none;
	text-align: center;
}
body#home #btrmethod .btrlist .desc{
	font-size: 1vw;
	font-weight: bold;
	line-height: 2;
}
body#home #btrmethod .btn_detail{
	margin: 23% auto 0 auto;
}


/* course */
body#home #course{
	position: relative;
	background: url(../images/course_bg_pc.jpg)  no-repeat ;
	background-size: 100%;
	padding-bottom: 28%;;
}
body#home #course h2{
	margin: 0;
	color: #fff;
}
body#home #course .subttl{
	margin: 0;
	padding-top: 71.2857%;
	color: #fff;
}
body#home #course .courselist{
	display: flex;
	justify-content: space-between;
	width: 66.4286%;
	margin: 8.0000%	auto 0 auto;
}
body#home #course .courselist li{
	list-style: none;
	text-align: center;
}
body#home #course .courselist h4{
	margin-top: 1.7143%;
	list-style: none;
	text-align: center;
}
body#home #course .courselist .desc{
	font-size: 1vw;
	font-weight: bold;
	line-height: 2;
}
body#home #course .btn_detail{
	margin: 25% auto 0 auto;
}
body#home #course .btn_list{
	display: flex;
	justify-content: space-between;
	width: 75.7143%;
	margin: 5.5714%	auto 0 auto;
}
body#home #course .btn_list li {
	position: relative;
	list-style: none;
	width: 31.698%;
}


body#home #course .btn_list li a {
	display: inline-block;
	padding: 11% 0;
	background-color: #fff;
	width: 100%;
	border-radius: 80px;
	text-decoration: none;
	font-size: 1.5714vw;
	color: #1D1F35;
}
body#home #course .btn_list li a span {
	display: flex;
    justify-content: center;
	align-items:center ;
}
body#home #course .btn_list li a span::before {
	content: '';
    width: 10%;
	margin-bottom: -21px;
	margin-right: 4px;
    height: 3.1vw;
}
body#home #course .btn_list li.book a span::before {
    background: url(../images/icon_book.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li.book a:hover span::before {
    background: url(../images/icon_book_hover.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li.calendar a span::before {
    background: url(../images/icon_calendar.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li.calendar a:hover span::before {
    background: url(../images/icon_calendar_hover.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li.question a span::before {
    background: url(../images/icon_question.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li.question a:hover span::before {
    background: url(../images/icon_question_hover.svg) no-repeat;
    background-size: 85%;
}
body#home #course .btn_list li a:hover {
	background-color: #1D1F35;
	color: #fff;
}

/* voice */
body#home .swiper-button-next, 
body#home .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,21%);
}
body#home .swiper-button-prev, 
body#home .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,21%);
}
body#home #voice .slide_item::after {
	content: '';
    position: absolute;
    bottom: 2.5%;
    left: 6%;
    display: block;
    background: url(../images/voice_arrow.png) no-repeat;
    background-size: 35%;
    width: 10%;
    height: 40px;
	pointer-events: none;
}
body#home #voice .slide_item a{
	display: block;
    width: 100%;
    background-color: #F1F2F4;
    border-radius: 6px;
    padding: 4% 5% 9% 5%;
    color: #1D1F35;
    box-sizing: border-box;
    text-decoration: none;
}
body#home #voice .slide_item a:hover{
	opacity: 0.7;
}
body#home #voice .slide_item h4{
	margin: 0;
	text-align: start;
}
body#home #voice .slide_item p{
	font-size: 1vw;
	font-weight: bold;
}
body#home #voice .btn_detail {
    margin: 4% auto 0 auto;
}

/* introduction */
body#home #introduction{
	position: relative;
	background: url(../images/introduction_bg_pc.png)  no-repeat ;
	background-size: 100%;
	margin-top: 10.1429%;
	padding-bottom: 13.8889%;
}
body#home #introduction .intro_block{
	display: flex;
	justify-content: space-between;
	width: 73.6111%;
	margin: 0 auto;
	padding-top: 42.9167%;
}
body#home #introduction .intro_box{
	background-color: #fff;
	width: 49.0566%;
}
body#home #introduction .intro_box:nth-child(2) {
	position: relative;
}
body#home #introduction .intro_box h3{
	margin: 11.0769% 0 10.7692% 0;
	text-align: center;
}
body#home #introduction .intro_box .img_box{
	width: 42.5000%;
	margin: 0 auto;
}
body#home #introduction .intro_box .img_box img{
	width: 100%;
}
body#home #introduction .intro_box .movie-wrap {
	margin: 0 auto 28%;
	width: 88.4615%;
	text-align: center;
}
body#home #introduction .intro_box .movie-wrap iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}
body#home #introduction .intro_box .ttl_box{
	width: 57.6923%;
	margin: 5.677% auto 0 auto;
}
body#home #introduction .intro_box .small_txt{
	font-size: 0.857vw;
	font-weight: bold;
	color: #283CE5;
	margin: 0;
}
body#home #introduction .intro_box .book_ttl{
	font-size: 1.4285vw;
	font-weight: 600;
	margin: 0;
}

body#home #introduction .intro_block .btn_detail{
	width: 90.3846%;
	margin: 8% auto 9% auto;
	padding: 3% 0;
	font-size: 1vw;
}
body#home #introduction .intro_box:nth-child(2) .btn_detail {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
body#home #introduction .intro_block .article{
	display: flex;
	justify-content: space-between;
	width: 88.4615%;
	margin: 0 auto;
	align-items: flex-start;
}
body#home #introduction .intro_block .article img{
	width: 34.782%;
}
body#home #introduction .intro_block .article:nth-child(n+2){
	margin-top: 7.6923%;
}
body#home #introduction .intro_block .article .article_txt {
	margin-left: 4.4615%;
	width: 100%;
}
body#home #introduction .intro_block .article .article_txt p{
	margin: 0;
}
body#home #introduction .intro_block .article .article_txt .article_date{
	display: flex;
	margin-top: -5px;
	font-size: 0.857vw;
	align-items:center;
}
body#home #introduction .intro_block .article .article_txt .category{
	margin-left: 5%;
	padding: 1% 4% 0.8% 4%;
	background-color: #1D1F35;
	color: #fff;
	border-radius: 20px;
}
body#home #introduction .intro_block .article .article_txt .article_ttl{
	font-size: 1.428vw;
	font-weight: bold;
}
body#home #introduction .intro_block .article .article_txt .article_txt{
	font-size: 0.857vw;
}
/* 1024px以上用（PC用）の記述 end -------------------------------------*/
}



/*--------------------------------------------------------------------
 *	clear fix
 *--------------------------------------------------------------------*/