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

/* ==========================================================================
ベストカンパニー2020追加　20200408
========================================================================== */
#bestwork{
	margin-top: 40px;
	background: #FFF;
	position: relative;
}
#bestwork figure{
	width: 20%;
}
#bestwork .inner{
	width: 80%;
	padding: 0 30px;
	display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
}
#bestwork .inner .txt{
	width: 100%;
}

#bestwork h3{
	font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
#bestwork  .more{
	width:200px;
	margin:0 auto;
	}
#bestwork  .more a{
	display:block;
	width:100%;
	height:40px;
	box-sizing:border-box;
	border:1px solid #999;
	color:#222;
	display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
	}
#bestwork  .more a i{
	margin-left:8px;
	}
#bestwork  .more a:hover{
	border:5px solid #999;
	}

@media screen and (max-width:760px){

	#bestwork figure{
		width: 100%;
	}
	#bestwork .inner{
		width: 100%;
		padding: 15px;
	}
	#bestwork .inner .txt{
		width: 100%;
	}

	#bestwork h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	
}

/* ==========================================================================
トップページ
========================================================================== */
#toppage main{
	padding-bottom: 60px;
}
#toppage{
	width: 100%;
	position: relative;
}
#toppage main{
}

#toppage main .webinar_bnr{
	text-align: center;
	margin: 0 0 30px 0;
}

/**デモ用**********/
#toppage .demo_visual2{
	width: 100%;
	height: 530px;
	background: url("../images/home/main_03_dami.jpg") no-repeat!important;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}
#toppage .demo_visual{
	width: 100%;
	height: 530px;
	background: url("../images/home/main_02_dami.jpg") no-repeat!important;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}
/**デモ用**********/

#toppage .top_visual{
	width: 100%;
	height: 530px;
	background: url("../images/home/main_04.jpg") no-repeat;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}
#toppage .visual_box {
	height: 530px;
	position: relative;
}
#toppage .visual_box .inner{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
	margin: 0 auto;
	top: calc(50% + 35px);
	transform: translateY(-50%);
	width: 94%;
	padding: 30px 0;
	text-shadow:0px 0px 10px #024;
	background: linear-gradient(90deg, rgba(27, 40, 82, .0), rgba(27, 40, 82, .5), rgba(27, 40, 82, .0));
}
#toppage .visual_box .inner h2{
	font-size: 240%;
	font-weight: bold;
	margin-bottom: 15px;
}
#toppage .visual_box .inner p{
	font-size: 110%;
	font-weight: bold;
}
#toppage .visual_box .book_bnr{
	position: absolute;
	width: 180px;
	right: 100px;
	bottom: 30px;
}
#toppage .visual_box .book_bnr a{
	display: block;
}

#toppage .ticker {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	max-width: 980px;
	height: 60px!important;
	text-align: left;
	border: #ccc 1px solid;
	padding: 2px;
	background-color: #F9F9F6;
	overflow: hidden;
}
#toppage .ticker h3{
	position: relative;
	background: #132359;
	color: #FFF;
	width: 100px;
	z-index: 100;
}
#toppage .ticker ul {
	width: calc(100% - 245px);
	position: relative;
}
#toppage .ticker ul li {
	width: 100%;
	display: none;
	line-height: 54px;
	padding: 0 10px;
}
#toppage .ticker p{
	position: relative;
	width: 145px;
	z-index: 100;
}
#toppage .ticker p a{
	width: 100%;
	height: 100%;
	color: #222;
	background: #DDD;
	font-size: 90%;
}
#toppage .ticker p a:hover{
	color: #FFF;
	background: #666;
}
#toppage .ticker p a::after{
	content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg);
}
#toppage .ticker p a span{
	padding-right: 8px;
}

#toppage .service {
	padding-top:100px;
	margin-bottom: 70px;
}
#toppage .ttl2{
	text-align: center;
	font-size: 170%;
	font-weight: bold;
	color: #1C2952;
	font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
}
#toppage .ttl3{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #666;
	font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
}
#toppage .ttl3-2{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #666;
	font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 15px;
}

#toppage .service ul {
}

#toppage .service ul li {
	width: 31%;
}
#toppage .service ul li a {
	display: block;
	background: #132359;
	color: #FFF;
	line-height: 0;
	width: 100%;
	height: 100%;
}

#toppage .service ul li a figure{
	float: left;
	overflow: hidden!important;
	position: relative;
	width: 30%;
	max-width: 130px;
	height: 100%;
}
#toppage .service ul li a figure img {
	object-fit: cover;
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    min-height: 130px;
    min-width: 130px;
}
@supports ( object-fit: cover ) {
    #toppage .service ul li a figure img {
		position: static;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		-o-object-fit: cover;
		object-fit: cover;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
    }
}
#toppage .service ul li a:hover figure img {
	transform: scale(1.1);
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
}
#toppage .service ul li a p {
	float: right;
	width: 70%;
	text-align: center;
	display: inline-block;
}
#toppage .service ul li a p img {
	width: 100%;
	max-width: 220px;
	height: 100%;
	height: auto;
}

#toppage .company{
	margin-bottom: 80px;
	position:relative;
	background-position: top 200px left 0;
	background-image: url("../images/home/gray_back.png");
	background-repeat: repeat-x;
}

#toppage .company .inner{
	width:100%;
	position:relative;
	margin-bottom: 60px;
	}
#toppage .company .inner:after{
	content: "";
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	background: url("../images/home/sub_01.jpg") no-repeat;
	background-size: cover;
	z-index:0;
	}
#toppage .company .inner .content_in .txt-box{
	width: 46%;
}
#toppage .company .inner02{
	padding-bottom: 80px;
}
#toppage .company .inner02 li{
	
	width: 23%;
}
#toppage .company .inner02 li a{
	background: #FFF;
	display: block;
	color: #132359;
	height: 160px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#toppage .company .inner02 li a .inner_box{
	width: calc(100% - 125px);
	min-width: 50%;
	height: 100%;
	float: left;
	position: relative;
}
#toppage .company .inner02 li a .inner_box p{
	position: absolute;
	width: 90%;
	top:50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	font-size: 130%;
	line-height: 1em;
}
#toppage .company .inner02 li a .inner_box p span{
	color: #666;
	font-size: 60%;
	transition: all .3s !important;
}

#toppage .company .inner02 li a figure{
	float: right;
	overflow: hidden!important;
	position: relative;
	width: 50%;
	height: 100%;
	max-width: 125px;
	max-height: 100%;
}
#toppage .company .inner02 li a figure img {
	object-fit: cover;
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 125px;
    min-height: 160px;
}
@supports ( object-fit: cover ) {
    #toppage .company .inner02 li a figure img {
		position: static;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		-o-object-fit: cover;
		object-fit: cover;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
    }
}
#toppage .company .inner02 li a:hover{
	background: #2E5F87;
	color: #FFF;
}
#toppage .company .inner02 li a:hover .inner_box p span{
	color: #FFF;
}
#toppage .company .inner02 li a:hover figure img {
	transform: scale(1.1);
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
}

#toppage .seminar .ttl2{
	margin-bottom: 0;
}
#toppage .seminar ul{
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 40px;
}
#toppage .seminar ul li{
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; 
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
#toppage .seminar ul li:last-child{
	border-bottom: none;
}
#toppage .seminar ul li .date{
	width: 240px;
}
#toppage .seminar ul li a{
	display: block;
	width: calc(100% - 300px);
}

#toppage .seminar ul li:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}
#toppage .seminar .date span{
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	text-align: center;
	font-size: 80%;
	line-height: 1em;
	color: #FFF;
	padding: 5px 3px;
	margin-left: 8px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
#toppage .seminar .btn_area{
	text-align: center;
}
#toppage .seminar .btn_area .btn-open{
	width: 300px;
}

/* ==========================================================================
お知らせ
========================================================================== */
#news .list{
	padding-bottom: 60px;
}
#news .list ul{
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 10px;
}
#news .list ul li{
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; 
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
#news .list ul li:last-child{
	border-bottom: none;
}
#news .list ul li .date{
	width: 160px;
}
#news .list ul li a{
	display: block;
	width: calc(100% - 190px);
}
#news .list ul li .date:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}

/* ==========================================================================
プレスリリース
========================================================================== */
#news .detail{
	padding-bottom: 80px;
}
#news .detail .ttl{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
}
#news .detail .date{
	text-align: right;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
}
#news .detail .company{
	text-align: right;
	margin-bottom: 30px;
}
#news #form{
	padding-bottom: 80px;
}
	

/* ==========================================================================
サービス
========================================================================== */
#service .service_head.jinsen .inner:after{
	background-image: url("../images/service/jinsen_01.jpg") ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}
#service .service_head.jinkai .inner:after{
	background-image: url("../images/service/jinkai_01.jpg") ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}
#service .service_head.keishi .inner:after{
	background-image: url("../images/service/keishi_01.jpg") ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}

#service #bread{
	margin-bottom: 0;
}
#service .service_head{
	background: #132359;
}
#service .service_head .inner{
	width:100%;
	position:relative;
	}
#service .service_head .inner:after{
	content: "";
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	background-size: cover;
	z-index:0;
	}
#service .service_head .inner .content_in .txt-box{
	position: relative;
	color: #FFF;
	width: 46%;
	height: 200px;
}
#service .service_head .inner .content_in .txt-box h2{
	font-size: 220%;
}
#service .service_head .inner .content_in .txt-box h2 span{
	font-size: 80%;
}
#service .service_head .inner .content_in .txt-box h2 p{
	font-size: 140%;
}
#service .box_ttl {
	text-align: center;
	margin-bottom: 20px;
}
#service .box_ttl h3{
	display: inline-block;
	padding: 0 30px;
	font-size: 130%;
	color: #132359;
	font-weight: bold;
	border-bottom: 1px solid #132359;
}
#service .box_ttl p{
	font-size: 70%;
	letter-spacing: 0.5em;
	color: #666;
}

#service .first_box{
	background: #dde0ed;
	padding: 50px 0;
}
#service .first_box .bnr_box{
	width: 48%;
}
#service .first_box .bnr_box .inner{
	margin-bottom: 20px;
}
#service .first_box .bnr_box h3{
	border-bottom: 1px solid #132359;
	margin-bottom: 20px;
	color: #132359;
	font-weight: bold;
	font-size: 110%;
}
#service .first_box .bnr_box h3 span{
	display: inline-block;
	padding-left: 15px;
	font-size: 60%;
	letter-spacing: 0.5em;
}

#service .first_box .bnr_box figure{
	width: 26%;
}
#service .first_box .bnr_box .txt_box{
	width: 70%;
}
#service .first_box .bnr_box h4{
	width: 100%;
	border-bottom: 1px solid #CCC;
	line-height: 1.3em;
	margin-bottom: 10px;
}
#service .first_box .bnr_box .url{
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 15px;
}
#service .first_box .bnr_box  .url span{
	display: inline-block;
	border: 1px solid #222;
	padding: 2px 10px;
	margin-right: 10px;
	font-size: 80%;
	vertical-align: middle;
}
#service .first_box .bnr_box h4 img{
	width: 100%;
	max-width: 300px;
}
#service .first_box .bnr_box .btn_area{
	text-align: center;
}
#service .first_box .bnr_box .sub{
	margin: 30px 0 0 0;
}
#service .first_box .bnr_box .sub .inner{
	width: 48%;
}
#service .first_box .bnr_box .sub .inner a{
	display: block;
}
#service .first_box .bnr_box .sub .inner a figure{
	width: 100%;
}
#service .first_box .bnr_box .sub .inner a figure img{
	width: 100%;
	height: auto;
}



#service .first_box .service_box{
	width: 48%;
	
}
#service .service_box h3{
	color: #FFF;
	height: 0;
	width: 150px;
	border-bottom: 30px solid #132359;
	border-right: 10px solid transparent;
}
#service .service_box h3 span{
	display: inline-block;
	font-weight: bold;
	padding: 5px 0 0 15px;
	font-size: 110%;
}
#service .service_box ul{
	border-top: 1px solid #132359;
	background: #FFF;
	padding: 15px;
}
#service .service_box ul li{
	background: #E6E6E6;
	margin-bottom: 10px;
	padding: 10px 15px;
}
#service .service_box ul li:last-child{
	margin-bottom: 0;
}

#service .service_box ul li p{
	font-size: 90%;
	line-height: 1.6em;
}


#service .description{
	text-align: center;
	margin-bottom: 30px;
}
#service .advantage{
	padding: 60px 0 80px 0;
}
#service .box_desc{
	text-align: center;
	margin-bottom: 40px;
}
#service .advantage ul.sprit3 li{
	width: 32%;
	margin-bottom: 25px;
	overflow: hidden;
}
#service .advantage ul.sprit2 li{
	width: 49%;
	margin-bottom: 25px;
	overflow: hidden;
}
#service .advantage ul li h4{
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
}
#service .advantage ul li h4 span.no{
	display: block;
	text-align: center;
	padding: 15px 0;
	width: 60px;
}
#service .advantage ul li h4 span.ttl{
	display: block;
	width: calc(100% - 70px);
	padding: 15px 10px 15px 5px;
}
#service .advantage ul li .desc{
	padding: 20px;
	height: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
}
#service .advantage ul li .desc p{
	margin-bottom: 10px;
}

#service .advantage ul li:first-child h4{
	background: #759C68;
}
#service .advantage ul li:first-child h4 span.no{
	background: #516b48;
}
#service .advantage ul li:first-child .desc{
	background: #E1EAD5;
}

#service .advantage ul li:nth-child(2) h4{
	background: #78A0B7;
}
#service .advantage ul li:nth-child(2) h4 span.no{
	background: #5a788a;
}
#service .advantage ul li:nth-child(2) .desc{
	background: #D3E1EF;
}

#service .advantage ul li:nth-child(3) h4{
	background: #B28A96;
}
#service .advantage ul li:nth-child(3) h4 span.no{
	background: #85656e;
}
#service .advantage ul li:nth-child(3) .desc{
	background: #DDD0DF;
}

#service .advantage ul li:nth-child(4) h4{
	background: #c9b76b;
}
#service .advantage ul li:nth-child(4) h4 span.no{
	background: #8f824a;
}
#service .advantage ul li:nth-child(4) .desc{
	background: #f2e8b8;
}
#service .advantage .txt{
	text-align: center;
	margin-bottom: 30px;
}
#service .advantage .advantage_box{
	background: #FFF;
	text-align: center;
	padding: 20px;
}
#service .advantage .advantage_box img{
	max-width: 100%;
	height: auto;
}
#service .seminar{
	background: #EDEFF1;
	padding: 60px 0 80px 0;
}
#service .seminar ul{
	margin-bottom: 10px;
}
#service .seminar ul li{
	width: 23%;
	margin-bottom: 20px;
}
#service .seminar ul li a{
	position: relative;
	display: block;
	width: 100%;
	color: #0071BC;
	line-height: 1.6em;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#service .seminar ul li a:hover{
	background-color: #e0f0ff;
}
#service .seminar ul li a .date{
	color: #222;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
}
#service .seminar ul li a .date span{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	width: 80px;
}

#service .seminar .btn_area{
	text-align: center;
}
#service .seminar .btn_area .btn-open{
	width: 300px;
}



#service .seminar2{
	background: #EDEFF1;
	padding: 60px 0 80px 0;
}
#service .seminar2 ul{
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 40px;
}
#service .seminar2 ul li{
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; 
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
#service .seminar2 ul li:last-child{
	border-bottom: none;
}
#service .seminar2 ul li .date{
	width: 240px;
}
#service .seminar2 ul li a{
	display: block;
	width: calc(100% - 300px);
}

#service .seminar2 ul li:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}
#service .seminar2 .date span{
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	text-align: center;
	font-size: 80%;
	line-height: 1em;
	color: #FFF;
	padding: 5px 3px;
	margin-left: 8px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
#service .seminar2 .btn_area{
	text-align: center;
}
#service .seminar2 .btn_area .btn-open{
	width: 300px;
}



/* ==========================================================================
会社案内
========================================================================== */
#company main{
	padding-bottom: 80px;
}
#company .box01{
	margin-bottom: 80px;
}
#company .box .ttl_box{
	position: relative;
	width: 16%;
	border: 2px solid #132359;
	float: left;
}
#company .box .ttl_box:before {
    content:"";
    display: block;
    padding-top: 100%;
}
#company .box .ttl_box h3{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #132359;
	font-size: 120%;
	font-weight: bold;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#company .box .company_dl{
	width: 80%!important;
	float: right;
    padding: 25px 0 0 0;
}
#company .box .company_dl a{
    display: block;
    width: 350px;
    background: #132359;
    margin: 0 auto;
    color: #FFF;
    padding: 15px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
}
#company .box .company_dl a:hover{
    background: #0071BC;
}
#company .box .company_dl a i{
    margin-right: 8px;
}
@media screen and (max-width:760px){
	#company .box .company_dl{
        width: 100%!important;
        float: none;
    }
    #company .box .company_dl a{
        width: 80%;
        font-size: 16px;
    }
}


#company .box .info_table{
	width: 80%!important;
	float: right;
}

.info_table{
	width:100%;
	border-top:1px solid #c9c9ca;
	border-collapse: collapse;
	border-spacing: 0;
	}
.info_table th{
	background:#eeefef;
	width:180px;
	font-weight:normal;
	padding:10px;
	border-bottom:1px solid #c9c9ca;
	}
.info_table td{
	padding:10px;
	border-bottom:1px solid #c9c9ca;
	}
.info_table td.hall p{
	margin-bottom: 0!important;
	}

#company .box .history_table{
	width: 80%;
	float: right;
	border-top:1px solid #132359;
	border-collapse: collapse;
	border-spacing: 0;
}
#company .box .history_table th{
	text-align: left;
	vertical-align: top;
	width:180px;
	color: #132359;
	padding:10px;
	border-bottom:1px solid #c9c9ca;
}
#company .box .history_table td{
	padding:10px;
	border-bottom:1px solid #c9c9ca;
}
#company .box .history_table tr:last-child th,#company .box .history_table tr:last-child td{
	border-bottom:1px solid #132359;
}

#company article.mapimg figure{
	width: 30%;
	float: left;
}
#company article.mapimg figure img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#company article.mapimg .access_detail{
	width: 67%;
	float: right;
	font-size: 90%;
	line-height: 1.8em;
}
#company article.mapimg .access_detail th{
	display: block;
	width: 100%;
	text-align: left;
}
#company article.mapimg .access_detail td{
	display: block;
	width: 100%;
}

/* ==========================================================================
ご挨拶
========================================================================== */
#company article.greeting .greeting_box{
	width: calc(100% - 340px);
}
#company article.greeting figure{
	width: 300px;
	line-height: 1.8em;
}
#company article.greeting figure figcaption strong{
	font-size: 140%;
	font-weight: normal;
}
#company article.greeting .greeting_box h3{
	font-size: 240%;
	color: #132359;
	margin-bottom: 10px;
}
#company article.greeting .greeting_box h4{
	font-size: 160%;
	color: #132359;
	margin-bottom: 30px;
}
#company article.greeting .greeting_box p{
	margin-bottom: 20px;
}
#company article.greeting .greeting_box ul{
	background-color: #EDEFF1;
	padding: 30px 30px 15px 30px;
	margin-top: 40px;
}
#company article.greeting .greeting_box ul li{
	width: 48%;
	margin-bottom: 15px;
	background-color: #FFF;
	padding: 10px 20px;
	text-align: center;
	font-size: 140%;
}
#company article.greeting .greeting_box ul li span{
	font-size: 90%;
}
#company article.greeting .greeting_box .name{
	text-align: right;
}
#company article.greeting .greeting_box .name strong{
	font-weight: normal;
	font-size: 120%;
}


/* ==========================================================================
コンサルタント紹介
========================================================================== */
#company article.consultants .consultants_box{
	margin-bottom: 60px;
}
#company article.consultants .consultants_box h3{
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
	background: #78A0B7;
	margin-bottom: 20px;
	padding: 10px;
}
#company article.consultants .consultants_box h3 span{
	display: block;
	border-left: 5px solid #FFF;
	padding: 5px 10px;
}
#company article.consultants .consultants_box ul li.kaicho{
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

#company article.consultants .consultants_box ul li.kaicho figure {
	overflow: hidden;
	line-height: 0;
	margin-bottom: 15px;
}
#company article.consultants .consultants_box ul li.kaicho span{
	color: #78A0B7;
	font-size: 80%;
	letter-spacing: 0.2em;
}
#company article.consultants .consultants_box ul li.kaicho p{
	color: #222;
	font-size: 140%;
	font-weight: bold;
}
#company article.consultants .consultants_box ul li.kaicho span.katagaki{
	color: #222;
	letter-spacing: 0;
}




#company article.consultants .consultants_box ul li{
}
#company article.consultants .consultants_box ul li a{
	display: block;
	width: 100%;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#company article.consultants .consultants_box ul li a:hover{
	background-color: #EDEFF1;
}

#company article.consultants .consultants_box ul li a figure {
	overflow: hidden;
	line-height: 0;
	margin-bottom: 15px;
}
#company article.consultants .consultants_box ul li a:hover figure img {
	transform: scale(1.05);
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
}
#company article.consultants .consultants_box ul li a span{
	color: #78A0B7;
	font-size: 80%;
	letter-spacing: 0.2em;
}
#company article.consultants .consultants_box ul li a p{
	color: #222;
	font-size: 140%;
	font-weight: bold;
}
#company article.consultants .consultants_box ul li a span.katagaki{
	color: #222;
	letter-spacing: 0;
}

#company article.consultants_detail{
	margin-bottom: 60px;
}
#company article.consultants_detail .detail_box {
	width: calc(100% - 340px);
}
#company article.consultants_detail figure {
	width: 300px;
	background: #FFF;
	padding: 5px;
}
#company article.consultants_detail .detail_box h3{
	font-size: 200%;
	font-weight: bold;
	color: #132359;
	margin-bottom: 10px;
}
#company article.consultants_detail .detail_box h3 span{
	display: inline-block;
	font-size: 50%;
	font-weight: normal;
	color: #999;
	padding-left: 30px;
	letter-spacing: 0.4em;
}
#company article.consultants_detail .detail_box p{
	font-weight: bold;
	margin-bottom: 40px;
}
#company article.consultants_detail .detail_box .prof{
	background: #EDEFF1;
	padding: 20px;
}
#company article.consultants_detail .con_box{
	margin-bottom: 50px;
}
#company article.consultants_detail .con_box h4{
	margin-bottom: 15px;
	border-left: 3px solid #132359;
	padding: 15px;
	background: #FFF;
	color: #132359;
	font-size: 120%;
	font-weight: bold;
	line-height: 1em;
}

/* ==========================================================================
書籍情報
========================================================================== */
#books main{
	padding-bottom: 80px;
}
#books .caption_txt{
	text-align: center;
	margin-bottom: 30px;
}
article#books_list .booklist_box{
	margin-bottom: 60px;
}
article#books_list .booklist_box h3{
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
	background: #78A0B7;
	margin-bottom: 20px;
	padding: 10px;
}
article#books_list .booklist_box h3 span{
	display: block;
	border-left: 5px solid #FFF;
	padding: 5px 10px;
}
article#books_list  li{
}
article#books_list  li a{
	display: block;
	box-sizing: border-box;
	background: #FFF;
	color: #222;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
article#books_list  li a figure{
	float: left;
	width: 40%;
	background: #FFF;
	border: 1px solid #EEE;
	overflow: hidden;
}
article#books_list  li a .txt_box{
	float: right;
	width: 56%;
}
article#books_list  li a h1{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 10px;
}
article#books_list  li a p{
	font-size: 90%;
	line-height: 1.6em;
	margin-bottom: 8px;
}
article#books_list  li a p span{
	display: inline-block;
	width: 60px;
	text-align: center;
	line-height: 1em;
	padding: 3px 8px;
	font-size: 90%;
	background: #DDD;
	margin-right: 8px;
}
article#books_list  li a p span.cds{
	display: inline;
}
article#books_list  li a:hover{
	background-color: #EDEFF1;
}
article#books_list  li a:hover figure img {
	transform: scale(1.05);
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
}

article#books_detail{
	margin-bottom: 60px;
}
article#books_detail h3, article#form h3{
	font-size: 140%;
	font-weight: bold;
	color: #132359;
	margin-bottom: 20px;
	border-left: 5px solid #132359;
	background: #FFF;
	padding: 16px 20px;
}

article#books_detail .addtoany_shortcode{
	margin-bottom: 10px;
}
article#books_detail .content_box{
	margin-bottom: 60px;
}
article#books_detail .left{
	width: 35%;
}
article#books_detail .left figure{
	border: 1px solid #CCC;
	margin-bottom: 30px;
	text-align: center;
}
article#books_detail .left figure img{
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));
}

article#books_detail .right{
	width: 60%;
}
article#books_detail .right .txt p{
	margin-bottom: 20px;
}
article#books_detail .right .txt ul li{
	font-size: 90%;
	line-height: 1.6em;
}

article#books_detail .info_table{
	margin-bottom: 20px;
	}
article#books_detail .info_table th{
	}
article#books_detail .kousei{
	background: #EDEFF1;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
article#books_detail .kousei h2{
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-bottom: 12px;
	padding-bottom: 3px;
}
article#books_detail .kousei li{
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 1.6em;
}

article#books_detail .cart_btn a{
	display: block;
	background: #F08300;
	margin-bottom: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 5px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
article#books_detail .cart_btn a:hover{
	background: #804300;
}
article#books_detail .cart_btn a i{
	margin-right: 8px;
	font-size: 120%;
}
article#books_detail #form{
	margin-top: 60px;
}

/* ==========================================================================
メールマガジン
========================================================================== */
#books .magazine{
	margin-bottom: 60px;
}
#books .magazine ul li{
	position: relative;
	width: 48%;
	background: #FFF;
	padding: 20px 20px 90px 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#books .magazine ul li h3{
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 10px;
	text-align: center;
	color: #132359;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}
#books .magazine .btn_area{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
}
#books .magazine .btn_area .btn-open{
	width: 300px;
}


/* ==========================================================================
バイマンスリーワーズ
========================================================================== */
article#bimonthly_list ul li{
	float: left;
	width: 19%;
	margin: 10px 0.5%;
}
article#bimonthly_list ul li a{
	display: block;
	position: relative;
	width: 100%;
	background-color: #FFF;
	color: #222;
	padding: 35px 15px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
article#bimonthly_list ul li a:hover{
	background-color: #EDEFF1;
}
article#bimonthly_list ul li a .vol{
	display: inline-block;
	position: absolute;
	top: 0;
	left: -10px;
	background-color: #78A0B7;
	color: #FFF;
	font-size: 90%;
	line-height: 1em;
	padding: 5px 10px 5px 20px;
	transform: skewX(-15deg);
}
article#bimonthly_list ul li a figure{
	margin-bottom: 10px;
}
article#bimonthly_list ul li a .ttl{
	line-height: 1.4em;
	font-weight: bold;
}
article#bimonthly_list ul li a .date{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px dotted #CCC;
	font-size: 90%;
	line-height: 1em;
	text-align: right;
	padding: 5px 15px;
}
article#bimonthly_list ul li a .new_icon, .words .sdm_list li .new_icon{
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	background: #FF931E;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	padding-top: 12px;
	transform: rotate(-20deg);
	z-index: 2;
	border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
}

article#bimonthly section{
	margin-bottom: 70px;
}
article#bimonthly section .txt_box p{
	margin-bottom: 20px;
}
article#bimonthly h2.ttl{
	font-size: 160%;
	font-weight: bold;
	color: #132359;
	margin-bottom: 20px;
	border-left: 5px solid #132359;
	background: #FFF;
	padding: 16px 20px;
}
article#bimonthly h3{
	font-size: 140%;
	font-weight: bold;
	color: #132359;
	margin-bottom: 20px;
	border-bottom: 1px solid #132359;
	padding-bottom: 5px;
}
article#bimonthly h3:first-letter{
	font-size: 180%;
}
article#bimonthly .date{
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
	text-align: right;
}
article#bimonthly section figure{
	display: inline-block;
	height: auto;
	background: #FFF;
	padding: 20px;
}
article#bimonthly section img{
	max-width: 800px;
}
article#bimonthly section figure img{
	max-width: 500px;
}
@media screen and (max-width:760px){
	article#bimonthly section figure img{
		max-width: 100%;
	}
}

#prev_next{
	width: 100%;
	margin-bottom: 40px;
}
#prev_next a{
	display: block;
	box-sizing: border-box;
	width: 50%;
	padding: 20px 15px 15px 15px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	position: relative;
}
#prev_next a:hover{
	background: #F1F1F1;
}
#prev_next a#prev{
	float: left;
	border-right: 1px solid #CCC;
}
#prev_next a#next{
	float: right;
	text-align: right
}
#prev_next a#next p{
	text-align: right;
}
#prev_next a #prev_title, #prev_next a #next_title{
	position: absolute;
	display: inline-block;
	top: -15px;
	left: 15px;
	border: 1px solid #CCC;
	background: #F9F9F6;
	font-size: 90%;
	color: #222;
	line-height: 1em;
	padding: 5px 10px;
}
#prev_next a #next_title{
	left: auto!important;
	right: 15px!important;
}
#prev_next a#next p span,#prev_next a#prev p span{
	display: inline-block;
	background: #78A0B7;
	color: #FFF;
	font-size: 90%;
	font-weight: bold;
	padding: 1px 8px;
	margin: 0 10px;
}

/* ==========================================================================
セミナー講師派遣
========================================================================== */
#seminar main{
}
.pdbm20{
	padding-bottom: 20px;
}
#seminar #haken{
	margin-bottom: 80px;
}
#seminar #haken .caption_txt{
	margin-bottom: 50px;
}
#seminar #haken .caption_txt p{
    width: 60%;
}
#seminar #haken .caption_txt figure{
    width: 35%;
}

#seminar #haken .exa{
	background: #E6EBEF;
	padding: 20px;
	margin-bottom: 60px;
}
#seminar #haken .exa h3{
	color: #132359;
	font-size: 140%;
	font-weight: bold;
	border-left: 3px solid #132359;
	padding: 5px 15px;
	margin-bottom: 10px;
}
#seminar #haken .exa ul li{
	font-weight: bold;
	margin-bottom: 8px;
	padding-left:calc(1em + 10px);
	text-indent:calc(-5px - 1em);
}
#seminar #haken .exa ul li:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}
#seminar #haken .exa p{
	padding-left: 5px;
}
#seminar #haken .consultants_box{
    padding: 0 20px 20px 20px;
}
#seminar #haken .consultants_box li{
	width: 49%;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	margin-bottom: 20px;
}
#seminar #haken .consultants_box li.single{
	width: 100%;
}

#seminar #haken .consultants_box li table{
	width: 100%;
	border-spacing: 20px;
	font-size: 94%;
	line-height: 1.6em;
}
#seminar #haken .consultants_box li th{
	width: 23%;
	vertical-align: top;
	color: #132359;
	border-right: 2px solid #132359;
}
#seminar #haken .consultants_box li td{
	vertical-align: top;
}
#seminar #haken .consultants_box li td span{
    color: #132359;
    font-size: 12px;
    padding-right: 5px;
}
#seminar #haken .consultants_box li td.photo{
	width: 100px;
}
#seminar #form{
	padding-bottom: 80px;
}

#seminar #haken .consultants_box li td ul{
    padding-left: 20px;
}
#seminar #haken .consultants_box li td ul li{
    width: 100%;
    background-color: none;
    box-shadow: none;
    margin-bottom: 0;
    list-style: disc;
}
#seminar #haken .consultants_box li td ul br{
    display: none;
}

/****202307追記***********************************************************/
#seminar #haken .box_ttl {
	text-align: center;
	margin-bottom: 20px;
}
#seminar #haken .box_ttl h3{
	display: inline-block;
	padding: 0 30px;
	font-size: 130%;
	color: #132359;
	font-weight: bold;
	border-bottom: 1px solid #132359;
}
#seminar #haken .box_ttl p{
	font-size: 70%;
	letter-spacing: 0.5em;
	color: #666;
}
#seminar #haken .features .box_ttl h3{
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
#seminar #haken .features .box_ttl p{
	color: #FFF;
}
#seminar #haken .features{
    background: #78A0B7;
    padding: 80px 0;
    text-align: center;
}
#seminar #haken .features li{
    width: 32%;
    color: #132359;
    background: #FFF;
    padding: 20px;
    font-size: 120%;
    font-weight: bold;
    border-radius: 8px;
}
#seminar #haken .features figure{
    width: 70%;
    max-width: 130px;
    margin: 0 auto;
}

#seminar #haken .theme_ex{
    padding: 80px 0;
}
#seminar #haken .theme_ex .caption{
    text-align: center;
    margin-bottom: 30px;
}
#seminar #haken .theme_ex .ex_box .inner{
    width: 49%;
    background: #FFF;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#seminar #haken .theme_ex .ex_box .inner h4{
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    color: #132359;
}
#seminar #haken .theme_ex .ex_box .inner p.ttl{
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
#seminar #haken .theme_ex .ex_box .inner .theme_list{
    margin-bottom: 30px;
}
#seminar #haken .theme_ex .ex_box .inner .theme_list li{
	font-weight: bold;
	margin-bottom: 8px;
	padding-left:calc(1em + 10px);
	text-indent:calc(-5px - 1em);
}
#seminar #haken .theme_ex .ex_box .inner .theme_list li:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}
#seminar #haken .theme_ex .ex_box .inner .book_list figure img{ filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));}
#seminar #haken .theme_ex .ex_box .inner .book_list li{
    width: 32%;
} 
#seminar #haken .theme_ex .ex_box .inner .book_list::after{
  content:"";
  display: block;
  width:32%;
}
#seminar #haken .theme_ex .ex_box .inner .book_list li p{
    line-height: 1.6em;
    font-size: 90%;
}
#seminar #haken .theme_ex .ex_box .inner .link{
    background: #EDEFF1;
    padding: 8px;
    margin-top: 20px;
    text-align: center;
}
#seminar #haken .theme_ex .ex_box .inner .link a{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    position: relative;
}
#seminar #haken .theme_ex .ex_box .inner .link a.exicon::after{
    position: absolute;
    right: 4px;
    top: 4px;
}

#seminar #haken .theme_ex .ex_box .inner .link a img{
    width: 100%;
    max-width: 240px;
    background: #FFF;
}

#seminar #haken .jisseki{
    background: #EDEFF1;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
}
#seminar #haken .jisseki h4{
    font-size: 130%;
    font-weight: bold;
    color: #132359;
    margin-bottom: 10px;
}
#seminar #haken .jisseki p{
    font-weight: bold;
}
#seminar #haken .flow{
    background: #EDEFF1;
    padding: 80px 0;
}
#seminar #haken .flow li{
    margin-bottom: 20px;
}
#seminar #haken .flow li h4{
    line-height: 50px;
    font-size: 120%;
    color: #FFF;
    font-weight: bold;
    background: #78A0B7;
}
#seminar #haken .flow li h4 span{
    display: inline-block;
    background: #132359;
    width: 50px;
    text-align: center;
    margin-right: 20px;
}
#seminar #haken .flow li p{
    background: #FFF;
    padding: 20px;
    position: relative;
}
#seminar #haken .flow li p::after{
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%,0);
    content: url("../images/seminar/arrow.svg");
    width: 30px;
    height: 15px;
}
#seminar #haken .flow li:last-child p::after{
    display: none;
}
#seminar #haken .campaign{
    border: 2px solid #9F141A;
    background: #9F141A;
    color: #FFF;
    border-radius: 8px;
    padding: 20px;
    margin-top: 50px;
}
#seminar #haken .campaign p.ttl{
    font-weight: bold;
    text-align: center;
    line-height: 1em;
}
#seminar #haken .campaign h5{
    font-weight: bold;
    font-size: 200%;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 10px;
}

#seminar #haken .campaign ul li{
    font-size: 90%;
    line-height: 1.6em;
	margin-bottom: 0;
	padding-left:calc(1em + 10px);
	text-indent:calc(-5px - 1em);
}
#seminar #haken .campaign ul li:before{
  	content: "※";
  	margin-right: 5px;
}

.accordion {
    width: 100%;
    border: solid 2px #132359;
}
.accordion .toggle {
    display: none;
}
.accordion .option {
position: relative;
}
.accordion .title,
.accordion_inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
.accordion .title {
    font-size: 130%;
    color: #132359;
    padding: 1em;
    display: block;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}
.accordion .title span { display: block;font-size: 80%; padding: 5px 40px 0 40px; color: #222;}
.accordion .title::after,
.accordion .title::before {
    content: "";
    position: absolute;
    right: 1.5em;
    top: 1.9em;
    width: 3px;
    height: 1.25em;
    background-color: #999;
    transition: all 0.3s;
}
.accordion .title::after {
    transform: rotate(90deg);
}
.accordion_inner {
    max-height: 0;
    overflow: hidden;
}

.accordion .toggle:checked + .title + .accordion_inner {
    max-height: 99999px;
    transition: all 1.5s;
}
.accordion .toggle:checked + .title::before {
    transform: rotate(90deg) !important;
}

@media screen and (max-width:760px){
    #seminar #haken .caption_txt p{width: 100%; margin-bottom: 20px;}
    #seminar #haken .caption_txt figure{width: 100%;}
    #seminar #haken .features{ padding: 50px 0; }
    #seminar #haken .features li{ width: 100%; padding: 20px; font-size: 100%; margin-bottom: 15px; }
    #seminar #haken .features figure{ max-width: 100px; }
    #seminar #haken .theme_ex{ padding: 50px 0; }
    #seminar #haken .theme_ex .ex_box .inner{ width: 100%; padding: 20px; margin-bottom: 15px; }
    #seminar #haken .theme_ex .ex_box .inner h4{ font-size: 130%; }
    #seminar #haken .theme_ex .ex_box .inner .book_list li p{ padding-top: 8px;}
    #seminar #haken .flow{ padding: 50px 0; }
    #seminar #haken .flow li h4{ font-size: 110%; }
    #seminar #haken .flow li p{ padding: 15px; }
    #seminar #haken .campaign h5{ font-size: 140%; }

}


/* ==========================================================================
業界団体様向けサービス
========================================================================== */

#seminar #dantai{
	margin-bottom: 80px;
}
#seminar #dantai .caption_txt{
	margin-bottom: 40px;
}
#seminar #dantai .caption_txt p{
	width: 58%;
}
#seminar #dantai .caption_txt figure{
	width: 38%;
}
#seminar #dantai .dantai_box h3{
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
	background: #78A0B7;
	margin-bottom: 20px;
	padding: 10px;
}
#seminar #dantai .dantai_box h3 span{
	display: block;
	border-left: 5px solid #FFF;
	padding: 5px 10px;
}
#seminar #dantai .dantai_box ul li{
	width: 49%;
	margin-bottom: 20px;
	padding: 20px;
	background: #E6EBEF;
}
#seminar #dantai .dantai_box ul li h4{
	color: #004B80;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}
#seminar #dantai .dantai_box ul li .caption{
	background: #FFF;
	margin-top: 15px;
	padding: 15px;
}

/* ==========================================================================
セミナー一覧
========================================================================== */
.online_icon{
	margin-left: 10px;
	display: inline-block;
	background: #ff8b0f;
	padding: 0 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
.online_icon i{
	margin-right: 8px;
}

.webinar_box{
	padding: 30px;
	border: 1px solid #AAA;
	margin-bottom: 60px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.webinar_home{
	padding: 0px;
	border: none;
	margin-bottom: 60px;
	border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}

.webinar_box ul li a{
	width: 100%!important;
	display: block;
}
.webinar_box ul li a:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}

#toppage .seminar .webinar_box ul li:before{
  	content: "";
  	margin-right: 0;
}

.webinar_box ul li .inner{
	display: block;
	width: 100%;
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; 
}
.webinar_box ul li .inner .webinar_date{
	width: 380px;
	padding-left: 20px;
}
.webinar_box ul li .inner .webinar_length{
	width: 180px;
	padding-left: 20px;
}
.webinar_box ul li .inner .webinar_price{
	width: calc(100% - 600px);
	padding-left: 20px;
}
.webinar_box ul li .inner .webinar_date span, .webinar_box ul li .inner .webinar_price span, .webinar_box ul li .inner .webinar_length span{
	display: inline-block;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	color: #FFF;
	background: #AAA;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.2em;
	margin-right: 8px;
}
.webinar_box .caution{
	padding-top: 10px;
	color: #900;
}
.webinar_btn .btn-open{
	padding: 20px 24px;
	font-size: 20px;
}

#seminar .list .caption_txt{
	margin-bottom: 40px;
	text-align: center;
}
#seminar .list .box_ttl , #seminar .old .box_ttl {
	text-align: center;
	margin-bottom: 20px;
}
#seminar .list .list_box{
	padding-bottom: 60px;
}
#seminar .list .box_ttl h3 , #seminar .old .box_ttl h3{
	display: inline-block;
	padding: 0 30px 5px 30px;
	font-size: 130%;
	color: #132359;
	font-weight: bold;
	border-bottom: 1px solid #132359;
}
#seminar .list .box_ttl p , #seminar .old .box_ttl p{
	font-size: 70%;
	letter-spacing: 0.5em;
	color: #666;
}
#seminar .list .box_ttl2 {
	text-align: center;
	margin-bottom: 15px;
}
#seminar .list .box_ttl2 h3{
	display: inline-block;
	font-size: 120%;
	color: #666;
	font-weight: bold;
}

#seminar .list ul{
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}
#seminar .list ul li{
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; 
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
#seminar .list ul li:last-child{
	border-bottom: none;
}
#seminar .list ul li .date{
	width: 270px;
}
#seminar .list ul li a{
	display: block;
	width: calc(100% - 320px);
}

#seminar .list ul li .date:before{
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f0a9";
  	margin-right: 5px;
	color: #999;
}
#seminar .list .date span{
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	text-align: center;
	font-size: 80%;
	line-height: 1em;
	color: #FFF;
	padding: 5px 3px;
	margin-left: 8px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
#seminar .old{
	background: #EDEFF1;
	padding: 60px 0 80px 0;
}
#seminar .old ul{
	margin-bottom: 10px;
}
#seminar .old ul li{
	width: 23%;
	margin-bottom: 20px;
}
#seminar .old ul li a{
	position: relative;
	display: block;
	width: 100%;
	color: #0071BC;
	line-height: 1.6em;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#seminar .old ul li a:hover{
	background-color: #e0f0ff;
}
#seminar .old ul li a .date{
	color: #222;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
}
#seminar .old ul li a .date span{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	width: 80px;
}

/* ==========================================================================
セミナー詳細
========================================================================== */
#seminar .detail_box .box01{
	padding-bottom: 60px;
}
#seminar .detail_box .box01 h2.ttl{
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	color: #132359;
	line-height: 1.3em;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url("../images/main/dot_border.png") repeat-x bottom left;
}
#seminar .detail_box .box01 h2.ttl span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 60%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ","Droid Sans",  Arial, Roboto, Meiryo, sans-serif;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	padding: 10px 15px;
	margin: 0 10px 8px 0;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

#seminar .detail_box .box01 h3.catch{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 30px;
}
#seminar .seminar_finished{
	color: #F00;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
}
#seminar .detail_box .box01 .txt{
	margin-bottom: 30px;
}
#seminar .detail_box .box01 .txt p{
	margin-bottom: 20px;
}
#seminar .detail_box .box01 table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#seminar .detail_box .box01 table th{
	border: 1px solid #121B42;
	background: #121B42;
	color: #FFF;
	width: 20%;
	padding: 8px;
}
#seminar .detail_box .box01 table td{
	border: 1px solid #121B42;
	padding: 8px 16px;
}

#seminar .detail_box .box02{
	padding: 60px 0;
	background: #E6EBEF;
}
#seminar .detail_box .box02 table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#seminar .detail_box .box02 table th{
	background: #121B42;
	color: #FFF;
    text-align: center;
	width: 20%;
	padding: 15px 0;
	border-bottom: 1px solid #E6EBEF;
}
#seminar .detail_box .box02 table td{
	background: #FFF;
	padding: 15px 25px;
	border-bottom: 1px solid #E6EBEF;
}
#seminar .detail_box .box02 table td p{
	padding: 10px 0;
}
#seminar .detail_box .box02 table td.hall p{
	padding: 0!important;
}
#seminar .detail_box .box03{
	padding: 60px 0;
}
#seminar .detail_box .box03 h3{
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	color: #132359;
	line-height: 1.3em;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/* ==========================================================================
ウェブセミナー
========================================================================== */
#seminar .nexpro_box{
	padding-top: 40px;
	text-align: center;
}
#seminar .nexpro_box .btn-open{
	width: 70%;
}
#seminar .nexpro_box .caution{
	padding-top: 10px;
	color: #900;
}
/* ==========================================================================
ウェブセミナーEIGHT
========================================================================== */
#seminar.webinar8 #movie .youtubemovie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
#seminar.webinar8 #movie .youtubemovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#seminar.webinar8 .detail_box .box01{
	padding-bottom: 30px;
}
#seminar.webinar8 .detail_box .box01 .visual{
    width: 40%;
}
#seminar.webinar8 .detail_box .box01 .visual .share_btn{
    text-align: right;
    padding-top: 10px;
}
#seminar.webinar8 .detail_box .box01 .inner{
    width: 55%;
}
#seminar.webinar8 .detail_box .box01 h2.ttl{
    text-align: left;
}
#seminar.webinar8 .detail_box .box01 h3.catch{
    text-align: left;
}

#seminar.webinar8 .detail_box .box01.watchmovie{
	padding-bottom: 30px;
}
#seminar.webinar8 .detail_box .box01.watchmovie .visual{
    width: 100%;
    margin-bottom: 30px;
}
#seminar.webinar8 .detail_box .box01.watchmovie .inner{
    width: 100%;
}
#seminar.webinar8 .detail_box .box02 .form_caption{
    font-size: 90%;
    line-height: 1.6em;
    border: 1px solid #CCC;
    padding: 15px;
}

#seminar.webinar8 .detail_box .box02 .btn_area{
    width: 340px;
    padding: 5px 10px;
}
#seminar.webinar8 .detail_box .box02 .btn_area .btn-open {
  width: 100%;
}
#seminar.webinar8 .detail_box .box02 .btn_area.service_btn .btn-open { border: 2px solid #999999; }
#seminar.webinar8 .detail_box .box02 .btn_area.service_btn .btn-open::before { background-color: #999999; }
#seminar.webinar8 .detail_box .box02 .btn_area.service_btn .btn-open:hover { color: #999999; }



#seminar.webinar8 .listarea{ width: 100%; }
#seminar.webinar8 .listarea ul{ margin-bottom: 10px;}
#seminar.webinar8 .listarea li{ margin: 0 10px 0 0; }
#seminar.webinar8 .listarea li .secList {
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 8px 20px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background: #5ab4bd;
	border: solid 2px #5ab4bd;
	border-radius: 3px;
	transition: .4s;
}
#seminar.webinar8 .listarea li .secList:hover {
	background: #568094;
	border: solid 2px #568094;
}


@media screen and (max-width:760px){
    #seminar.webinar8 .detail_box .box01{ margin-top: -40px; }
    #seminar.webinar8 .detail_box .box01 .content_in{ width: 100%; }
    #seminar.webinar8 .detail_box .box01 .visual{ width: 100%; margin-bottom: 20px; }
    #seminar.webinar8 .detail_box .box01 .inner{ width: 92%; margin: 0 auto; }
    
    #seminar.webinar8 .detail_box .box01.watchmovie{ padding-bottom: 0; }
    #seminar.webinar8 .detail_box .box01.watchmovie .visual{ margin-bottom: 0; }
    #seminar.webinar8 .detail_box .box01.watchmovie .visual h2{ margin: 30px auto 15px auto; width: 92%; }
    #seminar.webinar8 .detail_box .box01.watchmovie .visual h3{ margin: 0 auto 20px auto; width: 92%; }
    
    #seminar.webinar8 .detail_box .box02{padding: 30px 0 60px 0;}
    #seminar.webinar8 .detail_box .box01 .visual .share_btn{
        padding-top: 10px;
        padding-right: 3%;
    }
	
	#seminar.webinar8 .listarea ul{ margin-bottom: 10px; padding: 0 4%;}
	#seminar.webinar8 .listarea li .secList { padding: 8px 10px;font-size: 13px;}

}


/* ==========================================================================
お問い合わせ
========================================================================== */
#contact main{
	padding-bottom: 80px;
}
#contact .caption_txt{
	margin-bottom: 30px;
}

#contact  .tel_box{
	margin-bottom: 70px;
}

#contact .tel_box_in{
	box-sizing: border-box;
	background: #E6EBEF;
	padding: 30px;
	text-align: center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#contact .tel_box_in .tel_no a{
	color: #222!important;
}
#contact .tel_box_in .tel_no{
	display: inline-block;
	font-size: 36px;
	padding-bottom: 3px;
	font-family: Arial, Roboto, Meiryo, sans-serif;
	font-weight: bold;
}
#contact .tel_box_in .tel_no img{
	width: 40px;
	height: auto;
	margin-right: 5px;
}
#contact .tel_box_in .tel_no span{
	font-size: 40%;	
	line-height: 1em;
	display: inline-block;
	color: #007F36;
	border: 1px solid #007F36;
	box-sizing: border-box;
	vertical-align: top;
	padding: 5px 10px;
	margin: 0 0 0 8px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#contact .tel_box_in .caption{
	margin-bottom: 10px;
	font-weight: bold;
}

/* ==========================================================================
個人情報保護方針
========================================================================== */
#contact .privacy_box .description{
	margin-bottom: 40px;
}
#contact .privacy_box .box{
	margin-bottom: 40px;
}

#contact .privacy_box .box h3{
	border-left: 5px solid #132359;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 20px;
	margin-bottom: 10px;
}
#contact .privacy_box .name{
	text-align: right;
}
#contact .privacy_box .name span{
	font-size: 120%;
}


@media screen and (max-width:1230px){
	#toppage .visual_box .book_bnr{
		display: none;
		color: #132359;
	}
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:760px){
	.sp_no{display: none;}
	/* ==========================================================================
	トップページ
	========================================================================== */
	#toppage .demo_visual{ height: 340px; position: absolute; }
	#toppage .top_visual{ height: 340px; position: absolute; }
	#toppage .visual_box { height: 340px; position: relative; }
	#toppage .visual_box .inner{ position: absolute; left: 0; right: 0; text-align: center; color: #FFF; margin: 0 auto; top: calc(50% + 35px); transform: translateY(-50%); width: 94%; padding: 20px 20px; text-shadow:0px 0px 6px #000; background: linear-gradient(90deg, rgba(27, 40, 82, .4), rgba(27, 40, 82, .6), rgba(27, 40, 82, .4));}
	#toppage .visual_box .inner h2{ font-size: 160%; margin-bottom: 15px; }
	#toppage .visual_box .inner p{ font-size: 85%; line-height: 1.6em; }  
	#toppage .ticker { display: none; }  
	#toppage .service { padding-top:40px; margin-bottom: 60px; } 
	#toppage .service .ttl2,#toppage .company .ttl2{ text-align: left; } 
	#toppage .ttl2{ font-size: 130%; margin-bottom: 30px; } 
	#toppage .ttl3{ font-size: 90%; margin-bottom: 20px; } 
	#toppage .ttl3-2{ font-size: 100%; margin-bottom: 15px; }  
	#toppage .service ul li { width: 100%; margin-bottom: 10px; }  
	#toppage .company{ margin-bottom: 60px; } #toppage .company .ttl2{ width: 94%; margin: 0 auto 20px auto; } 
	#toppage .company .inner{ margin-bottom: 40px; } 
	#toppage .company .inner:after{ display: none; } 
	#toppage .company .inner .content_in .txt-box{ width: 100%; } 
	#toppage .company .inner02{ padding-bottom: 60px; } 
	#toppage .company .inner02 li{ width: 48%; margin-bottom: 10px; } 
	#toppage .company .inner02 li a{ height: 80px; } 
	#toppage .company .inner02 li a .inner_box{ width: calc(100%); } 
	#toppage .company .inner02 li a .inner_box p{ font-size: 110%; } 
	#toppage .company .inner02 li a figure{ display: none; } 
	#toppage .seminar ul li{ padding: 15px 0; } 
	#toppage .seminar ul li .date{ width: 80%; } 
	#toppage .seminar ul li a{ width: calc(100%); padding-left: calc(1em + 5px); }
	
	/* ==========================================================================
	お知らせ
	========================================================================== */
	#news .list ul li{ display: block; }
	#news .list ul li .date{ width: 100%; }
	#news .list ul li a{ width: calc(100%); }

	/* ==========================================================================
	プレスリリース
	========================================================================== */
	#news .detail{ padding-bottom: 60px; }
	#news .detail .ttl{ text-align: left; font-size: 150%; }
	#news #form{ padding-bottom: 60px; }


	/* ==========================================================================
	サービス
	========================================================================== */
	#service .service_head{ margin-bottom: 100px; }
	#service .service_head .inner:after{ content: ""; width:100%; height:100px; top:auto; left:auto; }
	#service .service_head .inner .content_in .txt-box{ position: relative; width: 100%; height: 160px; }
	#service .service_head .inner .content_in .txt-box h2{ font-size: 160%; }
	#service .service_head .inner .content_in .txt-box h2 span{ font-size: 80%; }
	#service .service_head .inner .content_in .txt-box h2 p{ font-size: 100%; }
	#service .first_box .bnr_box{ width: 100%; }
	#service .first_box .bnr_box figure{ display: none;}
	#service .first_box .bnr_box h3{ margin-bottom: 10px; }
	#service .first_box .bnr_box .txt_box{ width: 100%; }
	#service .first_box .bnr_box .txt{ font-size: 90%; line-height: 1.6em; }
	#service .first_box .bnr_box h4 img{ width: 80%; }
	#service .first_box .service_box{ width: 100%; margin-bottom: 40px; }
	#service .service_box ul{ padding: 10px; }	
	#service .advantage{ padding: 40px 0 40px 0; }
	#service .advantage ul.sprit3 li{ width: 100%; margin-bottom: 15px; }
	#service .advantage ul.sprit2 li{ width: 100%; margin-bottom: 15px; }
	#service .advantage ul li h4{ font-size: 110%; }
	#service .advantage ul li h4 span.no{ padding: 10px 0; width: 40px; }
	#service .advantage ul li h4 span.ttl{ display: block; width: calc(100% - 40px); padding: 10px 10px; }
	#service .advantage ul li .desc{ padding: 15px; }
	#service .advantage ul li .desc p{ margin-bottom: 10px; }
	#service .advantage .txt{ text-align: left; }
	#service .seminar2{ padding: 40px 0 60px 0; }
	#service .seminar2 ul li .date{ width: 80%; }
	#service .seminar2 ul li a{ width: 100%; padding-left: calc(1em + 5px); }
	#service .seminar2 .btn_area .btn-open{ width: 80%; }
	#service .btn_area .btn-open{ width: 80%; }

	/* ==========================================================================
	会社案内
	========================================================================== */
	#company main{ padding-bottom: 60px; }
	#company .box01{ margin-bottom: 60px; }
	#company .box .ttl_box{ width: 100%; border: 2px solid #132359; background: #132359; float: none; margin-bottom: 10px; }
	#company .box .ttl_box:before { display: none; }
	#company .box .ttl_box h3{ position: relative; top:auto; left:auto; text-align: left; color: #FFF; font-size: 110%; font-weight: bold; padding: 5px 10px; transform: none; -webkit-transform: none; }
	#company .box .info_table{ width: 100%!important; float: none; }

	.info_table{ width:100%; border-top:1px solid #c9c9ca; border-collapse: collapse; border-spacing: 0; }
	.info_table th{ display: block; text-align: left; width:100%; padding:5px 10px; border-bottom: none; }
	.info_table td{ display: block; width: 100%; padding:5px 10px 15px 10px; }
	.info_table td.hall p{ margin-bottom: 0!important;}

	#company .box .history_table{ width: 100%; float: none; }
	#company .box .history_table th{display: block;width:100%;padding:5px 10px;background: #EEEFEF;}
	#company .box .history_table td{display: block;width: 100%;padding:5px 10px 15px 10px;}
	#company .box .history_table tr:last-child th{border-bottom:1px solid #CCC;}

	#company article.mapimg figure{ width: 100%; float: none; margin-bottom: 30px; }
	#company article.mapimg figure .btn_area{ text-align: right; font-size: 90%; }
	#company article.mapimg .access_detail{ width: 100%; float: none; }


	/* ==========================================================================
	ご挨拶
	========================================================================== */
	#company article.greeting .greeting_box{ width: calc(100%); margin-bottom: 30px;}
	#company article.greeting figure{ width: 100%; background: #EFEFEF; padding: 10px 10px 0 10px; position: relative;}
	#company article.greeting figure img{ width: 30%; height: auto; float: right;}
	#company article.greeting figure figcaption{ position: absolute; left: 15px; bottom: 10px; }
	#company article.greeting figure figcaption strong{ font-size: 120%; }
	#company article.greeting .greeting_box h3{ font-size: 160%; margin-bottom: 8px; }
	#company article.greeting .greeting_box h4{ font-size: 100%; margin-bottom: 15px; }
	#company article.greeting .greeting_box ul{ padding: 10px 10px 0px 10px; }
	#company article.greeting .greeting_box ul li{ width: 100%; margin-bottom: 10px; padding: 10px 20px; text-align: left; font-size: 120%; }
	#company article.greeting .greeting_box ul li span{ font-size: 90%; }

	/* ==========================================================================
	コンサルタント紹介
	========================================================================== */
	#company article.consultants .consultants_box ul li.kaicho{padding: 10px; line-height: 1.1em;}

	#company article.consultants .consultants_box ul li.kaicho figure {margin-bottom: 10px;}
	#company article.consultants .consultants_box ul li.kaicho span{letter-spacing: 0em;}
	#company article.consultants .consultants_box ul li.kaicho p{font-size: 130%; padding: 10px 0;}
	#company article.consultants .consultants_box ul li.kaicho span.katagaki{letter-spacing: 0;}
	
	#company article.consultants .consultants_box h3{ font-size: 130%; padding: 10px; }
	#company article.consultants .consultants_box h3 span{ padding:3px 10px;}
	#company article.consultants .consultants_box ul li a{ padding: 10px; line-height: 1.1em; }
	#company article.consultants .consultants_box ul li a figure { margin-bottom: 10px; }
	#company article.consultants .consultants_box ul li a span{ letter-spacing: 0em; }
	#company article.consultants .consultants_box ul li a p{ font-size: 130%; padding: 10px 0;}
	#company article.consultants .consultants_box ul li a span.katagaki{letter-spacing: 0;}
	#company article.consultants_detail{margin-bottom: 0px;}
	#company article.consultants_detail .con_box { position: relative; }
	#company article.consultants_detail .detail_box { width: calc(100%); }
	#company article.consultants_detail figure { position: absolute; right: 0; top: 0; width: 110px; }
	#company article.consultants_detail .detail_box h3{ font-size: 160%; margin-bottom: 15px; }
	#company article.consultants_detail .detail_box h3 span{ display: block; line-height: 1.2em; padding-left: 0; letter-spacing: 0.2em; }
	#company article.consultants_detail .detail_box p{ font-size: 90%; margin-bottom: 25px; line-height: 1.6em; }
	#company article.consultants_detail .detail_box .prof{ padding: 15px; font-size: 90%; line-height: 1.6em; }
	#company article.consultants_detail .con_box{ margin-bottom: 50px; }
	#company article.consultants_detail .con_box h4{ padding: 10px; font-size: 110%; }

	/* ==========================================================================
	書籍情報
	========================================================================== */
	#books main{ padding-bottom: 60px; }
	#books .caption_txt{ text-align: left; margin-bottom: 30px; }
	article#books_list  li{ float: none; width: 100%; margin: 0 0 10px 0; }
	article#books_list  li a{ padding: 12px; }
	article#books_list  li a figure{ width: 30%; }
	article#books_list  li a .txt_box{ width: 66%; }
	article#books_detail{ margin-bottom: 0; }
	article#books_detail h3, article#form h3{ font-size: 120%; padding: 10px 10px; }
	article#books_detail .content_box{ margin-bottom: 30px; }
	article#books_detail .left{ width: 100%; margin-bottom: 20px; }
	article#books_detail .left figure{ margin-bottom: 10px; }
	article#books_detail .right{ width: 100%; }
	article#books_detail .info_table th{width:100%;}
	article#books_detail .kousei{ padding: 15px; }
	article#books_detail .cart_btn a{ padding: 20px 5px; }

	/* ==========================================================================
	バイマンスリーワーズ
	========================================================================== */
	article#bimonthly_list ul li{ width: 47%; margin: 6px 1.5%; }

	article#bimonthly h2.ttl{ font-size: 140%; padding: 10px 15px; }
	article#bimonthly h3{ font-size: 120%; }
	article#bimonthly h3:first-letter{ font-size: 140%; }
	article#bimonthly .date{ margin-bottom: 20px; }

	#prev_next{ margin-bottom: 10px; }
	#prev_next a#next p span,#prev_next a#prev p span{ display: block; font-size: 80%; line-height: 1em; padding: 5px 8px; margin: 0 0 5px 0; }

	/* ==========================================================================
	セミナー講師派遣
	========================================================================== */
	#seminar #haken{ margin-bottom: 60px; }
	#seminar #haken .caption_txt{ text-align: left; }
	#seminar #haken .exa{ padding: 15px; }
	#seminar #haken .exa h3{ font-size: 120%; padding: 5px 15px; }
	#seminar #haken .consultants_box h3{ font-size: 120%; }
	#seminar #haken .consultants_box li{ width: 100%; margin-bottom: 10px; }
	#seminar #haken .consultants_box li.single{ width: 100%; }

	#seminar #haken .consultants_box li table{ position: relative; }
	#seminar #haken .consultants_box li table tr:first-child th{ width: calc(100% - 100px); }
	#seminar #haken .consultants_box li table tr:first-child td{ width: calc(100% - 100px); }
	#seminar #haken .consultants_box li th{ display: block; width: 100%; border-right: none; border-bottom: 1px solid #132359; }
	#seminar #haken .consultants_box li td{ display: block; width: 100%; padding-top: 5px; }
	#seminar #haken .consultants_box li td.photo{ width: 100px!important; position: absolute; top: 0; right: 0; padding: 5px!important; }
	#seminar #form{ padding-bottom: 60px; }

	/* ==========================================================================
	業界団体様向けサービス
	========================================================================== */
	#seminar #dantai{ margin-bottom: 60px; }
	#seminar #dantai .caption_txt p{ width: 100%; margin-bottom: 15px; }
	#seminar #dantai .caption_txt figure{ width: 100%; }
	#seminar #dantai .dantai_box h3{ font-size: 120%; }
	#seminar #dantai .dantai_box ul li{ width: 100%; margin-bottom: 10px; padding: 15px; }
	#seminar #dantai .dantai_box ul li h4{ font-size: 110%; margin-bottom: 5px; margin-top: 5px; }
	#seminar #dantai .dantai_box ul li .caption{ padding: 10px; }

	/* ==========================================================================
	セミナー一覧
	========================================================================== */
	.webinar_box{ padding: 20px; }
	.webinar_home{ padding: 0px; }
	
	.webinar_box ul li a{ width: 100%!important; }
	
	#toppage .seminar .webinar_home ul li a{ padding-left: 0; }
	
	.webinar_box ul li .inner .webinar_date{ width: 100%; }
	.webinar_box ul li .inner .webinar_price{ width: calc(100%); }
	.webinar_box .caution{ font-size: 13px; line-height: 1.6em; }
	#seminar .nexpro_box .caution{ font-size: 13px; line-height: 1.6em; }
	.webinar_btn .btn-open{ padding: 12px 27px; font-size: 18px; }
	
	#seminar .box01 .nexpro_box{display: none;}
	#seminar .nexpro_box{ padding-top: 0; text-align: center;}
	#seminar .nexpro_box .btn-open{
		position: fixed;
		bottom: 10px;
		left: 0;
		z-index: 10;
		width: 70%;
		margin: 0 15%;
	}
	#seminar .nexpro_box .caution{
		padding-top: 10px;
		color: #900;
	}
	
	
	#seminar .list .caption_txt{ text-align: left; }
	#seminar .list .box_ttl h3 , #seminar .old .box_ttl h3{ font-size: 120%; }
	#seminar .list .box_ttl2 { text-align: center; margin-bottom: 15px; }
	#seminar .list ul li{ display:block; }
	#seminar .list ul li .date{ width: 100%; }
	#seminar .list ul li a{ display: block; width: calc(100%); }

	#seminar .old{ padding: 60px 0 ; }
	#seminar .old ul{ margin-bottom: 0;}
	#seminar .old ul li{ width: 48%; margin-bottom: 10px; }
	#seminar .old ul li a{ padding: 12px; }

	/* ==========================================================================
	セミナー詳細
	========================================================================== */
	#seminar .detail_box .box01 h2.ttl{ font-size: 130%; text-align: left; line-height: 1.4em; }
	#seminar .detail_box .box01 h2.ttl span{ display: block;text-align: left; padding: 8px 15px; margin: 0 0 12px 0; }
	#seminar .detail_box .box01 h3.catch{ font-size: 100%; text-align: left; }
	#seminar .seminar_finished{ font-size: 100%; }
	#seminar .detail_box .box02 table th{ display: block; width: 100%; text-align: left; padding: 5px 15px; border-bottom: none; }
	#seminar .detail_box .box02 table td{ display: block; width: 100%; padding: 8px 15px 15px 15px; border-bottom: none; }
	#seminar .detail_box .box03{ padding: 40px 0 60px 0; }
	#seminar .detail_box .box03 h3{ font-size: 130%; padding-bottom: 0px; margin-bottom: 15px; }
	
	/* ==========================================================================
	メールマガジン
	========================================================================== */
	#books .magazine ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	#books .magazine ul li h3{
		font-size: 110%;
	}
	#books .magazine .btn_area .btn-open{
		width: 80%;
		font-size: 90%;
	}

	/* ==========================================================================
	お問い合わせ
	========================================================================== */
	#contact main{ padding-bottom: 60px; }
	#contact  .tel_box{ margin-bottom: 60px; }
	#contact .tel_box_in{ padding: 20px; }
	#contact .tel_box_in .tel_no{ font-size: 30px; padding-bottom: 3px; }
	#contact .tel_box_in .tel_no img{ width: 32px; }
	#contact .tel_box_in span{ line-height: 1em; display: inline-block;}
	#contact .tel_box_in .time{	font-size: 90%;}

	/* ==========================================================================
	個人情報保護方針
	========================================================================== */
	#contact .privacy_box .box h3{
		border-left: 3px solid #132359;
		font-size: 110%;
		padding: 3px 0 5px 10px;
		margin-bottom: 10px;
	}
	#contact .privacy_box .name span{ font-size: 100%; }

}


/* ==========================================================================
ダウンロード
========================================================================== */
.sdm_list_box .sdm_post_item{
    width: 100%!important;
}
.sdm_list_box .sdm_post_item_top_right{
    float: none!important;
    width: 100%!important;
}
.sdm_list_box .sdm_post_title{
    font-size: 16px!important;
    font-weight: normal!important;
    margin-bottom: 0!important;
    padding-left: 120px;
}
.sdm_list_box ul.sdm_list li {
    position: relative;
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
    width: 48%;
}
.sdm_list_box .sdm_post_download_section{
    margin: 0!important;
    position: absolute;
    top: 13px;
    left: 0;
}

.sdm_desc{
    text-align: center;
}
.sdm_desc .sdm_post_item{
    width: 100%!important;
}
.sdm_desc .sdm_post_item_top_right{
    float: none!important;
    width: 100%!important;
}
.sdm_desc .sdm_post_title{
    margin-bottom: 0!important;
}

/*********************/
/*** Button styles ***/
/*********************/
.sdm_list_box .sdm_download {
    display:inline-block!important;
    font: bold 12px/12px HelveticaNeue, Arial;
	font-size: 14px!important;
	text-align: center;
    padding: 10px 10px!important;
    color: #FFF!important;
    border: none!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
} 
.sdm_list_box .sdm_download.green{
    background: #900!important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='#900')!important; /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#900), to(#900))!important; /*  WebKit */
    background: -moz-linear-gradient(top,  #900, #900)!important;
    border-color: none!important;
    color: #FFF!important;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow:none!important;
	transition-duration: 0.5s!important;
}
.sdm_list_box .sdm_download.green:hover{
    background: #600!important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#600', endColorstr='#600')!important; /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#600), to(#600))!important; /*  WebKit */
    background: -moz-linear-gradient(top,  #600, #600)!important;
    border-color: none!important;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;    
}

.sdm_desc .sdm_download {
    display:inline-block!important;
    font: bold 12px/12px HelveticaNeue, Arial;
	font-size: 110%!important;
	text-align: center;
    padding: 20px 50px!important;
    color: #FFF!important;
    border: none!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
} 
.sdm_desc .sdm_download.green{
    background: #900!important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='#900')!important; /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#900), to(#900))!important; /*  WebKit */
    background: -moz-linear-gradient(top,  #900, #900)!important;
    border-color: none!important;
    color: #FFF!important;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow:none!important;
	transition-duration: 0.5s!important;
}
.sdm_desc .sdm_download.green:hover{
    background: #600!important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#600', endColorstr='#600')!important; /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#600), to(#600))!important; /*  WebKit */
    background: -moz-linear-gradient(top,  #600, #600)!important;
    border-color: none!important;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;    
}
.sdm_desc .sdm_post_download_section{
    margin: 15px 0 8px 0!important;
}
.sdm_post_download_section a[target="_blank"]::after{
    display: none!important;
}
section.words{
    padding: 30px 0;
}

section.words h3{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    border-left: 5px solid #132359;
    padding: 8px 15px;
    margin-bottom: 10px;
    background: #EFEFEF;
}

@media screen and (max-width:760px){
    .sdm_list_box ul.sdm_list li {
        width: 100%;
    }
}

/******************************************************
フォームスタイル
*******************************************************/
/**Common***/
*{box-sizing:border-box;}
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-start{ justify-content: flex-start; -webkit-justify-content: flex-start;}
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

/**フォーム部分***/
.form_block{ padding: 0 0 0 0; line-height: 1.9em; }
.form_block{ width: 100%;margin: 0 auto; font-size: 16px; }
.form_block .form table{ width:100%; }
	
.form_block table.form_table{ width:100%; border-top:1px solid #DDD; border-collapse: collapse; border-spacing: 0; }
.form_block table.form_table tr{ border-bottom:1px solid #DDD; }
.form_block table.form_table th{ font-weight:normal; color: #222; width:25%; min-width:120px; text-align:left; padding:15px 20px; background: #EFEFEF; }
.form_block table.form_table th span, table.form_table td span.required{ font-size:16px; color:#EE0000; margin-left:5px; font-weight: bold;background: none;}
.form_block table.form_table td{ padding:15px 20px; position: relative; }
.form_block table.form_table .position .parts { width: 100%; position: relative; }
.form_block table.form_table .name .parts {width: 49%; position: relative; }
.form_block table.form_table .address_parts {width: 100%; position: relative;}
.form_block table.form_table .position .parts label, table.form_table .name .parts label, table.form_table .address_parts label
	{position: absolute; top:0; left: 0; z-index: 1;padding: 6px 10px;border: 1px solid #999; width: 75px; background: #999; color: #FFF;border-radius: 5px 0 0 5px;}
.form_block table.form_table .position .parts input{padding-left: 90px; margin: 0 0 10px 0; line-height: 1.7em;}
.form_block table.form_table .name .parts input{padding-left: 90px;margin: 0;line-height: 1.7em;}
.form_block table.form_table .address_parts input{padding-left: 130px!important; margin: 0 0 10px 0;line-height: 1.7em;}
.form_block table.form_table .address_parts label{width: 120px!important;}
.form_block input#zip1{ width:220px; line-height: 1.7em;}
.form_block input#zip2{ width:100px;padding-left: 8px!important; line-height: 1.7em;}
.form_block table.form_table .second_user{ border: 1px solid #999; padding: 15px; margin-top: 15px;}
.form_block table.form_table .second_user p{width: 100%; margin:0 0 10px 0; font-weight: bold;}
.form_block table.form_table .second_user p span{font-size: 14px; font-weight: normal;}

.form_block input, .form_block textarea, .form_block select { font-family: inherit; font-size: 16px; color: inherit; box-sizing:border-box;line-height: 1.7em;}
.form_block select[multiple] { height: 50px;}

.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"], .form_block select, .form_block textarea{
	width:100%; padding:8px; border-radius: 5px; border:1px solid #999; background-color:#EFEFEF; }
.form_block  input[type="submit"] { cursor: pointer; font-size:22px; padding:10px 0; width:280px; color:#FFF; background-color:#900; border:none; transition: 0.3s; border-radius: 5px;}
.form_block  .wpcf7-submit:disabled{ background-color: #CCC;cursor: not-allowed;}
.form_block #submit_box{ text-align:center; padding:35px 0 50px 0; }
.form_block input[type="checkbox"], .form_block input[type="radio"] { display: inline-block; margin: 0 2px; padding: 0; vertical-align: middle; position: relative; top: -1px; cursor: pointer;}
.form_block .caution{text-align: right;margin: 0 0 10px 0;}
.form_block .caution span{color: #EE0000; font-weight: bold;}
.form_block .caption{padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em;}
.form_block .caption ul{margin: 0;padding: 0;}
.form_block .caption ul li{ list-style: none; padding-left: 1em; text-indent: -1em; font-size: 14px;}

.form_block .service_desc span.wpcf7-list-item{width: 45%;}
.form_name_hidden{display: none;}


@media screen and (max-width:959px){
    .form_block table.form_table th{ display: block; width:100%; padding:8px 10px;}
    .form_block table.form_table td{ display: block; width: 100%; padding:10px 10px 30px 10px;}
    .form_block table.form_table .second_user p span{font-size: 13px;}
    .form_block table.form_table .second_user{ padding: 12px;}
	.form_block .service_desc span.wpcf7-list-item{width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------20230727追記
セミナーリンクボタン
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.seminar_link02{
    width: 100%;
    margin: 30px 0;
}
.seminar_link02 a{
    display: block;
    border: 2px solid #c4004f;
    border-radius: 10px;
    color: #c4004f;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 95%;
    margin: 0 auto 10px auto;
}
.seminar_link02 a i{
    padding-left: 8px;
}
.seminar_link02 a:hover{
    border: 2px solid #c4004f;
    color: #FFF;
    background: #c4004f;
}
.mb040{margin-bottom: 40px;}

#seminar .txt figure img{width: 100%; height: auto;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------20240807追記
バイマンスリーセミナー
-------------------------------------------------------------------------------------------------------------------------------------------------- */
.bm_seminar_old{
    margin-top: 60px;
    background: #EDEFF1;
    padding: 50px 0 80px 0;
}
.bm_seminar_old h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 130%;
    color: #132359;
    font-weight: bold;
}
#seminar .detail_box .box02 .inner_l{ width: 65%; }
#seminar .detail_box .box02 .inner_r{ width: 28%; }
#seminar .detail_box .box02 .inner_l p{padding: 0;}
#seminar .detail_box .box02 .inner_l img{margin-bottom: 10px;}
#seminar .detail_box .box02 .inner_l p.num{font-weight: bold;color: #121B42; margin-bottom: 5px;}
#seminar .detail_box .box02 .inner_l p.position{font-weight: bold; font-size: 15px;}
#seminar .detail_box .box02 .inner_l p.name{font-weight: bold; font-size:20px; }
#seminar .detail_box .box02 .inner_l p.graduation{font-size:14px; margin-bottom: 20px; }
#seminar .detail_box .box02 .inner_l p.graduation::before{content: "（"}
#seminar .detail_box .box02 .inner_l p.graduation::after{content: "）"}

#seminar .detail_box .box02 .desc_inner h3{font-weight: bold;color: #121B42; padding-bottom: 3px; margin:30px 0 5px 0;}
#seminar .detail_box .box02 .desc_inner p{ margin-bottom: 10px;}

@media screen and (max-width:959px){
    #seminar .detail_box .box02 .inner_l{ order: 2; width: 100%; }
    #seminar .detail_box .box02 .inner_r{ order: 1; width: 100%; margin-bottom: 20px; }
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------20250718追記
セミナー講師派遣サービス
-------------------------------------------------------------------------------------------------------------------------------------------------- */
#lecturer span.main_thema{background: #0fafaa!important;}
#lecturer span.経営全般{background: #E97132!important;}
#lecturer span.人材育成{background: #275317!important;}
#lecturer span.組織開発{background: #3B7D23!important;}
#lecturer span.人事戦略{background: #163E64!important;}
#lecturer span.人事制度{background: #215F9A!important;}
#lecturer span.人材採用・定着{background: #00B0F0!important;}
#lecturer span.採用力強化{background: #87B8E5!important;}
#lecturer span.即戦力化{background: #8ED973!important;}
#lecturer span.価格転嫁{background: #7030A0!important;}
#lecturer span.資金調達{background: #D86ECC!important;}
#lecturer span.業績改善{background: #61CBF4!important;}
#lecturer span.事業承継{background: #A02B93!important;}
#lecturer span.中計策定{background: #600!important;}
#lecturer span.補助金{background: #C04F15!important;}
#lecturer span.理念経営{background: #50164A!important;}
#lecturer span.ブランディング{background: #a5930f!important;}
#lecturer span.マーケティング{background: #8c5e1c!important;}

#lecturer{text-align: justify;}
#lecturer #bread{background: #002d3d; color: #AAA; margin-bottom: 0; }
#lecturer #bread a{ color: #FFF; }
#lecturer #bread a:hover{text-decoration: underline;}
#lecturer .sub_visual{}

#lecturer .sub_visual .head_name h2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
	font-weight: bold;
    font-size: 180%;
    margin: 0 auto;
    top: calc(50% + 35px);
    transform: translateY(-50%);
    width: 94%;
	text-shadow: 0px 0px 6px #000;
}
#lecturer .sub_visual .head_name p{letter-spacing: normal; font-weight: bold;}
#lecturer .sub_visual .head_name p.sub_ttl{top: calc(50% + 3px); font-size: 115%;}
#lecturer .sub_visual .head_name p.desc{top: calc(50% + 70px); font-size: 120%; font-weight: normal; line-height: 1em; }
#lecturer .sub_visual .head_name p.desc span{display: inline-block; background: #132359; padding: 5px 30px;}

#lecturer .prof_list{ padding: 25px 0 40px 0; background: #bdc8cc;}
#lecturer .prof_box{ padding: 0; }

#lecturer .prof_item{ position: relative; }
#lecturer .prof_item .prof_inner { position: relative; margin: 20px 15px; width: 650px; }
#lecturer .prof_item .prof_inner.slick-active{ margin: 20px 15px; }
#lecturer .prof_item .prof_inner a { box-sizing: border-box; display: block; position: relative; height: 100%; border: 5px solid #132359; opacity: 0.7; transition: opacity 0.3s; }
#lecturer .prof_item .prof_inner.slick-active a { opacity: 1.0; transition: opacity 0.3s; transform:scale(1.05,1.05); border: 5px solid #132359; }

#lecturer .prof_item .prof_inner a{position: relative; height: 340px; overflow: hidden; background-image: url("../images/lecturer/prof_back.jpg"); background-position: center; background-size: cover;}
#lecturer .prof_item .prof_inner a:hover img{ opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; background:none!important;}
#lecturer .prof_item .prof_inner a::after{position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; background:rgba(13,23,59,0.0);transition: all .3s !important; }
#lecturer .prof_item .prof_inner a:hover::after{background:rgba(13,23,59,0.5); }


#lecturer .prof_item .prof_inner .cat{position: absolute; top: -1px; left: 0; z-index: 2; background: #132359; color: #ffff00; font-weight: bold; font-size: 140%; padding: 10px 60px 10px 20px; clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);}
#lecturer .prof_item .prof_inner a .txt{position: absolute; top: 65px; left: 20px; color: #000; }
#lecturer .prof_item .prof_inner a .txt .position{font-size: 80%; line-height: 1.7em; }
#lecturer .prof_item .prof_inner a .txt .name{font-size: 170%; font-weight: bold;}
#lecturer .prof_item .prof_inner a .txt .name span{font-size: 50%; font-weight: normal; padding-left: 10px;}
#lecturer .prof_item .prof_inner a .txt .shikaku{font-size: 80%; line-height: 1.5em; }
#lecturer .prof_item .prof_inner a .txt .catch{margin-top: 12px; font-size: 115%; line-height: 1.4em; font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#lecturer .prof_item .prof_inner a .icon{position: absolute; bottom: 15px; left: 20px; width: 320px; line-height: 1em; display: flex; }
#lecturer .prof_item .prof_inner a .icon img {width: 50px; height: auto; margin-right: 5px;}
#lecturer .prof_item .prof_inner a .photo{position: absolute; top: 0; right: 20px; width: 260px;}
#lecturer .prof_item .prof_inner a .book{position: absolute; bottom: 15px; right: 15px; width: 90px; }

#lecturer .prof_item .slick-arrow { top: auto; right: 0; bottom: -75px; left: 0; width: 20px; height: 34px; margin: auto;}
.slick-prev:before, .slick-next:before{display: none;}
#lecturer .prof_item .slick-prev { left: -360px; background: url("../images/lecturer/arrow_l.svg") no-repeat center; transition:0.3s all; }
#lecturer .prof_item .slick-next { right: -360px; background: url("../images/lecturer/arrow_r.svg") no-repeat center; transition:0.3s all; }
#lecturer .btn_area{ padding: 10px 0 100px 0;}

#lecturer .btn_area { padding: 15px 0 0 0; }
#lecturer .btn_area a { display: block; position: relative; text-align: center; color: #132359; line-height: 1em; background: #FFF; font-weight: bold; padding: 15px 0; border-radius: 100px; width: 300px; margin: 0 auto; border: 2px solid #132359; }
#lecturer .btn_area a:hover {background: #132359; color: #FFF;}

#lecturer .main_content{ width: calc(100% - 300px); padding: 50px 0; }
#lecturer .side_content{ width: 260px; padding: 50px 0;}
#lecturer .side_content .sticky_box{ position: sticky; top: 90px;}

#lecturer .side_content .ttl{border-bottom: 3px solid #132359; margin-bottom: 5px; color: #132359; font-weight: bold; font-size: 120%;}
#lecturer .side_content .nav_box{margin-bottom: 40px;}
#lecturer .side_content .nav_box ul li{border-bottom: 1px solid #CCC;}
#lecturer .side_content .nav_box ul li a{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; padding: 2px 0;}
#lecturer .side_content .nav_box ul li a img{width: 40px; height: auto;}
#lecturer .side_content .nav_box ul li a p{width: calc(100% - 50px); font-weight: bold; line-height: 40px;}

#lecturer .side_content .seminar_list {margin-bottom: 60px;}
#lecturer .side_content .seminar_list ul li{padding: 8px 0; border-bottom: 1px solid #CCC;}
#lecturer .side_content .seminar_list ul li a{line-height: 1.6em;}
#lecturer .side_content .seminar_list ul li .date span {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    text-align: center;
    font-size: 80%;
    line-height: 1em;
    color: #FFF;
    padding: 5px 3px;
    margin-left: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#lecturer .side_content .seminar_list .btn_area a{width: 220px;}

#lecturer .side_content .contact_box{background: #132359; padding: 20px; color: #FFF; text-align: center; }
#lecturer .side_content .contact_box .logo{text-align: center;}
#lecturer .side_content .contact_box .logo img{width: 180px; height: auto; padding: 5px 0; }
#lecturer .side_content .contact_box .tel img{width: 35px;}
#lecturer .side_content .contact_box .tel {font-size: 29px; font-family: "Arial", "BIZ UDPGothic", "メイリオ", "Meiryo", 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
#lecturer .side_content .contact_box .tel a{color: #FFF;}
#lecturer .side_content .contact_box .caption{font-size: 13px; margin-bottom: 15px;}
#lecturer .side_content .contact_box .btn01 a{display: block; border: 2px solid #0071bc; background: #FFF; padding: 8px 0; border-radius: 100px; font-weight: bold;text-align: center; font-size: 16px;}
#lecturer .side_content .contact_box .btn01 a:hover{color: #FFF; background: #0071bc; }


#lecturer .main_content section{margin-bottom: 50px; }
#lecturer .main_content section.sec01 h3{font-weight: bold; font-size: 140%; margin-bottom: 15px;}
#lecturer .main_content section.sec01 .txt{width: calc(100% - 330px);}
#lecturer .main_content section.sec01 .txt p{margin-bottom: 10px;}
#lecturer .main_content section.sec01 .txt ul{padding-left: 24px;}
#lecturer .main_content section.sec01 .txt ul li{list-style: disc;}
#lecturer .main_content section.sec01 .txt ul li::marker{color: #0071bc;}
#lecturer .main_content section.sec01 figure{width: 300px; padding-top: 5px;}

#lecturer .main_content section.sec02{background: #d8dfe8; padding: 30px 30px 10px 30px; margin-bottom: 70px; }
#lecturer .main_content section.sec02 h3{font-size: 130%; font-weight: bold; text-align: center; vertical-align: middle; margin-bottom: 20px;}
#lecturer .main_content section.sec02 h3 img{width: 230px; height: auto; padding-right: 5px;}
#lecturer .main_content section.sec02 ul li{width: 32%; background: #FFF; padding: 15px 25px 25px 25px; margin-bottom: 20px;}
#lecturer .main_content section.sec02 ul li figure {width: 80px; margin: 0 auto; }
#lecturer .main_content section.sec02 ul li h4{font-weight: bold; font-size: 110%; color: #132359; margin-bottom: 8px; text-align: center;}

#lecturer .main_content section.sec03{margin-bottom: 70px;}
#lecturer .main_content section.sec03 h3{font-weight: bold; font-size: 150%; color: #132359; border-bottom: 3px solid #132359; margin-bottom: 15px; padding-bottom: 5px;}

#lecturer .main_content section.sec03 .desc{ padding-bottom: 30px; border-bottom: 1px solid #CCC;}
#lecturer .main_content section.sec03 .box{ padding: 25px 0; border-bottom: 1px solid #CCC; }
#lecturer .main_content section.sec03 .box h4{width: 200px; color: #132359; font-size: 120%; font-weight: bold; background: #e6e6e6; display: flex; justify-content: center;align-items: center; }

#lecturer .main_content section.sec03 .box ul{width: calc(100% - 240px); padding-left: 24px;}
#lecturer .main_content section.sec03 .box ul li{list-style: disc;}
#lecturer .main_content section.sec03 .box ul li::marker{color: #0071bc;}

#lecturer .main_content section.sec04 { border: 2px solid #132359; padding: 30px; border-radius: 10px; margin-bottom: 0; }
#lecturer .main_content section.sec04 h3{font-size: 140%; font-weight: bold; color: #132359; margin-bottom: 15px; text-align: center;}
#lecturer .main_content section.sec04 .desc{margin-bottom: 30px; }

#lecturer .main_content section.sec04 .box{background: #DDD; padding: 20px; margin-bottom: 15px;}
#lecturer .main_content section.sec04 .box figure{width: 250px;}
#lecturer .main_content section.sec04 .box .txt{width: calc(100% - 280px);}
#lecturer .main_content section.sec04 .box .txt h4{font-size: 110%; font-weight: bold; color: #132359; border-bottom: 1px solid #132359; padding-bottom: 5px; margin-bottom: 10px; }
#lecturer .main_content section.sec04 .box.box01{background: #dfe5e7;}
#lecturer .main_content section.sec04 .box.box02{background: #eddee1;}
#lecturer .main_content section.sec04 .box.box03{background: #eeeadc; margin-bottom: 0;}


#lecturer #profile .main_ttl{background: url("../images/lecturer/prof/tt;_back.png") repeat; border-left: 10px solid #132359; padding: 15px 10px 12px 20px; font-weight: bold; font-size: 160%; color: #FFF; line-height: 1em; margin-bottom: 30px;}
#lecturer #profile h2{font-size: 170%; font-weight: bold; color: #132359; margin-bottom: 20px;}

#lecturer #profile .thema{ border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; margin-bottom: 40px;}
#lecturer #profile .thema .ttl{ display: inline-block; width: 150px; height: 50px; color: #FFF; font-weight: bold; background: #002d3d; display:flex; justify-content:center; align-items:center; clip-path: polygon(0 0%, 89% 0%, 89% 0, 100% 50%, 89% 100%, 89% 100%, 0 100%); }
#lecturer #profile .thema .box{width: calc(100% - 170px);display:flex; align-items:center; }
#lecturer #profile .thema .box span{display: inline-block; background: #666; color: #FFF; font-size: 110%; font-weight: bold; padding: 5px 20px; margin-right: 5px; border-radius: 3px;}

#lecturer #profile .name_box .photo{width: 300px;}
#lecturer #profile .name_box .photo .icon{padding: 20px 0 0 0;}
#lecturer #profile .name_box .photo .icon img{display: inline-block; width: 60px; margin: 0 3px; }

#lecturer #profile .name_box .txt{width: calc(100% - 340px);}
#lecturer #profile .name_box .txt .position{margin-bottom: 5px;}
#lecturer #profile .name_box .txt .name{font-size: 220%; font-weight: bold; }
#lecturer #profile .name_box .txt .name span{font-size: 45%; font-weight: normal; padding-left: 10px;}
#lecturer #profile .name_box .txt .catch{margin: 20px 0 30px 0; font-size: 180%; line-height: 1.4em; font-family: "リュウミン R-KL","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#lecturer #profile .name_box .txt .prof{border-bottom: 1px solid #666; padding-bottom: 20px;}
#lecturer #profile .name_box .txt .prof .prof_ttl{border-bottom: 1px solid #666; font-weight: bold; margin-bottom: 20px;}

#lecturer #profile #kdai{ background: #FFF; padding: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
#lecturer #profile #kdai .txt{width: calc(100% - 340px);}
#lecturer #profile #kdai figure{width: 300px;}
#lecturer #profile #kdai .logo img{width: 200px; height: auto; margin-bottom: 10px;}
#lecturer #profile #kdai .btn01{text-align: center; margin-top: 20px;}

#lecturer #profile #kdai .btn01 a{display: block; max-width: 380px; border: 2px solid #0071bc; background: #FFF; color: #0071bc; font-weight: bold; font-size: 100%; text-align: center; padding: 10px; margin: 0 auto; border-radius: 100px; position: relative;}
#lecturer #profile #kdai .btn01 a:hover{ color:#FFF; background: #0071bc; }

#lecturer #profile #kdai .btn01 a .arrow { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0; display: inline-block; width: 15.3px; height: 26.6px;}

#lecturer #profile #kdai .btn01 a .arrow::before,
#lecturer #profile #kdai .btn01 a .arrow::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; width: 12px; height: 2px; border-radius: 9999px; background-color: #0071bc; transform-origin: calc(100% - 1px) 50%; }

#lecturer #profile #kdai .btn01 a .arrow::before { transform: rotate(45deg); }
#lecturer #profile #kdai .btn01 a .arrow::after { transform: rotate(-45deg); }

#lecturer #profile #kdai .btn01 a:hover .arrow::before,
#lecturer #profile #kdai .btn01 a:hover .arrow::after { background-color: #FFF; }

#lecturer #profile #sec02 { background: url("../images/lecturer/prof/box_back.png") repeat; padding: 25px 25px 15px 25px; margin-bottom: 70px;}
#lecturer #profile #sec02 h3{font-size: 130%; font-weight: bold; color: #FFF; margin-bottom: 10px;}
#lecturer #profile #sec02 .movie_box {width: 45%;}
#lecturer #profile #sec02 .movie_inner { width: 100%; position: relative; padding-top: 56.25%; }
#lecturer #profile #sec02 .movie_inner iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
#lecturer #profile #sec02 .photo_box {width: 52%;}
#lecturer #profile #sec02 .photo_box li{width: 49%; margin-bottom: 10px;}
#lecturer #profile #sec02 .photo_box li a{display: block; line-height: 0; }
#lecturer #profile #sec02 .photo_box.box02 {width: 100%;}

#lecturer #profile #sec03{ margin-bottom: 70px;}
#lecturer #profile #sec03 h3 { font-weight: bold; font-size: 150%; color: #132359; border-bottom: 3px solid #132359; margin-bottom: 15px; padding-bottom: 5px; }
#lecturer #profile #sec03 ul { }
#lecturer #profile #sec03 ul li, #lecturer #profile #sec04 ul li{padding: 10px 0 10px 24px; border-bottom: 1px solid #CCC; text-indent: -10px;}
#lecturer #profile #sec03 ul li::before, #lecturer #profile #sec04 ul li::before{content: url("../images/lecturer/prof/circle.svg"); display: inline-block; width: 10px; }

#lecturer #profile #sec04{background: #e6ecf0; border: 8px solid #8c98a7; padding: 20px;}
#lecturer #profile #sec04 h3{font-weight: bold; font-size: 120%; color: #132359; margin-bottom: 10px;}
#lecturer #profile #sec04 .txt{ width: calc(100% - 180px);}
#lecturer #profile #sec04 .txt.txt02{ width: 100%;}
#lecturer #profile #sec04 .book{width: 150px;}
#lecturer #profile #sec04 .book img{border: 1px solid #AAA; margin-bottom: 15px;}
#lecturer #profile #sec04 .book .btn a{display: block; background: #f7931e; color: #FFF; font-weight: bold; padding: 5px; text-align: center; border-radius: 3px;}
#lecturer #profile #sec04 .book .btn a:hover{background-color: #e65b05; }

#lecturer #profile .contact_btn a{display: block; max-width: 550px; border: 2px solid #0071bc; background: #FFF; color: #0071bc; font-weight: bold; font-size: 130%; text-align: center; padding: 20px; margin: 0 auto 30px auto; border-radius: 20px; position: relative;}
#lecturer #profile .contact_btn a:hover{ color:#FFF; background: #0071bc; }

#lecturer #profile .contact_btn a .arrow { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0; display: inline-block; width: 15.3px; height: 26.6px;}

#lecturer #profile .contact_btn a .arrow::before,
#lecturer #profile .contact_btn a .arrow::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; width: 20px; height: 2px; border-radius: 9999px; background-color: #0071bc; transform-origin: calc(100% - 1px) 50%; }

#lecturer #profile .contact_btn a .arrow::before { transform: rotate(45deg); }
#lecturer #profile .contact_btn a .arrow::after { transform: rotate(-45deg); }

#lecturer #profile .contact_btn a:hover .arrow::before,
#lecturer #profile .contact_btn a:hover .arrow::after { background-color: #FFF; }

#lecturer #profile_list ul.lecturer_list li{ width: 49%; margin-bottom: 30px; }
#lecturer #profile_list ul.lecturer_list li a{ position: relative; display: block; height: 100%; background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); padding: 40px 20px 20px 20px; color: #000; }
#lecturer #profile_list ul.lecturer_list li a:hover{background: #ccd7de;}
#lecturer #profile_list ul.lecturer_list li a:hover img{ opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; background:none!important;}

#lecturer #profile_list ul.lecturer_list li a .thema { position: absolute; top: -10px; left: -5px; }
#lecturer #profile_list ul.lecturer_list li a .thema span{display: inline-block; padding: 2px 8px; margin: 0 2px 5px 0; background: #666; color: #FFF; font-weight: bold; border-radius: 5px; font-size: 90%;}

#lecturer #profile_list ul.lecturer_list li a .info{margin-bottom: 15px;}
#lecturer #profile_list ul.lecturer_list li a .name_box{ width: calc(100% - 140px);}
#lecturer #profile_list ul.lecturer_list li a figure{width: 130px;}
#lecturer #profile_list ul.lecturer_list li a .name_box .position{font-size: 15px;}
#lecturer #profile_list ul.lecturer_list li a .name_box .name{font-weight: bold; font-size: 24px; margin-bottom: 5px; }
#lecturer #profile_list ul.lecturer_list li a .name_box .name span{font-weight: normal; font-size: 15px; padding-left: 8px;}
#lecturer #profile_list ul.lecturer_list li a .name_box .shikaku{ font-size: 12px; line-height: 1.5em;}
#lecturer #profile_list ul.lecturer_list li a .name_box .icon{margin: 15px 0;}
#lecturer #profile_list ul.lecturer_list li a .name_box img{width: 60px; margin-right: 3px;}

#lecturer #profile_list ul.lecturer_list li a .prof .prof_ttl{font-weight: bold; font-size: 14px; line-height: 1em; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #666;}
#lecturer #profile_list ul.lecturer_list li a .prof p{font-size: 15px; line-height: 1.6em;}

#lecturer #experience .box{margin-bottom: 40px;}
#lecturer #experience .box ul {}
#lecturer #experience .box ul li{width: 32%; padding: 10px 0 10px 24px; border-bottom: 1px solid #CCC; text-indent: -10px;}
#lecturer #experience .box ul li::before {content: url("../images/lecturer/prof/circle.svg"); display: inline-block; width: 10px; }
#lecturer #experience .box ul::after{ content:""; display: block; width:32%; }

#lecturer #experience .photo_box{margin-bottom: 50px;}
#lecturer #experience .photo_box li{ width: 24%; margin-bottom: 10px; }
#lecturer #experience .photo_box li a{display: block;line-height: 0em;}
#lecturer #experience .photo_box ul::after{ content:""; display: block; width:24%; }


#lecturer #faq .faq_box{margin-bottom: 60px;}
#lecturer #faq .faq_box li{ margin-bottom: 10px; }
#lecturer #faq .faq_box .accordion-container { position: relative; width: 100%; outline: 0; cursor: pointer; }
#lecturer #faq .faq_box .accordion-container .article-title { display: block; position: relative; margin: 0; padding: 15px 0; background: #e6f1f5; font-weight: bold; color: #222; cursor: pointer; min-height: 50px; display: flex; align-items: center; }
#lecturer #faq .faq_box .accordion-container .article-title p { padding: 0 50px 0 70px; }

#lecturer #faq .faq_box .accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry.open .article-title { background-color: #cae2eb; }
#lecturer #faq .faq_box .article-title{ position: relative; }
#lecturer #faq .faq_box .article-title:after { content: ''; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #1A2E72; border-right: solid 2px #1A2E72; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#lecturer #faq .faq_box .article-title.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%; }
#lecturer #faq .faq_box .article-title p:before{ content: 'Q'; color: #263270; font-size: 26px; text-align: center; line-height: 1em; display: block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#lecturer #faq .faq_box .accordion-content { display: none; position: relative; padding:20px 30px 20px 70px; background: #FFF; cursor: default; }

#lecturer #downloads .box{ margin-bottom: 60px;}
#lecturer #downloads .box .txt{width: 48%;}
#lecturer #downloads .box .photo{width: 48%;}
#lecturer #downloads .box ul li{width: 32%; margin-bottom: 10px; font-size: 0; line-height: 0;}
#lecturer #downloads .box ul li img{box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }

#lecturer #downloads .thanks{text-align: center; margin-bottom: 80px;}
#lecturer #downloads .thanks h4{font-size: 130%; font-weight: bold; margin-bottom: 8px;}
#lecturer #downloads .thanks p{margin-bottom: 30px; font-weight: bold;}
#lecturer #downloads .thanks .dl_btn a{display: block; max-width: 500px; background: #900; color: #FFF; font-size: 130%; font-weight: bold; padding: 15px; border-radius: 8px; margin: 0 auto;}
#lecturer #downloads .thanks .dl_btn a:hover{background: #400;}

#lecturer #contact .thanks h4{font-weight: bold; font-size: 22px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #CCC;}
#lecturer #contact .thanks p{margin-bottom: 20px; }

#lecturer .main_content .ttl2{font-size: 180%;}
#lecturer .main_content .ttl2 span{margin-top: 12px;}
#lecturer .box_ttl { font-weight: bold; font-size: 140%; color: #132359; border-bottom: 3px solid #132359; margin-bottom: 15px; padding-bottom: 5px; }
#lecturer .form_box table td .wpcf7-list-item{display: inline-block; margin-right: 20px; }

@media screen and (max-width:767px){
	#lecturer .sub_visual .head_name h2 { font-size: 140%; top: calc(50% + 25px); }
	#lecturer .sub_visual .head_name p.sub_ttl{font-size: 90%;}
	#lecturer .sub_visual .head_name p.desc{top: calc(50% + 52px); font-size: 100%; }
	#lecturer .sub_visual .head_name p.desc span{ padding: 2px 30px;}

	#lecturer .prof_list{ padding: 25px 0 40px 0; background: #bdc8cc;}
	#lecturer .prof_box{ padding: 0; }

	#lecturer .prof_item .prof_inner { width: 280px; }
	#lecturer .prof_item .prof_inner.slick-active{ margin: 20px 15px; }
	#lecturer .prof_item .prof_inner.slick-active a { opacity: 1.0; transition: opacity 0.3s; transform:scale(1.05,1.05); border: 5px solid #132359; }

	#lecturer .prof_item .prof_inner a{height: 420px; }
	#lecturer .prof_item .prof_inner .cat{ font-size: 100%; padding: 3px 40px 3px 15px;}
	
	#lecturer .prof_item .prof_inner a .txt{ top: 45px; left: 15px; }
	#lecturer .prof_item .prof_inner a .txt .position{font-size: 75%; }
	#lecturer .prof_item .prof_inner a .txt .name{font-size: 130%; }
	#lecturer .prof_item .prof_inner a .txt .name span{font-size: 60%;}
	#lecturer .prof_item .prof_inner a .txt .shikaku{font-size: 65%; }
	#lecturer .prof_item .prof_inner a .txt .catch{font-size: 85%; }

	#lecturer .prof_item .prof_inner a .icon{left: 15px; width: 40px; display: block; }
	#lecturer .prof_item .prof_inner a .icon img {width: 40px; height: auto; margin-right: 0; margin-top: 5px;}
	
	
	#lecturer .prof_item .prof_inner a .photo{top: auto; right: -20px; bottom: 0; width: 160px;}
	#lecturer .prof_item .prof_inner a .book{bottom: 15px; right: auto; left: 70px; width: 80px; }

	#lecturer .prof_item .slick-arrow { top: auto; right: 0; bottom: -75px; left: 0; width: 20px; height: 34px; margin: auto;}
	.slick-prev:before, .slick-next:before{display: none;}
	
	#lecturer .prof_item .slick-prev { left: -260px; }
	#lecturer .prof_item .slick-next { right: -260px; }
	#lecturer .btn_area a { width: 200px; }
	
	
	#lecturer .main_content{ width: 100%; padding: 30px 0; }
	#lecturer .side_content{ width: 100%; padding: 10px 0 60px 0;}
	
	#lecturer .main_content section{margin-bottom: 50px; }
	#lecturer .main_content section.sec01 h3{font-size: 110%; margin-bottom: 15px;}
	#lecturer .main_content section.sec01 .txt{width: 100%; margin-bottom: 20px;}
	#lecturer .main_content section.sec01 .txt p{margin-bottom: 10px;}
	#lecturer .main_content section.sec01 .txt ul li{font-size: 94%; font-weight: bold;}
	#lecturer .main_content section.sec01 figure{width: 100%; padding-top: 5px;}

	#lecturer .main_content section.sec02{ padding: 25px 15px 10px 15px; }
	#lecturer .main_content section.sec02 h3{font-size: 110%;margin-bottom: 15px;}
	#lecturer .main_content section.sec02 h3 img{width: 190px; }
	
	#lecturer .main_content section.sec02 ul li{width: 100%; padding: 15px 15px 15px 15px; margin-bottom: 15px;}
	#lecturer .main_content section.sec02 ul li figure {width: 80px; margin: 0 auto; }
	#lecturer .main_content section.sec02 ul li h4{font-size: 110%; margin-bottom: 8px;}

	#lecturer .main_content section.sec03{margin-bottom: 70px;}
	#lecturer .main_content section.sec03 h3{ font-size: 120%; margin-bottom: 15px; padding-bottom: 5px;}
	
	#lecturer .main_content section.sec03 .box h4{width: 100%; padding: 10px 0; margin-bottom: 15px; font-size: 110%; }
	#lecturer .main_content section.sec03 .box ul{width: 100%; padding-left: 24px;}

	#lecturer .main_content section.sec04 { padding: 25px 20px 20px 20px;  }
	#lecturer .main_content section.sec04 h3{font-size: 120%; }
	#lecturer .main_content section.sec04 .desc{margin-bottom: 30px; }

	#lecturer .main_content section.sec04 .box{background: #DDD; padding: 20px; margin-bottom: 15px;}
	#lecturer .main_content section.sec04 .box figure{width: 100%;}
	#lecturer .main_content section.sec04 .box .txt{width: 100%; }
	#lecturer .main_content section.sec04 .box .txt p{margin-bottom: 20px; font-size: 94%;}
	
	#lecturer .main_content section.sec04 .box .txt h4{font-size: 110%; font-weight: bold; color: #132359; border-bottom: 1px solid #132359; padding-bottom: 5px; margin-bottom: 10px; }
	#lecturer .main_content section.sec04 .box.box01{background: #dfe5e7;}
	#lecturer .main_content section.sec04 .box.box02{background: #eddee1;}
	#lecturer .main_content section.sec04 .box.box03{background: #eeeadc; margin-bottom: 0;}

	
	#lecturer #profile h2{font-size: 120%; }
	#lecturer #profile .thema{border-top: 0; padding-bottom: 8px; margin-bottom: 20px; }
	#lecturer #profile .thema .ttl{ width: 100%; height: 35px; clip-path: polygon(0 0%, 100% 0%, 100% 0, 100% 50%, 100% 100%, 100% 100%, 0 100%); margin-bottom: 8px; }
	#lecturer #profile .thema .box{width: 100%; display:flex; align-items:center; }
	#lecturer #profile .thema .box span{font-size: 100%; line-height: 1.4em; text-align: center; padding: 8px 8px; margin-right: 2px; margin-left: 2px; }

	#lecturer #profile .name_box .photo{width: 100%;}
	#lecturer #profile .name_box .photo figure {text-align: center; }
	#lecturer #profile .name_box .photo .icon img{ width: 60px; }

	#lecturer #profile .name_box .txt{width: 100%; margin-bottom: 20px;}
	#lecturer #profile .name_box .txt .position{font-size: 14px; margin-bottom: 3px;}
	#lecturer #profile .name_box .txt .name{font-size: 30px; margin-bottom: 5px; }
	#lecturer #profile .name_box .txt .name span{font-size: 14px;}
	#lecturer #profile .name_box .txt .shikaku{font-size: 14px; line-height: 1.6em;}
	
	#lecturer #profile .name_box .txt .catch{margin: 20px 0 30px 0; font-size: 18px; line-height: 1.4em; }
	#lecturer #profile .name_box .txt .prof{padding-bottom: 10px;}
	#lecturer #profile .name_box .txt .prof .prof_ttl{margin-bottom: 10px;}

	#lecturer #profile #kdai{ padding: 20px 20px 25px 20px; }
	#lecturer #profile #kdai .txt{width: 100%; margin-bottom: 20px;}
	#lecturer #profile #kdai figure{width: 100%; text-align: center; }
	#lecturer #profile #kdai .btn01{text-align: center; margin-top: 20px;}
	#lecturer #profile #kdai .btn01 a{ font-size: 15px; }
	#lecturer #profile #kdai .btn01 a .arrow { right: 15px; }
	
	#lecturer #profile #sec02 { padding: 20px 15px 5px 15px; margin-bottom: 50px;}
	#lecturer #profile #sec02 h3{font-size: 18px; margin-bottom: 10px; text-align: center;}
	#lecturer #profile #sec02 .movie_box {width: 100%; margin-bottom: 10px;}
	#lecturer #profile #sec02 .photo_box {width: 100%;}
	#lecturer #profile #sec02 .photo_box li{width: 100%; margin-bottom: 10px;}

	#lecturer #profile #sec03{ margin-bottom: 50px;}
	#lecturer #profile #sec03 h3 { font-size: 20px; margin-bottom: 10px; padding-bottom: 3px; }

	#lecturer #profile #sec04{ padding: 15px;}
	#lecturer #profile #sec04 h3{ font-size: 20px; margin-bottom: 5px;}
	#lecturer #profile #sec04 .txt{ width: 100%;}
	#lecturer #profile #sec04 .book{width: 100%; text-align: center; margin-top: 15px;}
	#lecturer #profile #sec04 .book img{width: 150px; height: auto;}
	#lecturer #profile #sec04 .book .btn{width: 150px; margin: 0 auto; }

	#lecturer #profile .contact_btn a{ font-size: 16px; padding: 15px 20px; }
	#lecturer #profile .contact_btn a:hover{ color:#FFF; background: #0071bc; }
	#lecturer #profile .contact_btn a .arrow { right: 15px;}
	#lecturer #profile .contact_btn a .arrow::before,
	#lecturer #profile .contact_btn a .arrow::after { width: 12px; }
	
	#lecturer #profile_list ul.lecturer_list li{ width: 100%; }
	#lecturer #profile_list ul.lecturer_list li a .thema span{ font-size: 80%;}
	#lecturer #profile_list ul.lecturer_list li a{padding: 30px 20px 20px 20px; }
	#lecturer #profile_list ul.lecturer_list li a .name_box{ width: calc(100% - 100px);}
	#lecturer #profile_list ul.lecturer_list li a figure{width: 100px;}
	#lecturer #profile_list ul.lecturer_list li a .name_box .position{font-size: 12px;}
	#lecturer #profile_list ul.lecturer_list li a .name_box .name{font-size: 18px; margin-bottom: 5px; }
	#lecturer #profile_list ul.lecturer_list li a .name_box .name span{font-size: 11px; padding-left: 8px;}
	#lecturer #profile_list ul.lecturer_list li a .name_box .shikaku{ font-size: 12px; line-height: 1.5em;}
	#lecturer #profile_list ul.lecturer_list li a .name_box .icon{margin: 15px 0;}
	#lecturer #profile_list ul.lecturer_list li a .name_box img{width: 45px; margin-right: 3px;}

	#lecturer #experience .box ul li{width: 48%; line-height: 1.5em;}
	#lecturer #experience .box ul::after{ width:48%; }
	
	#lecturer #experience .photo_box{margin-bottom: 30px;}
	#lecturer #experience .photo_box li{ width: 49%; }
	#lecturer #experience .photo_box ul::after{ content:""; display: block; width:49%; }

	#lecturer #downloads .box .txt{width: 100%; margin-bottom: 20px; }
	#lecturer #downloads .box .photo{width: 100%; }
	#lecturer #downloads .box ul li{width: 48%; }

	#lecturer #downloads .thanks{text-align: center; margin-bottom: 80px;}
	#lecturer #downloads .thanks h4{font-size: 130%; font-weight: bold; margin-bottom: 8px;}
	#lecturer #downloads .thanks p{margin-bottom: 30px; font-weight: bold;}
	#lecturer #downloads .thanks .dl_btn a{display: block; max-width: 500px; background: #900; color: #FFF; font-size: 130%; font-weight: bold; padding: 15px; border-radius: 8px; margin: 0 auto;}
	#lecturer #downloads .thanks .dl_btn a:hover{background: #400;}

	#lecturer .main_content .ttl2{font-size: 160%;}
	#lecturer .main_content .ttl2 span{margin-top: 5px; font-size: 14px;}
	#lecturer .box_ttl { font-size: 20px;margin-bottom: 10px; padding-bottom: 3px; }
	#lecturer .form_box table td .wpcf7-list-item{display: inline-block; margin-right: 20px; }
		
    #lecturer #faq .faq_box .article-title:after{ right: 15px; top: 44%; }
    #lecturer #faq .faq_box .article-title p:before{ left: 15px; font-size: 22px;}
    #lecturer #faq .faq_box .accordion-container .article-title p{ padding: 0 40px 0 50px;line-height: 1.6em; }
    #lecturer #faq .faq_box .accordion-content{padding: 20px 20px;}
	#lecturer .wpcf7-acceptance{display: block;}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------20250718追記
カード払い（セミナー申込ページ）
-------------------------------------------------------------------------------------------------------------------------------------------------- */
#seminar #payment{border: 1px solid #AAA; border-radius: 10px; padding: 30px;}
#seminar #payment h4{font-size: 120%; font-weight: bold; text-align: center; margin-bottom: 10px;}
#seminar #payment .caption{text-align: center; margin-bottom: 30px;}
#seminar #payment .desc_box h5{text-align: center; font-weight: bold; font-size: 120%; padding-bottom: 5px; margin-bottom: 10px;}
#seminar #payment .desc_box .desc_inner{background: #e6e9f5; border-radius: 8px;}
#seminar #payment .desc_box .desc_inner.mb{margin-bottom: 20px;}
#seminar #payment .desc_box .desc_inner h6{text-align: center; font-weight: bold; padding: 8px; font-size: 120%; background: #132359; color: #FFF; border-radius: 8px 8px 0 0; }
#seminar #payment .desc_box .desc_inner .inner{padding: 20px 20px 20px 20px;}
#seminar #payment .desc_box .desc_inner p{text-align: center; }

#seminar #payment .desc_box .desc_inner .btn{border-bottom: 1px solid #AAA; margin-bottom: 15px; padding: 15px 0;}
#seminar #payment .desc_box .desc_inner .btn a{background: #ff6200; color: #FFF; font-weight: bold; padding: 10px 25px; border-radius: 5px; margin: 0 5px;}
#seminar #payment .desc_box .desc_inner .btn a:hover{background: #9c3d02;}

#seminar #payment .desc_box .desc_inner ul{ list-style: none; padding-left: 1.5em; margin-left: 0.5em; }
#seminar #payment .desc_box .desc_inner ul li{ text-indent: -1.5em; }
#seminar #payment .desc_box .desc_inner ul li:before{ content: "※"; margin-right: 0.5em; }
#seminar .card_list{width: 60px; text-align: center; font-size: 11px; line-height: 1em!important; margin: 0 2px; text-indent: 0; }
#seminar .card_list img{width: 100%;margin-bottom: 3px;}
#seminar .card_list p{padding: 0!important;}