@charset "utf-8";
/* 900px for SP */
@media screen and (max-width: 900px) {
	/*---------------------------------------------------------*/
	/* TOP */
	/*---------------------------------------------------------*/
	/* top_mv  */
	#top_mv{
		height: 64.8rem;
		padding-top: 4.8rem;
	}
	#top_mv .inner{
		background-image: url(../img/fv_bg_sp.jpg);
	}
	#top_mv .title{
		text-shadow: 0.3rem 0.3rem #00000040;
		font-size: 4.2rem;
		top: 15.2rem;
	}

	/*---------------------------------------------------------*/
	/* COMMON */
	/*---------------------------------------------------------*/
	/*---------------------------------------------------------*/
	/* lower_mv */
	#lower_mv{
		margin-top: 4.8rem;
		height: 20.7rem;
	}
	#lower_mv .inner::after{
		margin-top: 2.4rem;
	}
	@keyframes lower_mv_border {
		0%{
			width: 0;
		}
		66.66%{
			width: 0;
		}
		100%{
			width: 12.6rem;
		}
	}
	#lower_mv .title .en{
		font-size: 3.6rem;
	}
	#lower_mv .title .jp{
		font-size: 1.8rem;
		margin-top: 1.8rem;
	}

	/*---------------------------------------------------------*/
	/* sec_produnton  */
	.sec_produnton{
		padding: 0 0 15.2rem;
	}
	.sec_produnton .title{
		font-size: 4.2rem;
		padding-top: 16.8rem;
	}
	.sec_produnton .text{
		font-size: 1.8rem;
		line-height: 1.8;
		margin: 13.7rem 0 0;
	}
	.sec_produnton .illust .item_1{
		top: 6.4rem;
		left: 4.4rem;
		width: 10.2rem;
	}
	.sec_produnton .illust .item_2{
		top: 6.4rem;
		right: 4.5rem;
		width: 10.7rem;
	}
	.sec_produnton .illust .item_3{
		top: 23.2rem;
		right: 2.7rem;
		width: 8.6rem;
	}
	.sec_produnton .illust .item_4{
		top: 24.7rem;
		left: 2.9rem;
		width: 10.4rem;
	}
	.sec_produnton .btn_black_l{
		margin-top: 3.2rem;
	}

	/*---------------------------------------------------------*/
	/* sec_product  */
	.sec_product{
		padding: 0 0 10.4rem;
	}
	.sec_product .title .en{
		font-size: 6.4rem;
		margin-top: -2.2rem;
		text-shadow: 0px 0.1rem 1rem #0000000D;
	}
	.sec_product .title .jp{
		font-size: 2.4rem;
		margin: 1.5rem 0 5.6rem;
	}
	.sec_product .illust{
		margin: 0 -1.5rem;
		width: calc(100% + 3rem);
	}
	.sec_product .text{
		width: 100%;
	}
	.sec_product .logo{
		margin: 0 auto 3.2rem;
		width: 27.6rem;
	}
	.sec_product .btns{
		margin-top: 3.2rem;
		width: 100%;
	}
	.sec_product .btns > * + *{
		margin-left: 0;
		margin-top: 0.8rem;
	}
	.sec_product .btns .btn_blank a{
		width: 23rem;
	}

	/*---------------------------------------------------------*/
	/* sec_news */
	.sec_news .text{
		width: 100%;
	}
	.news_list > li + li{
		margin-top: 1.6rem;
	}
	.news_list a{
		background-position: right 1.6rem center;
		background-size: 2rem;
		border-radius: 0.8rem;
		padding: 1.6rem 5.6rem 1.6rem 2.4rem;
	}
	.news_list .post_date{
		font-size: 1.4rem;
		width: 9rem;
	}
	.news_list .category{
		width: calc(100% - 9rem);
	}
	.news_list .category > span{
		font-size: 1.2rem;
		padding: 0.2rem 1rem;
		width: 9.2rem;
	}

	/*---------------------------------------------------------*/
	/* PRODUCT */
	/*---------------------------------------------------------*/
	.page_product .sec_product{
		margin-top: 7rem;
		padding: 5.6rem 0;
	}
	.page_product .sec_product::after{
		border-radius: 0 4rem 4rem 0;
		width: calc(100% - 1.5rem);
	}
	.page_product .sec_product .text{
		margin-top: 3.7rem;
	}

	/* sec_aboutrepolt */
	.sec_aboutrepolt .illust{
		width: 100%;
	}
	.sec_aboutrepolt .text{
		font-size: 1.5rem;
		margin-top: 2.4rem;
		width: 100%;
	}

	/* sec_function */
	.function_items .item{
		padding: 1.2rem 2rem 2rem;
		width: 100%;
	}
	.function_items .item:nth-child(2n){
		margin-left: 0;
	}
	.function_items .item:nth-child(n+3){
		margin-top: 0;
	}
	.function_items .item:not(:last-child){
		margin-bottom: 0.8rem;
	}
	.function_items .item_title{
		font-size: 1.6rem;
		margin-bottom: 1rem;
		padding: 1.2rem;
	}
	.function_items .text{
		font-size: 1.3rem;
		margin-top: 1rem;
	}
	.sec_function .btns{
		margin-top: 3.2rem;
	}
	.sec_function .btns > * + *{
		margin-left: 0;
		margin-top: 0.8rem;
	}

	/*---------------------------------------------------------*/
	/* COMPANY */
	/*---------------------------------------------------------*/
	.page_company .sec_produnton{
		padding-bottom: 0;
	}
	.page_company .sec_produnton .text{
		font-size: 1.8rem;
		line-height: 2.6;
	}

	/* sec_company */
	.company_table th,
	.company_table td{
		font-size: 1.3rem;
		padding: 1.6rem 0.8rem;
	}
	.company_table .logo{
		width: 8.2rem;
	}

	/* sec_profile */
	.sec_profile .photo{
		margin: 0 auto 3.2rem;
		width: 19.2rem;
	}
	.sec_profile .text{
		width: 100%;
	}
	.sec_profile .name{
		font-size: 2.4rem;
		margin-bottom: 2.4rem;
	}
	.sec_profile .read{
		font-size: 1.8rem;
	}
	.sec_profile .sns{
		margin-top: 2.4rem;
	}
	.sec_profile .sns li{
		width: 4rem;
	}

	/*---------------------------------------------------------*/
	/* NEWS */
	/*---------------------------------------------------------*/
	.sec_newslist{
		width: 100%;
	}
	.sec_newslist{
		width: 100%;
	}
	.nav_newsside{
		margin-top: 10.4rem;
		width: 100%;
	}
	.nav_newsside_list a{
		display: block;
		font-size: 1.4rem;
		padding: 1.6rem;
	}

	/*---------------------------------------------------------*/
	/* POST */
	/*---------------------------------------------------------*/
	/* post_list & post_detail */
	.post_list > li + li{
		margin-top: 1.6rem;
	}
	.post_list a{
		background-position: right 1.6rem center;
		background-size: 2rem;
		border-radius: 0.8rem;
		padding: 1.6rem 5.6rem 1.6rem 2.4rem;
	}
	.post_list .post_date,
	.post_detail .post_date{
		font-size: 1.4rem;
		width: 9rem;
	}
	.post_list .category,
	.post_detail .category{
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 9rem);
	}
	.post_list .category > span,
	.post_detail .category > span{
		font-size: 1.2rem;
		padding: 0.2rem 0.5rem;
		width: 9.2rem;
	}
	.post_list .post_title{
		font-size: 1.6rem;
	}
	.post_detail .post_title{
		font-size: 2rem;
		margin-bottom: 2.4rem;
	}
	.post_detail .post_title + .flex_block{
		display: flex;
	}
	.post_detail .editor-styles-wrapper.box_white{
		padding: 2.4rem;
		margin-top: 4.8rem;
	}

	/*---------------------------------------------------------*/
	/* pagenavi */
	.p-posts-navigation__wrap{
		margin-top: 4rem;
	}
	.wp-pagenavi .current, .wp-pagenavi a,.wp-pagenavi .extend, .wp-pagenavi .dots {
		border-radius: 0.4rem;
		font-size: 1.3rem;
		margin: 0 0.8rem;
		width: 3.2rem;
		height: 3.2rem;
		font-size: 1.5rem;
	}
	a.nextpostslink{
		background-size: 1.6rem;
	}
	a.previouspostslink{
		background-size: 1.6rem;
	}

	/*---------------------------------------------------------*/
	/* post-navigation */
	.post-navigation{
		height: 11.4rem;
		margin-top: 4rem;
	}
	/* previous & next */
	.post-navigation .nav-previous,
	.post-navigation .nav-next{
		font-size: 1.2rem;
		position: absolute;
		top: 0;
	}
	.post-navigation .nav-previous{
		left: 5.2rem;
	}
	.post-navigation .nav-next{
		right: 5.2rem;
	}
	.post-navigation .nav-previous a,
	.post-navigation .nav-next a{
		border-width: 0.2rem;
		height: 4.4rem;
		width: 10.4rem;
	}
	/* btn_back_l */
	.post-navigation .btn_back_l{
		position: relative;
		top: 6rem;
	}
}