@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.loadingBox .logo img,
#gHeader .logo img,
#gFooter .fLogo img {
	image-rendering: auto;
}

.en {
	font-family: 'Josefin Sans', sans-serif;
}

/* headLine01 */
.headLine01 {
	margin-bottom: 33px;
	font-weight: bold;
	font-size: 2.6rem;
	line-height: 1.34;
}
.headLine01 .en {
	margin-bottom: 5px;
	font-size: 1.7rem;
	font-weight: 600;
	display: block;
	line-height: 1;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 28px;
		font-size: 1.8rem;
	}
	.headLine01 .en {
		margin-bottom: 6px;
		font-size: 1.4rem;
	}
}


/* noLink */
.noLink {
	cursor: default;
	pointer-events: none;
}

/* comBtn */
ul.comBtn {
	display: flex;
	justify-content: center;
}
ul.comBtn li {
	margin: 0 25px;
}
.comBtn a {
	padding: 12px 30px 14px;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
	width: 260px;
	display: block;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #0081CC;
}
.comBtn a::after {
	margin-top: -10px;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 14px;
	background: url(../../img/common/icon01.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	ul.comBtn {
		display: block;
	}
	ul.comBtn li {
		margin: 0 0 14px;
	}
	ul.comBtn li:last-child {
		margin-bottom: 0;
	}
	.comBtn a {
		padding: 11px 30px 16px;
		margin: 0 auto;
		font-size: 1.8rem;
		width: 240px;
	}
	.comBtn a::after {
		width: 9px;
		height: 19px;
	}
}

/* headLine02 */
.headLine02 {
	padding-bottom: 1px;
	font-family: 'Josefin Sans', sans-serif;
	color: #0081CC;
	font-weight: bold;
	font-size: 1.3rem;
	border-bottom: 1px solid #0081CC;
	line-height: 1;
	letter-spacing: 0.1em;
}
.headLine02.jp {
	padding-bottom: 3px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
@media all and (max-width: 896px) {
	.headLine02 {
		padding-bottom: 2px;
	}
}
/* headLine03 */
.headLine03 {
	color: #0081CC;
	font-size: 1.1rem;
}

.blank {
	position: relative;
}
.blank::after {
	margin: -2px 0 0 8px;
	width: 13px;
	height: 10px;
	background: url(../../img/common/icon02.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
	letter-spacing: 0.02em;
	display: inline-block;
	vertical-align: middle;
}




/* loadingBox */
.loadingBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
}
.loadingBox .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../img/common/loading_bg.jpg) no-repeat center center;
	background-size: cover;
	z-index: 1;
}
.loadingBox .textImg {
	margin-top: 38px;
	width: 80%;
	max-width: 1033px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
	
}
.leftAnime {
	opacity: 0;
	overflow: hidden;
	display: inline-block;
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.leftAnimeInner {
	opacity: 0;
	display: inline-block;
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.second,
.second .leftAnimeInner {
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.loadingBox .logo {
	position: absolute;
	top: 31px;
	left: 30px;
	z-index: 200;
}
@media all and (min-width: 897px) and (max-width: 1250px) {
	.loadingBox .logo {
		left: 15px;
		width: 190px;
	}
}
@media all and (max-width: 896px) {
	.loadingBox .logo {
		top: 23px;
		left: 18px;
		width: 226px;
	}
}
@media all and (max-width: 374px) {
	.loadingBox .logo {
		width: 206px;
	}
}
.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.6s;
	animation-fill-mode:forwards;
	opacity: 1;
}
@keyframes slideTextX100 {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}
.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.6s;
	animation-fill-mode:forwards;
	opacity: 1;
}
@keyframes slideTextX-100 {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}


/* content */
.content {
	margin: 0 auto;
	width: 94%;
	max-width: 700px;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 21px;
		width: auto;
		max-width: inherit;
	}
}

/* headLine04 */
.headLine04 {
	margin-bottom: 87px;
	color: #0081CC;
	font-size: 2.6rem;
	font-family: 'Josefin Sans','Zen Kaku Gothic New', sans-serif;
	text-align: center;
	font-weight: 600;
	line-height: 1.23;
	letter-spacing: 0.1em;
}
.headLine04 span {
	min-width: 226px;
	padding-bottom: 2px;
	display: inline-block;
	vertical-align: top;
	border-bottom: 2px solid #0081CC;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 60px;
		font-size: 2.4rem;
	}
	.headLine04 span {
		min-width: 0;
		padding: 0 5px;
	}
}


/* comBtn02 */
.comBtn02 {
	width: 268px;
}
.comBtn02 a {
	padding-top: 10px;
	width: 100%;
	height: 119px;
	color: #fff;
	font-size: 2.6rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-align: center;
	background-color: #E23131;
	line-height: 1;
	letter-spacing: 0.1em;
}
.comBtn02 .inner {
	width: 100%;
	display: block;
	position: relative;
}
.comBtn02 .inner .size {
	width: 100%;
	font-size: 1.6rem;
	position: absolute;
	top: 100%;
	left: 0;
	letter-spacing: 0.05em;
}
@media all and (min-width: 897px) {
	.comBtn02 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn02 a {
		padding-top: 5px;
		height: 96px;
		font-size: 2.1rem;
	}
	.comBtn02 .inner .size {
		font-size: 1.3rem;
	}
}


/* moreBtn */
.moreBtn a {
	padding: 5px 5px;
	color: #fff;
	font-size: 1.3rem;
	font-family: 'Josefin Sans', sans-serif;
	min-width: 100px;
	box-sizing: border-box;
	background-color: #0081CC;
	border-radius: 50px;
	text-align: center;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.1em;
}
.moreBtn span {
	padding: 0 14px 0 8px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.moreBtn span::after {
	width: 10px;
	height: 8px;
	position: absolute;
	top: 3px;
	right: 0;
	background: url(../../img/common/icon05.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}
@media all and (min-width: 897px) {
	.moreBtn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.moreBtn a {
		padding: 9px 5px 10px;
		font-size: 1.54rem;
		min-width: 162px;
		letter-spacing: 0.08em;
	}
	.moreBtn span::after {
		width: 12px;
		height: 10px;
	}
	.moreBtn span {
		padding: 0 17px 0 8px;
	}
}


/* comTitle */
.comTitle {
	display: block;
	text-align: center;
}
.comTitle span {
	color: #fff;
	padding: 0 24px;
	font-style: italic;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-family: 'Josefin Sans','Zen Kaku Gothic New', sans-serif;
	font-size: 2.3rem;
	letter-spacing: 0.1em;
}
.comTitle.jp span {
	font-size: 2.2rem;
	font-style: normal;
}
.comTitle span::before,
.comTitle span::after {
	width: 2px;
	height: 26px;
	position: absolute;
	top: 2px;
	left: 0;
	background-color: #fff;
	content: "";
	transform: rotate(-30deg);
}
.comTitle span::after {
	transform: rotate(30deg);
	left: auto;
	right: 0;
}
@media all and (max-width: 896px) {
	.comTitle span {
		padding: 0 17px;
		font-size: 1.5rem;
	}
	.comTitle span::before,
	.comTitle span::after {
		height: 17px;
		top: 2px;
	}
}

/* comLink */
.comLink {
	margin: 24px 3px 0;
}
.comLink a {
	padding: 10px 7px 12px 23px;
	color: #0081CC;
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 1;
	background-color: #F2F3F4;
}
.comLink a::after {
	width: 39px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background: url(../../img/common/icon06.png) no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 897px) {
	.comLink a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLink {
		margin: 15px 0px 0;
	}
	.comLink a {
		padding: 11px 12px 11px 15px;
		line-height: 1.46;
	}
	.comLink a::after {
		width: 67px;
	}
}


/* comBtn03 */
.comBtn03 {
	text-align: center;
}
.comBtn03 a {
	padding: 22px 7px 23px 7px;
	color: #fff;
	min-width: 404px;
	font-size: 2.2rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 1;
	background-color: #0081CC;
	box-sizing: border-box;
	letter-spacing: 0.03em;
}
.comBtn03 a::after {
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background: url(../../img/common/icon07.png) no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 897px) {
	.comBtn03 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn03 {
		text-align: left;
	}
	.comBtn03 a {
		padding: 23px 7px 23px 7px;
		min-width: 305px;
		font-size: 1.8rem;
		text-align: center;
	}
}
@media all and (max-width: 374px) {
	.comBtn03 a {
		min-width: 260px;
		font-size: 1.6rem;
	}
}



/* comBtn04 */
.comBtn04 {
	width: auto;
	text-align: center;
}
.comBtn04 a {
	max-width: 292px;
	padding: 17px 5px 15px;
	height: auto;
	font-size: 1.6rem;
	border-radius: 50px;
	display: inline-block;
	vertical-align: top;
	border: none;
}
.comBtn04 a span {
	padding: 0 25px 0 12px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.comBtn04 a span::after {
	width: 16px;
	height: 13px;
	position: absolute;
	top: 1px;
	right: 0;
	background: url(../../img/common/icon05.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}
.comBtn04 .notes {
	margin-top: 11px;
	color: #E23131;
	font-size: 1.5rem;
	display: block;
	text-align: center;
}
@media all and (max-width: 896px) {
	.comBtn04 a {
		padding: 18px 5px 14px;
		max-width: 337px;
	}
	.comBtn04 .notes {
		margin-top: 12px;
		font-size: 1.4rem;
	}
}



/* comImgBox */
.comImgBox:not(:last-child) {
	margin-bottom: 131px;
}
.comImgBox .title {
	margin: 0 0 26px 2px;
	font-size: 2.3rem;
	font-weight: 700;
}
.comImgBox .title .small {
	display: block;
	margin-bottom: 12px;
	line-height: 1;
}
.comImgBox .title .small span {
	padding: 3px 5px 5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	background-color: #0081cc;
	min-width: 84px;
	box-sizing: border-box;
}
.comImgBox .title .small span::after {
	position: absolute;
	width: 8px;
	height: 100%;
	left: 100%;
	top: 0;
	background: url(../../img/common/icon10.png) no-repeat top center;
	background-size: 100% 100%;
	content: "";
}
.comImgBox .flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comImgBox .flexBox + * {
	margin-top: 27px;
}
.comImgBox .photoBox {
	margin-top: 6px;
	width: 384px;
}
.comImgBox .photoBox img {
	width: 100%;
}
.comImgBox .textBox {
	margin-right: 42px;
	flex: 1;
}
.comImgBox .textBox.mr0 {
	margin-right: 0;
}
.comImgBox p {
	line-height: 1.733;
}
.comImgBox p sup {
	font-size: 1.3rem;
}
.comImgBox p sub {
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: baseline;
}
.comImgBox .flexBox .textBox p {
	margin-bottom: 20px;
}
.comImgBox .flexBox .textBox p:last-child {
	margin-bottom: 0;
}
.comImgBox .flexBox.left .textBox {
	margin: 0 0 0 42px;
	order: 3;
}
.comImgBox p + .flexBox {
	margin-top: 40px;
}
.comImgBox .notes {
	margin-top: 10px;
	font-size: 1.2rem;
}
/* comImgBox02 */
.comImgBox02 {
	margin: 0 auto;
	max-width: 952px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.comImgBox02 .photoBox {
	width: 384px;
	margin: 4px 0 0 49px;
}
.comImgBox02 .photoBox img {
	width: 100%;
}
.comImgBox02 .leftBox {
	flex: 1;
}
.comImgBox02 p {
	line-height: 1.733;
}
.comImgBox02 .comShowBox {
	margin-top: 41px;
}
@media all and (max-width: 896px) {
	.comImgBox {
		width: auto;
		display: block;
	}
	.comImgBox:not(:last-child) {
		margin-bottom: 75px;
	}
	.comImgBox .title .small {
		margin-bottom: 9px;
	}
	.comImgBox .title .small span {
		padding: 4px 2px 5px 6px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		min-width: 67px;
	}
	.comImgBox .title {
		margin: 0 0 19px 0;
		font-size: 1.8rem;
		letter-spacing: -0.02em;
	}
	.comImgBox .flexBox {
		display: block;
	}
	.comImgBox .flexBox + * {
		margin-top: 24px;
	}
	.comImgBox .photoBox {
		margin-top: 25px;
		width: auto;
	}
	.comImgBox .textBox {
		margin-right: 0;
	}
	.comImgBox .flexBox.left .textBox {
		margin-left: 0;
	}
	.comImgBox p {
		font-size: 1.4rem;
		line-height: 1.714;
	}
	.comImgBox02 {
		width: auto;
		display: block;
	}
	.comImgBox02 .photoBox {
		margin: 0;
		width: auto;
	}
	.comImgBox02 .leftBox {
		margin-bottom: 26px;
		display: block;
	}
	.comImgBox02 p {
		font-size: 1.4rem;
		line-height: 1.714;
	}
	.comImgBox02 .leftBox p {
		font-size: 1.4rem;
	}
	.comImgBox02 .leftBox .photoBox {
		margin: 0 auto;
	}
	.comImgBox02 .comShowBox {
		margin-top: 22px;
	}
}


/* comTable */
.comTable {
	width: 100%;
	border-collapse: collapse;
}
.comTable th,
.comTable td {
	padding: 13px 10px 12px 26px;
	color: #000;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.6;
	border: 2px solid #0D62AC;
	box-sizing: border-box;
}
.comTable th {
	padding: 5px 8px 5px 13px;
	width: 15.7%;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #0D62AC;
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-right: 0;
	white-space:nowrap;
}
.comTable td {
	border-left: 0;
}
.comTable tr:first-child th {
	border-top-color: #0D62AC;
}
.comTable tr:last-child th {
	padding: 5px 0;
	letter-spacing: -0.02em;
	border-bottom-color: #0D62AC;
}
@media all and (max-width: 896px) {
	.comTable th,
	.comTable td {
		padding: 6px 5px 6px 14px;
		font-size: 1.3rem;
		line-height: 1.538;
		border-width: 1px;
		border-right-width:2px;
	}
	.comTable th {
		padding: 9px 4px 8px;
		width: 20%;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-top-width: 1px;
		vertical-align: top;
	}
	.comTable tr:first-child th { 
		border-top-width: 2px;
	}
	.comTable tr:first-child td { 
		border-top-width: 2px;
	}
	.comTable tr:last-child th {
		border-bottom-width: 2px;
	}
	.comTable tr:last-child td {
		border-bottom-width: 2px;
	}
}


/* pageVisual */
.pageVisual {
	margin-bottom: 111px;
	background-color: #0081CC;
	display: flex;
	justify-content: space-between;
}
.pageVisual .textBox {
	padding: 144px 0 0 68px;
	width: 332px;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
}
.pageVisual .textBox .innerBox {
	margin-right: -200px;
	position: relative;
	z-index: 11;
}
.pageVisual .textBox::after {
	width: 210px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: url(../../img/common/icon08.png) no-repeat left top / 100% 100%;
	content: "";
}
.pageVisual .photo {
	height: 697px;
	flex: 1;
	background: url(../../img/technology/project01/page_img.jpg) no-repeat center top;
	background-size: cover;
}
.pageVisual .title {
	color: #fff;
	font-size: 2.5rem;
}
.pageVisual .title .size {
	margin-top: -1px;
	font-size: 2.9rem;
	display: inline-block;
	vertical-align: top;
}
.pageVisual .comTitle03 {
	position: absolute;
	bottom: 69px;
	left: 69px;
	z-index: 12;
}
@media all and (min-width: 897px) and (max-width: 1200px) {
	.pageVisual .textBox {
		padding: 144px 0 0 40px;
		width: 300px;
	}
	.pageVisual .comTitle03 {
		left: 40px;
	}
	.pageVisual .photo {
		height: 610px;
	}
}
@media all and (max-width: 896px) {
	.pageVisual .textBox {
		padding: 99px 21px 90px;
		height: 336px;
		width: auto;
		box-sizing: border-box;
	}
	.pageVisual {
		margin-bottom: 49px;
		display: block;
	}
	.pageVisual .photo {
		height: auto;
		padding-bottom: 75.73%;
	}
	.pageVisual .comTitle03 {
		bottom: 20px;
		left: 20px;
	}
	.pageVisual .title {
		font-size: 1.8rem;
	}
	.pageVisual .title .size {
		font-size: 2rem;
	}
	.pageVisual .textBox .innerBox {
		margin: 0 0 37px;
	}
	
}

/* comTitle02 */
.comTitle02 {
	margin-bottom: 48px;
}
.comTitle02 .inner {
	min-width: 58px;
	padding: 3px 7px 4px 11px;
	letter-spacing: 0.01em;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	background-color: #000000;
	line-height: 1;
	position: relative;
	box-sizing: border-box;
}
.comTitle02 .inner::after {
	width: 8px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: url(../../img/common/icon11.png) no-repeat left top / 100% 100%;
	content: "";
}
.comTitle02 .inner span {
	margin: -11px 0 0 7px;
	font-size: 2.6rem;
	display: inline-block;
	vertical-align: middle;
}
@media all and (max-width: 896px) {
	.comTitle02 .inner {
		min-width: 52px;
		font-size: 1.4rem;
		padding: 2px 7px 3px 7px;
	}
	.comTitle02 .inner span {
		margin: -8px 0 0 4px;
		font-size: 1.8rem;
	}
	.comTitle02 .inner::after {
		width: 6px;
	}
	.comTitle02 {
		margin-bottom: 16px;
	}
}


/* comTitle03 */
.comTitle03 {
	font-size: 5.4rem;
	font-weight: bold;
	line-height: 1;
}
.comTitle03 .inner {
	margin-bottom: 20px;
	display: inline-block;
}
.comTitle03 .inner:last-child {
	margin-bottom: 0;
}
.comTitle03 .inner > span {
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	white-space:nowrap;
	letter-spacing: -0.03em;
}
.comTitle03 .inner .txt {
	padding: 2px 13px 7px 8px;
	position: relative;
	display: inline-block;
	background-color: #fff;
}
.comTitle03 .inner .txt::after {
	width: 20px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: url(../../img/common/icon09.png) no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 897px) and (max-width: 1200px) {
	.comTitle03 {
		font-size: 4.8rem;
	}
}
@media all and (max-width: 896px) {
	.comTitle03 {
		font-size: 3.1rem;
	}
	.comTitle03 .inner .txt {
		padding: 1px 2px 5px 8px;
	}
	.comTitle03 .inner .txt::after {
		width: 13px;
	}
	.comTitle03 .inner {
		margin-bottom: 12px;
	}
}
@media all and (max-width: 374px) {
	.comTitle03 {
		font-size: 2.8rem;
	}
}



/* comTopBox */
.comTopBox {
	margin: 0 auto 119px;
	max-width: 731px;
}
.comTopBox .title {
	margin-bottom: 31px;
	font-size: 3.3rem;
	font-weight: bold;
	text-align: center;
}
.comTopBox p {
	line-height: 2;
	font-size: 1.6rem;
	font-weight: bold;
}
.comTopBox p sup {
	font-size: 1.3rem;
}
.comTopBox .smallTxt {
	margin-top: 20px;
	font-size: 1.2rem;
	font-weight: normal;
}
.comTopBox .txtMar {
	margin-bottom: 30px;
}
@media all and (max-width: 896px) {
	.comTopBox {
		margin: 0 20px 63px;
		max-width: inherit;
	}
	.comTopBox .title {
		margin-bottom: 23px;
		font-size: 2.2rem;
		line-height: 1.36;
	}
	.comTopBox p {
		line-height: 1.733;
		font-size: 1.5rem;
	}
}
@media all and (max-width: 374px) {
	.comTopBox .title {
		font-size: 2rem;
	}
}

/* comMember */
.comMember {
	margin-bottom: 147px;
}
.comMember .bg {
	padding: 0 20px;
	background-color: #e1eef6;
}
.comMember .title {
	margin-bottom: 6px;
	color: #0081CC;
	font-size: 1.8rem;
	font-style: italic;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1;
	position: relative;
}
.comMember .title::after {
	margin-top: -2px;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #E2EEF5;
	content: "";
}
.comMember .title span {
	padding: 0 22px;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	position: relative;
	z-index: 10;
}
.comMember .listUl {
	margin: 0 auto;
	max-width: 1114px;
	display: flex;
}
.comMember .listUl li {
	margin-right: -2.36%;
	width: 25%;
}
.comMember .listUl img {
	width: 100%;
}
.comMember .listUl a,
.comMember .listUl .innerBox {
	margin-right: -28.74%;
	color: #fff;
	display: block;
	position: relative;
}
.comMember .listUl a::after,
.comMember .listUl .innerBox::after {
	margin-left: -53px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 13px solid #fff;
	left: 50%;
	bottom: 12px;
	content: '';
}
.comMember .listUl .textBox {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 500;
	font-size: 1.5rem;
	box-sizing: border-box;
	padding: 0 0 51px 60px;
}
.comMember .listUl .comTitle02 {
	margin-bottom: 3px;
}
.comMember .listUl .comTitle02 .inner {
	margin-bottom: 2px;
	padding-left: 5px;
	font-size: 1.5rem;
}
.comMember .listUl .comTitle02 .inner:last-child {
	margin-bottom: 0;
}
.comMember .listUl .name .big {
	padding: 4px 4px 5px 6px;
	font-size: 2rem;
}
.comMember .listUl .lable {
	margin-bottom: 2px;
}
.comMember .listUl .lable .inner {
	margin-bottom: 0;
	padding: 2px 4px 3px 3px;
	font-size: 1.35rem;
	background-color: #0081CC;
}
.comMember .listUl .lable .inner::after {
	background-image: url(../../img/common/icon10.png);
}
@media all and (min-width: 897px) and (max-width: 1200px) {
	.comMember .listUl .textBox {
		font-size: 1.2rem;
	}
	.comMember .listUl .lable .inner {
		font-size: 1.1rem;
	}
	.comMember .listUl .name .big {
		font-size: 1.7rem;
	}
	.comMember .listUl .comTitle02 .inner {
		margin-bottom: 1px;
		font-size: 1.3rem;
	}
	.comMember .listUl a::after,
	.comMember .listUl .innerBox::after {
		margin-left: -42px;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 10px solid #fff;
		bottom: 10px;
	}
}
@media all and (min-width: 897px) {
	.comMember .listUl a:hover {
		opacity: 0.7;
		z-index: 15;
	}
}
@media all and (max-width: 896px) {
	.comMember .bg {
		padding: 0;
	}
	.comMember .listUl {
		max-width: inherit;
		display: block;
	}
	.comMember .listUl li {
		margin-right: 0;
		width: auto;
	}
	.comMember .listUl a,
	.comMember .listUl .innerBox {
		margin-right: 0;
	}
	.comMember .title {
		font-size: 1.3rem;
	}
	.comMember .title span {
		padding: 0 8px;
	}
	.comMember .listUl .textBox {
		font-size: 1.4rem;
		padding: 0 0 0 21px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		bottom: auto;
	}
	.comMember .listUl .comTitle02 .inner {
		font-size: 1.386rem;
	}
	.comMember .listUl .name .big {
		padding: 3px 4px 5px 6px;
		font-size: 1.88rem;
	}
	.comMember .listUl .lable .inner {
		font-size: 1.18rem;
	}
	.comMember .listUl .lable {
		margin-bottom: 3px;
	}
	.comMember .listUl .comTitle02 {
		margin-bottom: 3px;
	}
	.comMember .listUl a::after,
	.comMember .listUl .innerBox::after {
		margin: -13px 0 0 0;
		position: absolute;
		left: auto;
		right: 35px;
		bottom: auto;
		top: 50%;
		width: 12px;
		height: 12px;
		border: 2px solid;
		border-color: #000 #000 transparent transparent;
		transform: rotate(135deg);
	}
	.comMember {
		margin-bottom: 62px;
	}
}




/* comShowBox */
.comShowBox {
	background-color: #f2f3f5;
}
.comShowBox a {
	padding: 25px 22px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}
.comShowBox .photo {
	margin-right: 21px;
	width: 162px;
}
.comShowBox .txt {
	margin: 0 !important;
	flex: 1;
	order: 3;
	line-height: 1.466;
}
@media all and (min-width: 897px) {
	.comShowBox a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comShowBox a {
		padding: 13px 10px 20px;
		display: block;
	}
	.comShowBox .txt {
		margin-bottom: 11px !important;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.comShowBox .photo {
		margin: 0 auto;
		width: 162px;
	}
}


/* pageBox */
.comPageBox {
	margin-top: 154px;
	padding: 73px 20px 74px;
	background-color: #E2EEF5;
}
@media all and (max-width: 896px) {
	.comPageBox {
		margin-top: 98px;
		padding: 56px 21px 66px;
	}
}
@media all and (max-width: 374px) {
	.comPageBox {
		padding: 56px 15px 66px;
	}
}

/* comLinkUl */
.comLinkUl {
	margin: -25px auto 0;
	padding-right: 31px;
	max-width: 688px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
.comLinkUl li {
	margin-top: 25px;
	width: calc(50% - 30px);
	max-width: 280px;
}
.comLinkUl a {
	padding: 10px 10px 13px 16px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	position: relative;
	background-color: #0081CC;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
.comLinkUl a.disabled {
	pointer-events: none;
}
.comLinkUl a::after {
	width: 30px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: url(../../img/common/icon07.png) no-repeat left top / 100% 100%;
	content: "";
}
.comLinkUl .size {
	margin-bottom: 4px;
	font-size: 1.44rem;
	display: block;
}
.comLinkUl .size span {
	margin: -10px 0 0 5px;
	font-size: 1.98rem;
	display: inline-block;
	vertical-align: middle;
}
@media all and (min-width: 897px) {
	.comLinkUl li a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLinkUl {
		margin: 0 auto 0;
		padding-right: 0;
		max-width: inherit;
		display: block;
	}
	.comLinkUl li {
		margin: 0 16px 17px 0;
		width: auto;
		max-width: inherit;
	}
	.comLinkUl li:last-child {
		margin-bottom: 0;
	}
	.comLinkUl .size {
		margin: -5px 12px 0 0;
		font-size: 1.1rem;
		display: inline-block;
		vertical-align: middle;
	}
	.comLinkUl .size span {
		margin: -6px 0 0 5px;
		font-size: 1.5rem;
	}
	.comLinkUl a {
		padding: 10px 19px 12px;
		font-size: 1.5rem;
	}
	.comLinkUl a::after {
		width: 17px;
	}
}
@media all and (max-width: 374px) {
	.comLinkUl a {
		padding: 10px 9px 12px;
		font-size: 1.4rem;
	}
}


/* pdfBtn */
.pdfBtn {
	margin-top: 45px;
}
.pdfBtn a {
	padding: 30px 0 31px 0;
	max-width: 432px;
	background: #F2F3F4;
	font-size: 1.5rem;
	display: block;
	position: relative;
	box-sizing: border-box;
	letter-spacing: -0.02em;
	text-align: center;
}
.pdfBtn span {
	padding: 0 54px 0 6px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.pdfBtn span::after {
	margin-top: -19px;
	width: 35px;
	height: 39px;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../../img/common/icon12.png) no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 897px) {
	.pdfBtn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.pdfBtn {
		margin-top: 22px;
	}
	.pdfBtn span {
		padding: 0 43px 0 0;
		text-align: left;
		line-height: 1.73;
	}
	.pdfBtn a {
		margin: 0 auto;
		padding: 27px 0 33px 0;
	}
	
}


/* mainVisual */
.mainVisual {
	margin-bottom: 113px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mainVisual .photo {
	width: calc(100% - 227px);
	height: 626px;
	order: 3;
}
.mainVisual .photo01 {
	background: url(../../img/people/interview01/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo02 {
	background: url(../../img/people/interview02/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo03 {
	background: url(../../img/people/interview03/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo04 {
	background: url(../../img/people/interview04/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo05 {
	background: url(../../img/people/interview05/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo06 {
	background: url(../../img/people/interview06/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo07 {
	background: url(../../img/people/interview07/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo08 {
	background: url(../../img/people/interview08/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo09 {
	background: url(../../img/people/interview09/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo10 {
	background: url(../../img/people/interview10/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo11 {
	background: url(../../img/people/interview11/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo12 {
	background: url(../../img/people/interview12/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo13 {
	background: url(../../img/people/interview13/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo14 {
	background: url(../../img/people/interview14/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo15 {
	background: url(../../img/people/interview15/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo16 {
	background: url(../../img/people/interview16/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo18 {
	background: url(../../img/people/interview18/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo20 {
	background: url(../../img/people/interview20/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo21 {
	background: url(../../img/people/interview21/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo22 {
	background: url(../../img/people/interview22/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo23 {
	background: url(../../img/people/interview23/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo24 {
	background: url(../../img/people/interview24/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo25 {
	background: url(../../img/people/interview25/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo26 {
	background: url(../../img/people/interview26/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .photo27 {
	background: url(../../img/people/interview27/main_img.jpg) no-repeat center center /cover;
}
.mainVisual .textBox {
	margin: 11px -329px 0 0;
	flex: 1;
	position: relative;
	z-index: 10;
}
.mainVisual .innerBox {
	padding-top: 27px;
	background-color: #0081cc;
}
.mainVisual .innerBox .subBox {
	padding: 16px 53px 28px;
	color: #fff;
	font-weight: bold;
	background-color: #116cbb;
}
.mainVisual .textImg {
	margin-bottom: 18px;
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 0 37px;
}
.mainVisual .textImg .common_txt {
	margin-bottom: 10px;
}
.mainVisual p {
	font-size: 1.5rem;
	line-height: 1.33;
	letter-spacing: 0.05em;
}
.mainVisual .notes {
	margin-top: 5px;
	font-size: 1.1rem;
}
.mainVisual .time {
	margin-top: 7px;
}
.mainVisual .time span {
	margin: -2px 0 0 10px;
	font-size: 1.3rem;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}
.mainVisual .name {
	margin-bottom: 13px;
	font-size: 2.4rem;
}
.mainVisual .lable {
	margin-bottom: 7px;
	font-size: 1.6rem;
	line-height: 1;
}
.mainVisual .lable span {
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	background-color: #000000;
	padding: 1px 4px 3px;
}
.mainVisual .lable .white {
	color: #0081CC;
	background-color: #fff;
}
@media all and (max-width: 896px) {
	.mainVisual {
		margin-bottom: 58px;
		display: block;
	}
	.mainVisual .textBox {
		margin: -89px 63px 0 0;
	}
	.mainVisual .photo {
		padding-bottom: 87.5%;
		height: auto;
		width: auto;
	}
	.mainVisual .innerBox {
		padding-top: 19px;
	}
	.mainVisual .textImg {
		margin: 0 20px 13px;
		padding: 0;
	}
	.mainVisual .textImg img {
		width: 100%;
		max-width: 272px;
	}
	.mainVisual .textImg .common_txt {
		width: 36%;
		max-width: 110px;
	}
	.mainVisual .innerBox .subBox {
		padding: 9px 21px 16px;
	}
	.mainVisual .name {
		margin-bottom: 7px;
		font-size: 1.7rem;
	}
	.mainVisual .lable {
		font-size: 1.2rem;
	}
	.mainVisual .lable span {
		margin-right: 3px;
		padding: 2px 3px 2px;
	}
	.mainVisual p {
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.mainVisual .time {
		margin-top: 3px;
	}
	.mainVisual .time span {
		margin: -5px 0 0 8px;
		font-size: 1.1rem;
	}
	.mainVisual .notes {
		font-size: 0.8rem;
	}
}



/* comIntroduce */
.comIntroduce {
	padding: 19px 41px 28px;
	border: 5px solid #e2eef5;
	box-sizing: border-box;
}
.comIntroduce .imgBox {
	display: flex;
	justify-content: space-between;
}
.comIntroduce .image {
	margin: -18px 21px 0 0;
	width: 103px;
}
.comIntroduce .txt {
	text-indent: 0 !important;
	flex: 1;
}
@media all and (max-width: 896px) {
	.comIntroduce {
		padding: 12px 17px 18px;
		border: 3px solid #e2eef5;
	}
	.comIntroduce .image {
		margin: 1px 15px 0 0;
		width: 69px;
	}
	.comIntroduce .imgBox {
		font-size: 1.3rem;
	}
}


/* headLine05 */
.headLine05 {
	margin-bottom: 17px;
	padding-top: 24px;
	color: #0081CC;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	line-height: 1.25;
}
.headLine05::before {
	width: 52px;
	height: 20px;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	background: url(../../img/common/icon13.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 13px;
		padding-top: 26px;
		font-size: 1.4rem;
	}
}


/* comTimeDl */
.comTimeDl {
	line-height: 1.73;
	position: relative;
}
.comTimeDl dt {
	color: #0081CC;
	font-size: 1.8rem;
	font-weight: bold;
	float: left;
	position: relative;
	z-index: 10;
	letter-spacing: 0.03em;
}
.comTimeDl dd {
	padding: 4px 0 33px 5em;
	position: relative;
}
.comTimeDl dd::before {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 18px;
	left: 57px;
	background-color: #B2B2B2;
	content: "";
}
.comTimeDl dd::after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 11px;
	left: 52px;
	background-color: #0081CC;
	content: "";
	border-radius: 50%;
	overflow: hidden;
}
.comTimeDl dd:last-child {
	padding-bottom: 0;
}
.comTimeDl dd:last-child::before {
	display: none;
}
.comTimeDl .ttl {
	margin-bottom: 3px;
	color: #0081CC;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.66;
}
.comTimeDl p {
	letter-spacing: 0;
}
@media all and (max-width: 896px) {
	.comTimeDl .ttl {
		color: #0081CC;
		font-size: 1.3rem;
	}
	.comTimeDl dt {
		font-size: 1.6rem;
	}
	.comTimeDl dd::after {
		top: 10px;
		left: 44px;
	}
	.comTimeDl dd::before {
		left: 49px;
	}
	.comTimeDl dd {
		padding: 4px 0 13px 5em;
	}
}


/* characterList */
.characterList {
	margin-top: -41px;
	display: flex;
	flex-wrap: wrap;
}
.characterList li {
	margin-top: 41px;
	width: 26.09%;
	margin-right: 10.85%;
}
.characterList li:nth-child(3n) {
	margin-right: 0;
}
.characterList a {
	color: #000000;
	font-size: 1.4rem;
	display: block;
	line-height: 1.28;
}
.characterList .pho {
	margin-bottom: 15px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	
}
.characterList .pho .icon {
	display: block;
}
.characterList .phoTxt {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	color: #0081CC;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	position: absolute;
	top: -2px;
	left: -2px;
	background-color: #EBF7FD;
	opacity: 0;
	-webkit-transition: opacity .25s ease,-webkit-transform .25s ease;
	transition: transform .25s ease,opacity .25s ease;
	transition: transform .25s ease,opacity .25s ease,-webkit-transform .25s ease;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	border-radius: 50%;
}

.characterList .phoTxt02 {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	color: #ED9021;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	position: absolute;
	top: -2px;
	left: -2px;
	background-color: #FFF2E2;
	opacity: 0;
	-webkit-transition: opacity .25s ease,-webkit-transform .25s ease;
	transition: transform .25s ease,opacity .25s ease;
	transition: transform .25s ease,opacity .25s ease,-webkit-transform .25s ease;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	border-radius: 50%;
}

.characterList .phoTxt span, .characterList .phoTxt02 span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}
.characterList .type {
	margin: 0 -15px 9px 0;
	color: #0081CC;
	min-height: 40px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.17;
}
.characterList .name {
	margin-bottom: 9px;
	font-size: 2.1rem;
}
.characterList .txt {
	margin-bottom: 8px;
	padding-bottom: 11px;
	border-bottom: 1px solid #B2B2B2;
}
.characterList .txtBox {
	margin: 0 5px;
}
.characterList .pho .icon {
	-webkit-transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}
.characterList .lable {
	margin-right: -15px;
}
@media all and (min-width: 897px) {
	.characterList a:hover .pho .icon {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}
	.characterList a:hover .phoTxt, .characterList a:hover .phoTxt02 {
		opacity: 1;
		-webkit-transform: rotateY(0);
		transform: rotateY(0)
	}
	.characterList .phoTxtSml {
		font-size: 1.8rem !important;
	}
	
}
@media all and (max-width: 896px) {
	.characterList {
		margin: 0;
		padding: 0 2px;
		display: block;
	}
	.characterList li {
		margin: 0 0 36px;
		width: auto;
	}
	.characterList li:last-child {
		margin-bottom: 0;
	}
	.characterList a {
		width: 100%;
		display: flex;
		align-items: flex-start;
		font-size: 1.1rem;
	}
	.characterList .pho {
		margin: 1px 13px 0 0;
		width: 29.8%;
		min-width: 98px;
		flex-shrink: 0;
	}
	.characterList .type {
		margin: 0 -15px 5px 0;
		min-height: 0;
		font-size: 1.3rem;
	}
	.characterList .name {
		margin-bottom: 3px;
		font-size: 1.7rem;
	}
	.characterList .txt {
		margin-bottom: 3px;
		padding-bottom: 7px;
	}
	.characterList .txtBox {
		margin: 0;
		min-width: 150px;
	}
}


/* headLine06 */
.headLine06 {
	margin-bottom: 28px;
	color: #0081CC;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
}
.headLine06 span {
	padding: 4px 5px 7px;
	min-width: 200px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border-radius: 32px;
	background-color: #FFFFFF;
}
@media all and (max-width: 896px) {
	.headLine06 {
		font-size: 1.6rem;
	}
	.headLine06 span {
		padding: 4px 5px 5px;
		min-width: 209px;
	}
}


/* centerTxt */
.centerTxt {
	text-align: center;
	line-height: 2.2;
}
@media all and (max-width: 896px) {
	.centerTxt {
		line-height: 1.71;
	}
}

/* inlineTxt */
.inlineTxt {
	display: inline-block;
}

/* headLine07 */
.headLine07 {
	margin-bottom: 34px;
	text-align: center;
}
.headLine07 span {
	margin: 0 auto;
	padding: 8px 5px 11px;
	min-width: 283px;
	display: inline-block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	background-color: #0081CC;
	border-radius: 32px;
	box-sizing: border-box;
}


/* snsLink */
.snsLink {
	text-align: right;
	margin: 47px 102px 0 0;
}
.snsLink a {
	color: #0081CC;
	font-size: 1.3rem;
	display: inline-block;
	letter-spacing: 0.085em;
}
.snsLink img {
	margin: -4px 6px 0 0;
	display: inline-block;
	vertical-align: middle;
}
@media all and (min-width: 897px) {
	.snsLink a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.snsLink {
		text-align: left;
		margin: 0;
	}
}


/* comLinkUl02 */
.comLinkUl02 {
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.comLinkUl02 li {
	width: 31.94%;
}
.comLinkUl02 a {
	display: flex;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	height: 70px;
	justify-content: center;
	align-items: center;
	background-color: #0081CC;
	letter-spacing: 0.04em;
	position: relative;
	-webkit-transition: 0s;
	transition: 0s;
}
.comLinkUl02 a::after {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -34px;
	border-left: 34px solid transparent;
	border-right: 34px solid transparent;
	border-top: 70px solid #0081CC;
	content: "";
	z-index: 80;
}
.comLinkUl02 span {
	padding-right: 32px;
	display: inline-block;
	position: relative;
	z-index: 100;
}
.comLinkUl02 span::after {
	margin-top: -4px;
	width: 14px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../../img/common/icon18.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}
.comLinkUl02 li:nth-child(2) {
	width: 36.12%;
}
.comLinkUl02 li:nth-child(2) a::after {
	display: none;
}
.comLinkUl02 li:nth-child(2) a {
	background-color: #116DBC;
}
.comLinkUl02 li:last-child a::after {
	left: -34px;
	right: auto;
	border-bottom: 70px solid #0081CC;
	border-top: none;
}
.comLinkUl02 li:first-child a {
	padding-left: 20px;
}
.comLinkUl02 li:last-child a {
	padding-right: 20px;
}
@media all and (min-width: 897px) {
	.comLinkUl02 a:hover {
		background-color: #116DBC;
	}
	.comLinkUl02 a:hover::after {
		border-top-color: #116DBC;
	}
	.comLinkUl02 li:last-child a:hover::after {
		border-bottom-color: #116DBC;
	}
	.comLinkUl02 li:nth-child(2) a:hover {
		background-color: #0081CC;
	}
}
@media all and (max-width: 896px) {
	.comLinkUl02 {
		margin-bottom: 38px;
	}
	.comLinkUl02 span {
		padding: 0 0 14px;
	}
	.comLinkUl02 a {
		height: 73px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.4;
	}
	.comLinkUl02 span::after {
		margin: 0 0 0 -7px;
		top: auto;
		right: auto;
		bottom: -3px;
		left: 50%;
	}
	.comLinkUl02 li {
		width: 29.28%;
	}
	.comLinkUl02 li:nth-child(2) {
		width: 41.44%;
	}
	.comLinkUl02 a::after {
		right: -28px;
		border-left: 28px solid transparent;
		border-right: 28px solid transparent;
		border-top: 73px solid #0081CC;
	}
	.comLinkUl02 li:last-child a::after {
		right: auto;
		left: -28px;
		border-bottom: 73px solid #0081CC;
		border-top: none;
	}
	.comLinkUl02 li:first-child a {
		padding-left: 20px;
	}
	.comLinkUl02 li:last-child a {
		padding-right: 20px;
	}
	
}




/* comTopBox */
.comTopBox02 {
	margin-bottom: 71px;
    padding: 162px 0 82px;
    background-color: #0081CC;
	color: #fff;
	box-sizing: border-box;
}
.comTopBox02 .content {
	max-width: 800px !important;
}
.comTopBox02 p {
    letter-spacing: 0;
    line-height: 1.79;
    text-align: center;
    font-size: 1.4rem;
}
.comTopBox02 h2 {
    margin-bottom: 27px;
    font-size: 3.5rem;
    letter-spacing: -0.027em;
    text-align: center;
}
.comTopBox02 h2 span {
    display: block;
    font-size: 2rem;
    letter-spacing: 0.1em;
	font-family: 'Josefin Sans', sans-serif;
}
.comTopBox02 h2 .jp {
	font-family: 'Zen Kaku Gothic New', sans-serif !important;
}
.comTopBox02 .notes {
	margin-top: 12px;
	font-size: 1.2rem;
}
@media all and (max-width: 896px) {
	.comTopBox02 {
		margin-bottom: 70px;
		padding: 142px 0 67px;
		min-height: 0;
	}
	.comTopBox02 h2 {
		margin-bottom: 23px;
		font-size: 2.6rem;
		line-height: 1.3;
	}
	.comTopBox02 h2 span {
		font-size: 1.6rem;
		margin-bottom: 5px;
	}
	.comTopBox02 p {
		text-align: left;
		line-height: 1.85;
	}
	.comTopBox02 .notes {
		margin-top: 10px;
		line-height: 1.66;
	}
	.comTopBox02 .content {
		max-width: inherit !important;
	}
	.comTopBox02 h2 .jp {
		margin: 2px 0 0 0;
		font-size: 1.5rem;
		letter-spacing: 0;
	}
}


/* comTable02 */
.comTable02 {
	width: 100%;
	border-collapse: collapse;
}
.comTable02 th,
.comTable02 td {
	padding: 5px 0 5px;
	width: 20%;
	color: #0081CC;
	font-size: 1.3rem;
	font-weight: bold;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	background-color: #e1eef6;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.comTable02 thead td {
	padding: 3px 0 4px;
	color: #fff;
	background-color: #0081cc;
	border-bottom: none;
	border-top: none;
}
.comTable02 thead tr td:first-child{
	font-size: 1.5rem;
}
.comTable02 tbody tr td:first-child{
	font-size: 1.4rem;
}
.comTable02 tr th:last-child,
.comTable02 tr td:last-child {
	border-right: none;
}
.comTable02 .year,
.comTable02 .num {
	margin-top: -6px;
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}
@media all and (max-width: 896px) {
	.comTable02 th,
	.comTable02 td {
		padding: 9px 0 8px;
		font-size: 1rem;
		line-height: 1.3;
	}
	.comTable02 tbody tr td:first-child{
		font-size: 1rem;
	}
	.comTable02 thead tr td:first-child{
		font-size: 1.1rem;
	}
	.comTable02 .year {
		font-size: 1.3rem;
	}
	.comTable02 .num {
		font-size: 1.4rem;
	}
	.comTable02 thead td {
		padding: 9px 0 7px;
	}
}

.comTable03 td {
	width: 18.75%;
	background-color: #FFF;
	border-right: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
}
.comTable03 tr td:last-child {
	border-right: 2px solid #cecece;
}
.comTable03 tr:last-child th {
	border-bottom-color: #e1eef6;
}
.comTable03 th:first-child {
	width: 25%;
}
.comTable03 tbody th {
	font-weight: normal;
	letter-spacing: 0.08em;
	border-right: 1px solid #e1eef6;
}
.comTable03 thead td {
	border-color: #fff;
}
.comTable03 thead tr td:last-child {
	border-right-color: #0081cc;
}
@media all and (max-width: 896px) {
	.comTable03 th, .comTable03 td {
		padding: 7px 0 8px;
	}
	.comTable03 td {
		width: auto;
		border-width: 1px !important;
	}
	.comTable03 tr:last-child th {
		border-bottom-color: #e1eef6;
	}
	.comTable03 th:first-child {
		width: 37%;
	}
	.comTable03 tbody th {
		font-weight: normal;
		letter-spacing: 0.08em;
	}
	.comTable03 thead tr td {
		font-size: 0.8rem;
	}
	.comTable03 .num {
		font-size: 1.2rem;
	}
	.comTable03 thead tr td:first-child {
		font-size: 1rem;
	}
}



/* comBtn05 */
.comBtn05 {
	margin-top: 45px;
}
.comBtn05 a {
	margin: 0 auto;
	padding: 5px 20px 0;
	letter-spacing: 0.1em;
	width: 268px;
	height: 54px;
	line-height: 1;
	color: #0081CC;
	font-weight: bold;
	font-size: 2.1rem;
	font-family: 'Josefin Sans', sans-serif;
	border-radius: 50px;
	border: 4px solid #0081CC;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff url(../../img/common/icon20.png) no-repeat right 5px center;
	background-size: 15px 15px;
}
@media all and (min-width: 897px) {
	.comBtn05 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn05 {
		margin-top: 32px;
	}
	.comBtn05 a {
		width: 220px;
		height: 48px;
		font-size: 1.8rem;
		background-position: right 7px center;
	}
}


/* comLink02 */
.comLink02.right {
	text-align: right;
}
.comLink02 a {
	padding-right: 35px;
	color: #0081CC;
	font-weight: bold;
	font-size: 1.5rem;
	display: inline-block;
	position: relative;
	vertical-align: top;
	line-height: 1.33;
}
.comLink02 a::after {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 3px;
	right: 0;
	background: url(../../img/common/icon21.png) no-repeat left top / 100% 100%;
	content: "";
}
.comLink02.big a {
	font-size: 2.2rem;
}
.comLink02.big a:after {
	margin-top: -5px;
	top: 50%;
}
@media all and (min-width: 897px) {
	.comLink02 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLink02 a {
		padding-right: 30px;
		font-size: 1.3rem;
		letter-spacing: -0.05em;
	}
	.comLink02.big a {
		font-size: 1.8rem;
	}
}


/* comTopBox03 */
.comTopBox03 {
	margin-bottom: 123px;
    padding: 171px 0 91px;
    background-color: #E2EEF5;
}
.comTopBox03 p {
    letter-spacing: 0;
    line-height: 1.79;
    text-align: center;
    font-size: 1.4rem;
}
.comTopBox03 h2 {
    margin-bottom: 25px;
    font-size: 3.5rem;
    color: #0081CC;
    letter-spacing: 0.1em;
    text-align: center;
}
.comTopBox03 h2 span {
    display: block;
    font-size: 2rem;
    letter-spacing: 0.1em;
	font-family: 'Josefin Sans', sans-serif;
}
@media all and (max-width: 896px) {
	.comTopBox03 {
		margin-bottom: 70px;
		padding: 117px 0 47px;
	}
	.comTopBox03 h2 {
		margin-bottom: 19px;
		font-size: 2.2rem;
		letter-spacing: 0.06em;
		line-height: 1.46;
	}
	.comTopBox03 h2 span {
		font-size: 1.6rem;
	}
	.comTopBox03 p {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.714;
	}
	.comTopBox03 .content {
		margin: 0 31px;
	}
}

/* comTable04 */
.comTable04 {
	width: 100%;
	border-collapse: collapse;
}
.comTable04 th,
.comTable04 td {
	padding: 5px 10px 5px 19px;
	height: 90px;
	text-align: left;
	vertical-align: middle;
	border: 2px solid #0081CC;
	font-size: 1.5rem;
	line-height: 1.6;
	box-sizing: border-box;
}
.comTable04 th {
	padding: 5px;
	width: 32.6%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	background-color: #0081CC;
	line-height: 1.25;
}
.comTable04 thead th {
	padding: 5px 5px 7px;
	height: auto;
	background-color: #fff !important;
	color: #0081CC;
}
.comTable04 tbody th {
	border-bottom-color: #fff !important;
	border-right-color: #fff !important;
}
.comTable04 tbody tr:last-child th {
	border-bottom-color: #0081CC !important;
}
.comTable04.orange th,
.comTable04.orange td {
	border-color: #ED9021;
}
.comTable04.orange th {
	background-color: #ED9021;
}
.comTable04.orange thead th {
	color: #ED9021;
}
.comTable04.orange tbody tr:last-child th {
	border-bottom-color: #ED9021 !important;
}
.comTable04 .centerStyle {
	text-align: center;
}
@media all and (max-width: 896px) {
	.comTable04 thead th {
		border: none;
		padding: 0 0 12px;
		font-size: 1.8rem;
		text-align: center;
	}
	.comTable04 th,
	.comTable04 td {
		padding: 10px 10px 14px;
		width: 100%;
		float: left;
		line-height: 1.55;
		font-size: 1.3rem;
		height: auto;
	}
	.comTable04 th {
		padding: 6px 12px 4px;
		font-size: 1.6rem;
		text-align: left;
		letter-spacing: 0.15em;
		border: none !important;
		line-height: 1.125;
	}
	.comTable04 .letter {
		letter-spacing: -0.1em !important;
	}
	.comTable04 .centerStyle {
		text-align: left;
	}
	
}


/* comBtnUl */
.comBtnUl {
	margin: 107px 15px 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.25rem;
	justify-content: center;
}
.comBtnUl li {
	margin: 0 12px;
}
.comBtnUl .notes {
	margin-top: 7px;
}
@media all and (max-width: 896px) {
	.content .comBtnUl {
		margin-left: 0;
		margin-right: 0;
	}
	.comBtnUl {
		margin: 94px 15px 0;
		display: block;
		text-align: center;
	}
	.comBtnUl li {
		margin: 0 0 26px;
	}
	.comBtnUl li:last-child {
		margin-bottom: 0;
	}
	.comBtnUl .notes {
		margin-top: 3px;
	}
}


/* comBtn06 */
.comBtn06 a {
	margin: 0 auto;
	padding: 5px 30px;
	width: 270px;
	height: 63px;
	color: #0081CC;
	font-weight: bold;
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #3C80C6;
	letter-spacing: 0.1em;
	background: #fff url("../../img/common/icon20.png") no-repeat right 6px center;
	background-size: 20px 20px;
}
@media all and (min-width: 897px) {
	.comBtn06 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn06 a {
		width: 100%;
		border-width: 1px;
		max-width: 320px;
		height: 54px;
		font-size: 1.8rem;
		background-position: right 17px center;
		background-size: 16px 16px;
	}
}

/* comLinkList */
.comLinkList {
	margin: -20px 0 178px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.comLinkList li {
	margin: 20px 13px 0;
	width: 267px;
}
.comLinkList a {
	padding: 5px 12px;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	color: #0081cc;
	font-size: 2rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	background: #fff;
	border: 2px solid #0081cc;
	box-sizing: border-box;
	background: url(../../img/common/icon22.png) no-repeat right 12px center / 14px;
}
@media all and (min-width: 897px) {
	.comLinkList a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLinkList {
		margin: 0 18px 81px;
		justify-content: flex-start;
	}
	.comLinkList li {
		margin: 0 0 10px;
		width: 33.33%;
		padding: 0 3px;
		box-sizing: border-box;
	}
	.comLinkList a {
		padding: 0 5px 14px;
		font-size: 1.5rem;
		background-position: center bottom 5px;
		text-align: center;
		justify-content: center;
		line-height: 1.4;
		height: 73px;
	}
	
}

/* comLinkList02 */
.comLinkList02 {
	margin: -16px auto 145px;
	max-width: 854px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.comLinkList02 li {
	margin: 16px 2.26% 0 0;
	width: 23.3%;
}
.comLinkList02 li:nth-child(4n) {
	margin-right: 0;
}
@media all and (max-width: 896px) {
	.comLinkList02 li {
		margin: 10px 0 0 0;
		width: calc(50% - 6px);
		padding: 0;
	}
	.comLinkList02 {
		margin: -10px 21px 104px;
		max-width: inherit;
		justify-content: space-between;
	}
	.comLinkList02 a {
		height: 50px;
		padding: 5px 25px 5px 8px;
		justify-content: flex-start;
		background-position: right 10px center;
	}
}


/* headline08 */
.headline08 {
	margin: 0 0 27px;
	padding: 5px 5px 7px;
	font-size: 2rem;
	letter-spacing: 0.08em;
	color: #fff;
	text-align: center;
	background: #0081CC;
}
@media all and (max-width: 896px) {
	.headline08 {
		margin-bottom: 19px;
	}
}

/* comImgBox03 */
.comImgBox03 {
	margin-bottom: 61px;
	display: flex;
	justify-content: space-between;
}
.comImgBox03 .textBox {
	margin: -4px 30px 0 0;
	flex: 1;
	text-align: justify;
	line-height: 1.86;
}
.comImgBox03 .photoBox {
	width: 450px;
	flex-shrink: 0;
}
.comImgBox03 .photoBox img {
	width: 100%;
}
@media all and (max-width: 896px) {
	.comImgBox03 {
		margin-bottom: 56px;
		display: block;
	}
	.comImgBox03 .photoBox {
		width: auto;
	}
	.comImgBox03 .textBox {
		margin: 0 0 13px;
		line-height: 1.72;
	}
}

/* comImgUl */
.comImgUl {
	margin: -6px -6px 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.3rem;
}
.comImgUl li {
	margin-top: 6px;
	padding: 0 6px;
	width: 33.33%;
	box-sizing: border-box;
}
.comImgUl img {
	width: 100%;
}
.comImgUl.row4 li {
	width: 25%;
}
.comImgUl.row4 .col2 {
	width: 50%;
}
.comImgUl.row5 {
	margin: 0 -5px;
}
.comImgUl.row5 li {
	padding: 0 5px;
	width: 20%;
}
@media all and (max-width: 896px) {
	.comImgUl {
		margin: -6px -3px 0;
		font-size: 1.2rem;
	}
	.comImgUl li {
		padding: 0 3px;
	}
	.comImgUl p {
		margin-top: 2px;
	}
	.comImgUl.row4 li {
		width: 33.33%;
	}
	.comImgUl.row4 .col2 {
		width: 66.66%;
	}
	.comImgUl .spWid {
		width: 100% !important;
	}
	.comImgUl.row5 {
		margin: 0 -3px;
	}
	.comImgUl.row5 li {
		padding: 0 3px;
		width: 50%;
	}
	
}


/* headLine08 */
.headLine08 {
	margin-bottom: 18px;
	padding-bottom: 7px;
	color: #0081CC;
	font-size: 2rem;
	display: flex;
	border-bottom: 2px solid #0081CC;
	justify-content: space-between;
	line-height: 1.3;
}
.headLine08 .rig {
	margin: 2px 0 0 15px;
	color: #000000;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: right;
	flex: 1;
	letter-spacing: 0.05em;
}
@media all and (max-width: 896px) {
	.headLine08 {
		margin-bottom: 9px;
		display: block;
		padding-bottom: 9px;
		font-size: 2rem;
	}
	.headLine08 .left {
		margin-right: -5px;
		display: block;
		letter-spacing: -0.03em;
	}
	.headLine08 .rig {
		margin: 3px 0 0 0;
		font-size: 1.5rem;
		text-align: left;
		letter-spacing: 0.05em;
		display: block;
	}
}


/* comMessage */
.comMessage {
	margin-bottom: 65px;
	padding: 32px 29px 27px;
	background-color: #E2EEF5;
	border-radius: 12px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.comMessage .textBox {
	margin: -16px 20px 0 1px;
	flex: 1;
}
.comMessage .photo {
	width: 279px;
	flex-shrink: 0;
}
.comMessage .photo img {
	width: 100%;
}
.comMessage p {
	margin-bottom: 11px !important;
	font-size: 1.3rem;
	list-style: none;
	line-height: 1.84;
}
.comMessage p:last-child {
	margin-bottom: 0 !important;
}
.comMessage .ttl {
	color: #0081CC;
	font-size: 1.5rem;
	font-weight: 500;
	position: absolute;
	top: -24px;
	left: 0;
}
.comMessage .ttl span {
	min-width: 110px;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	background-color: #E2EEF5;
	border-radius: 12px 0 0 0;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	padding: 7px 5px 10px 16px;
	letter-spacing: 0.05em;
}
.comMessage .ttl span::after {
	width: 52px;
	height: calc(100% - 1px);
	position: absolute;
	top: 0;
	left: calc(100% - 4px);
	background: url("../../img/common/icon23.png") no-repeat left top / 100% 100%;
	content: "";
}
@media all and (max-width: 896px) {
	.comMessage {
		margin-bottom: 51px;
		display:block;
		padding: 16px 15px 16px;
	}
	.comMessage p {
		margin-bottom: 10px !important;
		line-height: 1.71;
		letter-spacing: -0.05em;
	}
	.comMessage .ttl {
		top: -16px;
		font-size: 1.3rem;
	}
	.comMessage .ttl span {
		min-width: 78px;
		padding: 4px 5px 12px 12px;
		letter-spacing: 0.05em;
	}
	.comMessage .ttl span::after {
		width: 31px;
	}
	.comMessage .textBox {
		margin: 0;
	}
	.comMessage .photo {
		margin-top: 15px;
		width: inherit;
	}
}

/* comListUl */
.comListUl {
	margin: -90px -15px 0;
	display: flex;
	flex-wrap: wrap;
} 
.comListUl > li {
	margin-top: 90px;
	width: 33.33%;
	padding: 0 15px;
	box-sizing: border-box;
}
.comListUl .col2 {
	width: 66.66%;
}
.comListUl li a {
	display: block;
}
.comListUl li a:hover {
	opacity: 0.7;
}
.comListUl li .photo {
	position: relative;
}
.comListUl li .photo img {
	width: 100%;
}
.comListUl li .photo .textBox {
	margin-top: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.comListUl li .txt {
	padding: 14px 20px 14px;
	margin-bottom: -21px;
	width: 100%;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	background-color: #0081CC;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.comListUl li .txt02 {
	margin-bottom: -47px;
}
.comListUl li .photo p {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0;
}
.comListUl li .photo .ttl {
	font-size: 2rem;
	margin-bottom: 5px;
}
.comListUl li .link {
	width: 112px;
	color: #0081CC !important;
	border-radius: 50px;
	margin: 11px auto 0;
	padding: 3px 16px 4px 10px;
	color: #fff;
	font-size: 1.3rem !important;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background: #E2EEF5 url(../../img/common/icon20.png) no-repeat right 10px center / 10px;
	z-index: 5;
	position: relative;
}
.comListUl .flexUl {
	display: flex;
	justify-content: space-between;
}
.comListUl .flexUl li {
	width: calc(50% - 16px);
}
.comListUl .flexUl .photo .textBox {
	margin-top: 4px;
}
.comListUl.orange li .photo .txt {
	color: #ED9021;
	background-color: #FFF2E2;
}
.comListUl.orange li .link {
	color: #ED9021 !important;
	background-color: #FFF2E2;
	background-image: url(../../img/common/icon24.png);
}
.comListUl.orange li .txt {
	background-color: #ED9021;
}
@media all and (max-width: 896px) {
	.comListUl {
		margin: -25px 0 0;
		justify-content: space-between;
	}
	.comListUl > li {
		margin-top: 25px;
		padding: 0;
		width: calc(50% - 4px);
	}
	.comListUl li .photo .textBox {
		margin-top: -2px;
	}
	.comListUl li .photo .textBox02 {
		margin-top: 8px;
	}
	.comListUl li .ttl {
		font-size: 1.5rem;
	}
	.comListUl li .photo p {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.comListUl li .link {
		padding: 4px 10px;
		font-size: 1.3rem;
		background-size: 9px;
		background-position: right 5px center;
		width: 91px;
		font-size: 1rem !important;
		margin: 7px auto 0;
	}
	.comListUl li .txt {
		padding: 8px 0 8px;
		margin-bottom: 0;
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1.13;
	}
	.comListUl li .txt02 {
		margin-bottom: -17px;
	}
	.comListUl .col2 {
		width: 100%;
	}
	.comListUl li .photo .ttl {
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	.comListUl .flexUl li {
		width: calc(50% - 4px);
	}
}
@media all and (max-width: 374px) {
	.comListUl li .ttl {
		font-size: 1.3rem;
	}
	.comListUl li .photo p {
		font-size: 1.1rem;
	}
}


/* comDayBox */
.comDayBox {
	margin: 0 auto;
	max-width: 760px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.comDayBox + .comDayBox {
	margin-top: 180px;
}
.comDayBox > div {
	width: 340px;
}
.comDayBox::after {
	margin-left: -1px;
	width: 2px;
	height: calc(100% - 16px);
	background-color: #000;
	content: "";
	position: absolute;
	top: 16px;
	left: 50%;
}
.comDayBox .dayDl dt {
	color: #0081CC;
	font-size: 2.7rem;
	text-align: right;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.05em;
	margin-bottom: -1px;
}
.comDayBox .dayDl dt::before,
.comDayBox .dayDl dt::after {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	right: -48px;
	background-color: #0081CC;
	content: "";
	z-index: 10;
}
.comDayBox .dayDl dt::before {
	border-radius: 50px;
}
.comDayBox .dayDl dt::after {
	width: 34px;
	height: 2px;
	right: -41px;
	top: 22px;
}
.comDayBox .dayDl dd {
	margin-bottom: 40px;
	font-size: 1.6rem;
	letter-spacing: -0.05em;
	position: relative;
}
.comDayBox .dayDl .end::after {
	width: 4px;
	height: calc(100% + 60px);
	position: absolute;
	top: -9px;
	right: -42px;
	background-color: #fff;
	content: "";
	z-index: 9;
}
.comDayBox .right .dayDl .end::after {
	right: auto;
	left: -42px;
}
.comDayBox .dayDl dd:last-child {
	margin-bottom: 0;
}
.comDayBox .dayDl .innerBox {
	padding: 20px 28px 21px;
	background-color: #E2EEF5;
	border-radius: 14px;
}
.comDayBox .dayDl dd p {
	line-height: 1.5625;
}
.comDayBox .dayDl .title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5;
}
.comDayBox .dayDl .title .small {
	font-size: 1.4rem;
}
.comDayBox .dayDl .photo {
	margin-top: 14px;
	padding-bottom: 7px;
}
.comDayBox .right {
	margin-top: 67px;
}
.comDayBox .right .dayDl dt {
	text-align: left;
}
.comDayBox .right .dayDl dt::before {
	right: auto;
	left: -48px;
}
.comDayBox .right .dayDl dt::after {
	right: auto;
	left: -41px;
}
.comDayBox .dayDl .mar01 {
	margin-bottom: 112px;
}
.comDayBox .dayDl .mar02 {
	margin-bottom: 160px;
}
.comDayBox .dayDl .mar03 {
	margin-bottom: 82px;
}
.comDayBox .dayDl .mar04 {
	margin-bottom: 15px;
}
.comDayBox .dayDl .mar05 {
	margin-bottom: 284px;
}
.comDayBox .dayDl .mar06 {
	margin-bottom: 384px;
}
@media all and (max-width: 896px) {
	.comDayBox {
		max-width: 400px;
	}
	.comDayBox > div {
		width: calc(50% - 18px);
	}
	.comDayBox .dayDl dt {
		font-size: 1.8rem;
	}
	.comDayBox .dayDl .title {
		margin-bottom: 3px;
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.comDayBox .dayDl dd {
		margin-bottom: 33px;
		font-size: 1.2rem;
	}
	.comDayBox .dayDl dd p {
		line-height: 1.33;
	}
	.comDayBox .dayDl .innerBox {
		padding: 12px 13px 12px;
		border-radius: 8px;
	}
	.comDayBox .right {
		margin-top: 44px;
	}
	.comDayBox .dayDl dt::before,
	.comDayBox .dayDl dt::after {
		width: 11px;
		height: 11px;
		top: 10px;
		right: -23px;
	}
	.comDayBox .dayDl dt::after {
		width: 14px;
		height: 2px;
		top: 14px;
		right: -17px;
	}
	.comDayBox .right .dayDl dt::before {
		right: auto;
		left: -23px;
	}
	.comDayBox .right .dayDl dt::after {
		left: -18px;
	}
	.comDayBox .dayDl .photo {
		margin-top: 7px;
		padding-bottom: 2px;
	}
	.comDayBox .dayDl .photo img {
		width: 100%;
	}
	.comDayBox .dayDl .mar01 {
		margin-bottom: 58px;
	}
	.comDayBox .dayDl .mar02 {
		margin-bottom: 112px;
	}
	.comDayBox .dayDl .mar03 {
		margin-bottom: 54px;
	}
	.comDayBox .dayDl .mar05 {
		margin-bottom: 160px;
	}
	.comDayBox .dayDl .end::after {
		right: -20px;
	}
	.comDayBox .right .dayDl .end::after {
		right: auto;
		left: -20px;
	}
}



/* comVoice */
.comVoice {
	padding: 18px 45px 47px;
	border: 1px solid #116DBC;
	border-radius: 19px;
	font-size: 1.3rem;
	line-height: 1.84;
}
.comVoice .title {
	margin-bottom: 11px;
	color: #0081CC;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}
.comVoice .innerBox {
	display: flex;
	justify-content: space-between;
}
.comVoice .innerBox .photo {
	width: 165px;
	flex-shrink: 0;
	margin: 3px 31px 0 0;
}
.comVoice .innerBox .photo .nameTxt {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.23;
	background-color: #707070;
	margin-top: -10px;
	position: relative;
	z-index: 10;
	padding: 4px 0 8px;
}
.comVoice .textBox {
	flex: 1;
	text-align: justify;
}
@media all and (max-width: 896px) {
	.comVoice .title {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
	.comVoice {
		padding: 25px 17px 37px;
	}
	.comVoice .innerBox {
		display: block;
	}
	.comVoice .innerBox .photo {
		width: 173px;
		margin: 0 auto 18px;
	}
	.comVoice .innerBox .photo .nameTxt {
		font-size: 1.2rem;
		margin-top: 0;
		padding: 6px 0 10px;
	}
}


/* comVoice02 */
.comVoice02 {
	padding: 0 20px 47px;
	background-color: #F2F3F4;
	border-radius: 19px;
	border-radius: 19px;
	overflow: hidden;
}
.comVoice02 .title {
	margin: 0 -20px 34px;
	color: #fff;
	font-size: 1.8rem;
	background-color: #7B7878;
	text-align: center;
	padding: 8px 8px 7px;
	letter-spacing: 0.08em;
}
.comVoice02 .showUl {
	margin: 0 auto;
	max-width: 780px;
}
.comVoice02 .showUl li {
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #FFFFFF;
	font-size: 1.3rem;
	line-height: 1.84;
	padding-bottom: 36px;
}
.comVoice02 .showUl li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.comVoice02 .showUl .photo {
	margin: 6px 37px 0 -4px;
	width: 135px;
}
.comVoice02 .showUl .textBox {
	flex: 1;
}
@media all and (max-width: 896px) {
	.comVoice02 .title {
		margin: 0 -16px 34px;
		font-size: 1.6rem;
		padding: 5px 8px 5px;
	}
	.comVoice02 .showUl li {
		display: block;
		margin-bottom: 34px;
		padding-bottom: 30px;
	}
	.comVoice02 {
		padding: 0 16px 30px;
		border-radius: 17px;
	}
	.comVoice02 .showUl .photo {
		margin: 0 auto 10px;
		width: 113px;
	}
}


/* headLine09 */
.headLine09 {
	margin-bottom: 38px;
	padding: 6px 5px;
	letter-spacing: 0.08em;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	background-color: #0081CC;
}
@media all and (max-width: 896px) {
	.headLine09 {
		margin-bottom: 34px;
		padding: 6px 5px;
	}
}


/* comNotes */
.comNotes {
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}


/* comLinkUl03 */
.comLinkUl03 {
	display: flex;
	justify-content: space-between;
}
.comLinkUl03 > li {
	padding: 29px 20px 18px 32px;
	width: calc(50% - 25px);
	box-sizing: border-box;
	border-top: 2px solid #0081CC;
	border-left: 2px solid #0081CC;
	position: relative;
}
.comLinkUl03 .lable {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
}
.comLinkUl03 .lable span {
	color: #fff;
	padding: 4px 9px 7px;
	background-color: #0081CC;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.comLinkUl03 .lable span::after {
	width: 8px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -8px;
	background: url("../../img/internship/icon02.png") no-repeat left top / 100% 100%;
	content: "";
}
.comLinkUl03 .title {
	margin-bottom: 19px;
	color: #0081CC;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comLinkUl03 .title span {
	text-align: left;
	display: inline-block;
}
.comLinkUl03 .txtDl {
	font-size: 1.4rem;
}
.comLinkUl03 .txtDl dt {
	float: left;
	font-weight: 500;
	letter-spacing: 0.08em;
	position: relative;
}
.comLinkUl03 .txtDl dt::after {
	position: absolute;
	top: -2px;
	right: -11px;
	content: ":";
}
.comLinkUl03 .txtDl dd {
	padding: 0 0 4px 5.5em;
}
@media all and (max-width: 896px) {
	.comLinkUl03 {
		display: block;
	}
	.comLinkUl03 > li {
		margin-bottom: 28px;
		padding: 31px 10px 18px 22px;
		width: auto;
	}
	.comLinkUl03 .title span {
		width: 100%;
		text-align: left;
		display: block;
	}
	.comLinkUl03 .title {
		margin: 0 -30px 9px 0;
		font-size: 1.5rem;
		line-height: 1.6;
	}
}


/* headline10 */
.headline10 {
	margin-bottom: 23px;
	text-align: center;
	color: #0081CC;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.headline10 span {
	display: inline-block;
	vertical-align: top;
}
.headline10 .jp {
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 3px solid #0081CC;
}
.headline10 .en {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 0.02em;
}
@media all and (max-width: 896px) {
	.headline10 {
		margin-bottom: 19px;
		font-size: 2rem;
	}
	.headline10 .en {
		font-size: 1.3rem;
	}
	.headline10 .jp {
		margin-bottom: 6px;
		padding-bottom: 4px;
		border-width: 2px;
	}
}


/* comBtn07 */
.comBtn07 {
	margin-top: 18px;
}
.comBtn07 a {
	padding: 2px 30px;
	height: 40px;
	width: 100%;
	max-width: 212px;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	letter-spacing: 0;
}
.comBtn07 a::after {
	margin-top: -5px;
	width: 8px;
	height: 14px;
}
.comBtn07 .blank::after {
	margin: -2px -10px 0 17px;
	width: 16px;
	height: 13px;
	background-image: url("../../img/common/icon25.png");
}
@media all and (max-width: 896px) {
	.comBtn07 {
		margin-top: 15px;
	}
	.comBtn07 a {
		max-width: 180px;
		height: 34px;
	}
	.comBtn07 a::after {
		margin-top: -5px;
		width: 6px;
		height: 10px;
		right: 12px;
	}
	.comBtn07 .blank::after {
		margin: -2px -10px 0 15px;
		width: 11px;
		height: 10px;
	}
}