@charset "utf-8";

#konenkiseminar .pc_hide {
	display: none;
}
#konenkiseminar .sp_hide {
	display: block;
}
#konenkiseminar .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#konenkiseminar img {
	width: 100%;
	vertical-align: bottom;
}
#konenkiseminar {
	font-size: 1.7rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	margin: 0 auto;
	color: #3e3a39;
	max-width: 1280px;
}
#konenkiseminar section{
	position: relative;
	background: #fff;
	padding: 4% 8%;
}
#konenkiseminar section .section_ttl{
	width: 25%;
	margin: 0 auto 3%;
}
#konenkiseminar .green{
	color: #00c0b0;
}

/*-------------------
       ヘッダー
---------------------*/
#konenkiseminar header {
	width: 100%;
	padding-top: 56.25%;
	margin: 0 auto;
	background: url("../images/header_pc.jpg?240621") no-repeat;
	background-size: cover;
}
#konenkiseminar #intro {
	background: #ffc2bd;
}
#konenkiseminar #intro .intro_txt{
	font-size: 2rem;
	line-height: 4rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 3%;
}
#konenkiseminar #intro ul{
	position: relative;
	margin: auto;
	padding: 4% 4%;
	background: #fff;
	max-width: 800px;
	width: 100%;
	border-radius: 10px;
	font-size: 2rem;
	line-height: 2rem;
}
#konenkiseminar #intro ul:before{
	position: absolute;
	top: -8px;
	left: -8px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	content:'';
	border: solid 1px #3e3a39;
}
#konenkiseminar #intro ul li{
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
}
#konenkiseminar #intro ul li:after,
#konenkiseminar #intro ul li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}
#konenkiseminar #intro ul li:after {
	top: 50%;
	left: 4px;
	width: 20px;
	height: 20px;
	border: solid 1px #3e3a39;
	transform: translateY(-50%);
}
#konenkiseminar #intro ul li:before {
	top: 12px;
	left: 6px;
	width: 20px;
	height: 20px;
	background: rgb(252 238 33);
}

/*-------------------
       開催概要
---------------------*/
#konenkiseminar #overview{
	background: #fffbe9;
}
#konenkiseminar #overview .overview_table_style{
	width: 100%;
}
#konenkiseminar #overview tr:first-child{
	border-top: dotted 3px #a1c8c0;
}
#konenkiseminar #overview tr{
	border-bottom: dotted 3px #a1c8c0;
	display: flex;
	align-items: center;
	padding: 0 3%;
}
#konenkiseminar #overview th{
	width: 20%;
	padding: 2% 0;
	font-weight: bold;
}
#konenkiseminar #overview td{
	width: 80%;
	padding: 2% 0;
}
#konenkiseminar #overview .note{
	margin-top: 1%;
	font-size: 1.5rem;
	font-weight: 400;
}
#konenkiseminar #overview .map{
  width: 100%;
  position: relative;
  padding-top: 32%;
  margin: 3% 0;
}
#konenkiseminar #overview .map iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#konenkiseminar #overview .logo{
	width: 25%;
}

/*-------------------
       プレゼント
---------------------*/
#konenkiseminar #present {
	background: #ffc2bd;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#konenkiseminar #present .present_ph{
	width: 60%;
	margin-bottom: 1%;
}
#konenkiseminar #present .present_sub{
	width: 62%;
	margin-bottom: 2%;
}
#konenkiseminar #present .logo{
	width: 30%;
}
#konenkiseminar #present p{
	font-size: 2.5rem;
	font-weight: bold;
}
/*#konenkiseminar #present .btn{
	background: #f7ff5c;
}
#konenkiseminar #present .btn:hover{
	background: #b3eaff;
}*/
/*-------------------
       講師・MC
---------------------*/
#konenkiseminar #speakers{
	background: #fffbe9;
}
#konenkiseminar #speakers .speakers_box{
	display: flex;
	align-items: center;
}
#konenkiseminar #speakers .speakers_box img{
	width: 20%;
}
#konenkiseminar #speakers .speakers_box .speakers_txt{
	width: 80%;
	padding: 4%;
}
#konenkiseminar #speakers .speakers_box h2{
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	font-size: 2.5rem;
	color: #00c0b0;
	margin-bottom: 1%;
	width: 5rem;
	text-align: center;
	border-bottom: 3px solid #00c0b0;
}
#konenkiseminar #speakers .speakers_box .name{
	font-size: 2.5rem;
	font-weight: bold;
}
#konenkiseminar #speakers .speakers_box .name span{
	font-size: 2rem;
}
#konenkiseminar #speakers .speakers_box .title{
	font-size: 1.8rem;
	font-weight: bold;
}
#konenkiseminar #speakers .speakers_box .role{
	font-size: 1.8rem;
	font-weight: bold;
}
#konenkiseminar #speakers .speakers_box .profile_txt{
	margin-top: 2%;
	text-align: justify;
}
/*--------------------
     フォームエリア
---------------------*/
#konenkiseminar #form{
	background: #fff454;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#konenkiseminar #form .form_txt{
	font-size: 2rem;
	font-weight: bold;
}

/*-------------------
       お問い合わせ
---------------------*/
#konenkiseminar #contact {
    background: #ffc2bd;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
#konenkiseminar #contact h2{
	font-size: 2.5rem;
	margin-bottom: 1%;
}

/*--------------------
    ボタン
---------------------*/
#konenkiseminar .btn{
	display: block;
	color: #3e3a39;
	background: #b3fff0;
	border: solid 2px #3e3a39;
	padding: 2% 0;
	margin: 2% 0 1%;
	text-align: center;
	font-size: 2rem;
	font-weight:bold;
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	box-shadow: 5px 5px 0 #3e3a39;
	transition: 0.3s;
}
#konenkiseminar .btn:hover {
	box-shadow: 0 0 0;
	background: #fff454;
	transform: translate(5px, 5px);
}

#konenkiseminar .btn_gray {
	color: #919191;
	border: solid 2px #919191;
	background: #eee;
	padding: 2% 0;
	margin: 2% 0 1%;
	text-align: center;
	font-size: 2rem;
	font-weight:bold;
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
}