@charset "utf-8";


body {
	font-family: Roboto,NotoSansCJKjp,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.c-logo, .p-page-header__title, .p-page-header__desc, .p-archive-header__title, .p-faq__cat, .p-interview__title, .p-footer-link__title, .p-block01__title, .p-block04__title, .p-index-content02__title, .p-headline02__title, .p-index-content01__title, .p-index-content06__title, .p-index-content07__title, .p-index-content09__title, .p-plan__title, .p-plan__catch, .p-header-content__title, .p-spec__title {
	font-family: Roboto,NotoSansCJKjp,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/* ----------------------------------------------------------------------
style
---------------------------------------------------------------------- */
/* text-align - 配置 */
.align1 { text-align: center !important; }

/* 中央寄せ */
.align2 { text-align: right !important; }

/* 右寄せ */
.align3 { text-align: left !important; }

.interview-area .interview-area-img {
	margin-right:35px;
	float: left;
	width: 200px;
}
.interview-area .interview-area-txt {
	line-height: 2.4;
	font-size: 16px;
 }

.content-a-borderbottom{
	border-bottom: solid 1px #888;
}
.content-a-borderbottom:hover{
	opacity: 0.7;
}
.content-border-box {
    border:solid 2px #a19283;
    padding: 10px;
    font-size: 14px;
    line-height: 2.4;
}
.img-top-tit{
	width: 460px;
    margin: 0;
    float: left;
    height: auto;
    position: absolute;
    top: 37%;
    right: 52%;
}
@media screen and (max-width: 1199px){
	.img-top-tit{
	width: 40%;
    margin: 0;
    float: left;
    height: auto;
    position: absolute;
    top: 30%;
    right: 55%;
}
}
@media screen and (max-width: 767px){
	.img-top-tit{
	width: 70%;
    top: 45%;
    right: 10%;
    text-align: center;
	}
}
.section-gray-bg{
    background: #f5f5f5;
    padding: 25px 0 5px;
}

.plan-area .section-gray-bg{
    background: #f5f5f5;
    padding: 0;
}
@media screen and (min-width: 767px){
  .content-pc { display:block; }
  .content-sp { display:none; }
}
@media screen and (max-width: 767px){
  .content-pc { display:none; }
  .content-sp { display:block; }
}

.f-clear { clear: both; }

.caption{
	font-size: 0.7em;
}
.p-block05__item_p20 img{
max-width:270px;
width: 100%;
height:100%;
}
.p-block05__item_p20 {
padding: 15px 15px 10px 15px;
}

@media screen and (max-width: 767px){
.p-block05__item_p20 img{
width:100%;
	}
.p-block05__item_p20 {
padding: 10px;
}

.large-size{
	font-size: 1.3em;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.interview-area{
		text-align: center;
	}
	.interview-area .interview-area-txt {
		text-align: left;
		line-height: 2.0;
	font-size: 16px;
	}
	.interview-area .interview-area-img {
	margin: 10px 20px 0 0;
	width: 50%;
	max-width: 150px;
}
	.interview-area .interview-area-img-spfull {
	margin-bottom: 10px;
	float: none;
	width: 100%;
	max-width: 350px;
}
	.large-size{
	font-size: 1.8em;
	font-weight: bold;
}
.p-page-header.is-active .p-page-header__title{
	width: 100%;
	font-size: 19px;
}

}

.img_top_visual{
    margin:0 auto;
}

.seminar-bg .seminar-box .seminar-box__title .seminar-box__title__area-tag {
    width: 30%;
    background: #50bef0;
    text-align: center;
    color: #fff;
    font-size: 3.5vw;
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
    padding: 8px;
    border-radius: 2px;
    white-space: nowrap;
}
@media screen and (min-width: 768px) {
.seminar-bg .seminar-box .seminar-box__title .seminar-box__title__area-tag {
    width: 124px;
    background: #50bef0;
    padding: 10px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
    border-radius: 3px;
    white-space: nowrap;
}

}