@charset "UTF-8";

/* ALL
-------------------------------------------------- */
/* line 5, ../sccs/_base.scss */
body {
	margin: 0;
	line-height: 1.8em;
	font-family: "Helvetica Neue",
		"Arial",
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		"Meiryo",
		sans-serif;
	letter-spacing: 1.2px;
}


/* line 9, ../sccs/_base.scss */
header,
footer,
#header,
#footer {
	font: inherit;
	font-family: "メイリオ", "Meiryo", Osaka, sans-serif;
	font-size: 16px !important;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	position: relative;
	width: 100%;
	max-width: inherit;
	min-width: inherit;
}

/* line 26, ../sccs/_base.scss */
header div,
header span,
header applet,
header object,
header iframe,
header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header p,
header blockquote,
header pre,
header a,
header abbr,
header acronym,
header address,
header big,
header cite,
header code,
header del,
header dfn,
header em,
header img,
header ins,
header kbd,
header q,
header s,
header samp,
header small,
header strike,
header strong,
header sub,
header sup,
header tt,
header var,
header b,
header u,
header i,
header center,
header dl,
header dt,
header dd,
header ol,
header ul,
header li,
header fieldset,
header form,
header label,
header legend,
header table,
header caption,
header tbody,
header tfoot,
header thead,
header tr,
header th,
header td,
header article,
header aside,
header canvas,
header details,
header embed,
header figure,
header figcaption,
header footer,
header header,
header hgroup,
header menu,
header nav,
header output,
header ruby,
header section,
header summary,
header time,
header mark,
header audio,
header video,
footer div,
footer span,
footer applet,
footer object,
footer iframe,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer blockquote,
footer pre,
footer a,
footer abbr,
footer acronym,
footer address,
footer big,
footer cite,
footer code,
footer del,
footer dfn,
footer em,
footer img,
footer ins,
footer kbd,
footer q,
footer s,
footer samp,
footer small,
footer strike,
footer strong,
footer sub,
footer sup,
footer tt,
footer var,
footer b,
footer u,
footer i,
footer center,
footer dl,
footer dt,
footer dd,
footer ol,
footer ul,
footer li,
footer fieldset,
footer form,
footer label,
footer legend,
footer table,
footer caption,
footer tbody,
footer tfoot,
footer thead,
footer tr,
footer th,
footer td,
footer article,
footer aside,
footer canvas,
footer details,
footer embed,
footer figure,
footer figcaption,
footer footer,
footer header,
footer hgroup,
footer menu,
footer nav,
footer output,
footer ruby,
footer section,
footer summary,
footer time,
footer mark,
footer audio,
footer video,
#header div,
#header span,
#header applet,
#header object,
#header iframe,
#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6,
#header p,
#header blockquote,
#header pre,
#header a,
#header abbr,
#header acronym,
#header address,
#header big,
#header cite,
#header code,
#header del,
#header dfn,
#header em,
#header img,
#header ins,
#header kbd,
#header q,
#header s,
#header samp,
#header small,
#header strike,
#header strong,
#header sub,
#header sup,
#header tt,
#header var,
#header b,
#header u,
#header i,
#header center,
#header dl,
#header dt,
#header dd,
#header ol,
#header ul,
#header li,
#header fieldset,
#header form,
#header label,
#header legend,
#header table,
#header caption,
#header tbody,
#header tfoot,
#header thead,
#header tr,
#header th,
#header td,
#header article,
#header aside,
#header canvas,
#header details,
#header embed,
#header figure,
#header figcaption,
#header footer,
#header header,
#header hgroup,
#header menu,
#header nav,
#header output,
#header ruby,
#header section,
#header summary,
#header time,
#header mark,
#header audio,
#header video,
#footer div,
#footer span,
#footer applet,
#footer object,
#footer iframe,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer blockquote,
#footer pre,
#footer a,
#footer abbr,
#footer acronym,
#footer address,
#footer big,
#footer cite,
#footer code,
#footer del,
#footer dfn,
#footer em,
#footer img,
#footer ins,
#footer kbd,
#footer q,
#footer s,
#footer samp,
#footer small,
#footer strike,
#footer strong,
#footer sub,
#footer sup,
#footer tt,
#footer var,
#footer b,
#footer u,
#footer i,
#footer center,
#footer dl,
#footer dt,
#footer dd,
#footer ol,
#footer ul,
#footer li,
#footer fieldset,
#footer form,
#footer label,
#footer legend,
#footer table,
#footer caption,
#footer tbody,
#footer tfoot,
#footer thead,
#footer tr,
#footer th,
#footer td,
#footer article,
#footer aside,
#footer canvas,
#footer details,
#footer embed,
#footer figure,
#footer figcaption,
#footer footer,
#footer header,
#footer hgroup,
#footer menu,
#footer nav,
#footer output,
#footer ruby,
#footer section,
#footer summary,
#footer time,
#footer mark,
#footer audio,
#footer video {
	margin: 0;
	padding: 0;
	border: 0;
	/*
    font-size: 100%;
    font: inherit;
    */
	vertical-align: baseline;
	overflow: visible;
}

/* line 51, ../sccs/_base.scss */
header p,
header ul,
header ol,
header li,
header a,
footer p,
footer ul,
footer ol,
footer li,
footer a,
#header p,
#header ul,
#header ol,
#header li,
#header a,
#footer p,
#footer ul,
#footer ol,
#footer li,
#footer a {
	margin: 0;
	padding: 0;
}

/* line 56, ../sccs/_base.scss */
header a,
footer a,
#header a {
	display: block;
	color: #000;
	text-decoration: none;
}

/* line 61, ../sccs/_base.scss */
header p,
footer p,
#header p,
#footer p {
	font-size: 16px !important;
	line-height: 1.8;
}

#footer a {
	color: #fff;
}

/* line 66, ../sccs/_base.scss */
header ul,
header ol,
header li,
footer ul,
footer ol,
footer li,
#header ul,
#header ol,
#header li,
#footer ul,
#footer ol,
#footer li {
	list-style: none;
}

/* line 71, ../sccs/_base.scss */
#main_contents_area {
	margin: auto;
	text-align: center;
}

/* line 78, ../sccs/_base.scss */
#footer a:hover {
	color: #a50000;
	text-decoration: underline;
}

/* line 5, ../sccs/_header.scss */
#header {
	font-size: 15px !important;
	width: 100%;
	background: #fff;
	/* border-bottom: 1px solid #CCCCCC; */
	box-sizing: border-box;
	position: relative;
}

/* line 7, ../sccs/_mixin.scss */
#header:after {
	content: "";
	display: table;
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* line 14, ../sccs/_header.scss */
#header header {
	height: 100%;
	font-size: 15px !important;
	position: relative;
}

/* line 19, ../sccs/_header.scss */
#header #header-corporation {
	width: auto;
	max-width: 1280px;
	min-width: 800px;
	box-sizing: border-box;
	height: 66px;
	margin: auto;
}

/* line 27, ../sccs/_header.scss */
#header #header-corporation .inner {
	display: flex;
	box-sizing: border-box;
	margin: auto;
	width: 100%;
	height: 65px;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	padding: 0 20px 0 20px;
}

/* line 39, ../sccs/_header.scss */
#header #header-corporation .inner .logo {
	width: auto;
	height: 100%;
	display: inline-flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding: 0 20px 12px 0;
	box-sizing: border-box;
	line-height: 1;
}

/* line 49, ../sccs/_header.scss */
#header #header-corporation .inner .logo a {
	display: block;
}

/* line 52, ../sccs/_header.scss */
#header #header-corporation .inner .logo a img {
	vertical-align: bottom;
}

/* line 59, ../sccs/_header.scss */
#header #header-corporation .inner .functions {
	width: 316px;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;
}

/* line 69, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search {
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	list-style: none;
	/*
          width: 44%;
          */
	margin-right: 4px;
}

/* line 79, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search li {
	display: inline-flex;
	width: 100%;
	height: 40px;
	border-left: 1px solid #ebebeb;
	padding: 0 4px 0 4px;
	box-sizing: border-box;
}

/* line 87, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search li form.aghsearchform {
	display: inline-flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;
}

/* line 94, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search li form.aghsearchform input.aghsearchinput {
	/*  border: none; */
	border-radius: 2px;
	padding: 4px;
	box-sizing: border-box;
	box-shadow: none;
	color: #000;
	outline: none;
	width: 100px;
	font-size: 13px !important;
}

/* line 105, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search li form.aghsearchform input.aghsearchinput:focus {
	color: #000;
	background: #fff;
	box-shadow: none;
	animation: none;
	border: 2px solid #a6c7ff;
	padding: 2px;
}

/* line 114, ../sccs/_header.scss */
#header #header-corporation .inner .functions .search li form.aghsearchform input.search-submit {
	padding: 0 0 0 6px;
}

/* line 123, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector {
	display: flex;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;
	list-style: none;
	border-right: 1px solid #ebebeb;
	/*
          width: 56%;
          */
}

/* line 132, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector li {
	height: 40px;
	box-sizing: border-box;
	padding: 0 8px 0 8px;
	border-left: 1px solid #ebebeb;
	line-height: 3;
	position: relative;
}

/* line 139, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector li > a {
	box-sizing: border-box;
	width: 100%;
}

/* line 144, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector li:last-of-type {
	width: 110px;
}

/* line 149, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector .dropdown > a {
	box-sizing: border-box;
}

/* line 151, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector .dropdown > a span {
	padding-right: 22px;
	background: url(../../sp_common/img/icon-language-arrow.png) no-repeat right center;
}

/* line 157, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector .dropdown .language-menu {
	position: relative;
	z-index: 65535;
	display: none;
	background-color: #fff;
	border: 1px solid #ebebeb;
	list-style: none;
	width: 100%;
	min-width: 110px;
	padding: 10px 2px 20px 0;
	box-sizing: border-box;
	top: 12px;
	left: -8px;
}

/* line 171, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector .dropdown .language-menu > li {
	border-left: none;
	width: 100%;
}

/* line 176, ../sccs/_header.scss */
#header #header-corporation .inner .functions .language-selector .dropdown .language-menu::before {
	position: absolute;
	width: 9px;
	height: 7px;
	content: "";
	background: url(../../sp_common/img/language-menu-top.png) no-repeat center center;
	left: 0;
	right: 0;
	top: -6px;
	bottom: auto;
	margin: auto;
}

#header > img {
	width: 100%;
	position: relative;
}

#header a {
	position: absolute;
	left: 13vw;
	padding: 2.2vw 0 0 0;
}

#header a img {
	max-width: 110px;
}

/* line 196, ../sccs/_header.scss */
[lang="en"] #header #header-corporation .inner .logo {
	padding-bottom: 6px;
}

/* line 201, ../sccs/_header.scss */
.line-hover > li > a {
	position: relative;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-align: center;
}

/* line 208, ../sccs/_header.scss */
.line-hover > li > a > span {
	position: relative;
	height: 100%;
	display: inline-flex;
	align-items: center;
}

/* line 214, ../sccs/_header.scss */
.line-hover > li > a > span::after {
	position: absolute;
	bottom: 4px;
	left: 50%;
	content: '';
	width: 0;
	height: 4px;
	background-color: #a50000;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* line 232, ../sccs/_header.scss */
.line-hover > li:not(.is-current) > a > span:hover {
	color: #000;
}

/* line 235, ../sccs/_header.scss */
.line-hover > li:not(.is-current) > a > span:hover::after {
	width: 100%;
}

/* line 244, ../sccs/_header.scss */
.line-hover > li.is-current > a > span::after {
	color: #000;
	width: 100%;
}

/* line 256, ../sccs/_header.scss */
#header #header-corporation .inner .functions .line-hover > li > a > span {
	display: inline-table;
}

/* line 264, ../sccs/_header.scss */
.label {
	background: #dfe3ef;
	font-size: 12px !important;
	font-weight: normal;
	padding: 1px 10px;
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

/* line 5, ../sccs/_footer.scss */
#footer {
	width: 100%;
	height: 82px;
	background: #fff;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
}

/* line 7, ../sccs/_mixin.scss */
#footer:after {
	content: "";
	display: table;
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* line 13, ../sccs/_footer.scss */
#footer .footer-info {
	/* max-width: 1280px; */
	/* min-width: 800px; */
	width: auto;
	margin: auto;
	/* padding: 30px 20px 50px 20px; */
	display: block;
	-webkit-justify-content: space-between;
	/* Safari */
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	font-size: 13px !important;
	line-height: 1.7;
	margin: auto;
	box-sizing: border-box;
	flex-wrap: wrap;
	text-align: center;
}

/* line 33, ../sccs/_footer.scss */
#footer .footer-info > div:first-of-type ul {
	list-style: none;
	display: block;
	/* margin-right: 24px; */
	background-image: url("../img/bottom_bg_pc.jpg");
	height: 278px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

/* line 37, ../sccs/_footer.scss */
#footer .footer-info > div:first-of-type ul li {
	display: inline-block;
	margin-right: 60px;
}

/* line 41, ../sccs/_footer.scss */
#footer .footer-info > div:first-of-type ul li:last-of-type {
	margin-right: 0;
}

/* line 48, ../sccs/_footer.scss */
#footer .footer-info > div:last-of-type {
	text-align: center;
	background: #A50000;
	height: 50px;
	display: flex;
	align-items: center;
	color: #fff;
}

/* line 51, ../sccs/_footer.scss */
#footer .footer-info > div:last-of-type p {
	text-align: center;
	display: inline-block;
	width: 100%;
}

/* line 59, ../sccs/_footer.scss */
#footer .footer-info p {
	font-size: 13px !important;
}

/* line 65, ../sccs/_footer.scss */
#footer div.footerBacktop {
	display: inline-block;
	position: fixed;
	bottom: 130px;
	right: 20px;

	height: 44px;
	width: 44px;
	opacity: 0;
	transition: .3s;
	z-index: 60000;

}

/* line 75, ../sccs/_footer.scss */
#footer div.footerBacktop .bottom {
	bottom: 30px;
}

/* line 78, ../sccs/_footer.scss */
#footer div.footerBacktop p {
	margin: 0;
}

/* line 80, ../sccs/_footer.scss */
#footer div.footerBacktop p a {
	text-indent: 100%;
	display: inline-block;
	border-radius: 50%;
	background: rgba(99, 118, 137, 0.5) url(../../sp_common/img/icon-pagetop.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
	white-space: nowrap;
	transition: .3s;
	padding: 0;
	height: 44px;
	width: 44px;
}

/* line 93, ../sccs/_footer.scss */
#footer div.footerBacktop p a:hover {
	background-color: rgba(99, 118, 137, 0.8);
}

/* line 100, ../sccs/_footer.scss */
#footer div.footerBacktop.show {
	opacity: 1;
}

img {
	max-width: 100%;
}

/*# sourceMappingURL=common.css.map */
.main_visual img {
	width: 100%;
	line-height: 0px;
}

.main_visual {
	line-height: 0px;
	background: #F0F0F0;
}

.main_visual h1 {
	display: block;
	width: 100%;
	margin: 0 auto;
}

section {
	padding: 50px 0 30px 0;
}

.service {
	padding: 0 0 0px 0;
	position: relative;
}

.innovation {
	padding: 50px 0 50px 0;
}

.conviction {
	padding: 50px 0 500px 0;
	background: #f3eff7;
}

.conviction img {
	max-width: 900px;
	width: 100%;
}

.conviction ul li img.height2 {
	/* padding: 0 15px; */
	/* width: 90%; */
}

.conviction img.sp_only {}

.read {
	text-align: center;
	color: #329BD2;
	background: #F0F0F0;

	/* width: 900px; */
}

.read > div {
	width: 900px;
	margin: 0 auto 20px auto;
}

.read img:first-child {
	width: 200px;
	margin: 0 auto 30px auto;
}

.read img {
	width: auto;
}

.service > div {
	background-image: url("../img/bg01_pc.png");
	padding: 48px 0 30px 0;
	background-size: cover;
	background-repeat: no-repeat;
	/* position: relative; */
}

.service > div > div {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

.service p {
	text-align: left;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 41px;
}

.service > div h2 {
	line-height: 1.4;
	font-size: 35px;
	text-align: left;
	margin-top: 60px;
}

.service img {
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: -44.5%;
	right: 0;
}

.chart {
	padding: 0 0 50px 0;
	margin: -500px 0 0 0;
}

.chart img.pc_only {
	display: block;
	margin: 0 auto;
	max-width: 900px;
}

.ttl_gray {
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
	padding: 10px 0 !important;
	background-color: #969696;
	margin: 0 0 0px 0;
	z-index: 2;
}

.ttl_gray::after {
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -50px;
	border: 50px solid transparent;
	border-top-color: #969696;
	content: '';
}

.ttl_purple {
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
	padding: 10px 0 !important;
	background-color: #64329B;
	margin: 0px 0 50px 0;
}

.ttl_purple::after {
	width: 0;
	height: 0;
	position: absolute;
	top: 94%;
	left: 50%;
	margin: 0 0 0 -50px;
	border: 50px solid transparent;
	border-top-color: #64329B;
	content: '';
}

.ttl_yellow {
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
	padding: 10px 0 !important;
	background-color: #F5F51E;
	margin: 0px 0 90px 0;
}

.ttl_yellow::after {
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -50px;
	border: 50px solid transparent;
	border-top-color: #F5F51E;
	content: '';
}

.innovation ul {
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	width: 900px;
	padding-inline-start: 0;
	text-align: center;
	align-items: flex-end;
	flex-wrap: wrap;
}

.innovation ul li {
	width: 410px;
	list-style: none;
	background: #fff;
	padding: 50px 0px 0px 0px;
	margin: 0 0 50px 0;
	align-items: center;
}

.innovation ul li h3 {
	font-size: 21px;
}

.innovation ul li p {
	text-align: left;
}

.innovation ul li p span {
	font-size: 80%;
}

.innovation ul li img {
	width: auto;
}

.innovation ul li img:first-of-type,
.conviction ul li img:first-of-type {
	width: 90px;
}

.innovation .plus {
	width: 50px;
	margin: 40px auto;
}

.innovation > div {
	display: flex;
	justify-content: center;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	align-items: center;
}

.innovation > div > div:first-of-type {
	margin: 0 40px 0 0;
}

.innovation > div img {
	width: 400px;
	padding: 0 73px 0 0;
}

.conviction h2,
.conviction h3 {
	font-size: 35px;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
}

.conviction ul {
	display: flex;
	flex-wrap: wrap;
	width: 900px;
	margin: 50px auto 0 auto;
	justify-content: space-between;
	padding-inline-start: 0px;
	align-items: flex-start;
}

.conviction ul li img.height {
	width: 80%;
}

.conviction ul ul {
	width: auto;
	display: block;
	margin: 20px auto 30px auto;
	padding: 0;
}

.conviction .yellow ul {
	margin: 0;
}

.conviction .yellow {
	background: #FFF500;
	color: #64329B;
	padding: 30px;
	margin: 10px -30px 0 -30px;
}

.conviction ul ul li:nth-child(odd) {
	margin: 0 auto 0 auto;
}

.conviction .yellow li {
	background: #FFF500;
	color: #64329B;
	/* font-size: 13px; */
}

.conviction ul ul li {
	width: auto;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #787878;
}

.conviction ul li {
	width: 350px;
	list-style: none;
	background: #fff;
	padding: 50px 30px 0px 30px;
	margin: 0 0 50px 0;
	align-items: center;
}

.conviction ul li h3 {
	color: #64329B;
	font-size: 23px;
}

.conviction ul li p {
	text-align: left;
}

.conviction ul li p.task {
	color: #787878;
	text-align: center;
	font-size: 20px;
	border: solid 2px;
	padding: 5px 0;
}

.conviction ul li:nth-child(odd) {
	margin: 0 30px 0 0;
}

.conviction .blue {
	color: #329bd2;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5em;
}

.bg_img {
	width: 100%;
}

.chart > div {
	background: #64329b;
	padding: 60px 0 80px 0;
	margin: -10px 0 -50px 0;
}

.chart h3 {
	margin-block-start: 0em;
	font-size: 35px;
	color: #fff;
}

.chart > div img:first-of-type {
	margin: 40px auto
}

.document {
	background: #F5F51E;
	color: #64329B;
	text-align: left;
	padding: 80px 0 30px 0;
}

.document > div {
	display: flex;
	margin: 0 auto;
	justify-content: left;
	width: 1200px;
	align-items: flex-start;
}

.document > div img {
	width: 300px;
	padding: 0 50px 0 0;
}

.document h3 {
	font-size: 35px;
	margin-block-start: 0;
	margin: 0 0 0 -19px;
}

.document > div {
	margin: 0 auto;
	justify-content: center;
}

.document p:first-of-type {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
	margin: -1vw 0 0 0;
}

.document p:last-of-type {
	margin: 20% 0 0 0;
}

.document p:last-of-type span {
	font-size: 14px;
}

/****************************
		form
****************************/

.form {
	padding: 0;
	height: 120px;
	position: relative;
	top: 80px;
}

.fixed_bnr {
	display: block;
	z-index: 900;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0;
	text-align: center;

	width: 100%;
	height: 120px;
	padding: 0px;
	padding-inline-start: 0;
	box-sizing: border-box;

	animation: fixed_bnr 0.7s both 0.1s;
	position: fixed;
	bottom: 0;
	right: 0;
}

.fixed_bnr ul {
	padding-inline-start: 0;
	margin-top: 14px;
	padding: 0;
}

.fixed_bnr a {
	display: block;
	background: #41b40f;
	border-radius: 5px;

	color: #fff;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;

	width: 350px;
	height: 80px;
	margin: auto;
	padding: 6px;
}

.fixed_bnr a small {
	font-size: 16px;
	line-height: 44px;
}

.fixed_bnr a:hover {
	opacity: 0.9;
}

.fixed_bnr li:last-child a {
	background: #64329b;
}



.pc_onlly {
	display: block;
}

.sp_only {
	display: none;
}



@media screen and (max-width: 1200px) {
	#header a img {
		max-width: 9vw;
	}

	.chart > div img {
		width: 90%;
	}

	.conviction ul {
		display: flex;
		flex-wrap: wrap;
		margin: 50px auto 0 auto;
		justify-content: end;
	}

	.innovation ul {
		display: flex;
		margin: 0 auto;
		justify-content: space-between;
		width: 1200px;
		padding-inline-start: 0;
		text-align: center;
		align-items: baseline;
	}

	.conviction ul li {
		width: 43%;
		height: auto;
		margin: 0 auto 30px auto;
	}

	.conviction ul li:nth-child(odd) {
		margin: 0 auto 20px auto;
	}

	.service img {
		width: 36%;
		margin: -0px 0 0 0;
		max-width: 100%;
	}

	.innovation > div,
	.document > div,
	.conviction ul li,
	.read {
		width: 100%;
	}

	.read > div {
		width: 100%;
	}

	.innovation ul {
		width: 90%;
	}

	.conviction ul li {
		width: 32%;
		height: auto;
		margin: 0 auto 30px auto;
	}

	.conviction ul {
		width: 90%;
	}

	.innovation ul li {
		width: 34%;
		height: auto;
		margin: 0 auto 30px auto;
	}

	.service > div h2 {
		font-size: 29px;
	}

	.innovation ul li h3 {
		font-size: 17px;
		height: 100px;
	}

	.innovation ul li h3 .pc_only {
		display: none;
	}

	.chart h2,
	.chart h3,
	.conviction h2,
	.conviction h3,
	.document h3 {
		font-size: 29px;
	}

	.conviction ul li h3 {
		color: #64329B;
		font-size: 20px;
	}

	.document p:first-of-type {
		font-size: 27px;
	}

	.document > div {
		width: 90%
	}

	.document > div img {
		padding-right: 200px;
	}

	.service > div > div {
		width: 90%;
	}
}


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

	.pc_only {
		display: none;

	}

	.sp_only {
		display: block;
	}

	.conviction img.sp_only {
		width: auto;
		margin: 50px auto 0 auto;
		padding: 0 15px;
		text-align: center;
		display: table;
		max-width: 92%;
	}

	#header a img {
		max-width: 110px;
		width: 22vw;
	}

	#header a {
		position: absolute;
		top: 34%;
		left: 5vw;
		padding: 4.7vw 0 0 0;
	}

	.read img:first-child {
		width: 120px;
	}

	.read h3,
	.service h2,
	.service h3,
	.innovation h2,
	.innovation h3,
	.conviction h2,
	.conviction h3,
	.conviction .blue,
	.chart h3,
	.document h3 {
		font-size: 23px;
		padding: 0 15px;
	}

	.conviction ul li h3 {
		color: #64329B;
		font-size: 23px;
	}

	.service > div h2 {
		padding: 0;
		font-size: 25px;
	}

	.conviction h3 {
		padding: 0;
		margin-block-end: 0;
	}

	section {
		text-align: center;
		margin: 0 auto;
		display: table;
		/* padding: 15px; */
	}

	.read {
		margin: auto;
		display: table;
		padding: 70px 15px 50px 15px;
		width: -webkit-fill-available;
	}

	.read p {}

	.innovation {
		padding: 0 15px;
		margin: 100px 0 50px 0;
	}

	.innovation ul li {
		width: 90%;
	}

	.innovation > div {
		display: block;
	}

	.conviction ul ul {
		margin: 20px 15px 30px 15px;
	}

	.innovation > div h3 {
		margin: 0 auto;
		display: table;
	}

	.innovation > div img {
		width: 240px;
		display: table;
		margin: 10px auto;
		padding: 0;
	}

	.innovation > div > div:first-of-type {
		margin: 0 0px 20px 0;
	}

	.conviction ul {
		display: block;
		width: auto;
		padding: 0 15px;
		margin: 50px auto 70px auto;
		word-break: break-all;
		word-wrap: break-all;
	}

	.conviction ul li {
		width: auto;
		padding: 30px 0px 0px 0px;
		margin: 0 auto 50px auto;
		font-size: 15px;
	}

	.conviction .yellow ul li {
		font-size: 16px;
	}

	.document > div {
		display: block;
	}

	.document {
		display: block;
		text-align: center;
		padding: 70px 0 30px 0;
	}

	.document > div img {
		display: table;
		margin: 0 auto;
		padding: 0 0 30px 0;
		width: 240px;
	}

	.document p:last-of-type {
		margin: 50px 0 0 0;
	}

	.chart > div img.sp_only {
		display: table;
		margin: 0 auto 30px auto;
		text-align: center;
		padding: 0 15px;
		max-width: 90%;
		width: auto;
	}

	/****************************
		form
****************************/
	.form {
		padding: 0;
		position: relative;
		top: 130px;
		height: 170px;
	}

	.fixed_bnr {
		height: 120px;
	}

	.fixed_bnr a {
		font-size: 21px;
		line-height: 22px;

		width: 80%;
		height: 80px;
		padding: 6px;
	}

	.fixed_bnr a small {
		font-size: 15px;
		line-height: 46px;
	}

	.fixed_bnr li {
		list-style: none;
	}

	#footer .footer-info > div:first-of-type ul {
		flex-wrap: wrap;
	}

	#footer .footer-info > div:first-of-type ul li {
		width: auto;
		font-size: 18px;
		text-align: left;
		display: block;
		vertical-align: middle;
		margin: 0 0 25px 0;
	}

	.innovation ul li img:first-of-type,
	.conviction ul li img:first-of-type {
		width: 100px;

	}

	.conviction ul li img {
		margin: 0 0 20px 0;
	}

	.conviction ul li img.height2 {
		padding: 0 15px;
		width: 90%;
	}

	.chart > div {
		padding: 20px;
		margin: -10px auto -50px auto;
		padding: 80px 0 80px 0;
	}

	.service > div {
		padding: 1px 20px 50px 20px;
		background-image: url(../img/bg01_sp.png);
	}

	.document p:first-of-type {
		font-size: 24px;
		font-weight: bold;
	}

	.conviction {
		margin: 50px 0 25px 0;
		width: 100%;
	}

	.ttl_gray::after {
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		margin: 0 0 0 -25px;
		border: 25px solid transparent;
		border-top-color: #969696;
		content: '';
	}

	.ttl_purple::after {
		width: 0;
		height: 0;
		position: absolute;
		top: 94%;
		left: 50%;
		margin: 0 0 0 -25px;
		border: 25px solid transparent;
		border-top-color: #64329b;
		content: '';
	}


	.ttl_yellow::after {
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		margin: 0 0 0 -25px;
		border: 25px solid transparent;
		border-top-color: #F5F51E;
		content: '';
	}

	.ttl_gray,
	.ttl_blue,
	.ttl_yellow {
		margin: 0 !important;
	}

	.innovation .plus {
		width: 50px;
		margin: 0px auto 40px auto;
	}

	.conviction ul li p {
		padding: 0 15px;
	}

	.chart img.pc_only {
		display: none;
	}

	.chart > div img {
		margin: 0 0 20px 0;
	}

	.innovation ul li {
		margin: 0 auto 50px auto;
		width: auto;
		padding: 0;
	}

	.innovation ul li:last-of-type {
		margin: 100px auto 50px auto;
	}

	#footer .footer-info {
		background-image: url(../img/bottom_bg_sp.jpg);
		text-align: center;
		background-size: 673px;
	}

	#footer .footer-info > div:first-of-type ul {
		background: none;
		text-align: center;
		/* width: 300px; */
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-content: center;
		width: 170px;
		white-space: nowrap;
		vertical-align: middle;
		height: 278px;
		align-items: baseline;
	}

	#footer .footer-info > div:first-of-type ul li:last-of-type {
		margin-right: auto;
	}

	.conviction ul li:nth-child(odd) {
		margin: 0px auto 50px auto;
	}

	.innovation ul {
		display: table;
		width: auto;
	}

	.innovation ul li h3 {
		font-size: 18px;
		height: auto;
	}

	.conviction .yellow {
		height: auto;
		margin: 10px auto 0 auto;
	}

	.service p {
		font-size: 17px;
	}

	.service img {
		width: auto;
		margin: -2px 0 0 0;
		max-width: 100%;
		position: relative;
	}

	.service > div > div {
		width: 100%;
	}

	.conviction ul li img:nth-of-type(2) {
		margin: 25px 0 20px 0;
	}

	.conviction ul li p.task {
		margin: 40px 15px 20px 15px;
	}
}