@charset "utf-8";
.pcDisp_lp { display: block; }
.spDisp_lp { display: none; }


/* コンテンツ
*****************************************************/
.wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 980px;
	width: 100%;
 }

 *, ::before, ::after {box-sizing:border-box; }

 .header-box * {box-sizing:unset; }

 .koseikai > section { color: #333; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.7; margin: 0; padding: 0; } */

 section { clear: both; display: block; overflow: hidden; }
 section .inner { margin: 0 auto; max-width: 980px; padding: 50px 0; width: 100%; }
 section .inner.inner-wide { max-width: 980px; }
 section .inner > p { padding-bottom: 30px; text-align: justify; }
 section .inner p.no { padding-bottom: 0; } */

 .wrapper *,
 .wrapper *:before,
 .wrapper *:after {
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
 }

 address, caption, cite, code, dfn, var, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; margin-top: 0; }
 ul, ol { margin: 0; margin-left: 0; padding: 0; }
 li { margin-bottom: 0; }
 p { margin: 0; margin-bottom:18px; }
 table { border: none; margin: 0; }
 th, td { border: none; }

  ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
 }
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 .wrapper a { text-decoration: none; }
 .wrapper a:hover { opacity: 0.7; }

 .cfix, .page-container, .logo-wrapper a, nav ul.menu, .dropdown-nav, .dropdown-nav .category-menu, .dropdown-nav ul.submenu, figure, .link-button-sp ul.link-button-wrap, .head-tabs ul.tab-menu, .head-tabs .tab-box ul, .news ul.news-list, ul.footer-links, ul.footer-links > li.wider ul.wider-inner, ul.footer-links .menu-box { clear: both; overflow: hidden; display: block; }

 img { height: auto; max-width: 100%; }
 .clearfix { clear: both; display: block; overflow: hidden; }
 .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
 .tbl { display: table; width: 100%; height: 100%; }
 .tbl-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
 .spDisp_lp { display: none; }
 .img-center { margin: 0 auto; text-align: center; }
 .txt-center { text-align: center; }
 .red { color: #ED1C24; font-weight: 700; }
 .yellow { color: #FFFF00; font-weight: 700; }
 .padbot40 { padding-bottom: 40px; }
 .sp-only { display: none; }
 .cfix { clear: both; display: block; overflow: visible; }

.block-b h4 { color:#fff; font-weight:700; text-align:center; }



/* Section Area */
section { position: relative; clear:both; display:block; overflow:hidden; }
section .w-inner,
section .w-inner02,
section .w-inner03 {
	margin: 0 auto;
	max-width: 994px;
	padding: 50px 0;
	width: 100%;
}
section .w-inner02 { padding: 0 10px 10px; }
section .w-inner03 { padding: 0 0 10px; overflow: visible; }
.section h3 { color: #006FB1; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 'Noto Serif JP', serif; font-size: 36px; font-weight: 700; margin-top: 60px; line-height: 1.2; margin-bottom: 40px; position: relative; text-align: center; }

.section h3 small { font-size: 18px; }
.blue { color: #006FB9; font-weight: 700; }

/* Section 01 */
.sec01 { margin: 0 auto; text-align: center; }
	.sec01 p { text-align: left; }
	.sec01 img { width: auto; }
	.sec01 .c-wrapper {
		background-attachment: scroll;
		background-color: #FFF;
		background-image: url(../images/bg-sec1.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.sec01 .w-inner { margin-top: -218px; padding: 0; }
	.sec01 .fd_list01 li {
		display: block;
		float: left;
		width: 33.33%;
	}
	.sec01 .fd_list01 { margin-bottom: 120px; }
	.sec01 .fd_list01 li > div { position: relative; }
	.sec01 .fd_list01 li > div span {
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.3;
		top: 22px;
		left: 35px;
		right: 0;
		position: absolute;
	}
	.sec01 .fd_list01 li:nth-child(2) > div span {
		top: 10px;
	}

	.sec01 .left {
		min-height: 354px;
		padding-left: 511px;
		position: relative;
	}

	.sec01 .left img {
		left: 0;
		position: absolute;
		top: 0;
		width: auto;
	}

	.sec01 .right {
		min-height: 280px;
		padding-right: 522px;
		position: relative;
	}

	.sec01 .right img {
		right: 0;
		position: absolute;
		top: 0;
		width: auto;
	}


/* Section 02 */
.sec02 .c-wrapper {
	background: url('../images/bg-square.png') repeat left top;
	position: relative;
	margin-top: -90px !important;
	padding-bottom: 90px;
	clear: both;
}

.sec02 > h2 {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 9;
}


.sec02 img { width: 100%; }
.sec02 .txt-center { font-size: 18px; text-align: justify; max-width: 752px; margin: 0 auto 40px; padding: 0; }

.list-a { padding: 10px 10px 50px; }
	.list-a li {
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,.4);
		display: block;
		float: left;
		margin-right: 2%;
		width: 23.5%;
	}
	.list-a li:nth-child(4n),
	.list-a li:last-child { margin-right: 0; }
	.list-a li .img { position: relative; }
	.list-a li h4 { background-color: #006fb9; color: #FFF; font-size: 18px; font-weight: 500; line-height: 1.5; padding: 10px; text-align: center; font-weight: 700; letter-spacing: -1px; }



/* Section 03 */
.sec03 {
	background-color: #e5f1f7;
	background-image: url('../images/bg-sec03.png'), url('../images/bg-square.png');
	background-repeat: no-repeat, repeat;
	background-position: left top, center top;
	clip-path: polygon(0 1%, 100% 4%, 100% 100%, 0 97.2%); z-index: 1; top: -100px; padding-bottom: 90px !important; }
	.sec03 .c-wrapper { background: url('../images/bg-sec04.png') center bottom 28.5% no-repeat; background-size: 100%; }
	.sec03 .w-inner { padding-top: 60px; padding-bottom: 20px; }
	.sec03 .w-inner h3 { color: #FFF; margin-top: 70px; }
	.sec03 .txt-wrap { color: #FFF; font-weight: 500; font-size: 18px; margin: 0 auto 40px; padding: 0 121px; text-align: justify; }
.block-a .block-a-bg { background-color: #fff; display: block; float: left; min-height: 472px; padding: 30px 40px; border-radius: 10px; }
	.block-a-bg h4::after {
		bottom: 0;
		content: url('../images/bg-line.png');
		left: 0;
		position: absolute;
		right: 0;
		width: auto;
	}
	.block-a { padding: 10px; }
	.block-a .block-a-bg {
			margin-right: 3%;
			width: 48.5%;
			-webkit-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
			-moz-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
			box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5); }
	.block-a .block-a-bg:nth-child(2) { margin-right: 0; }
	.block-a-bg h4,
	.box-white h4 {
		color: #006FB9; font-size: 24px; font-weight: 700; line-height: 1.7; padding-bottom: 20px; position: relative; text-align: center;
	}
	.block-a-bg h4:after {
		bottom: 0; content: url('../images/bg-line.png'); left: 0; position: absolute; right: 0; width: auto;
	}
.list-d { padding-top: 10px; }
	.list-d li { display: block; padding: 0 0 20px 30px; position: relative; width: 100%; }
	.list-d li span { color: #006FB9; display: block; font-size: 21px; font-weight: 700; line-height: 1; margin-bottom: 10px; }
	.list-d li strong {
		background-color: #323232; color: #FFF; font-size: 18px; font-weight: 700; height: 22px; left: 0; line-height: 22px; position: absolute; text-align: center; top: -1px; width: 22px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}

.block-b, .block-c { background-color: #fff }

.block-b {
	padding: 30px 40px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	-moz-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
}
.block-b .ttl {
	background-image: linear-gradient(90deg, rgba(0,204,235,0) 0%, rgba(0,204,235,1) 20%, rgba(0,111,177,1) 80%, rgba(0,111,177,0) 100%);
	color: #FFF;
	padding: 10px 0;
	margin-bottom: 40px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
}

.block-b {
	padding: 30px 40px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	-moz-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	 }
.block-b .block-b-bg { padding: 0; }
.block-b-bg > div { display: block; float: left; margin-right: 3%; width: 48.5%; }
.block-b-bg .img-l { padding-top: 15%; }
.block-b-bg > div:last-child { margin-right: 0; }
.b-bg-img { margin: 40px 50px; }
.b-bg-img .block-b-box { width: 50%; margin: 0 }
.block-txt { padding: 0; }
.block-txt p { line-height: 1.5; padding: 0 }
	.block-b-box li { display: block; float: left; margin-right: 4%; text-align: center; width: 48%; }
	.block-b-box li:nth-child(2n),
	.block-b-box li:last-child { margin-right: 0; }
	.block-b-box li .img { margin-bottom: 10px; }
	.block-b-box li small { clear: both; display: block; font-size: 10px; line-height: 1.4; }
.block-c {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	-moz-box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	box-shadow: 0px 0px 12px 0px rgba(127,183,217,.5);
	border-radius: 10px;
}
.block-c h4 {
	background-color: #006FB9;
	color: #FFF;
	font-size: 21px;
	font-weight: 700;
	line-height: 2;
	padding: 15px;
	text-align: center;
}
.block-c-bg { position: relative; }
.block-c .block-txt {
	min-height: 250px;
	padding-right: 416px;
	position: relative;
}
.block-c .block-c-bg img {
	position: absolute;
	right: 40px;
	top: 30px;
	width: auto;
}
.block-c .block-c-bg { padding: 30px 40px; }
.block-c-bg .btn-default { margin: 0 auto; text-align: center; }
	.block-c-bg .btn-default a { background-color: #f2f2f2; border: 1px solid #006FB9; color: #006fb9; display: inline-block; font-size: 21px; font-weight: 700; line-height: 1.2; width: 100%; padding: 10px; }
	.block-c-bg .btn-default a small { clear: both; display: block; font-size: 12px; line-height: 2; }
	.block-c-bg .btn-default a span { position: relative; }
	.block-c-bg .btn-default a span:before { content: url('../images/icon-circle.png'); left: -30px; position: absolute; top: 2px; }

#research{
	font-family : 游ゴシック体;
}
#research .inner{
	position: relative;
	padding: 0;
}
#research .inner:after{
	content: "";
	display: table;
	clear: both;
}
#research .text1{
	margin-bottom: 57px;
}
#research .text1 img{
	width: 651px;
}
#research .text2{
	position: relative;
	width: 850px;
	margin-bottom: 256px;
	margin-left: -463px;
	padding: 15px 0 46px 463px;
	background: -moz-linear-gradient(0% 50% 0deg,rgba(0, 111, 174, 1) 11.76%,rgba(0, 201, 232, 1) 49.32%,rgba(0, 111, 174, 1) 80%,rgba(0, 111, 174, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 111, 174, 1) 11.76%, rgba(0, 201, 232, 1) 49.32%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
	background: -o-linear-gradient(0deg, rgba(0, 111, 174, 1) 11.76%, rgba(0, 201, 232, 1) 49.32%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
	background: -ms-linear-gradient(0deg, rgba(0, 111, 174, 1) 11.76%, rgba(0, 201, 232, 1) 49.32%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
	background: linear-gradient(90deg, rgba(0, 111, 174, 1) 11.76%, rgba(0, 201, 232, 1) 49.32%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
	color : #ffffff;
	font-size : 34px;
	font-weight: bold;
	line-height: 1;
}
#research .text2 .arrow{
	display: block;
	width: 160px;
	height: 34px;
	position: relative;
	margin-bottom: 8px;
	padding: 8px 17px 5px;
	background: #fff;
	color : #006fb1;
	font-size : 24px;
	line-height : 1;
}
#research .text2 .arrow:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -17px;
	border: 17px solid transparent;
	border-right: none;
	border-left-color: #fff;
}
#research .text2 small{
	display: block;
	position: absolute;
	bottom: -40px;
	right: 110px;
	color : #323232;
	font-size : 10px;
	font-weight: normal;
	text-align: right;
	line-height : 16px;
}
#research .img1{
	position: absolute;
	right: 54px;
	bottom: 26px;
}
#research .img2{
	position: absolute;
	left: -54px;
	bottom: 0;
}


#research .block-b h4{
	margin: -30px -40px 30px;
	padding: 15px;
	background-color: #006FB9;
	color: #FFF;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}
#research .block-b-bg .block-b-box:first-child{
	padding-bottom: 20px;
}

#research .bg_gray{
	width: 820px;
	margin: 30px auto 70px;
	color: #333;
	font-size : 21px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
}
#research .bg_gray h4{
	width: 820px;
	margin: 0 auto 37px;
	padding: 10px;
	background: -moz-linear-gradient(0% 50% 0deg,rgba(0, 111, 185, 0) 0%,rgba(0, 2111 185 1) 20%,rgba(0, 111, 185, 1) 80%,rgba(0, 111, 185, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 111, 185, 0) 0%, rgba(0, 111,185, 1) 20%, rgba(0, 111, 185, 1) 80%, rgba(0, 111, 185, 0) 100%);
	background: -o-linear-gradient(0deg, rgba(0, 111, 185, 0) 0%, rgba(0, 111,185, 1) 20%, rgba(0, 111, 185, 1) 80%, rgba(0, 111, 185, 0) 100%);
	background: -ms-linear-gradient(0deg, rgba(0, 111, 185, 0) 0%, rgba(0, 111,185, 1) 20%, rgba(0, 111, 185, 1) 80%, rgba(0, 111, 185, 0) 100%);
	background: linear-gradient(90deg, rgba(0, 111, 185, 0) 0%, rgba(0, 111,185, 1) 20%, rgba(0, 111, 185, 1) 80%, rgba(0, 111, 185, 0) 100%);
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
#research .bg_gray sup{
	font-size: 10px;
	vertical-align: text-top;
	line-height: initial;
	top: unset;
}
#research .bg_gray em{
	color: #006fb1;
	font-style: normal;
	border-bottom: 1px solid #006fb1;
}
#research .bg_gray .supText{
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}


/* Section 05 */
.sec05 { background-color: #f7f7f7; background-image: none; padding-bottom: 3% !important; top: -200px; margin-bottom: -200px !important; }
.sec05 .inner{ padding-top: 40px; }
.sec06 .w-inner, .sec07 .w-inner, .sec09 .inner { padding-top: 80px; }
.sec05 .fd_list01 li {
	float: left;
	margin-right: 3%;
	width: 31.3%;
}
.sec05 .fd_list01 li:last-child {margin-right: 0}

.sec05 .fd_list01 li > div {
	border-radius: 5px;
	width: 100%;
}
.sec05 .fd_list01 li h4 {
	color: #006fb1;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 'Noto Serif JP', serif;
	font-size: 21px;
	font-weight: 700;
	padding: 20px 0;
	text-align: center;
}

#sec_performance {
	background: url('../images/bg-square-blue.jpg') repeat left top;
	-webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.5);
	position: relative;
	border-radius: 15px;
	margin: 50px 10px 0;
	padding: 0;
}
#sec_performance .block-b-bg {
	padding: 30px 40px 10px;
	/*background: url('../images/bg-performance.png') no-repeat right bottom;*/
}

#sec_performance h4 {
	background-color: #00cceb;
	background-image: linear-gradient(90deg, #00cceb, #006fb1);
	padding: 5px 0;
	font-size: 30px;
	line-height: 1.3;
}

#sec_performance ul {
	display: flex;
	flex-flow: row wrap;
		justify-content: start;
		margin: 30px 0 0;
		padding: 0 75px;
}

#sec_performance ul li {
		width: -webkit-calc( (100% - 30px * 2) / 3 );
		width: -ms-calc( (100% - 30px * 2) / 3 );
		width: calc( (100% - 30px * 2) / 3 );
		margin-right: 30px;
		margin-bottom: 20px;
}
#sec_performance ul li:nth-child(3n) {
	margin-right: 0;
}
#sec_performance ul li .text {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}
#sec_performance ul li small {
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

/* Section 06 */
.sec06 { background: url('../images/bg-sec06.jpg') no-repeat; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); top: -100px; margin-bottom: -110px !important; background-size: 100%; }
.sec06 .w-inner { padding-bottom: 8%; }
.sec06 p { font-size: 18px; margin-bottom: 40px; }
.sec06 .img { background: rgba( 255,255,255,0.7); border-radius: 10px; text-align: center; padding: 30px 0; }
.innerbox { max-width: 735px; margin: 0 auto }

/* Section 07 */
.sec07 {background: url('../images/bg-square-blue.jpg') repeat left top; clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%); padding-bottom: 30px !important; top: -100px; margin-bottom: -100px !important; z-index: 9; }

.sec07 .img { text-align: center; margin-top: -50px; }


/* Section 08 */

.sec08 { background-color: #b2d4e8; top: -100px; }
.sec08 .inner { background-color: #fff; position: relative; width: 1043px; margin: 0 auto; padding-bottom: 100px; z-index: 1}
.step-frame {
	border-left: 1px solid #006fb1;
	margin: 0;
	padding: 35px 343px 60px 70px;
	width: 100%;
	height: 240px;
	position: relative;
	z-index: 2;
}
.step-frame:last-child { border: 0; }
.step-frame span {
	position: absolute;
	top: 0;
	left: -50px;
}

.step-frame .img {
	position: absolute;
	top: -60px;
	right: -110px;
	max-width: 444px;
}

.step-frame h4 {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 'Noto Serif JP', serif;
	color: #006fb1;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
}
.step-frame p { font-size: 18px; }
.step-frame small { font-size: 14px; }

/* Section 9 */
.sec09 { background: url('../images/bg-square.png') repeat left top; clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%); top: -200px; margin-bottom: -200px !important; z-index: 9; }
.sec09 .inner { padding-bottom: 30px; }
.tbl-b { width: 100%; }
.tbl-b th, .tbl-b td { font-size: 21px; font-weight: 700; height: 80px; border: 2px solid #fff; text-align: center; vertical-align: middle; padding: 0 2%; }
.tbl-b th { background-color: #d9e9f3; color: #006fb1; width: 40%; }
.tbl-b td { background-color: #e5f1f7; }
.tbl-b td:nth-child(2) { width: 15%; }
.tbl-b td:nth-child(3) { width: 10%; }
.tbl-b td:last-child { font-family: "Arial", sans-serif; background-color: #f0f0f0; font-size: 36px; font-weight: 300; width: 35%; }
.tbl-b td span { font-size: 18px; font-weight: 300; }
.fd-box { background-color: #fff; border: 10px solid #f0f0f0; font-size: 18px; padding: 30px 60px; margin-top: 20px; }
.fd-box span { display: inline-block; background-color: #d9e9f3; color: #006fb1; padding: 2px 40px; border-radius: 15px; font-weight: 700; }
.fd-box p {
    margin-bottom: 0px;
}
/* Section 10 */
.sec10 { background-color: #e5f1f7; }
.sec10 .w-inner02 { padding-bottom: 80px; }
.dl-qa { margin: 0 auto 10px; max-width: 100%; }
	.dl-qa dt { background: url('../images/bg-qa-ttl.jpg') repeat-x; border: #d6d6d6 1px solid; font-size: 20px; line-height: 40px; margin-top: 10px; padding: 15px 20px; }
	.dl-qa dt div { background: url('../images/icon-q.jpg') no-repeat; font-weight: 700; min-height: 40px; padding-left: 60px; }
	.dl-qa dd { background:url('../images/icon-a.jpg') no-repeat #FFF; font-size: 18px; background-position: 20px 8px; border: #d6d6d6 1px solid; border-top:none; padding: 15px 20px 15px 80px; }
.accT { position: relative; cursor: pointer; }
	.accT:after { content: url('../images/icon-open.png'); position: absolute; right: 20px; top: 20px; }
	.accT.open:after { content: url('../images/icon-close.png'); }



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

 .sec01 .w-inner { margin-top: -150px; }

}



/* タブレットサイズ
*****************************************************/
@media only screen and (max-width: 744px) {
	.pcDisp_lp { display: none; }
	.spDisp_lp { display: block; }

	.wrapper {
		min-width: 100%;
		width: 100%;
		padding-top: 20px;
	}
	.koseikai > section { line-height: 1.5; }
	section .w-inner,
		section .w-inner02,
		section .w-inner03 {
		margin: 0 auto;
		max-width: 100%;
		padding: 20px !important;
		width:auto;
	}
	section .inner { padding: 0 20px !important; }
		.section h3 { font-size: 21px; line-height: 1.3; margin-top: 0; margin-bottom: 20px; }

	.section h3 small { font-size: 60%; }
	.block-b-bg > div { float: none; margin-right: 0; width: 100%; }
	.block-b { padding: 20px 10px; border-radius: 5px; }
		.block-b .ttl {
			margin: 0 -10px 20px;
			font-size: 19px;
			background: -moz-linear-gradient(0% 50% 0deg,rgba(0,204,235,0) 0%, rgba(0,204,235,1) 5%, rgba(0,111,177,1) 95%, rgba(0,111,177,0) 100%);
			background: -webkit-linear-gradient(0deg, rgba(0,204,235,0) 0%, rgba(0,204,235,1) 5%, rgba(0,111,177,1) 95%, rgba(0,111,177,0) 100%);
			background: -o-linear-gradient(0deg, rgba(0,204,235,0) 0%, rgba(0,204,235,1) 5%, rgba(0,111,177,1) 95%, rgba(0,111,177,0) 100%);
			background: -ms-linear-gradient(0deg, rgba(0,204,235,0) 0%, rgba(0,204,235,1) 5%, rgba(0,111,177,1) 95%, rgba(0,111,177,0) 100%);
			background: linear-gradient(90deg, rgba(0,204,235,0) 0%, rgba(0,204,235,1) 5%, rgba(0,111,177,1) 95%, rgba(0,111,177,0) 100%);
		}
	.block-b-bg .img-l { padding: 0 }

	/* Section 01 */
   .sec01 .w-inner { padding: 0; margin-top: 0; }
   .sec01 .fd_list01 { margin-bottom: 50px; }
   .sec01 .fd_list01 li { width: 100%; margin-bottom: 10px; }
   .sec01 .fd_list01 li > div span { font-size: 16px; left: 12%; top: 37%; right: auto; }
   .sec01 .fd_list01 li:nth-child(2) > div span { left: auto; top: 30%; right: 8% }
   .sec01 .left { min-height: 10px; padding-left: 0; margin-bottom: 20px; }
   .sec01 .left img {
	position: relative; width: 50%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	.sec01 .right {
		min-height: 10px;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.sec01 .right img {
		position: relative;
		margin-bottom: 10px;
	}
	.list-a li h4 { font-size: 16px; padding: 10px 5px; letter-spacing: 0; }
	/* Section 02 */
	.sec02 .c-wrapper {
		margin-top: -50px !important;
		padding-bottom: 100px;
	}
	.sec02 .txt-center { margin-bottom: 20px; }
	.sec02 .inner, .sec05 .inner, .sec06 .w-inner, .sec08 .inner, .sec09 .inner { padding-top: 80px !important; }


	.sec02 { background-image: url('../images/bg-sec02-sp.jpg'); }
	.sec02.bg-img { background-position: center top; background-size: 100%; }
	.list-a { padding: 10px 0; overflow: visible; margin-right: -5px; }
		.list-a li { float: left; margin-bottom: 12px; margin-right: 3%; position: relative; width: 47.5%; }
		.list-a li:nth-child(2n) { margin-right: 0; }
		.list-a li .img img { width: 100%; }


	/* Section 03 */
	.sec03 { background-image: url('../images/bg-sec03-sp.png'); clip-path: polygon(0 1%, 100% 2%, 100% 100%, 0% 99%); background-size: 100%; }
	.sec03 .w-inner03{ margin-top: -20px; }
	.sec03 .txt-wrap { font-size: 16px; width: auto; padding: 0 }
	.block-a { padding: 0 }
	.block-a .block-a-bg {
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
		padding: 10px 20px 20px;
		min-height: auto;
	}
	.list-d li:last-child { padding-bottom: 0; }
	.block-a-bg h4 {
		font-size: 21px;
		line-height: 2;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.block-a-bg h4::after {
		content: '';
		width: 100%;
		height: 3px;
		background: url('../images/bg-line-sp.png');
		background-size: auto;
		background-size: cover;
	}
	.block-c h4 { font-size: 17px; line-height: 1.5; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
	.block-c .block-txt { min-height: auto; width: 100%; padding: 0 }
	.block-c .block-c-bg { padding: 20px; }
	.block-c-bg .btn-default a { font-size: 16px; min-width: 100%; }
	.block-c-bg .btn-default a span { padding-left: 30px; font-size: 14px; }
	.block-c-bg .btn-default a span::before { left: 0; }
	.block-c .block-c-bg img { position: relative; right: 0; top: 0; width: 50%; float: right; margin-left: 10px; }

	#research{}
	#research h3{
		font-size: 20px;
	}
	#research .inner{
		padding: 0 !important;
	}
	#research .text1{
		margin-bottom: 27px;
	}
	#research .text2{
		width: auto;
		margin-left: -20px;
		margin-right: 10%;
		margin-bottom: 125px;
		padding: 12px 0 110px 20px;
		background: -moz-linear-gradient(0% 50% 0deg,rgba(0, 201, 232, 1) 0%,rgba(0, 131, 187, 1) 20%,rgba(0, 111, 174, 1) 80%,rgba(0, 111, 174, 0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0, 201, 232, 1) 0%, rgba(0, 131, 187, 1) 20%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
		background: -o-linear-gradient(0deg, rgba(0, 201, 232, 1) 0%, rgba(0, 131, 187, 1) 20%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
		background: -ms-linear-gradient(0deg, rgba(0, 201, 232, 1) 0%, rgba(0, 131, 187, 1) 20%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
		background: linear-gradient(90deg, rgba(0, 201, 232, 1) 0%, rgba(0, 131, 187, 1) 20%, rgba(0, 111, 174, 1) 80%, rgba(0, 111, 174, 0) 100%);
		font-size: 18px;
	}
	#research .text2 .arrow{
		display: inline-block;
		position: relative;
		width: auto;
		height: 18px;
		margin-right: 15px;
		padding: 3px 7px;
		font-size: 13px;
	}
	#research .text2 .arrow:after{
		right: -9px;
		border-width: 9px;
	}
	#research .text2 small{
		top: 50px;
		left: 20px;
		width: 40%;
		color: #fff;
		text-align: left;
		line-height: 1.3;
	}
	#research .img1{
		width: 317px;
		bottom: 21px;
		left: 40%;
	}
	#research .img2{
		width: 145px;
		left: -10px;
	}

	#research .block-b h4{ margin: -20px -12px 20px; font-size: 21px; padding: 20px 0; }

	#research .bg_gray{
		width: auto;
		margin: 0 auto 30px;
		font-size: 16px;
		text-align: left;
	}
	#research .bg_gray h4{
		width: auto;
		margin-bottom: 30px;
		font-size: 18px;
	}

	.sec03 .c-wrapper {
			background: url('../images/bg-sec04-sp.png') center bottom 35% no-repeat;
	}

	/* Section 05 */
	.sec05 { padding-bottom: 10% !important; margin-bottom: -100px !important; top: -150px; }
	.sec05 .fd_list01 li {
		border-bottom: 1px solid #d2d2d2;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		width: auto;
	}
	.sec05 .fd_list01 li > div, .sec05 .fd_list01 li p { padding: 0 20px; }
	.sec05 .fd_list01 li:last-child { border: none; }
	.sec05 .fd_list01 li h4 { font-size: 18px; }
	#sec_performance { margin: 30px auto; }
		#sec_performance .block-b-bg {
			padding: 20px 10px 0;
			/*background: url('../images/bg-performance-sp.png') no-repeat right bottom;
			background-size: contain;*/
		}
	#sec_performance h4 {
		padding: 10px;
		font-size: 19px;
	}
		#sec_performance ul { padding: 0; }
		#sec_performance ul li,
		#sec_performance ul li:nth-child(3n) {
		width: -webkit-calc( (100% - 15px) / 2 );
		width: -ms-calc( (100% - 15px) / 2 );
		width: calc( (100% - 15px) / 2 );
		margin-right: 15px;
	}
		#sec_performance ul li:nth-child(2n) {
			margin-right: 0;
		}
	#sec_performance ul li .text {
			margin: 15px 0 0;
	}
	#sec_performance ul li small {
		font-size: 60%;
		letter-spacing: -1px;
	}

	.sec03 .c-wrapper {
		background: url('../images/bg-sec04-sp.png') center bottom 20% no-repeat;
	}

	.b-bg-img { margin: 30px auto }
	.b-bg-img .block-b-box { width: 100%; }
	.sec07 .w-inner { padding-top: 40px !important; }
	.sec08 .inner {
		width: auto;
		margin: 0 7%;
		padding-bottom: 10% !important;
	}
	.step-frame {
		padding: 10px 0 40px 35px;
		height: auto;
	}
	.step-frame .img {
		position: absolute;
		top: -15px;
		right: 0;
		left: 20px;
		width: 110%;
	}
	.step-frame h4 { font-size: 18px; margin-bottom: 10px; padding-top: 40%; }
	.step-frame h4 small { font-size: 12px; }
	.step-frame p { font-size: 16px; }
	.step-frame span { left: -25px; }
	.step-frame span img { width: 50%; }

	.tbl-b th, .tbl-b td { font-size: 16px; height: auto; padding: 15px 1%; }
	.tbl-b td:last-child { font-size: 18px; }
	.tbl-b td span { font-size: 12px; }
	.tbl-b small { font-size: 10px; }
	.fd-box { font-size: 16px; padding: 10px; }

	.sec06 { background: url('../images/bg-sec06-sp.jpg') center top #f4fcfe no-repeat; clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%); background-size: 100%; background-attachment: scroll; padding-bottom: 30% !important; }
	.sec06 p { font-size: 16px; }
	.sec07 { clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%); padding-bottom: 15% !important; margin-bottom: -50px !important; }
	.sec07 .img { margin-top: 0; }
	.sec08 { padding-bottom: 10% !important; }
	.sec09 { clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%); padding-bottom: 20% !important; margin-bottom: -150px !important; }
	.sec09 .inner { padding-top: 60px !important; }
	.sec10 { top: -100px; margin-bottom: -100px !important; }
	.sec10 .w-inner02 { padding-top: 60px !important; }
	.dl-qa { width: 100%; }
		.dl-qa dt{ background: url('../images/bg-qa-ttl-sp.jpg') repeat-x top left; font-size: 18px; line-height: 1.5; padding: 10px 35px 10px 10px;background-color: #fafafa; }
		.dl-qa dt div { background-image: url('../images/icon-q-sp.jpg'); min-height: 30px; padding-left: 40px; }
		.dl-qa dd { background-image: url('../images/icon-a-sp.jpg'); background-position: 10px 13px; font-size: 16px; padding: 10px 10px 10px 50px; }
	.accT:after { content: url('../images/icon-open-sp.png'); right: 10px; top: 13px; width: auto; height: auto; }
	.accT.open:after { content: url('../images/icon-close-sp.png'); }
}

/* Smartphones
*****************************************************/
@media only screen and (max-width: 375px) {
	.sec01 .fd_list01 li > div span { font-size: 14px; left: 13%; }
	.sec01 .fd_list01 li:nth-child(2) > div span { right: 7%; }
	.list-a li h4 { font-size: 14px; }
	.section h3 { font-size: 18px; }

	#research .text2 small{
		width: 28%;
	}
	#research .img1{
		left: 28%;
	}
	#sec_performance ul li .text {
    font-size: 12px;
	}
}

@media only screen and (max-width: 320px) {
	#sec_performance ul li .text{ font-size: 16px; }
	#sec_performance ul li small{ margin-top: 5px; font-size: 55%; }
}

h3.p-content-ttl {
    margin-top: 0px;
}
.prp-detail {
    padding-top: 50px;
}

@media only screen and (max-width: 750px) {
	.prp-detail {
		padding-top: 0px;
	}
}