@charset "utf-8";

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}
@media only screen and (max-width:374px) {}

/*************************************************

 voice page comon

*************************************************/
.wrap1400 {
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
.wrap1170 {
	max-width: 1170px;
	padding-right: 20px;
}
.wrap1250 {
	max-width: 1250px;
	margin-left: auto;
	padding-left: 20px;
}
.secTitle {
	margin-bottom: 40px;
	color: #81B2B2;
	font-size: 26px;
	line-height: 1.5;
}
.blockTexts {
	font-size: 14px;
	line-height: 2.571em;
	letter-spacing: 0;
}
.blockTexts p {
	margin-top: 2.571em;
}
.blockTexts p:first-child {
	margin-top: 0;
}
[class^="block0"] .inflex {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width:767px) {
	.wrap1170 {
		padding-right: 0;
	}
	.wrap1250 {
		padding-left: 0;
	}
	.secTitle {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.blockTexts {
		font-size: 14px;
		line-height: 2em;
	}
	.blockTexts p {
		margin-top: 2em;
	}
	[class^="block0"] .inflex {
		display: block;
	}
	[class^="block0"] img {
		width: 100%;
	}
}


/* block01
----------------------------------------*/
.block01 .blockImages {
	width: calc(462 / 1170 * 100%);
	margin-top: 80px;
}
.block01 .blockTexts {
	width: calc(644 / 1170 * 100%);
}
.block01 .blockImages figure + figure {
	margin-top: 20px;
}
@media only screen and (max-width:767px) {
	.block01 {
		margin-bottom: 50px;
	}
	.block01 .blockImages {
		width: auto;
		margin-top: 0;
	}
	.block01 .blockTexts {
		width: calc(100% - 40px);
		margin: 30px auto 0;
	}
	.block01 .blockImages figure + figure {
		margin-top: 0;
	}
}

/* block02
----------------------------------------*/
.block02 .inflex {
	align-items: center;
	flex-direction: row-reverse;
}
.block02 .blockImages {
	position: relative;
	width: calc(700 / 1250 * 100%);
	margin-top: 80px;
}
.block02 .blockTexts figure {
	position: relative;
	z-index: 1;
}
.block02 .blockImages .minImg {
	width: calc(365 / 700 * 100%);
	margin: 20px 0 0 calc(245 / 700 * 100%);
}
.block02 .blockImages .absText {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(248 / 700 * 100%);
	margin: calc(400 / 700 * 100%) 0 0 calc(63 / 700 * 100%);
	z-index: 3;
}
.block02 .blockTexts {
	width: calc(498 / 1250 * 100%);
}
@media only screen and (max-width:767px) {
	.block02 {
		margin-bottom: 50px;
	}
	.block02 .blockImages {
		width: auto;
		margin-top: 0;
	}
	.block02 .blockImages .minImg {
		width: auto;
		margin: 0;
	}
	.block02 .blockImages .absText {
		position: absolute;
		top: 50%;
		left: calc(40 / 390 * 100%);
		width: calc(220 / 390 * 100%);
		margin: 0;
		transform: translateY(-33%);
	}
	.block02 .blockTexts {
		width: calc(100% - 40px);
		margin: 30px auto 0;
	}
	.block02 .blockImages figure + figure {
		margin-top: 0;
	}
}

/* block03
----------------------------------------*/
.block03 .blockImages {
	width: calc(462 / 1170 * 100%);
}
.block03 .blockTexts {
	width: calc(644 / 1170 * 100%);
	margin-top: 100px;
}
@media only screen and (max-width:767px) {
	.block03 .blockImages {
		width: auto;
	}
	.block03 .blockTexts {
		width: calc(100% - 40px);
		margin: 30px auto 0;
	}
	.block03 .blockImages figure + figure {
		margin-top: 0;
	}
}







/*************************************************

 mainVisual

*************************************************/
.mainVisual {
	position: relative;
	margin-bottom: 150px;
}
.mainVisual:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	height: 100%;
	width: 67.857%;
	background: no-repeat center top / cover;
	z-index: 1;
}
.mainVisual.mv01:before {
	background-image: url(../images/voice/01/mv.jpg);
}
.mainVisual.mv02:before {
	background-image: url(../images/voice/02/mv.jpg);
}
.mainVisual.mv03:before {
	background-image: url(../images/voice/03/mv.jpg);
}
.mainVisual.mv04:before {
	background-image: url(../images/voice/04/mv.jpg);
}
.mainVisual .wrapAjust {
	position: relative;
	display: flex;
	align-items: center;
	height: 770px;
	z-index: 2;
}
.mainVisual .title {
	font-size: 30px;
	line-height: 2;
}
.mainVisual .info {
	margin-top: 60px;
}
.mainVisual .info .area {
	font-size: 13px;
}
.mainVisual .info .name {
	margin-top: 5px;
	font-size: 20px;
	font-weight: 500;
}
.mainVisual .info .name small {
	font-size: 14px;
}
.mainVisual .info .date {
	margin-top: 12px;
	font-size: 12px;
}

@media only screen and (max-width:767px) {
	.mainVisual {
		margin-bottom: 80px;
	}
	.mainVisual:before {
		position: relative;
		height: 0;
		width: 100%;
		padding-bottom: 81.282%;
		background-size: 130% auto;
	}
	.mainVisual .wrapAjust {
		display: block;
		height: auto;
		margin-top: 30px;
	}
	.mainVisual .title {
		font-size: 24px;
	}
	.mainVisual .info {
		margin-top: 30px;
	}
	.mainVisual .info .area {
		font-size: 12px;
	}
	.mainVisual .info .name {
		font-size: 18px;
	}
	.mainVisual .info .name small {
		font-size: 14px;
	}
}



/*************************************************

 dailyschedule

*************************************************/
.dailyschedule {
	margin-top: 180px;
	background-color: #F4F3F2;
}
.dailyschedule .title {
	position: relative;
	text-align: center;
}
.dailyschedule .title > * {
	position: relative;
	display: block;
	z-index: 2;
}
.dailyschedule .title span {
	font-size: 23px;
}
.dailyschedule .title small {
	font-size: 18px;
}
.dailyschedule .title:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: calc(100% - 15px);
	background-color: #fff;
	z-index: 1;
}
.dailyschedule .title:after {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	content: '';
	width: calc(100% - 40px);
	max-width: 357px;
	height: 100%;
	z-index: 2;
	border-right: #707070 solid 2px;
	border-left: #707070 solid 2px;
	transform: translateX(-50%);
}
.dailyschedule .lead {
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
}
.dailyschedule .times {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 60px 0;
}
.dailyschedule .lead + .times {
	padding-top: 30px;
}
.dailyschedule .times [class^="group"] {
	overflow: hidden;
	max-width: 340px;
	padding: 0 70px;
}
.dailyschedule .times [class^="group"] li {
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
	line-height: 1.4;
}
.dailyschedule .times [class^="group"] li > * {
	position: relative;
	box-sizing: border-box;
	display: table-cell;
	padding-bottom: 10px;
}
.dailyschedule .times [class^="group"] .tm {
	width: 105px;
	font-size: 20px;
	font-weight: 500;
	text-align: right;
}
.dailyschedule .times [class^="group"] .tm:after {
	position: absolute;
	top: 15px;
	right: 21px;
	display: block;
	content: '';
	height: calc(100% + 10px);
	border-left: #81B2B2 dotted 2px;
}
.dailyschedule .times [class^="group"] .tm .poa {
	position: relative;
	padding-right: 43px;
}
.dailyschedule .times [class^="group"] .tm .poa:before {
	position: absolute;
	top: 5px;
	right: 12px;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	background-color: #81B2B2;
	border-radius: 50%;
}
.dailyschedule .times [class^="group"] .txt {
	font-size: 18px;
}
.dailyschedule .times .group02 li:first-child .tm:after {
	top: 0;
	height: calc(100% + 10px);
}
.dailyschedule .times .group02 li:last-child .tm:after {
	display: none;
}
@media only screen and (max-width:767px) {
	.dailyschedule {
		margin-top: 90px;
	}
	.dailyschedule .title span {
		font-size: 18px;
	}
	.dailyschedule .title small {
		font-size: 14px;
	}
	.dailyschedule .title:before {
		height: calc(100% - 12px);
	}
	.dailyschedule .title:after {
		max-width: 275px;
	}
	.dailyschedule .lead {
		margin-top: 30px;
		font-size: 14px;
	}
	.dailyschedule .times {
		display: block;
		padding: 60px 0;
	}
	.dailyschedule .lead + .times {
		padding-top: 30px;
	}
	.dailyschedule .times [class^="group"] {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
	}
	.dailyschedule .times [class^="group"] li > * {
		position: relative;
		box-sizing: border-box;
		display: table-cell;
		padding-bottom: 10px;
	}
	.dailyschedule .times [class^="group"] .tm {
		width: 105px;
		font-size: 18px;
	}
	.dailyschedule .times [class^="group"] .txt {
		font-size: 16px;
	}
}


/*************************************************

 advice

*************************************************/
.advice {
	position: relative;
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 90px auto 150px;
	padding: 40px 35px 30px;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 2.286;
	border: #8BB1B1 solid 2px;
	border-radius: 10px;
	text-align: center;
}
.advice .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #81B2B2;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	transform: translateY(-50%);
	z-index: 2;
}
.advice .title span {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	background-color: #fff;
}
.advice .title span:before,
.advice .title span:after {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	height: 100%;
	width: 2px;
	background-color: #8BB1B1;
}
.advice .title span:before {
	left: 0;
	transform: rotate(-20deg);
}
.advice .title span:after {
	right: 0;
	transform: rotate(20deg);
}
@media only screen and (max-width:767px) {
	.advice {
		margin: 70px auto 100px;
		padding: 40px 20px 30px;
		font-size: 14px;
		border-radius: 10px;
		text-align: left;
	}
}


/*************************************************

 voice01

*************************************************/
@media only screen and (min-width:768px) {
	#voice01 .block02 .blockImages {
		margin-top: 0;
	}
}


/*************************************************

 voice02

*************************************************/
@media only screen and (min-width:768px) {
	#voice02 .block02 {
		margin-bottom: 150px;
	}
	#voice02 .block02 .blockImages {
		margin-top: -10%;
	}
	#voice02 .block02 .blockTexts {
		padding-top: 10%;
	}
	#voice02 .dailyschedule .times [class^="group"] {
		max-width: 390px;
	}
}
@media only screen and (max-width:767px) {
	#voice02 .block02 .blockImages .absText {
		left: calc(15 / 390 * 100%);
	}
}

/*************************************************

 voice03

*************************************************/
@media only screen and (min-width:768px) {
	#voice03 .block02 {
		margin-bottom: 150px;
	}
	#voice03 .block02 .blockImages {
		margin-top: -10%;
	}
	#voice03 .block02 .blockTexts {
		padding-top: 10%;
	}
	#voice03 .dailyschedule .times [class^="group"] {
		max-width: 390px;
	}
}
@media only screen and (max-width:767px) {
	#voice03 .dailyschedule .times [class^="group"] {
		max-width: 330px;
	}
	#voice03 .block02 .blockImages .absText {
		left: calc(15 / 390 * 100%);
	}
}

/*************************************************

 voice04

*************************************************/
@media only screen and (min-width:768px) {
	#voice04 .block02 {
		margin-bottom: 150px;
	}
	#voice04 .block02 .blockImages {
		margin-top: -10%;
	}
	#voice04 .block02 .blockTexts {
		padding-top: 10%;
	}
	#voice04 .dailyschedule .times [class^="group"] {
		max-width: 390px;
	}
}
@media only screen and (max-width:767px) {
	#voice04 .dailyschedule .times [class^="group"] {
		max-width: 330px;
	}
	#voice04 .block02 .blockImages .absText {
		left: calc(15 / 390 * 100%);
	}
}