@charset "utf-8";
html {
		scroll-behavior: smooth;
}
/*-----------------------------------------------------
	body
----------------------------------------------------**/
body {
		font-size: 16px;
		line-height: 1.6;
		color: #222222;
		background: #F8FBFD;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
img {
		vertical-align: bottom;
		max-width: 100%;
}
#wrapper {
		max-width: 800px;
		margin: 0 auto;
}
/*-----------------------------------------------------
	main
----------------------------------------------------**/
main {
		padding: 20px 0;
}
#main {
		border-radius: 5px;
		background: #ffffff;
		box-shadow: 2px 2px 5px #D6E3F0;
}
h1 img {
		border-radius: 5px;
}
.inbox {
		padding: 20px;
}
/*-----------------------------------------------------
	title
----------------------------------------------------**/
.title {
		display: inline-block;
		position: relative;
		color: #333;
		font-size: 20px;
		width: 100%;
		text-align: center;
		margin: 0 0 40px 0;
		letter-spacing: 0.2em;
}
.title:before {
		content: '';
		display: inline-block;
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
		width: 60px;
		height: 4px;
		background-color: #0396FF;
}
.form .title:before {
		background-color: #ff0396;
}
/*-----------------------------------------------------
	toggle
----------------------------------------------------**/
.sp {
		display: none;
}
.pc {
		display: block;
}
/*-----------------------------------------------------
	link
----------------------------------------------------**/
a:link, a:visited {
		border-bottom: #0396FF dashed 1px;
		color: #0396FF;
		text-decoration: none;
}
a:hover {
		border-bottom: none;
}
/*-----------------------------------------------------
	left
----------------------------------------------------**/
.description {
		padding: 20px;
		border-radius: 5px;
		background: #e4f1fb;
		margin: 0 0 70px 0;
}
/**/
.formBtn {
		text-align: center;
		margin: 0 0 70px 0;
}
.formBtn a {
		background: #0396FF;
		padding: 10px;
		min-width: 50%;
		border-radius: 5px;
		display: inline-block;
		color: #fff;
		border: none;
}
/**/
.overview {
		margin: 0 0 100px 0;
}
.overview dl {
		display: flex;
		border-bottom: #dddddd solid 1px;
}
.overview dt {
		width: 150px;
		padding: 10px;
}
.overview dd {
		padding: 10px;
}
.overview .infoTxt {
		font-size: 80%;
}
/**/
.speaker {
		margin: 0 0 100px 0;
}
.speaker .speakerBox {
		display: flex;
}
.speaker .speakerBox:nth-child(odd) {
		border-top: #dddddd solid 1px;
		margin: 30px 0 0 0;
		padding: 30px 0 0 0;
}
.speaker .speakerBox .ph {
		margin: 0 20px 0 0;
}
.speaker .speakerBox .ph img {
		min-width: 170px;
}
.speaker .speakerBox .post {
		font-size: 80%;
		margin: 10px 0;
}
.speaker .speakerBox h3 {
		font-size: 110%;
}
.speaker .speakerBox h3 span {
		font-size: 80%;
}
/**/
.about .link {
		padding: 10px 0;
}
.about {
		margin: 0 0 100px 0;
}
/*-----------------------------------------------------
	form
----------------------------------------------------**/
.form dl {
		border-bottom: #dddddd solid 1px;
		padding: 10px;
}
.form dt {
		font-weight: bold;
}
.form .infoArea {
		margin: 0 0 20px 0;
}
.form .infoTxt {
		font-size: 80%;
}
.form dd input, .form dd select, .form dd textarea {
		border: #cccccc solid 1px;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 0.7);
		padding: 5px;
}
.form dd input[type=text] {
		width: 90%;
		border: #cccccc solid 1px;
		padding: 5px;
		border-radius: 5px;
}
.form dd input.box2 {
		width: 45%;
}
.form dd textarea {
		height: 100px;
		width: 90%;
}
.form .asterisk {
		padding: 0 0 0 0.25em;
		color: #ff0396;
}
.form .pp {
		border: #cccccc solid 1px;
		padding: 10px;
		font-size: 11px;
		margin: 10px;
}
.form .btn {
		text-align: center;
		padding: 20px 0;
}
.form .btn input {
		background: #0396FF;
		padding: 10px;
		min-width: 50%;
		border-radius: 5px;
		color: #fff;
}
/*-----------------------------------------------------
	footer
----------------------------------------------------**/
footer {
		text-align: center;
		font-size: 90%;
		padding: 20px 0;
}
footer .logo img {
		width: 300px;
}
footer p {
		margin: 10px 0;
}
/*-----------------------------------------------------
	thanks
----------------------------------------------------**/
.thanks p {
		margin: 0 0 1em 0;
}
.thanks p strong {
		color: #0396FF;
		font-size: 120%;
}
.thanks .formBtn {
		margin: 30px 0 0 0;
}
/*-----------------------------------------------------
	error
----------------------------------------------------**/
.error p {
		margin: 0 0 1em 0;
}
.error p strong {
		color: #0396FF;
		font-size: 120%;
}
.error .formBtn {
		margin: 30px 0 0 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's 700
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 699px) {
		/*-----------------------------------------------------
	body
----------------------------------------------------**/
		body {
				font-size: 13px;
		}
		#wrapper {
				max-width: auto;
		}
		/*-----------------------------------------------------
	main
----------------------------------------------------**/
		main {
				padding: 10px 0;
		}
		.inbox {
				padding: 10px;
		}
		/*-----------------------------------------------------
	title
----------------------------------------------------**/
		.title {
				font-size: 17px;
				margin: 0 0 40px 0;
		}
		/*-----------------------------------------------------
	toggle
----------------------------------------------------**/
		.sp {
				display: block;
		}
		.pc {
				display: none;
		}
		/*-----------------------------------------------------
	left
----------------------------------------------------**/
		.description {
				padding: 10px;
				margin: 0 0 50px 0;
		}
		/**/
		.formBtn {
				margin: 0 0 50px 0;
		}
		.formBtn a {
				min-width: 80%;
		}
		/**/
		.overview {
				margin: 0 0 70px 0;
		}
		.overview dl {
				display: block;
				padding: 10px;
		}
		.overview dt {
				width: auto;
				padding: 0;
				font-weight: bold;
		}
		.overview dd {
				padding: 0 0 0 1em;
		}
		.overview .infoTxt {
				font-size: 90%;
		}
		/**/
		.speaker {
				margin: 0 0 70px 0;
		}
		.speaker .speakerBox:nth-child(odd) {
				margin: 20px 0 0 0;
				padding: 20px 0 0 0;
		}
		.speaker .speakerBox .ph {
				margin: 0 10px 0 0;
		}
		.speaker .speakerBox .ph img {
				min-width: 150px;
		}
		.speaker .speakerBox .post {
				font-size: 90%;
		}
		.speaker .speakerBox h3 span {
				font-size: 90%;
		}
		/**/
		.about {
				margin: 0 0 70px 0;
		}
		/*-----------------------------------------------------
	form
----------------------------------------------------**/
		.form .infoArea {
				margin: 0 0 10px 0;
		}
		.form .infoTxt {
				font-size: 90%;
		}
		.form .pp {
				font-size: 12px;
		}
		/*-----------------------------------------------------
	thanks
----------------------------------------------------**/
		.thanks .formBtn {
				margin: 30px 0 10px 0;
		}
		/*-----------------------------------------------------
	error
----------------------------------------------------**/
		.error .formBtn {
				margin: 30px 0 10px 0;
		}
}