﻿?
@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
BRANDING SEMINAR
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

section.page-seminar div.section-inner-center {
/*
	border-top:#000 1px solid;
	padding-top:60px;
*/
	padding-bottom:20px;
}

section.page-seminar .start {
	border-top:none !important;
	padding-top:0 !important;
}

.page-scenario .switch-image {
	float: right;
	margin: 0 0 20px 3%;
	text-align: center;
}

.page-scenario figcaption {
	margin-top: 10px;
	font-weight: 700;
}

.page-scenario .name {
	font-size: 2.4rem;
}

.title-bp {
}
.title-bp-sub {
	font-size: 2.6rem;
	color:#d92127;
}

.list-bp {
	list-style:disc inside;
	font-size: 2rem;
	line-height:1.8;
}
.list-bp li{
	margin-left: 1.4em;
	text-indent: -1.4em;
}



.dl-bp {
	margin-bottom: 20px;
}
.dl-bp dt{
	position: relative;
	font-size:2.6rem;
	font-weight:bold;
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left:26px;
	text-align: left;
	align-items: center;
}
.dl-bp dt:before {
	position : absolute;
	top:7px;
	left:0;
	width: 12px;
	height: 12px;
	margin-right: 12px;
	border: 6px solid #d92127;
	border-radius: 50%;
	content: "";
}
.dl-bp dd{
	font-size: 1.8rem;
	line-height:1.6;
	margin:0 0 2em 2em;
}
.ring-ja {
	margin-right: 10px;
}
.dl-bp02 {
	margin-bottom: 20px;
}
.dl-bp02 dt{
	position: relative;
	font-size:2.4rem;
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	align-items: center;
}
.dl-bp02 dt:before {
	margin-right: 12px;
	content: "\025c6";
	vertival-align:top;
}
.dl-bp02 dd{
	font-size: 1.8rem;
	line-height:1.6;
	margin:0 0 2em 2em;
}

.page-scenario .copy-heading .newline {
	display: table;
}

.page-scenario .image {
	margin-top: 20px;
}


@media screen\0 {
.page-news-sns-twitter {
	display: none;
}
}

@media screen and (min-width: 768px) {

.page-scenario .copy-heading .newline {
	margin-left: auto;
}

.page-scenario .image {
	float: left;
	margin: 10px 4.3% 30px 0;
}

.page-scenario .position {
	margin-right: 20px;
}
}


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

	.page-scenario .flex {
		display: flex;
		flex-flow: column-reverse;
		align-items: center;
	}

	.page-scenario .paragraph {
		max-width: 100%;
	}

	.page-scenario .more {
		margin-left: auto;
	}

	.dl-bp dd{
		margin:0 0 2em 0;
	}

	.dl-bp02 dd{
		margin:0 0 2em 0;
	}

}

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

}

ul.list-seminar {
  margin:1.5em 1em;
}
ul.list-seminar li {
  position: relative;
  padding-bottom:0.5em;
}
ul.list-seminar li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
	.wp-image-501 {
	  margin-top:50px;
	}
}

.profile-title {
	font-weight:bold;
	font-size: 2.4rem;
}

.profile-data {
	font-weight:bold;
	font-size: 2.0rem;
}

.seminar-thema {
	font-weight:bold;
	margin-bottom: 1.25em
}

@media screen and (min-width: 768px) {

	.seminar-thema {
		font-size: 1.8rem;
	}

}

#seminar01 .dl-bp dt:before {
	top:auto;
}

dd.started {
        display: flex;
        flex-wrap: wrap;
	justify-content: center;
	gap:25px 50px;
}
dd.started figure{
	max-width:320px;
	margin:0;
	padding:0;
	text-align:center;
}
dd.started figure img{
	width:100%;
	min-width:212px!important;
	max-width:212px!important;
	height:auto!important;
}
dd.started figure figcaption{
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	font-size:0.9em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}


dd.series {
        display: flex;
        flex-wrap: wrap;
	gap:25px 50px;
}
dd.series figure{
	max-width:212px;
	margin:0;
	padding:0;
}
dd.series figure img{
	width:100%;
	min-width:212px!important;
	max-width:212px!important;
	height:auto!important;
}
dd.series figure figcaption{
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	font-size:0.9em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
@media screen and (max-width: 767.9px) {

	dd.series {
		justify-content: center;
	}

}

.iwate-seminar {
	margin:30px auto;
	padding:0;
	line-height:1.4;
}

.iwate-seminar a {
/*
	display: flex;
	justify-content: center;
	align-items: center;
*/
	position: relative;
	width: 100%;
	height: 60px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	text-decoration: underline;
	text-underline-offset: 8px;
}

.iwate-seminar a:hover {
	color: #d92127;
}

.iwate-seminar a{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	padding-right: 20px;
}
.iwate-seminar a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 3px solid #bbb;
	border-radius: 50%;
}

.iwate-seminar a::after {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	right: 9px;
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #333 #333 transparent transparent;
}

.iwate-seminar a:hover::before {
	border: 3px solid #d92127;
}

.iwate-seminar a:hover::after {
	border-color: #d92127 #d92127 transparent transparent;
}

.iwate-flex {
	display: flex;
	gap: 0 30px;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.iwate-flex img{
	height:auto!important;
}
.iwate-flex a img{
	height:auto;
}



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

	.iwate-flex a img{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.iwate-flex a img.bp,
	.iwate-flex a img.ab{
        margin-bottom:20px;
	}
	.iwate-flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px 0;
	}

	.iwate-flex .box{
		order:2;
	}

	.iwate-flex .movie{
		max-width:90%;
		order:1;
	}

	.iwate-flex .top{
		order:1;
	}
	.iwate-flex .bottom{
		order:3;
	}

}

.iwate-flex .photo {
	display:flex;
	flex-wrap: wrap;
/*
	justify-content: center;
*/
	align-items: center;
	gap: 15px;
}