/* Write your custom CSS here */

p.counter {
    line-height: 32px;
    font-size: 18px;
}
.info-box .info-box-stats p {
    font-size: 22px !important;
}

table.api-reference thead tr {
    color: #fff;
    background-color:  #78909c;
}

.wysiwyg {
    font-size:15px;
}

.wysiwyg h2 span,
.wysiwyg h3 span,
.wysiwyg h4 span {
    background: none !important;
    border: none !important;
}

.wysiwyg h2 {
    position: relative;
    padding: .5em;
    background: #F39801;
    color: #fff;
    border: none;
    font-size: 23px;
    font-weight: bold;
}

.wysiwyg h2:before {
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-right: solid 20px #E89100;
    border-bottom: solid 15px transparent;
    content: "";
}

.wysiwyg h3 {
    padding: 0.5em;
    font-size: 17px;
    color: #000;
    background: #FFFBF4;
    border-left: solid 5px #F39801;
}

.wysiwyg h4 {
    font-size: 16px;
    border-bottom: solid 3px #FFF6E6;
    position: relative;
}

.wysiwyg h4:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #F39801;
    bottom: -3px;
    width: 20%;
}

/*post-author*/
.post-author {
    padding: 20px;
    background-color: #FFF6E6;
}

.post-author-thumbnail {
}

.post-author-content {
    padding-left: 20px;
}

h3.post-author-title {
    margin: 0 0 10px;
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: bold;
}

h3.post-author-title span {
    border-bottom: 3px solid #F39801 !important;
}

@media (max-width: 767px) {
    .post-author {
        padding: 10px;
    }

    .post-author-thumbnail {
        max-width: 120px;
        margin: 0 auto 15px;
    }

    .post-author-content {
        padding-left: 0;
    }

}

/*post-link-to*/
.post-link-to {
    display: block;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #454545;
    transition: all 0.3s ease-in-out;
}

.post-link-to:hover {
    color: #454545;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.post-link-to-thumbnail {
}

.post-link-to-content {
    padding-left: 20px;
}

h3.post-link-to-title {
    margin: 0 0 5px;
    padding: 0;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #454545 !important;
}

@media (max-width: 767px) {
    .post-link-to {
        padding: 5px;
    }

    .post-link-to-thumbnail {
        max-width: 100%;
        margin: 0 auto 0;
    }

    .post-link-to-content {
        padding-left: 10px;
    }

    h3.post-link-to-title {
        color: #454545 !important;
        font-size: 13px !important;
        margin-bottom: 0;
    }

}

/* CSS(記事装飾) */
/*吹き出し*/
.balloon_l,
.balloon_r{margin-bottom:30px; display:flex; justify-content: flex-start; align-items: flex-start; /*縦位置を上揃え*//*   align-items: center; */ /*縦位置を真ん中揃え*/}
.balloon_r{justify-content:flex-end;}
.faceicon img {max-width:60px !important; border-radius:50%; height:auto;}
.balloon_r .faceicon{margin-left:25px;}
.balloon_l .faceicon{margin-right:25px;}
.balloon_r .faceicon{order:2 !important;}
.balloon_l .says {max-width:460px; display:flex; flex-wrap:wrap; position:relative; padding:17px 13px 15px 18px; border-radius:12px; background:#fde5e5; box-sizing:border-box; margin:0 !important; line-height:1.5;/*   align-items: center; */}
.balloon_r .says {max-width:460px; display:flex; flex-wrap:wrap; position:relative; padding:17px 13px 15px 18px; border-radius:12px; background:#f2f3f7; box-sizing:border-box; margin:0 !important; line-height:1.5;/*   align-items: center; */}
.says p {margin:8px 0 0 !important; font-weight:400;}
.says p:first-child {margin-top:0 !important;}
.says:after {content:""; position:absolute; border:10px solid transparent;/*   margin-top:-3px;  */}
.balloon_l .says:after {left:-26px; border-right:22px solid #fde5e5;}
.balloon_r .says:after {right:-26px; border-left:22px solid #f2f3f7;}

/* 装飾ボックス */
.memobox {margin-bottom:20px; background-color:#fff9c4; padding:20px; border-radius:5px;}
.memobox-title {font-size:18px; font-weight:bold; color:#ffc107;}
.memobox-title:before {padding-right:5px; font-family:FontAwesome; content: "\f058"; font-size:17px;}
.memobox p {font-size:15px; margin:0; padding:0;}
.cautionbox {margin-bottom:20px; background-color:#ffebee; padding:20px; border-radius:5px;}
.cautionbox-title {font-size:18px; font-weight:bold; color:#ef5350;}
.cautionbox-title:before {padding-right:5px; font-family:FontAwesome; content: "\f071"; font-size:17px;}
.cautionbox p {font-size:15px; margin:0; padding:0;}
.question {margin-bottom:20px; background-color:#ebf5ff; padding:20px; border-radius:5px;}
.question-title {font-size:18px; font-weight:bold; color:#5097ef;}
.question-title:before {padding-right:5px; font-family:FontAwesome; content: "\f059"; font-size:17px;}
.question p {font-size:15px; margin:0; padding:0;}

/* CSS(企業紹介 */
.detail_profile {
    padding: 65px 0;
    background: #F9F9F9;
    margin-top: 210px;
    margin-bottom: 210px;
}
.detail_profile table {
    margin: 0 auto;
}
.detail_profile caption {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.detail_profile caption img {
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 300px;
}
.detail_profile tbody {
    font-size: 15px;
    font-size: 1.5rem;
    width: 600px;
    display: inline-block;
    line-height: 1.8;
    vertical-align: middle;
}
.detail_profile th {
    padding: 0 20px 0 40px;
    white-space: nowrap;
}
.detail_profile td {
    line-height: 1.7;
}

/* company-title*/
.title-company {
    font-size: 25px;
    font-weight: bolder;
    color: #696969;
}
.title-company-sub {
    font-size: 16px;
    font-weight: bolder;
    color: #696969;
}
/* interview-person */
.interview-person {
    font-size: 13px;
    color: #999999;
    text-align: center;
    margin: 10px 0px;
}
/* テーマ */
.tag01 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tag01 li {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: 0;
}
.tag01 li span {
	display: inline-block;
	max-width: 300px;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
	background-color: #fff;	
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #000;
	font-size: 13px;
	font-weight: bolder;
	background: #ffe8c0;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
/* キーワード */
.tag02 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tag02 li {
	display: inline-block;
	margin: 0 0 .3em 1em;
	padding: 0;
}
.tag02 li a {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
	background-color: #F39801;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
.tag02 li a::before {
	position: absolute;
	top: 0;
	left: -15px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #F39801 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	-webkit-transition: .2s;
	transition: .2s;
}
.tag02 li a::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #fff;
	border-radius: 100%;
}
.tag02 li span {
	display: block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* CSS(企業紹介 */
.detail_profile {
    padding: 30px 0;
    background: #F9F9F9;
    margin-top: 50px;
    margin-bottom: 50px;
}
.detail_profile table {
    margin: 0 auto;
}
.detail_profile caption {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding:0;
}
.detail_profile caption img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 150px;
}
.detail_profile tbody {
    font-size: 13px;
    width: 470px;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
.detail_profile th {
    padding: 0 20px 0 40px;
    white-space: nowrap;
}
.detail_profile td {
    line-height: 1.7;
}

.toc {padding:20px 25px; background-color:#f9f9f9; border-top:4px solid #f08300; box-shadow:0 1.5px 2.4px rgba(0, 0, 0, 0.15);}
.toc-title {color:#f08300; font-size:24px; font-weight:700;}
.toc-title::before {display:inline-flex; justify-content:center; align-items:center; width:34px; height:34px; margin-right:10px; position:relative; top:-4px; padding:10px; background-color:#f08300; border-radius:100px; font-family:'FontAwesome'; content:'\f0ca'; font-weight:400; font-size:14px; color:#fff; line-height:1;}
.toc-change {display:inline-block; margin-left:10px; padding:5px 10px 8px; line-height:1; background-color:#cbcbcb; border-radius:4px; color:#fff; font-size:14px; cursor:pointer; position:relative; top:-4px;}
.toc-inner ul:not(:last-child) {margin-bottom:.5rem;}
.toc-list {margin-bottom:0; padding-top:10px;}
.toc-list li {line-height:2;}
.toc-list li a {color:#141517;}
.toc-list li a:hover {text-decoration:underline;}
.toc-list ul li {font-weight:300;}

.detail-profile {display:flex; padding:20px; background-color:#f9f9f9;}
.detail-profile-thumbnail {flex:0 0 30%; width:30%; max-width:30%;}
.detail-profile-text {flex:0 0 70%; width:70%; max-width:70%;}
.detail-profile-text table th,
.detail-profile-text table td {vertical-align:top; font-size:13px;}
.detail-profile-text table th {width:15%;}

/* イベント一覧 */
.index-event-list {padding:30px 0;}
.index-event-list-heading {position:relative; margin-bottom:30px; text-align:center;}
.index-event-list-title {margin-bottom:30px; padding:0 10px; text-align:center;}
/*
.index-event-list-select select {height:50px;}
.index-event-list-slider-swiper {position:relative; margin:30px -15px 0; padding:30px 0;}
.index-event-list-slider-swiper::before {position:absolute; top:0; left:5%; display:block; width:90%; padding-top:100%; content:''; background:linear-gradient(to right, #ffdb7a 0%, #ff9495 100%); z-index:-1;}
.index-event-list-slider-swiper .swiper-slide {position:relative; padding:0 0 15px; border:2px solid #eee; background-color:#fff; transform:scale(.9); transition:all .3s ease-in-out;}
.index-event-list-slider-swiper .swiper-slide-active {transform:scale(1);}
.index-event-list-slider-swiper .swiper-slide-category {position:absolute; top:-5px; left:-5px; background-color:#fff; font-weight:bold; display:inline-block; padding:2px 5px;}
.index-event-list-slider-swiper .swiper-slide-thumbnail {padding-top:56.25%; background-size:cover; background-position:center center;}
.index-event-list-slider-swiper .swiper-slide-title {margin:10px; padding-bottom:10px; text-align:center; color:#e69033; border-bottom:3px dotted #381102; font-size:18px; font-weight:bold;}
.index-event-list-slider-swiper .swiper-slide-univ {margin:0 10px; text-align:center; font-size:14px; font-weight:bold;}
.index-event-list-slider-swiper .swiper-slide-datetime {margin:0 10px; text-align:center; font-size:14px;}
.index-event-list-slider-swiper .swiper-button-prev,
.index-event-list-slider-swiper .swiper-button-next {background-color:rgba(0, 0, 0, .75); padding-left:20px; padding-right:20px;}
.index-event-list-slider-swiper .swiper-button-prev::after,
.index-event-list-slider-swiper .swiper-button-next::after {color:#fff; font-size:18px;}
.index-event-list-slider-swiper .swiper-button-prev {left:0;}
.index-event-list-slider-swiper .swiper-button-next {right:0;}
.index-event-list-slider {overflow-x:auto;}
.index-event-list-slider-wrapper {display:flex;}
.index-event-list-card {display:block; min-width:180px; margin:5px; border-radius:10px; background-color:#fff;}
.index-event-list-card-thumbnail {padding-top:56.25%; border-radius:10px 10px 0 0; background-size:cover; background-position:center center;}
.index-event-list-card-title {padding:8px 10px; font-weight:600; font-size:13px; color:#e69033;}
*/

@media (max-width: 767px) {
    .detail-profile {display:block;}
    .detail-profile-thumbnail {margin-bottom:15px; width:100%; max-width:100%; text-align:center;}
    .detail-profile-text {width:100%; max-width:100%;}
    .detail-profile-text table th {width:25%;}
    
    /* イベント一覧 */
    .index-event-list-title {text-align:center;}
    .index-event-list-slider {overflow:hidden;}
    /*
    .index-event-list-slider-wrapper {display:flex; flex-wrap:wrap; justify-content:center;}
    .index-event-list-card {flex:0 0 25%; max-width:25%; margin:10px;}
    */
}