/*
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;
}

/* font */

.tenor_sans {
	font-family: 'Tenor Sans', sans-serif;
}

.philosopher {
	font-family: 'Philosopher', sans-serif;
	font-weight: 700 !important;
}

/*  ----- */

a{
	text-decoration:none;
}
li{
	list-style-type:none;
}
img{
	border:0;
	max-width:100%;
	height:auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Tenor Sans', sans-serif;
}

h1{
	font-size:230%;
	margin-bottom:3%;
}
h3{
	font-size:150%;
	margin-bottom:3%;
}
@media (min-width: 1021px){
	.min1021none {
		display: none;
	}
}
@media (max-width: 1020px){
	.max1020none{
		display: none;
	}
}
@media (min-width: 641px){
	.min641none {
		display: none;
	}
}
@media (max-width: 640px) {
	.max640none {
		display: none;
	}
	.min641none {
		display: block;
	}
}
.block {
	display: block;
}
.tcenter {
	top: 50%;
	transform: translateY(-50%);
}
.tcenter2 {
	top: 40%;
	transform: translateY(-50%);
}
.ratioCover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.center960 {
	max-width: 960px;
	width: 86%;
}
.center1020 {
	max-width: 1020px;
	width: 86%;
}
.center1200 {
	max-width: 1200px;
	width: 86%;
}
.subTit, .Poit01Cont {
	position: relative;
}
.Item01Img, .Item01h3, .Flo01p, .HedNavWrap {
	width: 100%;
}

.Flo01Tit {
	flex: 1;
}
.Item01h3 h3 {
	font-size: 40px;
	margin-bottom: 8%;
}
.Poit01P {
	width: 48%;
}
.Flo01Blue {
	padding: 1% 3%;
	align-items: center;
	gap: calc(108px + (40 - 108) * (100vw - 1920px) / (1020 - 1920));
}
.Item01Cont {
	gap: calc(60px + (30 - 60) * (100vw - 1920px) / (640 - 1920))
}
.a_hover02 {
	padding: 20px 35px;
	width: auto;
}
nav li.has-child ul {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width: 640px) {
	.Item01Img {
		width: 60%;
	}
	.Flo01Img img {
		width: 100%;
	}
	.Flo01h3 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.Flo01h3 h3 {
		font-size: 20px;
	}
	.Poit01 {
		transform: none;
	}
	.Poit01P {
		width: 90%;
	}
	.Poit01Bg > p {
		padding-top: 42%;
	}
}


@media(max-width: 1020px) {
	.inpi01_Cont {
		max-width: 680px;
		width: 100%;
		padding: 20% 0 15%;
	}

	.inpi01_img {
		left: 30%;
		top: 20%;
	}
	.jidou03 {
		max-width: 85%;
	}
	.kaihatu01_Grid {
		width: 100%;
		padding: 15% 0;
	}
	.auto_identi .kaihatu01_Grid {
		padding-top: 20%;
	}
	.kaihatu01_Img {
		top: 30%;
		left: 45%;
	}
	.kaihatu01_orange {
		width: 40%;
	}
	.kaihatu01_orange p {
		margin-bottom: 4%;
		line-height: 150%;
	}
	.kaihatu01_p {
		margin: 5% 0;
	}
}
@media (max-width: 768px) {
	.subBg > p {
		padding-top: calc(220px + (130 - 220) * (100vw - 768px) / (350 - 768));
	}
}
@media (max-width: 640px) {
	.inpi02_Grid {
		grid-template-columns: 1fr;
	}
	.inpi01_Cont {
		padding: 35% 0 15%;
	}
	.inpi01_img {
		top: 0;
		left: 60%;
		transform: translate(-50%, -68%);
		width: 70%;
	}

	.inpi01_p p {
		line-height: 150%;
		letter-spacing: 1px;
	}

	.inpi01_p {
		min-width: auto;
		width: 100%;
	}
	.inpi02_h3 {
		font-size: 110%
	}
	.jidou03 {
		max-width: 100%;
		min-width: auto;
		flex: 100%;
	}
	.jidou03_Title h3 {
		font-size: 130%;
	}
	.kaihatu02_h3:after {
		display: none;
	}
	.kaihatu01_Grid {
		padding-top: 30%;
	}
	.kaihatu01_orange {
		width: 100%;
	}
	.kaihatu01_Img {
		top: calc(110px + (80 - 110) * (100vw - 640px) / (350 - 640));
		left: calc(250px + (165 - 250) * (100vw - 640px) / (350 - 640));
		width: calc(330px + (160 - 330) * (100vw - 640px) / (350 - 640));
	}
	.auto_identi .kaihatu01_Grid {
		padding-top: 30%;
	}

	.auto_identi .kaihatu01_Img {
		top: calc(110px + (60 - 110) * (100vw - 640px) / (350 - 640));
	}
	.jidou02_Title_p {
		min-width: auto;
		width: 100%;
	}
}