/*==============================================================
	P0 COMMON
==============================================================*/
h1{
	color: #4673ff;
	font-weight: bold;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
}
h2{
	color: #4673ff;
	font-weight: bold;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
}

h3{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
}

h2.fm-gap{
	margin-top: -140px;
}

.fw-midium{
	font-weight: 500;
}
.fw-bold{
	font-weight: 700;
}

.ff-toppan{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
}

@media screen and (max-width: 767px) {
	h2.fm-gap{
		margin-top: -21vw;
	}
}

section div.sc_inner{
	padding: 100px 0;
}

@media screen and (max-width: 767px) {
	section div.sc_inner{
		padding: 12.5vw 8vw;
	}
}

.page div#content{
	padding-top: 175px;
}
@media screen and (max-width: 767px) {
	.page div#content{
		padding-top: 22vw;
	}
}

/*==============================================================
	00 TOP
==============================================================*/

#keyvisual{
	position: relative;
	height: 100svh;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/* @media screen and (max-width: 1400px) {
	#keyvisual{
		height: auto;
		aspect-ratio: 1246 / 747;
	}
} */

#keyvisual .keyvisual_slide{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
#keyvisual .keyvisual_slide img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	position: absolute;
    left: 0;
    top: 0;
}

#keyvisual .keyvisual_copy{
	box-sizing: border-box;
	height: 100%;
    width: 100%;
    max-width: 1000px;
    text-align: left;
    z-index: 3;
    position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	overflow: hidden;
}
#keyvisual .keyvisual_copy_wrap {
	display: inline-block;
	padding-top: 20%;
}
#keyvisual .keyvisual_copy p{
	font-size: 72px;
	color: #4673ff;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

#keyvisual .keyvisual_exam a{
	box-sizing: border-box;
	display: block;
	position: absolute;
	bottom:40px;
	right: 0;
	height: 60px;
	width: 220px;
	border-radius: 30px 0 0 30px;
	padding: 0 0 4px 0;
	background-color: #3b6c40;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 19px;
}



@media screen and (max-width: 767px) {
	#keyvisual{
		margin: 0 auto;
		aspect-ratio: unset;
		width: 100%;
		height: 100svh;
	}
	#keyvisual .keyvisual_copy{
		max-width: unset;
		padding-left: 0;
		/* position: absolute; */
		justify-content: center;
		align-items: center;
	}
	#keyvisual .keyvisual_copy_wrap {
		display: block;
		padding-top: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#keyvisual .keyvisual_copy p{
		font-size: 12vw;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
}

/* SP横の特殊対応 */
@media (orientation: landscape) and (max-width: 767px) {
	#keyvisual .keyvisual_copy_wrap {
		padding-bottom: 12vw;
		align-items: end;
	}
	#keyvisual .keyvisual_copy p{
		font-size: 5vw;
		writing-mode:horizontal-tb;
		text-orientation:sideways;
	}
}


/*==============================================================
	P0 TOP
==============================================================*/
/* INTRO */

#top_intro{

}
@media screen and (max-width: 767px) {
	#top_intro p{
		margin-bottom: 6vw;
	}
	#top_intro div.flx{
		flex-direction: column;
		align-items: center;
	}
}

/* TOPICS */
#top_topics{
	background-color: #f5f5f5;
}
#top_topics h2{
	font-size: 48px;
	margin-bottom: 50px;
	font-weight: bold;
}

ul.topics_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	column-gap: 50px;
	row-gap: 50px;
	/* margin-bottom: 50px; */
}
ul.topics_list>li{
	width: 300px;
	margin-bottom: 0;
}

ul.topics_list::before{
	content:"";
	display: block;
	width: 300px;
	order:1;
}
ul.topics_list::after{
	content:"";
	display: block;
	width: 300px;
}

ul.topics_list>li a{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
ul.topics_list>li a img{
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	margin-bottom: 10px;
}
ul.topics_list>li a p{
	font-size: 14px;
	font-weight: 500;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ul.topics_list>li a p._subtitle{
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */
ul.topics_list>li a p._subtitle br{
	display: none;
}

#top_topics .buttonwrap{
	text-align: center;
}


@media screen and (max-width: 767px) {
	#top_topics h2{
		font-size: 10vw;
		margin-bottom: 6vw;
	}
	ul.topics_list{
		flex-direction: column;
		column-gap: 0;
		row-gap: 12vw;
		margin-bottom: 6vw;
	}
	ul.topics_list>li{
		width: 100%;
	}
	ul.topics_list::before{
		display: none;
	}
	ul.topics_list::after{
		display: none;
	}

	ul.topics_list>li a{
		margin-bottom: 4vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: start;
	}

	ul.topics_list>li a img{
		/* margin-bottom: 2vw; */
		margin-bottom: 0;
		display: block;
		width: 47.5%;
	}

	ul.topics_list>li a div{
		width: 47.5%;
	}

	ul.topics_list>li a p{
		font-size: 3.5vw;
		display: block;
		white-space: wrap;
		text-overflow: initial;
	}

	ul.topics_list>li:first-child a{
		display: block;
	}

	ul.topics_list>li:first-child a img{
		margin-bottom: 2vw;
		/* display: inline; */
		width: 100%;
	}
	ul.topics_list>li:first-child a div{
		/* display: inline; */
		width: 100%;
	}
	ul.topics_list>li:first-child a p{
		white-space: nowrap;
		text-overflow: ellipsis;
	}



}

/* タグ */

div._tag ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 5px;
}
div._tag ul li a{
	width: unset;
	margin: auto;
	display: inline-block;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	background-color: #41d2e1;
	padding: 5px 10px;
}
div._tag ul li a::before{
	content: "#";
}

@media screen and (max-width: 767px) {
	div._tag ul{
		width: unset;
		margin: auto;
		column-gap: 1vw;
		row-gap: 1vw;
	}
	div._tag ul li a{
		font-size: 3vw;
		padding: 1vw 2vw;
	}
}



/* INSPECTION */
#top_inspection div.flx{
	align-items: center;
}
#top_inspection div.flx>div:nth-child(1){
	width: 55%;
}
#top_inspection div.flx>div:nth-child(1) h2{
	margin-bottom: 40px;
}
#top_inspection div.flx>div:nth-child(1) p{
	margin-bottom: 20px;
}
#top_inspection div.flx>div:nth-child(1) ul{
	margin-bottom: 50px;
}
#top_inspection div.flx>div:nth-child(1) ul li{
	text-indent: -1.4em;
	padding-left: 1.4em;
}
#top_inspection div.flx>div:nth-child(2){
	width: 35%;
}
#top_inspection div.flx>div:nth-child(2) img{
	width: 100%;
}

@media screen and (max-width: 767px) {
	#top_inspection div.flx{
		/* display: block; */
		flex-direction: column;
		align-items: center;
	}
	#top_inspection div.flx>div:nth-child(1){
		width: 100%;
	}
	#top_inspection div.flx>div:nth-child(1) h2{
		margin-bottom: 6vw;
	}
	#top_inspection div.flx>div:nth-child(1) p{
		margin-bottom: 2vw;
	}
	#top_inspection div.flx>div:nth-child(1) ul{
		margin-bottom: 6vw;
	}
	#top_inspection div.flx>div:nth-child(2){
		width: 60%;
		margin-bottom: 6vw;
	}
	#top_inspection div.flx>div:nth-child(2) img{
		width: 100%;
	}
	
}

/* TOKUTEN */
#top_tokuten{
	background-image: url(../img/common/topback.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	padding-bottom: 100px;
	margin-bottom: 50px;
}
#top_tokuten h2{
	margin-bottom: 40px;
}
#top_tokuten ul{
	margin-bottom: 50px;
}
#top_tokuten ul li{
	text-indent: -1.4em;
	padding-left: 1.4em;
}

@media screen and (max-width: 767px) {
	#top_tokuten{
		background-image: url(../img/common/topback-sp.jpg);
		padding-bottom: 20vw;
		margin-bottom: 6vw;
	}
	#top_tokuten h2{
		margin-bottom: 6vw;
	}
	#top_tokuten ul{
		margin-bottom: 6vw;
	}
	#top_tokuten .buttonwrap{
		text-align: center;
	}
}

/* MEMBER */
#member .sc_bg{
	background: #f5f5f5;
}
#member h3{
	margin-bottom: 20px;
	text-align: center;
}
#member ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	column-gap: 10px;
	row-gap: 10px;
}
#member ul li{
}
#member ul li a{
	box-sizing: border-box;
	width: 242px;
	height: 70px;
	display: block;
	background-color: #fff;
	overflow: hidden;
	padding: 2px 4px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#member ul li a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	#member h3{
		margin-bottom: 6vw;
	}
	#member ul{
		column-gap: 0;
		row-gap: 1.5vw;
		justify-content: space-between;
	}
	#member ul li{
		width: 49%;
	}
	#member ul li a{
		width: 100%;
		height: 12vw;
		padding: 0.4vw 0.8vw;
		border-radius: 2vw;
	}
	#member ul li a img{
	}
}
/*==============================================================
	P1 ABOUT
==============================================================*/
#about img{
	width: 100%;
}
#about h1{
	text-align: center;
	margin-bottom: 50px;
}
#about h2{
	margin-bottom: 50px;
}
#about h3{
	color: #23b4c3;
	margin-bottom:  30px;
}

@media screen and (max-width: 767px) {
	#about h1{
		font-size: 6.5vw;
		margin-bottom: 6vw;
		font-weight: 900;
	}
	#about h2{
		font-size: 6.5vw;
		margin-bottom: 4vw;
	}
	#about h3{
		font-size: 4.5vw;
		margin-bottom:  4vw;
	}
}

/* about_intro */
#about_intro div.flx>div{
	width: 47.5%;
}
#about_intro div.flx>div p{
	line-height: 2;
}
@media screen and (max-width: 767px) {
	#about_intro div.flx>div{
		width: 100%;
	}
	#about_intro div.flx>div p{
	line-height: 1.6;
	margin-bottom: 4vw;
	letter-spacing: 0;
	}
}

/* about_inspection */
#inspection .sc_bg{
	background: #f5f5f5;
}

#inspection div.flx:first-child{
	margin-bottom: 50px;
}
#inspection div.flx>div{
	width: 47.5%;
}
#inspection div.flx>div p{
	margin-bottom: 20px;
}
#inspection div.flx:first-child>div:first-child>div{
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
}
#inspection div.flx:first-child>div:first-child>div h4{
	margin-bottom: 10px;
}
#inspection div.flx:first-child>div:first-child>div p{
	margin-bottom: 0;
}

#inspection div.flx:first-child>div:last-child span{
	display: block;
	width: 400px;
	height: 400px;
	border-radius: 200px;
	background-color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#inspection div.flx:first-child>div:last-child span img{
	width: 260px;
}

#inspection div.flx:last-child p{
	margin-bottom: 40px;
}
#inspection div.flx:last-child p  ._lb{
	font-feature-settings: "palt";
	text-indent: -6.4em;
	padding-left: 6.4em;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	#inspection div.flx:first-child{
		margin-bottom: 6vw;
		flex-direction: column-reverse;
	}
	#inspection div.flx>div{
		width: 100%;
	}
	#inspection div.flx>div p{
		margin-bottom: 4vw;
	}
	#inspection div.flx:first-child>div:first-child>div{
		background-color: #fff;
		padding: 6vw 6vw;
		border-radius: 2vw;
	}
	#inspection div.flx:first-child>div:first-child>div h4{
		margin-bottom: 2vw;
		font-size: 3.5vw;
	}
	#inspection div.flx:first-child>div:last-child span{
		width: 60vw;
		height: 60vw;
		border-radius: 30vw;
		margin-bottom: 4vw;
		margin-top: -4vw;
	}
	#inspection div.flx:first-child>div:last-child span img{
		width: 40vw;
	}

	#inspection div.flx:last-child p{
		margin-bottom: 6vw;
	}

	#inspection div.flx:last-child>div:first-child img{
		text-align: center;
		width: 60vw;
		display: block;
		margin: 0 auto;
		margin-bottom: 6vw;
	}
	#inspection div.flx:last-child p  ._lb{
	}
	#inspection div.flx:last-child p  .fs-14{
		font-size: 3vw;
	}
	#inspection div.flx:last-child p:last-child{
		margin-bottom: 0;
	}
}

/* about_tokuten */
#tokuten p{
	margin-bottom: 30px ;
}
#tokuten div.flx{
	row-gap: 30px;
}
#tokuten div.flx>div{
	width: 47.5%;
}
#tokuten div.flx>div h3{
	display: block;
	display: flex;
	align-items: start;
	line-height: 1.5;
}
#tokuten div.flx>div h3 span{
	background-color: #41d2e1;
	color: #fff;
	border-radius: 15px;
	font-size: 12px;
	padding: 5px 9px 7px 9px;
	margin-right: 12px;
	margin-top: 7px;
	line-height: 1;
}
#tokuten div.flx>div:nth-child(2)>div:nth-child(4){
	background-color: #f5f5f5;
	padding: 30px 25px;
	border-radius: 10px;
	margin-bottom: 50px;
}
#tokuten div.flx>div:nth-child(2)>div:nth-child(4) h4{
	margin-bottom: 20px;
}
#tokuten div.flx>div:nth-child(2)>div:nth-child(4) p{
	margin-bottom: 0;
}

#tokuten div.flx>div:nth-child(3) h3{
	letter-spacing: -1px;
}

#tokuten div.flx>div:nth-child(1) .buttonbase._linkbtn:nth-child(1){
	background-image: url(../img/about/link-01.png);
	background-size: 75%;
}
#tokuten div.flx>div:nth-child(1) .buttonbase._linkbtn:nth-child(2){
	background-image: url(../img/about/link-02.png);
	background-size: 55%;
}

#tokuten div.flx>div:nth-child(2) .buttonbase._linkbtn{
	background-image: url(../img/about/link-03.png);
	background-size: 50%;
}

#tokuten div.flx>div:nth-child(3) .buttonbase._linkbtn:nth-child(1){
	background-image: url(../img/about/link-04.png);
	background-size: 25%;
}
#tokuten div.flx>div:nth-child(3) .buttonbase._linkbtn:nth-child(2){
	background-image: url(../img/about/link-05.png);
	background-size: 40%;
	background-position: center left 20px;
}

@media screen and (max-width: 767px) {
	#tokuten p{
		margin-bottom: 4vw ;
	}
	#tokuten p.fs-14{
		font-size: 3vw;
		letter-spacing: 0;
	}
	#tokuten div.flx{
		row-gap: 6vw;
	}
	#tokuten div.flx>div{
		width: 100%;
	}
	#tokuten div.flx>div h3{
		/* font-size: 3vw; */
	}
	#tokuten div.flx>div h3 span{
		min-width: 12vw;
		text-align: center;
		border-radius: 5vw;
		font-size: 3.4vw;
		padding: 1.5vw 1.8 1.4vw 2vw;
		margin-right: 2.4vw;
		margin-top: 0;
	}

	#tokuten div.flx>div:nth-child(2)>div:nth-child(4){
		padding: 6vw 6vw;
		border-radius: 2vw;
		margin-bottom: 6vw;
	}
	#tokuten div.flx>div:nth-child(2)>div:nth-child(4) h4{
		margin-bottom: 2vw;
		font-size: 3.5vw;
	}
	#tokuten div.flx>div:nth-child(2)>div:nth-child(4) p{
		font-size: 3.5vw;
		margin-bottom: 0;
	}
	#tokuten div.flx>div:nth-child(3) h3{
		align-items: start;
		letter-spacing: 0;
		line-height: 1.4;
	}
	#tokuten div.flx>div:nth-child(3) h3 span{
		line-height: 1;
	}
	#tokuten div.flx>div:nth-child(4) img{
		display: block;
		margin: 0 auto;
		width: 60vw;
	}
	
	#tokuten div.flx>div:nth-child(1) .buttonbase._linkbtn:nth-child(1){
		background-size: 80%;
	}
	#tokuten div.flx>div:nth-child(1) .buttonbase._linkbtn:nth-child(2){
		background-size: 60%;
	}

	#tokuten div.flx>div:nth-child(2) .buttonbase._linkbtn{
		background-size: 60%;
	}

	#tokuten div.flx>div:nth-child(3) .buttonbase._linkbtn:nth-child(1){
		background-size: 30%;
	}
	#tokuten div.flx>div:nth-child(3) .buttonbase._linkbtn:nth-child(2){
		background-size: 45%;
		background-position: center left 20px;
	}

}

/*==============================================================
	P2 TOPICS
==============================================================*/
#topics_archive .topics_header{
	margin-bottom: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#topics_archive h1{
	text-align: center;
}

#topics_archive h1._taxonomy{
	/* margin-bottom: 20px; */
}

#topics_archive h2{
	display: inline-block;
	background-color: #41d2e1;
	color: #fff;
	padding: 6px 20px;
	/* margin-bottom: 20px; */
}

#topics_archive ul.topics_list>li{
	width: 462px;
}

#topics_archive ul.topics_list>li._new{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#topics_archive ul.topics_list>li._new>div:first-child{
	width: 640px;
}
#topics_archive ul.topics_list>li._new>div:first-child>a{
	position: relative;
}
#topics_archive ul.topics_list>li._new>div:first-child>a::before{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -50px; left: -50px;
	background-image: url(../img/common/new.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 1024px) {
	#topics_archive ul.topics_list>li._new>div:first-child>a::before{
		width: 60px;
		height: 60px;
		top: -30px; left: -10px;
	}
}

#topics_archive ul.topics_list>li._new>  div:last-child{
	width: 290px;
}

#topics_archive ul.topics_list>li._new>  div:last-child h4{
	color: #4673ff;
	margin-bottom: 20px;
}
#topics_archive .buttonwrap{
	text-align: center;
}
#topics_archive .buttonwrap .buttonbase a{
	background-image: url(../img/common/arrow-blue-bottom.svg);
	background-size: 9px;
}


/* MORE */
ul.topics_list>li{
	opacity: 1;
    transition: all 0.4s ease 0s;
}
ul.topics_list>li.-listhide{
	opacity: 0;
	height: 0;
	margin: 0;
}



@media screen and (max-width: 767px) {
	#topics_archive .topics_header{
		margin-bottom: 10vw;
	}
	#topics_archive h1{
	}
	#topics_archive h2{
		padding: 1.2vw 4vw;
	}

	#topics_archive ul.topics_list>li{
		width: 100%;
	}

	#topics_archive ul.topics_list>li._new{
		flex-direction: column-reverse;
	}
	#topics_archive ul.topics_list>li._new>div:first-child{
		width: 100%;
	}
	#topics_archive ul.topics_list>li._new>div:first-child>a::before{
		width: 12vw;
		height: 12vw;
		top: -6vw; left: -6vw;
	}
	#topics_archive ul.topics_list>li._new>  div:last-child{
		width: 100%;
		margin-bottom: 10vw;
	}

	#topics_archive ul.topics_list>li._new>  div:last-child h4{
		text-align: center;
		margin-bottom: 4vw;
	}
	#topics_archive .buttonwrap .buttonbase a{
		background-image: url(../img/common/arrow-blue-bottom.svg);
		background-size: 2vw;
	}

}

/* ========================================
	EX3 Editor
======================================== */
#topics_post .topics_header{
	margin-bottom: 100px;
}
#topics_post .topics_header h3._copy{
	font-size: 48px;
	margin-bottom: 80px;
	text-align: center;
	letter-spacing: -1px;
	color: #4673ff;
}
#topics_post .topics_header div._keyvisual{
}
#topics_post .topics_header div._keyvisual img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}


#topics_post .post_body{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

#topics_post .post_body ._title{
	margin-bottom: 50px;
}
#topics_post .post_body ._title h1,
#topics_post .post_body ._title h2{
	font-size: 36px;
}

/* CONTENT */
.post_content{
	margin-bottom: 50px;
}
.post_content .wp-caption{
	width: 100% !important;
	text-align: right;
	letter-spacing: 0;
}
.post_content .wp-caption p{
	margin-top: 10px;
	font-size: 14px;
}

.post_content img{
	width: 100% !important;
	height: 100% !important;
	/* object-fit: cover !important;
	object-fit: contain !important; */
}

.post_content h3,
.post_content h1,.post_content h2,.post_content h4{
	color: #41d2e1;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.post_content p{
	margin-bottom: 30px;
}

.post_content strong{
	color: #ff6432;
}

.post_content ul{
	list-style: disc inside;
}

.post_content h5,
.post_content h6{
	background-color: #f5f5f5;
	font-size: 14px;
	font-weight: normal;
	padding: 25px 25px;
	border-radius: 10px;
}
.post_content a{
	text-decoration: underline;
	color: #4673ff;
	font-weight: bold;
}



@media screen and (max-width: 767px) {
	#topics_post .topics_header{
		margin-bottom: 12vw;
	}
	#topics_post .topics_header h3._copy{
		font-size: 6.5vw;
		margin-bottom: 6vw;
		text-align: left;
	}

	#topics_post .post_body{
		max-width: unset;
	}
		#topics_post .post_body ._title{
		margin-bottom: 6vw;
	}
	#topics_post .post_body ._title h1,
	#topics_post .post_body ._title h2{
		font-size: 6.5vw;
	}

	/* CONTENT */
	.post_content{
		margin-bottom: 10vw;
	}
	.post_content .wp-caption{
		text-align: left;
	}
	.post_content .wp-caption p{
		margin-top: 2vw;
		font-size: 3.2vw;
	}

	.post_content h3,
	.post_content h1,.post_content h2,.post_content h4{
		font-size: 4.5vw;
		margin-top: 10vw;
		margin-bottom: 6vw;
	}
	.post_content p{
		margin-bottom: 6vw;
	}

	.post_content h5,
	.post_content h6{
		font-size: 3.5vw;
		padding: 5vw 5vw;
		border-radius: 2vw;
	}

}


/*==============================================================
	P12 ETC
==============================================================*/
#notfound .sc_inner{
	/* height: calc(100dvh - 175px); */
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#notfound div{
	text-align: center;
}
#notfound div h2{
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
#notfound .sc_inner{
	/* height: calc(100dvh - 22vw); */
}
#notfound div h2{
	margin-bottom: 5vw;
}
}


/* ========================================
	Animation
======================================== */
/* 409行目あたり */

.iv h2::before,
.iv h5::before{
	background-color: transparent !important; 
}
.toppages.top_access.iv  h2::before{background-color: transparent;}

.iv h2::before,
.iv h5::before{
	background-image: linear-gradient(#fff, #fff);
	background-repeat: no-repeat;
	background-position: bottom ;
	background-size: 1px 0;
	transition: background-size 0.6s ease-out;
	transition-delay: 0.3s;
}
.iv h2.anim_black::before,
.iv h5.anim_black::before{
	background-image: linear-gradient(#4d4d4d, #4d4d4d);
}
.iv_range h2::before,
.iv_range h5::before{
	background-position: top ;
	background-size: 1px 100%;
}

@media screen and (max-width: 767px) {
	#message.iv h2::before{
		background-image: linear-gradient(#4d4d4d, #4d4d4d);
	}
}