@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------
	This style definition is initialize.
------------------------------------------------- */
*{
 margin: 0;
 padding: 0;
}
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
	margin: 0;
	padding: 0;

}
section{ display:block; }
html { font-size: 10px; }
body {
	color: #000000;
	font-size: 1.6rem;/*ブラウザ間のフォントサイズ差異を吸収*/
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	line-height: 1.5;
	*font-size: small;	/*ブラウザ間のフォントサイズ差異を吸収*/
	*font: x-small;
	letter-spacing:0px ;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	/*font: 100%;*/
}

fieldset , img { 
	border: 0;
	vertical-align: bottom;
}

img { 
	line-height: 0;
	pointer-events: none;
	margin:0;
	padding:0;
	width: 100%;
}
/*address , caption , cite , code , dfn , em , strong , th , var {*/
address , caption , cite , code , dfn , th , var {
	font-style: normal;
	font-weight: normal;
}
em { font-style: normal; }
strong { font-weight: normal; }
ol , ul {
	list-style: none;
}

caption , th {
	text-align: left;
}

h1 , h2 , h3 , h4 , h5 , h6 , .font_b{
	font-weight: normal;
}

q:before , q:after {
	content: '';
}

abbr , acronym {
	border: 0;
}

textarea {
	font-size: 100%;
	font-family: "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック" ,"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

hr {
	margin: 0 auto; 
	padding: 0; 
	border: 0; 
	color: #FFFFFF; 
	background-color: #FFFFFF; 
	height: 1px;
}



/* ----------------------------------------------
	Google フォント
------------------------------------------------- */
/*@import url(https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined);*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


:root {
	--base-color: #4A4848;
	
	--base-text-color: var(--base-text-color);
	--base-back-color: #D2F0FF;
	--base-point-color: #036eb7;
	
	/*--basic-color: #efefef;
	--point-color: #999999;
	
	--color-details_base: #00addf;
	--color-top_use_base: #53ae67;
	--color-shop_use_base: #e77482;
	
	--color-white: #ffffff;
	--color-yellow: #fff471;
	--color-crimson: #db3d51;
	--color-red: #ea4f39;
	--color-brown: #70523b;
	--color-lightblue: #00addf;
	--color-pink: #e77482;*/
	
}



/* ----------------------------------------------
	This style definition is initialize.
------------------------------------------------- */

html {
	scroll-behavior: smooth;
}
:target {
	scroll-margin-top: 50px;
}

header, section, footer, nav { display:block; }/*- html5タグをブロック要素にする基本設定 -*/

.clearfix:after { clear: both; content: ""; display: block; }

.clearText {
	color: transparent;
	text-align: left;
	text-indent: -100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
	display: inline-block;
	color: var(--base-color);
	cursor: pointer;
}

*,
*::before,
*::after{
	box-sizing: border-box;
}


/*-
	共通設定　ここから
------------------------------------------------- */
body {
	color: var(--base-text-color);
	font-family: "M PLUS Rounded 1c", sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: var(--base-back-color);
}

.stageWrap {
	display: block;
	width: calc(100% - 20px);
	margin: 0 auto;
}

strong {
	font-weight: bold;
}


/* ----------------------------------------------
	備考（※）
------------------------------------------------- */
.ets{}
.ets li {
	position: relative;
	padding-left: 1em;
	/*margin: auto !important;*/
	font-size: 1.2rem;
}
.ets li::before {
	content: '\0203B';
	position: absolute;
	left: 0;
}



/* ----------------------------------------------
	ヘッダー
------------------------------------------------- */
#header {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcf19f0-3f84-013e-6383-0a58a9feac02/sp_title02.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	width: 100%;
	padding-top: calc(595 / 751 * 100%);
}


/* ----------------------------------------------
	フッター
------------------------------------------------- */
#footer {
	position: relative;
	margin-bottom: 50px;
}

#footer #footer-menu {
	background-color: #fff;
	height: 50px;
	width: 100%;
	padding: 5px;
	
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	
	display: grid;
	grid-template-columns: 1fr 40px;
	gap: 10px;
}
#footer #footer-menu .form a{
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcdbd30-3f84-013e-6382-0a58a9feac02/sp-button-01.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 40px;
	margin: auto;
	display: block;
	border-radius: 10px;
}
#footer #footer-menu #page-top a {
	background-color: #32beff;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: block;
	
	position: relative;
}
#footer #footer-menu #page-top a::after {
	content: '▲';
	color: #fff;
	font-size: 3rem;
	
	position: absolute;
	top: calc(50% - 1em);
	left: calc(50% - 1em);
	height: 2em;
	width: 2em;
	display: grid;
	place-items: center;
	text-indent: 0;
}

#footer #entry  {
	display: grid;
	gap: 10px;
	
	padding: 1em;
}
#footer #entry dl {
	display: flex;
	flex-wrap: wrap;
	place-content: center;
	gap: 1em;
}
#footer #entry dl dt::before {
	content: '[';
}
#footer #entry dl dt::after {
	content: ']';
}
#footer #entry dl:first-of-type {
	font-size: 2.0rem;
}
#footer #entry .form {}
#footer #entry .form a,
#footer #entry .link a{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 300px;
	height: 65px;
	margin: auto;
	display: block;
	border-radius: 10px;
	box-shadow: 2px 2px 2px var(--base-color);
}

#footer #entry .form a {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcdbd30-3f84-013e-6382-0a58a9feac02/sp-button-01.png");
}
#footer #entry .link {
	margin-top: 2em;
}
#footer #entry .link a {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcbe7b0-3f84-013e-6381-0a58a9feac02/sp-button-02.png");
}
#footer #inquiry {
	margin: 20px 0 20px;

	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/846bea30-3f84-013e-637f-0a58a9feac02/mican_1.png");
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: center top;
	padding-top: 220px;
}
#footer #inquiry dl {
	display: grid;
}
#footer #inquiry dl dt {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
#footer #inquiry dl dd {
	text-align: center;
	display: grid;
}
#footer #inquiry dl dd h4 {
	font-size: 2.0rem;
}
#footer #inquiry dl dd h5 {
	font-size: 1.4rem;
}
#footer #inquiry dl dd h5 strong {
	font-size: 1.8rem;
}
#footer #footermenu {
	border-top: solid 2px var(--base-color);
}
#footer #footermenu #copy {
	font-size: 1.2rem;
	text-align: center;
	padding: 10px;
}




/* ----------------------------------------------
	セミナー情報
------------------------------------------------- */
#mains {}
#mains .stageWrap {
	width: calc(100% - 40px);
	margin: 20px auto;
}
#mains .stageWrap #information {
	display: grid;
	gap: 10px;
}
#mains .stageWrap #information dl {
	display: flex;
	flex-wrap: wrap;
}
#mains .stageWrap #information dl dt::before {
	content: '[';
}
#mains .stageWrap #information dl dt::after {
	content: ']';
}
#mains .stageWrap #information dl#date {
	font-size: 2.0rem;
	font-weight: bold;
}
#mains .stageWrap #address {}




/* ----------------------------------------------
	セミナー詳細
------------------------------------------------- */
#seminar {
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(110deg, transparent, transparent 10px, rgba(255, 255, 255, 1) 10px, rgba(255, 246, 215, 1) 20px );
	padding: 20px 0;
}
#seminar .stageWrap {
	display: grid;
	gap: 50px;
}
#seminar .stageWrap h2 {
	background-color: #32BEFF;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1em;
	padding: 5px;
}
#seminar .stageWrap dl {
	display: grid;
	grid-template-columns: 100px auto;
	gap: 2em 0em;
}
#seminar .stageWrap dl dt {}
#seminar .stageWrap dl dt p {
	background-color: var(--base-back-color);
	height: 80px;
	width: 80px;
	display: grid;
	place-content: center;
	border-radius: 50%;
	font-size: 2.4rem;
}
#seminar .stageWrap dl dd {}
#seminar .stageWrap dl dd + dd {
	grid-column: 1 / 3;
}
#seminar .stageWrap dl dd p.time,
#seminar .stageWrap dl dd p.title {
	color: var(--base-point-color);
	font-weight: bold;
}
#seminar .stageWrap dl dd p.time {
	font-size: 1.6rem;
}
#seminar .stageWrap dl dd p.title {
	font-size: 2.0rem;
}

#seminar .stageWrap dl dd p.name {
	color: var(--base-point-color);
	text-align: center;

	background-repeat: no-repeat;
	background-size: auto 160px;
	background-position: center top;
}
#seminar .stageWrap dl dd p.name strong {
	display: block;
}

#seminar .stageWrap dl:nth-of-type(1) {
	gap:0;
}
#seminar .stageWrap dl:nth-of-type(1) dt p {
	height: 90px;
	width: 90px;
}
#seminar .stageWrap dl:nth-of-type(1) dd p.time {
	font-size: 1.8rem;
}
#seminar .stageWrap dl:nth-of-type(1) dd p.title {
	font-size: 2.4rem;
}
#seminar .stageWrap dl:nth-of-type(1) dd p.name {
	color: var(--base-text-color);
	font-size: 1.8rem;
	text-align: left;
	padding-bottom: 200px;
	padding-left: 100px;
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844e77d0-3f84-013e-332a-0a58a9feac02/photo01.jpg");
	background-size: auto 180px;
	background-position: left 100px bottom 20px;
}

#seminar .stageWrap dl:nth-of-type(3) dd:nth-of-type(2) p.name {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/d2ed0a90-3f87-013e-22b2-0a58a9feac02/photo02.jpg");
	padding-top: 180px;
	margin-bottom: 10px;
}
#seminar .stageWrap dl:nth-of-type(3) dd:nth-of-type(3) p.name {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844c15d0-3f84-013e-d414-0a58a9feac02/photo03.jpg");
	padding-top: 180px;
	margin-bottom: 10px;
}
#seminar .stageWrap dl:nth-of-type(3) dd:nth-of-type(4) p.name {
	background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcf4880-3f84-013e-6384-0a58a9feac02/photo04.jpg");
	padding-top: 180px;
	margin-bottom: 10px;
}



/*-
	PC版（768px以上）ここから
------------------------------------------------- */
@media screen and (min-width:768px), print{
	
	
	.stageWrap {
		width: 900px;
		margin: auto;
	}
	/* ----------------------------------------------
		詳細
	------------------------------------------------- */
	
	/* ----------------------------------------------
		ヘッダー
	------------------------------------------------- */
	#header {
		background: none;
		padding-top: 0;
		height: auto;
	}
	#header .stageWrap {
		width: 1200px;
	}
	#header .stageWrap #sitetitle {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844ef080-3f84-013e-637e-0a58a9feac02/pc_title01.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		height: 550px;
		width: 100%;
	}
	
	
	/* ----------------------------------------------
		フッター
	------------------------------------------------- */
	#footer {
		margin-bottom: 80px;
	}
	#footer #entry {
		padding: 3em;
	}
	#footer #entry .form a,
	#footer #entry .link a {
		width: 700px;
		height: 90px;
	}
	#footer #entry .form a {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/84490820-3f84-013e-d413-0a58a9feac02/pc-button-01.png");
	}
	#footer #entry .link a {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844cb490-3f84-013e-3329-0a58a9feac02/pc-button-02.png");
	}
	#footer #entry dl {
		font-size: 2.0rem;
	}
	#footer #entry dl:first-of-type {
		font-size: 3.0rem;
	}
	
	#footer #footer-menu {
		height: 80px;
		grid-template-columns: 1fr 600px 60px 1fr;
		padding: 10px;
	}
	#footer #footer-menu:before,
	#footer #footer-menu:after {
		content: '';
	}
	
	#footer #footer-menu .form a {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/84490820-3f84-013e-d413-0a58a9feac02/pc-button-01.png");
		height: 60px;
	}
	#footer #footer-menu #page-top a {
		height: 60px;
		width: 60px;
	}
	
	
	/* ----------------------------------------------
		セミナー情報
	------------------------------------------------- */
	#mains {}
	#mains .stageWrap {
		width: 900px;
		margin: 50px auto;
	}
	#mains .stageWrap #information {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em 3em;
	}
	#mains .stageWrap #information #date {
		gap: 2em;
		justify-content: center;
		grid-column: 1 / 3;
		
		font-size: 2.6rem;
	}
	#mains .stageWrap #information #time,
	#mains .stageWrap #information #reception,
	#mains .stageWrap #information #venue {
		font-size: 2.0rem;
		gap:1em;
	}
	#mains .stageWrap #information #time {
		justify-content: end;
	}
	#mains .stageWrap #information #venue {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		
		display: grid;
		gap: 0;
	}
	#mains .stageWrap #information #map {
		grid-column: 2 / 3;
		grid-row: 3 / 7;
	}
	#mains .stageWrap #information #address {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}
	#mains .stageWrap #information .ets {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}
	
	
	/* ----------------------------------------------
		セミナー情報
	------------------------------------------------- */
	#seminar {
		padding: 50px 0;
	}
	
	#seminar .stageWrap dl:nth-of-type(3) dd + dd p.name {
		background: none !important;
		padding-top: 0 !important;
		text-align: left;
	}
	
	#seminar .stageWrap dl:nth-of-type(3) dd + dd {
		padding-top: 0;
		padding-left: 250px;

		background-repeat: no-repeat;
		background-size: 200px auto;
		background-position: left top;
	}
	#seminar .stageWrap dl:nth-of-type(1) {
		gap: 1em;
		
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844e77d0-3f84-013e-332a-0a58a9feac02/photo01.jpg");
		background-repeat: no-repeat;
		background-size: 220px auto;
		background-position: right top;
	}
	#seminar .stageWrap dl:nth-of-type(1) dt + dd {
		width: calc(100% - 300px);
	}
	#seminar .stageWrap dl:nth-of-type(1) dd p.name {
		background: none;
		padding-bottom: 0;
		padding-left: calc(100px + 1em);
	}
	
	#seminar .stageWrap dl:nth-of-type(3) dd + dd p.name strong {
		font-size: 2.0rem;
	}
	#seminar .stageWrap dl:nth-of-type(3) dd + dd:nth-of-type(2) {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/d2ed0a90-3f87-013e-22b2-0a58a9feac02/photo02.jpg");
	}
	#seminar .stageWrap dl:nth-of-type(3) dd + dd:nth-of-type(3) {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/844c15d0-3f84-013e-d414-0a58a9feac02/photo03.jpg");
	}
	#seminar .stageWrap dl:nth-of-type(3) dd + dd:nth-of-type(4) {
		background-image: url("https://cdn.peraichi.com/userData/60642654-f348-40b9-8971-5ae30a0000ae/img/8fcf4880-3f84-013e-6384-0a58a9feac02/photo04.jpg");
	}

}