@charset "utf-8";
/* CSS Document */



@import "../../../common/css/common.css";
@import "../../../common/css/common_footer_euc.css";
/* reset
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
img {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6,th,input,textarea,select {
	font-family: inherit;
	font-size: 100%;
	font-weight: normal;
	outline: none;
}
input, select {
	line-height: 1;
}
input::-webkit-input-placeholder {
	color: #cdcdcd;
}
input:-ms-input-placeholder {
	color: #cdcdcd;
}
input::-moz-placeholder {
	color: #cdcdcd;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);
}

a:hover {
	text-decoration: none;
}

html {
	overflow-y: scroll;
}

sub {
	vertical-align: 0;
	line-height: 1.0em;
}
sup {
	vertical-align: 0.3em;
	line-height: 1.0em;
}

/* set
------------------------------------------------------------ */

body{
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	color: #333;
	line-height: 1.428;
	/*font-size: 87.5%;*/
	font-size: 83%;
	min-width: 320px;
}
/* clearfix */
.c_clearfix::after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
}


/* display pc sp ----- */
.c_onlyPc {
	display: block;
}
img.c_onlyPc {
	display: inline-block;
}
.c_onlySp {
	display: none;
}
img.c_onlySp {
	display: none;
}
.c_SpW100per {
	width: auto;
	max-width: none;
}

@media all and (min-width: 0px) and (max-width: 736px) {
	.c_onlyPc {
		display: none;
	}
	img.c_onlyPc {
		display: none;
	}
	.c_onlySp {
		display: block;
	}
	img.c_onlySp {
		display: inline-block;
	}
}

/* 汎用クラス */
.c_iBlock {
	display: inline-block;
}
.m_fadeover {
	-webkit-transition: 0.3s opacity;
			transition: 0.3s opacity;
	backface-visibility: hidden;
}
.m_fadeover:hover {
	opacity: 0.7;
}
@media all and (min-width: 0px) and (max-width: 736px) {
	.m_fadeover:hover {
		opacity: 1;
	}
}

/* style
------------------------------------------------------------ */
div#wrapper {
	background-color: #f2f2ea;
}

.mainContents_b {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*width: 100%;*/
	width: 990px;
	margin: 0 auto;
	padding: 0 20px 0;
	box-sizing: border-box;
	font-size: 14px;

}
@media all and (min-width: 0px) and (max-width: 736px) {
	.mainContents_b {
		width: 100%;
		padding: 0;
	}
}


/* mainVis pageNav */
.mainVisWrap {
	position: relative;
}
.mainVisWrap .p_mainImg {
	text-align: center;
}
.mainVisWrap .p_banner {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.leadArea {
	display: table;
	table-layout: fixed;
}
.leadArea .p_logoWrap,
.leadArea .p_textWrap {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.leadArea .p_logoWrap {
	padding: 50px;
	text-align: center;
	background: linear-gradient(to bottom,
				rgba(127,204,241,0.1) 0%,
				rgba(143,130,186,0.1) 20%,
				rgba(237,158,190,0.1) 40%,
				rgba(240,156,118,0.1) 60%,
				rgba(255,245,155,0.1) 80%,
				rgba(137,199,151,0.1) 100%);
}
.leadArea .p_logoWrap .p_logoImg {
	width: 270px;
}
.leadArea .p_textWrap {
	padding: 20px 45px;
	background-color: #fff;
	line-height: 1.714285;
}

@media all and (min-width: 0px) and (max-width: 736px) {
	.mainVisWrap {
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;

	}
	.mainVisWrap .p_banner {
		bottom: 2.5%;
		left: 4.6875%;
		right: 4.6875%;
	}

	.leadArea {
		display: block;
	}
	.leadArea .p_logoWrap,
	.leadArea .p_textWrap {
		display: block;
		width: 100%;
	}
	.leadArea .p_logoWrap {
		padding: 40px 0;
	}
	.leadArea .p_logoWrap .p_logoImg  {
		width: 56.25%;
		max-width: 369px;
	}
	.leadArea .p_textWrap  {
		padding: 25px 15px;
		line-height: 2;
	}

}


.pageNav {
	text-align: center
}
.pageNav li {
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
}

.pageNav li a {
	display: block;
}

@media all and (min-width: 0px) and (max-width: 736px) {
	.pageNavWrap {
		margin-top: 10px;
	}
	.pageNav {
		margin: 0 auto;
		overflow: hidden;
		max-width: 640px;
	}
	.pageNav li {
		width: 50%;
	}
	.pageNav li:nth-child(odd) {
		float: left;
	}
	.pageNav li:nth-child(even) {
		float: right;
	}

	.pageNav li + li {
		margin-left: 0;
	}
}

/* section01-05 */
.section {
	margin-top: 80px;
	border-radius: 10px
}
.sectionMain {
	position: relative;

}
.sectionMain .p_leadArea {
	/*width: 100%;*/
	/*box-sizing: border-box;*/
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	padding: 30px 0;
	position: absolute;
	bottom: 0;
	left: 85px;
	right: 85px;
}
.sectionMain .p_leadArea .p_inner {
	display: table;
	table-layout: fixed;

}
.sectionMain .p_leadArea .p_logoWrap {
	display: table-cell;
	vertical-align: middle;
	width: 265px;
	text-align: center;
}
.sectionMain .p_leadArea .p_textWrap {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
.sectionMain .p_leadArea .p_textWrap .p_text {
	line-height: 1.71428;
}
@media all and (min-width: 0px) and (max-width: 736px) {
	.section {
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	.sectionMain .p_leadArea {
		left: 15px;
		right: 15px;
		background-color: rgba(255,255,255,0.9);
		/*position: static;*/
	}
	.sectionMain .p_leadArea .p_inner {
		display: block;
	}
	.sectionMain .p_leadArea .p_logoWrap {
		display: block;
		text-align: center;
		width: auto;
		padding:0 15px;
	}
	.sectionMain .p_leadArea .p_textWrap {
		display: block;
		padding: 15px 15px 30px;
	}
}
/*	slide
-------------------------------*/
.sectionSlide {
	padding: 20px 25px;
	position: relative;
	overflow: hidden;
}
.s_section01 .sectionSlide {
	background: linear-gradient(to right, rgba(3,67,140,1) 0%,rgba(0,164,188,1) 100%);
}
.s_section02 .sectionSlide {
	background: linear-gradient(to right, rgba(0,169,183,1) 0%,rgba(86,186,137,1) 100%);
}
.s_section03 .sectionSlide {
	background: linear-gradient(to right, rgba(231,42,100,1) 0%,rgba(242,143,58,1) 100%);
}
.s_section04 .sectionSlide {
	background: linear-gradient(to right, rgba(101,67,151,1) 0%,rgba(226,73,148,1) 100%);
	padding-left: 20px;
	padding-right: 20px;
}

.slideArea {
	display: flex;
	width: 999999px;
	overflow: hidden;
}
.slideItem {
	animation: infinity-loop 80s infinite linear 1s both; /* 無限ループアニメーションの設定 */
	display: flex; /* スライドの要素を横に並べる */
	height: 200px; /* スライドの高さ */
	position: relative;
}


.slideItem img {
	height: 200px;
	width: 280px;
	margin: 0 10px;
	border-radius: 10px;
}
.s_section04 .slideItem {
	animation: none;
}
.s_section04 .slideItem img {
	width: auto;
	height: auto;
	margin: 0;
}
.s_section04 .slideItem img + img {
	margin-left: 20px;
}

/* 無限ループアニメーション */
@keyframes infinity-loop {
	from {
		transform: translateX(0vw);
	}
	to {
		transform: translateX(-100%);
	}
}
@media all and (min-width: 0px) and (max-width: 736px) {
	.slideItem {
		height: 150px;
	}
	.slideItem img {
		width: 210px;
		height: 150px;
	}
	.s_section04 .slideItem {
		height: auto;
		display: block;
	}
	.s_section04 .slideArea {
		text-align: center;
		width: auto;
	}
	.s_section04 .slideItem img + img {
		margin-left: 0;
		margin-top: 20px;
	}
}
.sectionProfile {
	padding: 30px;
	border-radius: 0 0 10px 10px;
	position: relative;
}
.sectionProfile::before {
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	border-radius: 0 0 10px 0;
}
.s_section01 .sectionProfile {
	background-color: #ecf1f7;
}
.s_section01 .sectionProfile::before {
	background-color: #4474ae;
}
.s_section02 .sectionProfile {
	background-color: #e5f5ee;
}
.s_section02 .sectionProfile::before {
	background-color: #009b56;
}
.s_section03 .sectionProfile {
	background-color: #faebea;
}
.s_section03 .sectionProfile::before {
	background-color: #ca3a2f;
}
.s_section04 .sectionProfile {
	background-color: #efe8f3;
}
.s_section04 .sectionProfile::before {
	background-color: #601986;
}

.sectionProfile .p_textArea {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.sectionProfile .p_textArea .p_img {
	float: left;
}
.sectionProfile .p_textArea .p_text01 {
	float: left;
	width: 620px;
	padding-left: 30px;
	box-sizing: border-box;
	line-height: 1.7142;
}
.sectionProfile .p_textArea .p_name {
	font-size: 171.4285%;/* 24px */
	font-weight: bold;
	padding-bottom: 5px;
	position: relative;
	margin-bottom: 25px;
}
.sectionProfile .p_textArea .p_name::before {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.s_section01 .sectionProfile .p_textArea .p_name::before {
	background-color: #4474ae;
}
.s_section02 .sectionProfile .p_textArea .p_name::before {
	background-color: #009b56;
}
.s_section03 .sectionProfile .p_textArea .p_name::before {
	background-color: #ca3a2f;
}
.s_section04 .sectionProfile .p_textArea .p_name::before {
	background-color: #601986;
}
.sectionProfile .p_textArea .p_assistant {
	margin-top: 10px;
	font-weight: bold;
}
.sectionProfile .p_textArea .p_company {
	margin-top: 10px;
}
.sectionProfile .p_textArea .p_details {
	margin-top: 10px;
}
.sectionProfile .p_textArea .p_pageTop {
	text-align: right;
	margin-top: 40px;
}
.sectionProfile .p_textArea .p_pageTop a {
	text-decoration: underline;
}
.sectionProfile .p_textArea .p_pageTop a:hover {
	text-decoration: none;
}

@media all and (min-width: 0px) and (max-width: 736px) {
	.sectionProfile::before {
		width: 60px;
		height: 60px;
	}
	.sectionProfile {
		padding: 20px 15px;
	}
	.sectionProfile .p_textArea {
		padding: 25px 20px;
	}
	.sectionProfile .p_textArea .p_img {
		/*width: 100px;*/
		width: 35.09%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		text-align: center;
	}
	.sectionProfile .p_textArea .p_text01 {
		float: none;
		width: 100%;
		/*margin-left: 2.6785%;*/
		padding-left: 0;
		margin-top: 15px;
	}

	.sectionProfile .p_textArea .p_name {
		font-size: 128.5714%;/* 18px */
		text-align: center;
	}
	.sectionProfile .p_textArea .p_name::before {
		left: 0;
		right: 0;
		margin: auto;
	}


	.sectionProfile .p_textArea .p_pageTop {
		margin-top: 20px;
	}
}

/* section05 */
.section.s_section05 {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.section.s_section05 .p_img,
.section.s_section05 .p_text {
	display: table-cell;
	vertical-align: top;
}
.section.s_section05 .p_img {
	text-align: center;
}
.section.s_section05 .p_text {
	padding: 50px 40px 100px;
	background-color: #fff;
	position: relative;
	line-height: 1.7142;
}
.section.s_section05 .p_text::before,
.section.s_section05 .p_text::after {
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	background: url(../img/section05_bg_01.png) repeat-x top left;
	position: absolute;
	left: 0;
	right: 0;

}
.section.s_section05 .p_text::before {
	top: 0;
}
.section.s_section05 .p_text::after {
	bottom: 0;
	background: url(../img/section05_bg_02.png) repeat-x bottom left;;

}
@media all and (min-width: 0px) and (max-width: 736px) {
	.section.s_section05 {
		display: block;
	}
	.section.s_section05 .p_img,
	.section.s_section05 .p_text {
		display: block;
	}
	.section.s_section05 .p_text {
		padding: 30px 10px 35px;
	}
}

/* section06 */
.section.s_section06 {
	background-color: #fff;
	border-top: 4px solid #00a5e3;
	border-bottom: 4px solid #00a5e3;
	padding: 25px 50px;
	border-radius: 0;

}
.section06Lead {
	font-size: 114.2857%;/* 16px */
	font-weight: bold;
	text-align: center;
}
.section06Title {
	text-align: center;
	margin-top: 15px;
	position: relative;
	padding-bottom: 15px;
}
.section06Title::before {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	background-color: #00a5e3;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.section06Title .p_title01 {
	font-size: 242.8571%;/* 34px */
}
.section06Title .p_color01 {
	color: #00a5e3;
}
.section06Title .p_color02 {
	color: #e48d20;
}
.section06Title .p_sub01 {
	font-weight: bold;
}
.section06Col4 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 30px;
}
.section06Col4 .p_item {
	width: 197px;
}
.section06Col4 .p_item + .p_item {
	margin-left: 20px;
}
.section06Col4 .p_item img {
	width: 100%;
}
.section06Col4 .p_item .p_name {
	font-weight: bold;
	margin-top: 15px;
}
.section06Col4 .p_item .p_text01 {
	margin-top: 10px;
	font-size: 85.7142%;
	line-height: 1.5;
}
.section06Col2 {
	margin-top: 30px;
	overflow: hidden;
}
.section06Col2 .p_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;

}
.section06Text {
	line-height: 1.714285;
}
.linkText01 {
	color: #00a5e3;
	text-decoration: underline;
}
.linkText01:hover {
	text-decoration: none;
}
@media all and (min-width: 0px) and (max-width: 736px) {
	.section.s_section06 {
		padding: 20px 10px;
	}
	.section06Lead {
		font-size: 100%;
	}
	.section06Title .p_title01 {
		font-size: 164.2857%;/* 23px */
	}
	.section06Title .p_sub01 {
		font-size: 78.5714%;/* 11px */
	}
	.section06Col4 {
		flex-wrap: wrap;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.section06Col4 .p_item {
		width: calc(50% - 5px);
		max-width: 290px;
	}
	.section06Col4 .p_item:nth-child(n + 3) {
		margin-top: 20px;
	}
	.section06Col4 .p_item + .p_item {
		margin-left: 0;
	}
	.section06Col2 .p_left {
		float: none;
		margin-right: 0;
	}
}
div.mainContents_b p.p_text,
div.mainContents_b p.section06Text,
div.mainContents_b ul.pageNav {
	margin-top: 0;
}