@charset "utf-8";

/* ------------------------------------------------------
  contents
------------------------------------------------------ */
body.page #wrap{
	background: #fff;
}
body,body.page-template-page-blogroot.page #wrap{
	background: #eaf0f6;
}
.cmscont{
	max-width: 1090px;
	margin: auto;
	padding: 80px 30px;
	background: #fff;
	justify-content: space-between;
}
.main_cont{
	width: 68%;
	max-width: 736px;
}
.pankuzu{
	margin-top: 70px;
}
.sec_staff + .pankuzu{
	margin-top: 0;
}
.cms_sec{
	padding: 60px 0;
}
.cms_inner{
	background: #fff;
	width: 100%;
}
.cms_h1{
	max-width: 1150px;
	width: 90%;
	margin: auto;
	padding: 120px 0 50px 0;
	color: #63708d;
	text-align: center;
}
.cms_h1 h1{
	font-size: 46px;
	font-weight: 800;
}
.cms_h1 p{
	font-size: 18px;
}
h2.page-title{
	margin-bottom: 80px;
	font-size: 35px;
}
/* ---------------------------------------------------------------------------
   pager
------------------------------------------------------------------------------ */
nav.pagination{
	text-align: center;
	font-size: 16px;
    margin: 30px 0;
}
nav.pagination a, nav.pagination >span {
    margin: 0 5px;
    padding: 8px 6px 4px;
    border-radius: 2px;
}
nav.pagination a{
	color: #535353;
}
a.page-numbers{
    border: 1px solid;
}
span.page.current,span.page-numbers.current{
    opacity: 0.3;
}
a.next.page-numbers,a.prev.page-numbers{
    border: none;
}

/* ------------------------------------------------------
  aside
------------------------------------------------------ */
aside{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	max-width: 344px;
	padding: 0 0 0 32px;
}
aside > div{
	width: 100%;
}
aside h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #63708d;
	font-weight: 800;
}
/*aside_search*/
.aside_search{
	margin-bottom: 30px;
}
.search_box input{
    width: calc(100% - 90px);
    padding: 0 10px 0 80px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #e5e5e5;
	background: #fff url(../img/search.png) 25px center /25px no-repeat;
}
.search_box input::-webkit-input-placeholder {
    color: #63708d;
	font-size: 14px;
}
.search_box input:-ms-input-placeholder {
    color: #63708d;
	font-size: 14px;
}
.search_box input::-moz-placeholder {
    color: #63708d;
	font-size: 14px;
}
/*aside_archive*/
.aside_achive ul{
	margin-bottom: 35px;
}
.aside_achive li a{
	display: flex;
	align-items: flex-start;
	padding: 8px;
	border: 1px solid #e5e5e5;
}
.aside_achive li + li a{
	border-top: none;
}
.aside_thumb{
	width: 105px;
	min-width: 105px;
	height: 105px;
	margin: 0 20px 0 0;
	border: 1px solid #e5e5e5;
}
.aside_thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aside_tit p{
	font-size: 14px;
	color: #535353;
    max-height: 7em;
    overflow: hidden;
}
.aside_achive ul.aside_sns{
	margin-bottom: 0;
	display: flex;
	justify-content: flex-end;
}
.aside_sns li{
	color: #888;
	font-weight: bold;
	font-size: 12px;
}
.aside_sns li span{
	display: inline-block;
	padding: 0 0 0 15px;
}
.aside_sns li span i{
	display: inline-block;
	margin: 0 4px 0 0;
}
.aside_sns li span i.fa-twitter{
	color: #84d1ec;
	font-size: 14px;
}
.aside_sns li span i.fa-facebook-f{
	color: #7383c2;
	font-size: 14px;
}
.aside_sns li span i.hatena{
	color: #2958aa;
	font-size: 14px;
}

/*aside_cat*/
.aside_cat ul{
	margin: 0 0 44px 0;
}
.aside_cat ul a{
	display: block;
	padding: 0 0 15px 27px;
	position: relative;
	font-size: 14px;
	color: #535353;
}
.aside_cat ul a:before{
	content: '';
	display: block;
	width: 14px;
	height: 1px;
	background: #535353;
	position: absolute;
	left: 0;
	top: 14px;
}
/*aside_popular*/
.aside_popular{
	margin: 0 0 34px 0;
	border: 1px solid #e5e5e5;
	position: relative;
}
.aside_popular p{
    width: 206px;
    height: 35px;
    background: #ffd75c;
    border-bottom: 1px solid #d8d8d8;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    position: absolute;
    left: 10px;
    top: -13px;
}
.aside_popular p:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 0 9px;
    border-color: transparent transparent transparent #cbb36a;
    position: absolute;
    right: -9px;
    top: 0;
}
.aside_popular ul{
	padding: 32px 20px 20px 20px;
}
.aside_popular ul a{
	display: block;
	margin: 0 0 10px 0;
    color: #63708d;
	font-size: 16px;
}
.aside_popular ul li:last-child a{
	margin-bottom: 0;
}
/*aside_bnr*/
.aside_bnr li + li{
	margin: 13px 0 0 0;
}
.aside_bnr li a{
	display: block;
	border: 1px solid #e5e5e5;
}
.aside_bnr li a:hover{
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.16);
}
.aside_bnr li img{
	width: 100%;
}
/* ------------------------------------------------------
  useful
------------------------------------------------------ */
.main_cont .basic_blog{
	margin: 0;
	justify-content: space-between;
}
.main_cont .basic_blog::before,
.main_cont .basic_blog::after {
    content: '';
    display: block;
    width: calc((100% - (16px * 1)) / 2);
}
.main_cont .basic_blog::before {
    order: 1;
}
.main_cont .basic_blog > li{
	width: calc((100% - (16px * 1)) / 2);
	margin: 0 0 33px 0;
    height: auto;
}

/* ------------------------------------------------------
  seminar_single
------------------------------------------------------ */
.seminar_sec{
	padding: 160px 0 0 0;
}
.seminar_sec .inner{
	padding-bottom: 120px;
}
/* ------------------------------------------------------
  seminar01_head,seminar01_cv
------------------------------------------------------ */
.seminar_blue .inner,.seminar_white .inner{
	position: relative;
}
header.seminar_blue{
	background: #2958aa;
}
.sem_doc .honly{
	display: none;
}
.sem_cvlist01 li{
    text-align: center;
    width: 50%;
    max-width: 300px;
}
.link_seminar .sem_cvlist01 li a.seminar_cv{
    width: auto;
	margin: 0;
}
/*link_seminar pagetop*/
.link_seminar + a.pagetop{
	display: none;
}
.link_seminar a.pagetop {
    bottom: auto;
    right: 15px;
    z-index: 10;
    position: absolute;
    top: -90px;
}
/* ------------------------------------------------------
  seminar02_head,seminar02_cv
------------------------------------------------------ */
header .semh_cvlist{
    position: absolute;
    right: 0;
    top: 0;
}
header .semh_cvlist li + li{
	margin-left: 20px;
}
header a.seminar_cv{
    display: flex;
    height: 48px;
    padding: 0 15px 0 15px;
    background: #e4359f;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    align-items: center;
    flex-wrap: wrap;
    width: 200px;
    justify-content: center;
}
header a.seminar_cv .sem_contact{
	margin-bottom: -7px;
}
header a.seminar_cv .tokuten{
	display: block;
	font-size: 12px;
	line-height: 1;
	width: 100%;
}
/*link_seminar*/
.link_seminar{
    position: fixed;
    bottom: -70px;
    left: 0;
    background: #fff;
    width: 100%;
    transition-duration: .5s;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.16);
	z-index: 10;
}
.link_seminar.link_inhouse{
	bottom: -100px;
}
.link_seminar.is-fixed,.link_seminar.link_inhouse.is-fixed{
	bottom: 0;
}
.link_seminar ul{
	max-width: 1150px;
	margin: 10px auto;
	justify-content: center;
	align-items: center;
}
.link_seminar ul li + li{
	margin-left: 20px;
}
.link_seminar .tokuten{
	color: #48587e;
	font-size: 16px;
	font-weight: 800;
}
.link_seminar a.seminar_cv{
    display: block;
    width: 200px;
    height: 45px;
    margin: 0 0 0 30px;
    background: #e4359f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    font-weight: 800;
}
/* ---------------------------------------------------------------------------
   single
------------------------------------------------------------------------------ */
.sec_single{
	padding: 120px 0 0 0;
}
.single_wrap{
	position: relative;
	padding: 25px 0 0 0;
}
.single_tit{
	padding: 75px 0 0 0;
}
.tag_wrap{
	max-width: 640px;
	margin: auto;
	position: relative;
}
.tag_wrap .tag {
    top: -88px;
    width: 240px;
    left: 0;
}
/*single_tit*/
.single_tit .tag {
    font-size: 18px;
    padding: 3px 0;
}
.single_tit .date{
	font-size: 18px;
	margin-bottom: 0;
    padding-left: 24px;
	color: #999;
	position: relative;
}
.single_tit .date:before{
 content: '\f017';
    font-family: "Font Awesome 5 Free";
  font-weight: 100;
    display: block;
    width: 70px;
    height: 20px;
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    line-height: 23px;
}
/*.basic_blog .txt_area p.date:before{
    content: '\f017';
    font-family: "Font Awesome 5 Free";
  font-weight: 100;
    display: block;
    width: 70px;
    height: 20px;
    background: #0e005d;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -3px;
    left: 0;
    line-height: 23px;
}*/
.single_tit .date.update:before{
 content: '\f304';
    font-family: "Font Awesome 5 Free";
  font-weight: 600;
    display: block;
    width: 70px;
    height: 20px;
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    line-height: 23px;
}
.single_tit .post_date li + li{
	margin-left: 28px;
}
.single_tit h1{
	margin-top: 15px;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.5em;
}
.single_tit h1 + p{
	margin-top: 10px;
	font-size: 18px;
}
.single_tit .single_sns{
	margin-top: 20px;
	justify-content: flex-end;
}
.single_tit .single_sns li{
	padding-left: 20px;
    font-size: 12px;
	font-weight: 800;
	color: #999;
}
.single_tit .single_sns li i{
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
}
.single_tit .single_sns li.writer a{
	display: inline-block;
	color: #3c8bd9;
	line-height: 1;
	position: relative;
	font-size: 18px;
	font-weight: normal;
}
.single_tit .single_sns li.writer a:before{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	border-bottom: 1px dashed #3c8bd9;
	left: 0;
	bottom: -2px;
}
/*single_wrap_common*/
.single_tit,
.single_wrap > h2,
.single_wrap > h3,
.single_wrap > h4,
.single_wrap > h5,
.single_wrap > h6,
.single_wrap > p,
.single_wrap > ul,
.single_wrap > ol,
.single_wrap > dl,
.single_wrap > figure,
.single_wrap > p img,
.single_wrap > img,
.single_wrap > table,
.single_wrap > table,
.single_wrap > blockquote,
.single_wrap > div,
.single_wrap > pre{
	width: 90%;
	max-width: 700px;
	margin: auto;
}
.single_wrap img{
	display: block;
	height: auto;
}
.single_wrap p img{
	width: 100%;
	height: auto;
}
.single_wrap * + img{
	margin-top: 50px;
	height: auto;
}
.single_wrap .singlemv img{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}
p.singlemv img {
    border-radius: 4px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
.single_wrap > * + h2,
.single_wrap > * + h3,
.single_wrap > * + h4,
.single_wrap > * + h5,
.single_wrap > * + h6,
.single_wrap > * + p,
.single_wrap > * + ul,
.single_wrap > * + ol,
.single_wrap > * + dl,
.single_wrap > * + figure,
.single_wrap > * + p img,
.single_wrap > * + img,
.single_wrap > * + table,
.single_wrap > * + table,
.single_wrap > * + blockquote,
.single_wrap > * + div,
.single_wrap > * + pre{
	margin-top: 50px;
}
figcaption{
	color: #63708d;
	text-align: center;
	margin-top: 10px;
}
.single_wrap > *:first-child + p{
	margin-top: 50px;
}
.single_wrap > h3 + p,.single_wrap > h34 + p,.single_wrap > h5 + p,.single_wrap > p + p{
	margin-top: 20px;
}
.single_wrap > p.singlemv.mvingfull,.single_wrap > p.singlemv.mvingfull img{
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
}
/*ptag*/
.single_wrap p.p_blue{
	/* width: calc(90% - 60px); */
	max-width: 580px;
	padding: 20px 30px;
	background: #eaf0f6;
	border-radius: 10px;
}
/*htag*/
.single_wrap h2{
	margin-top: 30px;
	background: #2958aa;
	color: #fff;
	font-size: 28px;
	padding: 15px 0;
	position: relative;
	z-index: 1;
	text-align: left;
}
.single_wrap h2:before{
	content: '';
	display: block;
	width: 255px;
	height: 100%;
	background: #2958aa;
	position: absolute;
	left: -255px;
	top: 0;
}
.single_wrap h2:after{
	content: '';
	display: block;
	width: 255px;
	height: 100%;
	background: #2958aa;
	position: absolute;
	right: -255px;
	top: 0;
}
.single_wrap.lp_wrap h2:before{
	width: 225px;
	left: -225px;
}
.single_wrap.lp_wrap h2:after{
	width: 225px;
	right: -225px;
}
.single_wrap h3{
	font-size: 26px;
	font-weight: 800;
	color: #2958aa;
}
.single_wrap h4{
	font-size: 24px;
	font-weight: 500;
	color: #48587e;
	border-bottom: 2px dashed #63708d;
}
.single_wrap h5{
	font-size: 22px;
	font-weight: 800;
	color: #63708d;
}
/*table*/
.single_wrap * + table{
	margin-top: 58px;
}
.single_wrap table tr td,
.single_wrap table tr th{
	padding: 10px 25px;
	border: 1px solid #e5e5e5;
	font-size: 18px;
}
.single_wrap table tr th{
	background: #63708d;
	color: #fff;
	font-weight: 800;
}
.single_wrap table tr td:first-child,
.single_wrap table tr th:first-child{
	width: 254px;
}
/*ul*/
.single_wrap ul li{
	padding: 0 0 0 30px;
	position: relative;
	font-size: 18px;
}
.single_wrap ul li + li{
	margin-top: 20px;
}
.single_wrap ul li:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #535353;
	border-radius: 100%;
	left: 0;
	top: 10px;
	position: absolute;
}
/*ol*/
.single_wrap > ol{
	width: calc(90% - 80px);
	max-width: 560px;
	padding: 80px 40px 70px 40px;
	background: #fcfcfc;
	border: 1px solid #e2e2e2;
	position: relative;
	color: #63708d;
}
.single_wrap > ol:before{
	content: '目次（もくじ）';
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 800;
	color: #48587e;
	font-size: 18px;
	position: absolute;
	top: 30px;
	left: 0px;
}
.single_wrap ol > li{
	font-size: 16px;
	font-weight: 800;
}
.single_wrap ol > li + li{
	margin-top: 30px;
}
.single_wrap ol > li > ol li{
	padding-left: 38px;
	position: relative;
	margin-top: 10px;
}
.single_wrap ol > li > ol li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #63708d;
    border-radius: 100%;
    left: 0;
    top: 10px;
    position: absolute;
}
.single_wrap ol > li a:link{
	color: #63708d;
}
.single_wrap ol > li a:link:before{
	display: none;
}
.single_wrap ol > li > ol a{
	font-weight: normal;
}
.single_wrap ol > li > ol a:link{
	color: #63708d;
	font-weight: normal;
}
.single_wrap ol > li > ol a:before{
	display: none;
}
/*link*/
.single_wrap a{
	display: inline-block;
	position: relative;
}
.single_wrap blockquote a{
	display: inline;	
}
.single_wrap * + a{
	margin-top: 10px;
}
.single_wrap a:before{
	content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    border-bottom: 1px dashed #3c8bd9;
    left: 0;
    bottom: 2px;
}
.single_wrap a:link {
	color: #3c8bd9;
	font-weight: 800;
}
.single_wrap a:visited {
	color: #7383c2;
	font-weight: normal;
	font-size: 40px;
}
/*.single_wrap a:visited[target="_blank"]{
	background: url(../img/ico_blank_020.png) right 5px /19px auto no-repeat;
}*/
.single_wrap a:visited:before{
    border-bottom: 1px dashed #7383c2;
}
.single_wrap a:hover {
	color: #3c8bd9;
}
.single_wrap a:active {
	color: #3c8bd9;
}
.single_wrap a:hover:before,.single_wrap a:active:before{
	display: none;
}
.single_wrap a[target="_blank"]{
	padding-right: 7px;
}
/*.single_wrap a:link[target="_blank"]{
	background: url(../img/ico_blank_010.png) right 5px /19px auto no-repeat;
}
.single_wrap a:visited[target="_blank"]{
	background: url(../img/ico_blank_020.png) right 5px /19px auto no-repeat;
}
.single_wrap a:hover[target="_blank"]{
	background: url(../img/ico_blank_010.png) right 5px /19px auto no-repeat;
}
.single_wrap a:active[target="_blank"]{
	background: url(../img/ico_blank_010.png) right 5px /19px auto no-repeat;
}*/
/*.single_wrap a:link[target="_blank"]{
	background: url(../img/ico_blank_010.png) right 5px /19px auto no-repeat;
}*/
.single_wrap a:link[target="_blank"]:after{
	 content: '\f35d';
	 font-family: "Font Awesome 5 Free";
	 font-weight: 600;
	 display: inline-block;
	 margin-left: 6px;
	 font-size: 0.8rem;
}
.single_wrap a.btn_pink,.single_wrap a.btn_blue{
	display: block;
	margin: auto;
	padding-right: 0;
	color: #fff!important;
}
.single_wrap a.btn_pink:before,.single_wrap a.btn_blue:before{
	display: none;
}
.single_wrap > div.book .band + p{
	margin-top: 60px;
}
/*bold*/
.bold{
	font-weight: 800;
}
.t_blue{
	color: #2958aa;
}
.t_pink{
	color: #f16b85;
}
.t_orange{
	color: #f27555;
}
/*pre*/
.crayon-syntax .crayon-pre, .crayon-syntax pre,
.crayon-theme-classic .crayon-pre .crayon-s,
.crayon-theme-classic .crayon-pre .crayon-p,
.crayon-theme-classic .crayon-pre .crayon-ta,
.crayon-theme-classic .crayon-pre .crayon-k,
.crayon-theme-classic .crayon-pre .crayon-st,
.crayon-theme-classic .crayon-pre .crayon-r,
.crayon-theme-classic .crayon-pre .crayon-t,
.crayon-theme-classic .crayon-pre .crayon-m,
.crayon-theme-classic .crayon-pre .crayon-i,
.crayon-theme-classic .crayon-pre .crayon-e,
.crayon-theme-classic .crayon-pre .crayon-v,
.crayon-theme-classic .crayon-pre .crayon-cn,
.crayon-theme-classic .crayon-pre .crayon-o,
.crayon-theme-classic .crayon-pre .crayon-sy,
.crayon-theme-classic .crayon-pre .crayon-n,
.crayon-theme-classic .crayon-pre .crayon-f,
.crayon-theme-classic .crayon-pre .crayon-h{
	color: #fff!important;
}
.crayon-syntax .crayon-num, .crayon-syntax .crayon-pre .crayon-line, .crayon-syntax .crayon-toolbar *, .crayon-syntax .crayon-pre *{
	font-size: 15px!important;
    line-height: 24px!important;
    font-weight: inherit!important;
}
.crayon-syntax .crayon-line {
    padding: 0 5px;
    height: 24px!important;
	background: #535353!important;
}
.crayon-theme-classic .crayon-striped-line {
    background: #707070 !important;
}
.crayon-syntax .crayon-num{
	height: 24px!important;
}
.crayon-theme-classic .crayon-table .crayon-nums {
    background: #48587e!important;
    color: #7383c2!important;
}
.crayon-theme-classic .crayon-striped-num {
    background: #63708d !important;
    color: #7383c2 !important;
}
/*blockquote*/
.single_wrap blockquote{
	width: calc(90% - 140px);
	max-width: 580px;
	padding: 35px 50px 35px 70px;
	background: #fbfdff;
	border-top: 6px solid #3c8bd9;
	color: #63708d;
	position: relative;
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
.single_wrap blockquote p{
	font-style: italic;
	font-size: 1rem !important;
}
.single_wrap blockquote:before{
	content: '❝';
	font-size: 48px;
	line-height: 74px;
	text-align: center;
	color: #fff;
	display: block;
	width: 48px;
	height: 48px;
	background: #3c8bd9;
	position: absolute;
	top: 0;
	left: 0;
}
/*balloon*/
.balloon{
	margin: 30px 0;
}
.balloon dl p{
	font-size: 18px;
	margin-bottom: 30px;
	font-family: ryo-gothic-plusn, sans-serif, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.balloon dl img{
	border-radius: 50%;
}
.balloon dl p + p{
	margin-top: 10px;
}
.balloon dl{
	display: flex;
}
.balloon dl + dl{
	margin-top: 30px;
}
.balloon dl dt{
	min-width: 66px;
	width: 66px;
	padding: 0 8px 0 0;
	text-align: center;
	color: #63708d;
	font-weight: 800;
}
.balloon dl dd{
	background: #eaf0f6;
	margin: 0 0 0 20px;
	padding: 40px 50px 10px;
	position: relative;
	border-radius: 10px;
}
.balloon dl dd:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 18px 0;
	border-color: transparent #eaf0f6 transparent transparent;
	position: absolute;
	top: 15px;
	left: -20px;
}
.balloon dl.right{
	flex-direction: row-reverse;
}
.balloon dl.right p{
	font-weight: 600;
	color: #666;
}
.balloon dl.right dt{
	padding: 0 0 0 8px;
}
.balloon dl.right dd{
	width: 100%;
	margin: 0 20px 0 0;
	background: #ebf4ff;
}
.balloon dl.right dd:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 20px 0 0;
	border-color: #ebf4ff transparent transparent transparent;
	position: absolute;
	left: auto;
	right: -20px;
}
/*book*/
.single_wrap > div.book{
	width: 100%;
	max-width: 100%;
	margin-top: 60px;
	padding: 38px 0;
	background: url(../img/blog/book_bg.jpg) center center /cover no-repeat;
}
.single_wrap > h2 + div.book{
	margin-top: 0;
}
.single_wrap > div.book h3{
	width: 90%;
	max-width: 640px;
	margin: 0 auto 45px auto;
	font-size: 26px;
	color: #48587e;
	font-weight: 800;
    line-height: 1.6em;
}
.single_wrap > div.book > p{
	width: 90%;
	max-width: 640px;
	margin:  45px auto 0 auto;
}
.single_wrap > div.book > p + p{
	margin-top: 0;
}
.single_wrap > div.book .btn_pink {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single_wrap > div.book .band{
	background: rgba(255, 255, 255, 0.7);
	padding: 55px 0;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.16);
}
.single_wrap > div.book .band dl{
	max-width: 640px;
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.single_wrap > div.book .band dt{
	min-width: 158px;
	width: 158px;
	margin: 0 35px 0 0;
}
.single_wrap > div.book .band dt img{
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.16);
    object-fit: cover;
    height: 208px;
}
.single_wrap > div.book .band dd{
	font-size: 16px;
	line-height: 1.7em;
}
/*book_link*/
.book_link{
	position: fixed;
	bottom: -100px;
	left: 0;
	width: 100%;
	padding: 5px 0;
	background: #fff;
	z-index: 10;
	transition-duration: .5s;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.16);
}
.booklink_inner{
	width: 90%;
	max-width: 970px;
	margin: auto;
	display: flex;
    align-items: center;
}
.book_link .book_img{
	display: block;
	width: 67px;
	min-width: 67px;
	height: 88px;
	margin: 0 22px 0 0;
}
.book_link .book_img img{
	object-fit: cover;
	height: 88px;
	width: 67px;
}
.book_link .book_h3{
	color: #48587e;
	font-size: 18px;
	font-weight: 800;
	margin: 15px 10px 15px 0;
	line-height: 1.4;
}
.book_link.is-fixed{
	bottom: 0;
}
/*book_link pagetop*/
.book_link a.pagetop{
	position: absolute;
	top: -100px;
}
.book_link + a.pagetop{
	display: none;
}
/*prof*/
.single_wrap .prof dl{
	display: flex;
	margin-top: 32px;
}
.single_wrap .prof dt{
	min-width: 215px;
	width: 215px;
	margin: 0 30px 20px 0;
}
.single_wrap .prof dd .prof_name{
	font-size: 22px;
	font-weight: 800;
	color: #3c8bd9;
}
.single_wrap .prof dd .prof_posi{
	font-size: 16px;
	font-weight: 800;
	color: #63708d;
}
.single_wrap .prof dd .prof_posi + p{
	margin-top: 20px;
}
/* ---------------------------------------------------------------------------
   share
------------------------------------------------------------------------------ */
.share{
	padding-bottom: 50px;
}
.single_wrap + .share{
	margin-top: 60px;
}
.share h3{
	color: #63708d;
	font-size: 20px;
	text-align: center;
}
.share ul{
	max-width: 640px;
	width: 90%;
	margin: auto;
}
.share li{
	width: 20%;
}
.share li a{
	display: block;
	height: 36px;
	text-align: center;
    font-family: Font Awesome\ 5 Brands;
	font-size: 20px;
}
.share li a i{
	color: #fff;
}
.share li a.fb{
	background: #4267b2;
}
.share li a.tw{
	background: #50abf1;
}
.share li a.google{
	background: #2cb696;
	color: white;
	font-weight: bold;
	line-height: 36px;
	font-size: 1rem;
}
.share li a.google i.far.fa-file {
    transform: scale(-1.15, 1);
}
.share li a.hatebu{
	background: #00a4de;
}
.share li a.pocket{
	background: #ee4056;
}
.h2_knk{
	width: 100%;
	max-width: 1150px;
	background: #fff;
	margin: auto;
	padding: 80px 0 20px 0;
}
/* ------------------------------------------------------
　タイトル・URLコピー
------------------------------------------------------ */
.share .copyBtn{
	max-width: 500px;
	border-radius: 6px;
	width: 90%;
	text-align:center;
	margin: 30px auto 0;
	padding:14px 0px;
	font-size: 20px;
	color: #63708d;
	border: 1px solid #c5c5c5;
}
.share .copyBtn:hover{
    opacity:0.8;
    cursor:pointer;
}
.share .copyBtn.isCopied{
    font-style: oblique;
    border:1px solid #f7f7f7;
    pointer-events:none;
    background:#f7f7f7;
}
.share .copyBtn.isCopied:hover{
    cursor:auto;
}
/* ------------------------------------------------------
  固定ページ設定
------------------------------------------------------ */
.sec_page + footer,.sec_page + .pankuzu{
	margin-top: 0;
}
.sec_page{
	padding: 0 0 250px 0;
}
@media screen and (max-width: 1200px) {
/* ------------------------------------------------------
  seminar
------------------------------------------------------ */
	header.seminar_blue .logo,header.seminar_white .logo{
		top: -15px;
	}
	header .semh_cvlist{
	    top: -25px;
	}
}
@media screen and (max-width: 900px) {
	.cmscont{
		padding: 0;
		flex-wrap: wrap;
		background: none;
	}
/* ------------------------------------------------------
  main_cont
------------------------------------------------------ */
	.main_cont{
		width: 100%;
		max-width: 100%;
		background: #fff;
		padding: 40px 30px;
	}
/* ------------------------------------------------------
  aside
------------------------------------------------------ */
	aside{
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 40px 30px;
	}
	.aside_achive{
		order: 1;
	}
	.aside_achive h3{
		font-size: 22px;
		text-align: center;
	}
	.aside_search{
		order: 2;
		margin-bottom: 40px;
	}
	.aside_cat{
		order: 3;
	}
	.aside_popular{
		order: 4;
	}
	.aside_bnr{
		order: 5;
	}
	.aside_achive li,.aside_popular ul{
		background: #fff;
	}
}


@media screen and (max-width: 768px) {
	.cms_h1 h1{
		font-size: 26px;
	}
	.cms_sec{
		padding: 34px 0 0 0;
	}
	h2.page-title{
		margin-bottom: 50px;
		font-size: 26px;
	}
	.seminar_sec + .pankuzu{
		margin-top: 35px;
	}
/* ------------------------------------------------------
  useful
------------------------------------------------------ */
	.main_cont .basic_blog > li{
		width: 100%;
		margin: auto;
		height: auto;
	}
	.main_cont .basic_blog > li + li{
		margin-top: 10px;
	}
	.allpost{
		width: 284px;
		margin: 35px auto 0 auto;
		background: #fcfcfc;
		border: 1px solid #e5e5e5;
		border-radius: 30px;
		color: #707070;
		font-size: 20px;
		text-align: center;
	}
/* ------------------------------------------------------
  aside
------------------------------------------------------ */
	dl.search1{
		position:relative;
		background-color:#fff;
		border:1px solid #aaa;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-o-border-radius:6px;
		-ms-border-radius:6px;
		border-radius:6px;
	}
	dl.search1 dt{
		margin-right:40px;
		padding:8px 0 8px 8px;
	}
	dl.search1 dt input{
		width:100%;
		height:24px;
		line-height:24px;
		background:none;
		border:none;
	}
	dl.search1 dd{
		position:absolute;
		top:0;
		right:0;
	}
	dl.search1 dd button{
		display:block;
		padding:10px;
		background:none;
		border:none;
	}
	dl.search1 dd button span{
		display:block;
		width:20px;
		height:20px;
		background:url('/images/search.png') no-repeat scroll 0 0;
	}
/* ------------------------------------------------------
  seminar_link
------------------------------------------------------ */
	.seminar_sec {
		padding: 100px 0 0 0;
	}
	.link_seminar li{
		text-align: center;
	}
	.link_seminar ul li + li{
		margin-left: 10px;
	}
	.link_seminar a.seminar_cv {
		width: 200px;
		height: 45px;
		margin: 0 0 0 35px;
		font-size: 18px;
		line-height: 49px;
	}
	.link_seminar .tokuten {
		font-size: 12px;
		line-height: 1.4em;
		display: block;
	}
	.link_seminar .sem_cvlist01 .tokuten{
		font-size: 11px;
		font-weight: normal;
		color: #535353;
	}
	.link_seminar ul li.sem_doc{
		max-width: 38%;
	}
	.link_seminar ul li.sem_doc a.seminar_cv{
		background: #2958aa;
	}
	.link_seminar ul.sem_cvlist02{
		width: 90%;
	}
	.link_seminar a.pagetop {
		right: 0;
	}
/* ------------------------------------------------------
  single
------------------------------------------------------ */
	.sec_single{
		padding: 90px 0 0 0;
	}
	/*single_tit*/
	.single_tit h1{
		font-size: 22px;
	}
	/*single_wrap*/
	
	/*table*/
	.single_wrap .spblock table{
		display: block;
	}
	.single_wrap .spblock table tr td,.single_wrap .spblock table tr th{
		display: block;
	}
	.single_wrap table tr td:first-child,.single_wrap table tr th:first-child{
		width: auto;
	}
	.single_wrap .spblock table tr td:first-child,.single_wrap .spblock table tr th:first-child{
		width: 100%;
	}
	/*book_link*/
	.book_link{
		bottom: -70px;
	}
	.book_link a.pagetop {
 		top: -90px;
	}
	.book_link .book_img{
		margin-right: 10px;
		min-width: 42px;
	}
	.book_link .book_img,.book_link .book_img img{
		height: 56px;
		width: 42px;
		margin: 0 10px 0 0;
	}
	.book_link .book_h3{
		font-size: 11px;
		line-height: 1.4em;
	    margin: 0 10px 0 0;
	    height: 46px;
 		overflow: hidden;
		position: relative;
	}
	.book_link .book_h3:after{
		content: '…';
		display: block;
		width: 10px;
		height: 15px;
		background: #fff;
		color: #48587e;
		position: absolute;
		bottom: 0;
		right: 0;
		line-height: 23px;
	}
	.book_link a.btn_pink.book_btn{
		min-width: 120px;
		width: 120px;
		font-size: 12px;
		text-align: center;
		padding: 4px 15px 0 15px;
		border-radius: 5px;
		line-height: 1.3em;
		display: flex;
		align-items: center;
		height: 45px;
	}
	.single_wrap .prof dl{
		flex-wrap: wrap;
	}
	.single_wrap .prof dt{
		margin: 0 auto 30px auto;
	}	
	.single_wrap h2 {
    	font-size: 22px !important;
	}	
	.share .copyBtn{
	font-size: 16px;
}
}