@charset "UTF-8";

/*------------------------------------
contents
------------------------------------*/

#head_inner{
	background: url(../img/houjin_seminar/ttl_bg_houjin_seminar02.jpg) no-repeat center;
	background-size: cover;
}
#contents.seminar_form_page {
	width: 100%;
	padding-top: 0;
}
.bg_gray {
	background-color: #f5f5f5;
	width: 100%;
	padding: 40px 0 40px;
}
.eventBox {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	padding: 30px 30px 22px;
	box-sizing: border-box;
}
.eventBox h3 {
	font-size: 26px;
	font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	-webkit-transform: rotate(.028deg);
	-ms-transform: rotate(.028deg);
	transform: rotate(.028deg);
	font-feature-settings: normal;
	line-height: 1.6;
	color: #329448;
	margin: 10px auto 18px;
	text-align: center;
}
/*.eventBox h3 br { display: none; }*/

.eventBox .event_txt {
	line-height: 2;
	text-align: center;
}
@media screen and (max-width: 1000px){
	.eventBox .event_txt {
		text-align: left;
	}
	.eventBox .event_txt br { display: none; }
}
.schedule {
	margin: 30px auto;
}
.schedule h4 {
	font-size: 24px;
	font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	-webkit-transform: rotate(.028deg);
	-ms-transform: rotate(.028deg);
	transform: rotate(.028deg);
	font-feature-settings: normal;
	text-align: center;
	margin: 0 auto 30px;
}
.schedule h4::before, .schedule h4::after {
    display: block;
    content: '';
    width: 350px;
    height: 1px;
    margin: 0 auto;
    background-color: #a38c40;
}
.schedule h4::before {
    margin-bottom: 18px;
}
.schedule h4::after {
    margin-top: 16px;
}
.schedule table {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
.schedule tr {
    border: 1px solid #ccc;
	font-size: 16px;
	line-height: 1.6;
}
.schedule th {
    vertical-align: top;
    width: 25%;
    padding: 20px 10px 20px 20px;
    background-color: #f3f3f3;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.schedule td {
    vertical-align: middle;
    width: 75%;
    padding: 12px 25px;
    box-sizing: border-box;
}
.schedule .txt_Large {
	font-size: 17px;
	font-weight: bold;
}
.schedule .map_btn {
	font-size: 13px;
	color: #fff;
	background-color: #333;
	padding: 2px 4px;
	margin-left: 5px;
}
.schedule .Rtxt {
	font-size: 14px;
	color: #cc0000;
}
.inner_box {
    display: flex;
}
.inner_box img {
    width: 44%;
    height: 100% !important;
    margin-right: 20px;
}
.inner_box ul {}
.inner_box ul li h4 {
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto 10px;
}
.inner_box ul li .telbox {
    text-align: center;
    margin-top: 10px;
}
.inner_box ul li h4::before, .inner_box ul li h4::after {
    width: 100%;
    background-color: #518b82;
}
.inner_box ul li h4::before {
    margin-bottom: 10px;
}
.inner_box ul li h4::after {
    margin-top: 10px;
}
.inner_box ul li span {
    display: inline-block;
    background: #def0f2;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.inner_box ul li {
    line-height: 1.5;
}
.inner_box ul li .telbtn img {
    margin-top: 10px;
}
.inner_box ul li strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}
.koushi {
    margin: 50px auto 0;
}
.koushi h5 {
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.koushi ul {
    margin: 30px auto 0;
    display: flex;
    justify-content: space-between;
}
.koushi ul li {
    width: 33%;
}
.koushi ul li img {
    max-width: 100%;
}

.teiki {
    text-align: center;
    margin: 50px auto 0;
}
.teiki .link_Btn {
    margin-top: 10px;
}
.teiki .link_Btn a {
    background: url(../common/img/form_icon.png) no-repeat right 17px center , url(../common/img/form_btn_bg.png) no-repeat center center;
    background-size: 20px 20px , 100% 100%;
}

.link_Btn {
	width: 94%;
    max-width: 330px;
    margin: 24px auto 24px;
    text-align: center;
    background-image: linear-gradient(to top, #00903c, #018836, #018030, #01792a, #007124);
    box-shadow: 0 1px 3px #ccc;
    overflow: hidden;
}
.link_Btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 0;
    background: url(../common/img/form_icon_under.png) no-repeat right 17px center , url(../common/img/form_btn_bg.png) no-repeat center center;
    background-size: 20px 20px , 100% 100%;
}
.link_Btn span {
    font-size: 18px;
    color: #fff;
}
.lecuturerBox {
	width: 100%;
    max-width: 880px;
    margin: 40px auto;
}
.lecuturerBox .lecuturer_tit {
    padding: 17px 0 17px 45px;
    margin-bottom: 20px;
    color: #fff;
    background: url(../img/seminar_form/seminar_icon_mini.png) no-repeat left 15px center , #333333;
    background-size: 25px 23px;
    box-sizing: border-box;
	font-size: 16px;
	text-align: left;
	font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "MS PGothic", "Arial", sans-serif; 
}
.lecuturerBox .lecuturer_tit::before, .lecuturerBox .lecuturer_tit::after { display: none; }

.member {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
	padding-bottom: 30px;
}
.member::after { content: ''; display: block; clear: both; }

.member .leftBox {
	float: left;
	width: 24%;
}
.member .leftBox img { display: block; width: 100%; }

.member .rightBox {
	float: right;
	width: 72%;
}
.member h5 {
	font-size: 20px;
	font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	-webkit-transform: rotate(.028deg);
	-ms-transform: rotate(.028deg);
	transform: rotate(.028deg);
	font-feature-settings: normal;
	padding-bottom: 8px;
	border-bottom: 1px solid #a38c40;
}
.member .license {
	font-size: 14px;
	margin: 20px auto;
	line-height: 1.6;
}
.member .rightBox > p {
	font-size: 15px;
	line-height: 1.6;
}
.member .rightBox p:nth-of-type(2),
.member .rightBox p:nth-of-type(3) {
	margin-top: 10px;
}
.member .rightBox .hitokoto {
	margin-top: 20px;
}
.member .rightBox .hitokoto span {
	font-weight: bold;
	display: block;
}
.backnumber {
	width: 94%;
	max-width: 1000px;
	margin: 40px auto 0;
}
.backnumber h3 {
	padding: 17px 20px;
	border: 1px solid #333;
	background: url(../common/img/bg_dots.png);
	box-sizing: border-box;
}
.backnumber table {
	width: 100%;
	margin: 20px auto 0;
}
.backnumber tr {
    border: 1px solid #ccc;
	font-size: 15px;
	line-height: 1.6;
}
.backnumber th {
    vertical-align: top;
    width: 20%;
    padding: 12px 10px 12px 20px;
    background-color: #f3f3f3;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.backnumber td {
    vertical-align: middle;
    width: 70%;
    padding: 12px 25px;
    box-sizing: border-box;
}
.backnumber tr a {
	color: #000;
	text-decoration: underline;
}
.seminar_form_page #form_area {
    padding: 100px 0 43px;
    margin: -32px auto 0;
}
#contents.thanks_page {
	padding-top: 60px;
}

/* TAB
------------------------------------------------------------------------*/
@media screen and (max-width: 968px){
    .inner_box {
        flex-wrap: wrap;
    }
    .inner_box img {
        width: 60%;
        height: 100% !important;
        margin: 0 auto 20px;
    }
	
}



/* SP
------------------------------------------------------------------------*/
@media screen and (max-width: 767px){

	.bg_gray {
		padding: 40px 0 20px;
	}
	.eventBox {
		padding: 20px 4%;
	}
	.eventBox h3 {
		font-size: 22px;
		line-height: 1.3;
	}
	.eventBox h3 br { display: block; }
	
	.eventBox .event_txt {
		text-align: left;
		line-height: 1.7;
		font-size: 15px;
	}
	.schedule {
		margin: 30px auto 10px;
	}
	.schedule h4 {
		font-size: 20px;
		margin: 0 auto 20px;
	}
	.schedule h4::before, .schedule h4::after {
		width: 100%;
	}
	.schedule tr {
		font-size: 15px;
		line-height: 1.4;
	}
	.schedule th {
		display: block;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #ccc;
		padding: 12px 16px;
	}
	.schedule td {
		display: block;
		width: 100%;
		padding: 15px 16px;
	}
	.schedule .txt_Large {
		font-size: 16px;
	}
	.link_Btn span {
		font-size: 16px;
		color: #fff;
	}
	.backnumber {
		margin: 20px auto 0;
	}
	.backnumber h3 {
		font-size: 15px;
		padding: 16px;
	}
	.backnumber tr {
		line-height: 1.4;
}
	.backnumber th {
		width: 20%;
		padding: 10px 10px 10px 10px;
		font-size: 13px;
	}
	.backnumber td {
		vertical-align: middle;
		width: 70%;
		padding: 10px 16px;
		font-size: 14px;
	}
	.seminar_form_page #form_area {
		padding-top: 60px;
		margin-top: -30px;
	}
	#form tr:first-child > td {
		padding-bottom: 10px;
	}
	#contents.thanks_page {
		padding-top: 30px;
	}
    
    .inner_box {
        flex-wrap: wrap;
    }
    .inner_box img {
        width: 100%;
        height: 100% !important;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
}