@charset "utf-8";
.nosp {
	display: none;
}


.contents {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #333;
    font-size: 3.6vw;
    line-height: 1.5em;
    background-color: #fff;
    padding-bottom: 10vw;
}

/*------------------------------------------------
	メインビジュアル
--------------------------------------------------*/
#mainvisual {
	width: 100%;
	height: 46.6vw;
    background: url("../images/sp_main.jpg") no-repeat top center;
    background-size: 100%;
	text-align: center;
}

/*------------------------------------------------
	セミナー
--------------------------------------------------*/
#seminer {
    width: 100%;
    padding: 10vw 0 6vw;
}
#seminer .inner {
    width: 92vw;
    margin: 0 auto;
}
#seminer h2 {
    font-size: 5.4vw;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5vw;
}
#seminer h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f086";
    margin-right: 2vw;
}
#seminer h2:after {
    font-family: "Font Awesome 5 Free";
    content: "\f52d";
    margin-left: 2vw;
}
#seminer h3 {
    font-size: 3vw;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5vw;
}
#seminer p.noseminer {
	display: none;
    border: solid 5px #e8e8e8;
    padding: 10vw 0;
    font-size: 3.8vw;
    text-align: center;
}
.seminer-list {
    margin-bottom: 5vw;
}
.seminer-list li {
    margin-bottom: 4vw;
}
.seminer-list .item-box {
    width: 85vw;
    border: solid 5px #e8e8e8;
    padding: 3vw 3vw 7vw;    
}
.seminer-list .item-box .area {
    display: inline-block;
    font-size: 3.4vw;
    background-color: #0f74bb;
    color: #fff;
    padding: 0.5vw 3vw;
    margin-bottom: 1vw;
}
.seminer-list .item-box .title {
    font-size: 4.2vw;
    line-height: 1.5em;
    font-weight: bold;
    border-bottom: double 6px #333;
    padding-bottom: 1vw;
    margin-bottom: 5vw;
}
.seminer-list .item-box .ph {
    margin-bottom: 3vw;
}
.seminer-list .item-box .ph img {
    width: 100%;
    /*height: 40vw;
    object-fit: cover;*/
}
.seminer-list .item-box .info-box, #imp .info-box {
    background-color: #f2f2f2;
    padding: 1vw 2vw;
}
.seminer-list .item-box .info-box .info, #imp .info-box .info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2vw;
    font-size: 3.4vw;
}
.seminer-list .item-box .info-box .info dt, #imp .info-box .info dt {
    width: 27%;
    font-weight: bold;
    border-bottom: dashed 1px #999;
    padding: 2vw 2vw 0 0;
}
.seminer-list .item-box .info-box .info dd, #imp .info-box .info dd {
    width: 70%;
    border-bottom: dashed 1px #999;
    padding: 2vw 0;
}
.seminer-list .item-box .info-box .info .map-btn, #imp .info-box .info  .map-btn {
    display: inline-block;
    margin-top: 1vw;
    background-color: #f26666;
    color: #fff;
    font-size: 3.2vw;
    line-height: 2.4em;
    border-radius: 1.2em;
    padding: 0 3vw;
    text-decoration: none;
    box-shadow: 1px 1px 1px #bbb;
}
.seminer-list .item-box .info-box .note, #imp .info-box .note {
    font-size: 3.2vw;
    line-height: 1.5em;
}
.seminer-list .item-box .text {
    margin: 3vw 0;
}
.seminer-list .item-box .entry-btn {
    width: 70vw;
    margin: 20px auto 0 auto;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
}
.seminer-list .item-box .entry-btn a {
    display: block;
    background-color: #F56A20;
    color: #fff;
    text-shadow: 1px 1px 2px #c08606;
    text-decoration: none;
    padding: 2vw;
    border-radius: 5vw;
    box-shadow: 1px 2px 1px #bbb;
}
.seminer-list .item-box .entry-btn a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    margin-left: 10px;
}
.seminer-list .item-box .entry-end {
    width: 80vw;
    margin: 0 auto;
    font-size: 3.6vw;
    text-align: center;
    background-color: #ccc;
    padding: 2vw;
    border-radius: 5vw;
}
/*空の場合に項目ごと消す*/
.seminer-list .item-box .info-box .info dt:has(+ dd:empty),
.seminer-list .item-box .info-box .info dd:empty {
	display: none;
}
/*メニュー*/
.menu_box{
	width:100%;
	margin-bottom:40px;
	border: solid 1px #ddd;
	padding:2vw;
	font-size: 3vw;
	line-height: 1.5;
}
.seminer-list .item-box .text-2 {
    margin: 0 auto;
}
.seminer-list .item-box .text-3 {
    margin: 0 auto;
    font-size: 1em;
    font-weight:bold;
    color: #ff0005;
    margin-top: 20px;
    text-align: center;
}


/*------------------------------------------------
	インプレッソ
--------------------------------------------------*/
#imp {
    width: 100%;
    padding: 0 0 5vw;
}
#imp .inner {
    width: 92vw;
    margin: 0 auto;
    background-color: #eef4f8;
    padding: 5vw 3vw;
    position: relative;
}
#imp h2 {
    font-size: 4.8vw;
    line-height: 1.5em;
    color: #53146c;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5vw;
}
#imp .logo {
    position: absolute;
    right: 2vw;
    top: 2vw;
}
#imp .logo img {
    width: 15vw;
}
#imp .title-box {
    width: 100%;
    margin-bottom: 3vw;
}
#imp .title-box .ph {
    width: 66vw;
    margin: 0 auto 3vw;
}
#imp .title-box .ph img {
    width: 100%;
    height: 40vw;
    object-fit: cover;
    object-position: top;
}
#imp .title-box .text {
    font-size: 4.0vw;
    line-height: 1.5em;
}
#imp .content {
    width: 100%;
    background-color: #fff;
    border: solid 1px #a9becd;
    padding: 2vw;
}
#imp .content h3 {
    font-size: 4.0vw;
    font-weight: bold;
    margin-bottom: 3vw;
}
#imp .content .text1 {
    margin-bottom: 5vw;
}
#imp .content .text2 {
    font-size: 3.3vw;
    line-height: 1.5em;
}
#imp .note {
    margin-top: 3vw;
    font-size: 3.3vw;
    line-height: 1.5em;
    font-weight: bold;
}
#imp .f-red {
    color: #de1b1b;
}
#imp .info-box {
	margin-bottom: 5vw;
}
#imp .entry-btn {
    width: 70vw;
    margin: 5vw auto;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
}
#imp .entry-btn a {
    display: block;
    background-color: #0f74bb;
    color: #fff;
    text-shadow: 1px 1px 2px #05416b;
    text-decoration: none;
    padding: 2vw;
    border-radius: 5vw;
    box-shadow: 1px 2px 1px #bbb;
}
#imp .entry-btn a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    margin-left: 10px;
}
/*------------------------------------------------
	バナー
--------------------------------------------------*/
.seminer-bnr{
    text-align: center;
} 
.seminer-bnr a {
    display: block;
}
.seminer-bnr img {
    width: 92vw;
}
/*------------------------------------------------
        スマホ横向き時の余白調整
--------------------------------------------------*/
.breadcrumb {
    width: 100%;
}