/*
Theme Name:JAPANESE Base Theme
Theme URI: https://japan-ese.info/
Description:BASE THEME.
*/
@import url("code.css");
@import url("footer.css");
@import url("header.css");
@import url("flash.css");
@import url("value.css");
@import url("value_right.css");
@import url("subvalue.css");
@import url("value_left.css");
@import url("table.css");
@import url("blog.css");
@import url("margin.css");
@import url("js.css");
@import url("form.css");
@import url("link.css");
@import url("float.css");
@import url("title.css");
@import url("center.css");
@import url("width.css");
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:100%;
	line-height:120%;
	vertical-align: baseline;
	background: transparent;
}
p.top_p8 {
    line-height: 150%;
}
.comment_div {
    padding: 25px;
    background-color: #ffeded;
    margin: 20px 0px;
    line-height: 180%;
}
.blog_text h2 {
    margin: 40px 0px 20px;
}

h2.wp-block-heading {}

.blog_text p {
    line-height: 170%;
    margin-bottom: 16px;
}
.custom-content {
    white-space: pre-wrap;
}
.blog_text figure {
    margin: 30px 0px 20px;
}
.event_blog p {
    line-height: 180%;
}
h2 {
    font-size: 200%;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a{
	text-decoration:none;
}
li{
	list-style-type:none;
}
img{
	border:0;
	max-width:100%;
	height:auto;
}
h1{
	font-size:230%;
	margin-bottom:3%;
}
h3{
	font-size:150%;
	margin-bottom:3%;
}
/* about font */
.fontWbold {
	font-weight: bold;
}
.italic , .fotter_nav_list li a , .slide_card p, .event_item p, .copy_lead_text p , .slack_i2_element{
	font-style: italic;
}
/* text align */
.textleft , .slack_i2_element{
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* flex */
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex_center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
/* color */
.bg_black {
	background: #000;
}
.clr_white {
	color: white;
}
/* hover */
* a:hover {
	opacity: 0.7;
}
/* fade */

.fade, .scroll_fade, .scroll_fade100, .scroll_fade300 {
	position: relative;
	bottom: -100px;
	opacity : 0;
	transition: opacity 3s;
}
.fade.view, .scroll_fade.view, .scroll_fade100.view, .scroll_fade300.view{
	bottom: 0;
	opacity: 1;
}
.copy_text.fade {
	position: absolute;
	top: 100px;
	right: 0;
	bottom: auto;
}
.copy_text.fade.view {
	top: 0;
}
.slide_card_text.scroll_fade {
	position: absolute;
	bottom: 0;
}
.slide_card_text.scroll_fade.view {
	bottom: 5%;
}

/* vertical align top */
.event_item_img img {
	vertical-align: top;
}

@media (min-width: 1021px){
	.min1021none,
	.spHnav {
		display: none;
	}
}
@media (max-width: 1020px){
	.max1020none,
	.footer_company,
	.information {
		display: none;
	}
}
@media (min-width: 681px){
	.min681none {
		display: none;
	}
}
@media (max-width: 680px){
	div.center {
		margin: 0px auto 0px auto;
		padding: 0px auto 0px auto;
		width: 96%;
	}
	.width70float {
		float: none;
		width: 100%;
	}
	.right {
		float: none !important;
	}
	.max680none {
		display: none;
	}
}

/*  */

@media (max-width: 1600px) {
	.information {
		width: 28%;
	}
}

@media (max-width: 1020px) {
	.top_div1 {
		flex-wrap: wrap;
	}

	.top_p_wrap1 {
		position: relative;width: 100%;
		top: auto;right: auto;left: auto;transform: none;}
	.top_p1 {width: 100%;margin: 0 auto 1rem;font-size: 300%;}

	.top_p_wrap2 {display: inline-flex;flex-direction: column;align-items: center;margin: 0;}
	.top_p3 {
		position: relative;
		flex: 1;
		font-size: 150%;
		top: auto;text-align: center;}
	.copy_lead {
		flex-direction: column;
		gap: calc(100px + (50 - 100) * (100vw - 1020px) / (350 - 1020));
		padding: 18% 0 10%;
	}
	.copy_lead_img p {
		line-height: 200%;
	}
	.event_item_text {
		font-size: 125%;
	}

	.event_item {
		max-width: 96%;
		min-width: 350px;
		margin: 0 auto;
	}
	.slack_item {
		max-width: 350px;
		width: 54%;
		min-width: 270px;
	}

	.slack_item .copy_text4 {
		font-size: min(calc(36px + (26 - 36) * (100vw - 680px) / (350 - 680)), 42px);
	}

	.slack_item .copy_text4 img {
		width: 20%;
	}

	.slack_item p {
		font-size: min(calc(18px + (16 - 18) * (100vw - 680px) / (350 - 680)), 20px);
	}

	.slack_i2_ttl {
		font-size: calc(46px + (18 - 46) * (100vw - 1020px) / (350 - 1020));
	}
	.slack_i2_element p:first-of-type {
		font-size: calc(22px + (18 - 22) * (100vw - 1020px) / (350 - 1020));
		margin-bottom: .5rem;
	}
	.slack_i2_element {
		border: 6px solid;
		padding: 20px 6%;
	}
	.slack_content .btn img {
		width: 10%;
	}
	.slack_content .btn p {
		font-size: min(calc(16px + (12 - 16) * (100vw - 680px) / (350 - 680)), 1rem);
	}
	.footer {
		padding: 11% 0;
	}
	.footer_nav {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.footer_logo {
		min-width: auto;
		max-width: 180px;
		width: 30%;
	}
	.footer_nav_list_outer {
		flex: none;
		max-width: 80%;
		width: 360px;
		margin: 7% auto 0;
	}
	.youtube_link {
		position: static;
		border-radius: 5rem;
		border: 4px solid #b30606;
		transform: none;
		width: 100%;
		padding: 12px 2rem;
	}
	.youtube_link a {
		justify-content: flex-start;
	}
	.youtube_link a p {
		font-size: 125%;
		flex: none;
	}

	/* 	interview */

	.top_div2 {
		max-width: 100%;
	}

	.top_p4 {
		font-size: 125%;
	}
	.top_illust {
		flex: none;
		width: 100%;
	}
}

@media (max-width: 800px) {
	.map {
		margin-top: 25%;
		padding-top: 88%;
	}

	.copy_text3 {
		font-size: calc(64px + (28 - 64) * (100vw - 800px) / (350 - 800));
		top: -14%;
	}
}

@media (max-width: 680px) {
/* 	.top_header {
		margin-bottom: 40px;
	} */
	.top_header_logo {
		min-width: 120px;
		padding: 1rem;
	}
	.header_nav {
		margin-top: 2rem;
	}
	.open_menu {
		width: calc(50px + (40 - 50) * (100vw - 680px) / (350 - 680));
		height: calc(40px + (30 - 40) * (100vw - 680px) / (350 - 680));
	}
	.open_menu span {
		height: calc(8px + (6 - 8) * (100vw - 680px) / (350 - 680));
	}
	.copy_head {
		padding-top: 80%;
	}
	.copy_head_img {
		width: 90%;
	}
	.copy_text {
		font-size: calc(72px + (32 - 72) * (100vw - 680px) / (350 - 680));
	}
	.copy_lead_img {
		width: 100%;
	}
	.copy_lead_img img {
		max-width: 200px;
		width: 45%;
	}
	.copy_lead_text {
		max-width: 100%;
		font-size: 110%;
	}
	.copy_text2 {
		padding: 0 5% 8% 0;
	}

	.copy_text2 span {
		font-size: calc(110px + (60 - 110) * (100vw - 680px) / (350 - 680));
	}
	.event_content {
		gap: 0.5rem 2%;
	}
	.event_item {
		flex: none;
		width: 100%;
		min-width: auto;
	}
	.top_ct3_inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.top_ct3_img {
		padding: 8% 0;
		max-width: 80%;
		width: 390px;
	}
	.youtube_link {
		padding: 4% 9%;
	}
	.youtube_link a p {
		font-size: calc(20px + (16 - 20) * (100vw - 680px) / (350 - 680));
	}
	/*     .footer {
	padding: 11% 0;
}
	.footer_nav {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.footer_logo {
	min-width: auto;
	width: 30%;
} */

	/* interview */
	.top_div1 {
		flex-direction: column;
	}

	.top_p_outer {
		width: 100%;
		display: flex;
	}

	.top_p1 {
		flex: 1;
	font-size: 250%;}
	.top_p2_outer {
		width: 30%;
	}
	p.top_p2 {
		width: 100%;
	font-size: 100%;}

	.top_p3 {
		position: static;
		font-size: calc(24px + (16 - 24) * (100vw - 680px) / (350 - 680));
		padding: 1rem 0;
		
	}

	.top_p4 {
		font-size: 100%;
	}

	.top_h3_1 {
		font-size: calc(32px + (24 - 32) * (100vw - 680px) / (350 - 680));
	}
	
	.event_item_text {
		width: 90%;
		font-size: calc(16px + (14 - 16) * (100vw - 680px) / (350 - 680));
	}
}