@charset "utf-8";

/* base settings
---------------------------------------------	*/
	html {
		font-size: 62.5%;
	}

	body {
		margin: 0;
		padding: 0;
		background-color: #fff;
		color: #333;
		word-break: break-word;
		font-size: 1.6rem;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height: 1.8;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}

	ul,
	ol,
	dl,
	p,
	img,
	form,
	dt,
	dd {
		margin: 0;
		padding: 0;
		border: 0;
	}

	p {
		margin: 1em 0;
	}

	li {
		list-style: none;
	}

	input,
	textarea {
		font-size: 1.2rem;
	}

	img {
		vertical-align: bottom;
		max-width: 100%;
		height: auto;
	}

	a {
		color: #301d19;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	a:active,
	a:hover {
		color: #666;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	strong {
		font-weight: bold;
	}

	em {
		font-weight: normal;
		font-style: italic;
	}

	.cf:before,
	.cf:after {
		/* 1 */
		display: table;
		content: " ";
		/* 2 */
	}

	.cf:after {
		clear: both;
	}

	* {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.forPC {
		display: block;
	}

	.forSP {
		display: none;
	}

	.sp_br {
		display: none;
	}

	/* microclearfix */

	.cf:before,
	.cf:after {
		/* 1 */
		display: table;
		content: " ";
		/* 2 */
	}

	.cf:after {
		clear: both;
	}

/* header area
---------------------------------------------	*/
	.l-header {
		position: relative;
		z-index: 999;
		min-height: 100%;
		width: 250px;
	}

	.l-header__inner {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		overflow-y: scroll;
		width: 250px;
		height: 100%;
		border-right: solid 1px #e5e5e5;
		background: #fff;
	}

	.l-header::after {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 250px;
		height: 100%;
		background: rgba(32, 50, 95, 0.8);
		content: "";
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		transform: translate(0, 0);
	}

	.l-header.show-subnavi::after {
		transform: translate(100%, 0);
	}

	.l-siteinfo {
		padding: 1rem;
		border-bottom: solid 1px #e5e5e5;
		background: #fff;
	}

	.l-siteinfo__sitename {
		padding: 1.5rem 0;
		text-align: center;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.4;
	}

	.l-siteinfo__logo{
		text-align: center;
	}

	.l-siteinfo__sitename a {
		display: block;
		text-decoration: none;
	}

	.l-siteinfo__sitename a:hover {
		text-decoration: underline;
	}

	.l-siteinfo__logo img {
		margin: 0 auto;
		max-width: 100%;
	}

	.l-siteinfo__logo a:hover img {
		opacity: 0.7;
		-ms-filter: "alpha(opacity=70)";
		filter: alpha(opacity=70);
	}

	.l-gnavi-btn {
		display: none;
	}

	.l-gnavi-area {
		height: 100%;
		background: #fff;
	}

	.l-gnavi-list {
		position: relative;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}

	.l-gnavi-list__item {
		border-bottom: solid 1px #e5e5e5;
	}

	.l-gnavi-list__link {
		display: block;
		margin: 0 auto;
		padding: 1.8rem 2rem 1.8rem 4rem;
		background: #fff url(img/arrow01.png) no-repeat left 2rem center;
		background-size: 14px;
		color: #333;
		text-decoration: none;
	}

	.l-gnavi-list__link:hover {
		background: rgba(32, 50, 95, 0.2) url(img/arrow01.png) no-repeat left 2rem center;
		background-size: 14px;
	}

	.l-gnavi-list.is-show::after {
		transform: translate(100%, 0);
	}

	.l-gnavi-sub-list {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		padding: 233px 0 0;
		width: 250px;
		height: 100%;
		-webkit-transition: transform 0.8s ease;
		transition: transform 0.8s ease;
		transform: translate(0, 0);
	}

	.l-gnavi-sub-list::-webkit-scrollbar{
	  display: none;
	}
	.l-gnavi-sub-list{
	/*IE・Edge*/
	-ms-overflow-style: none;
	/*Firefox*/
	scrollbar-width: none;
	}

	.l-gnavi-sub-list__item:nth-child(1),
	.l-gnavi-sub-list__item:nth-child(2) {
		display: none;
	}

	.l-gnavi-sub-list__link {
		display: block;
		padding: 1rem 2rem 1rem 4rem;
		background: url(img/arrow01.png) no-repeat left 2rem center;
		background-size: 14px;
		color: #fff;
		text-decoration: none;
	}

	.l-gnavi-sub-list__link:hover {
		color: #fff;
		text-decoration: underline;
	}

	.l-gnavi-sub-list.is-show {
		display: block;
		overflow-y: scroll;
		transform: translate(100%, 0);
	}

	.l-gnavi-sub-list.is-show .l-gnavi-sub-list {
		transform: translate(0, 0);
	}

	.l-gnavi-sub-list .l-gnavi-sub-list {
		position: static;
		overflow-y: auto;
		padding: 0 0 0 2rem;
		width: 100%;
		height: inherit;
	}

	.l-gnavi-btn-close__link {
		position: relative;
		display: inline-block;
		margin: 20px auto;
		padding: 10px 20px 10px 50px;
		background: #ffffff;
		text-decoration: none;
	}

	.l-gnavi-btn-close__link:hover {
		background: #ccc;
		color: #ffffff;
	}

	.l-gnavi-btn-close__link:hover:after {
		background: #ffffff;
	}

	.l-gnavi-btn-close__link:hover:before {
		background: #ffffff;
	}

	.l-gnavi-btn-close__link:before {
		position: absolute;
		top: 50%;
		left: 20px;
		width: 20px;
		height: 3px;
		background: #000;
		content: "";
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
	}

	.l-gnavi-btn-close__link:after {
		position: absolute;
		top: 50%;
		left: 20px;
		width: 20px;
		height: 3px;
		background: #000;
		content: "";
		-webkit-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
	}

	.is-navi-open .l-gnavi-area {
		transform: translateX(0);
	}

	.l-gnavi-bnr-box {
		z-index: 800;
	}

	.l-gnavi-bnr-box a {
		display: block;
		box-sizing: border-box;
		margin: 2rem auto;
		padding: 12px 11px;
		width: 219px;
		height: 158px;
		background: #20325F url(img/bg_gnav_bnr.png) no-repeat right top;
		background-size: contain;
		color: #fff;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.9rem;
		line-height: 1.2;
		letter-spacing: 0.05em;
	}

	.l-gnavi-bnr-box a:hover {
		opacity: 0.6;
	}

	.l-gnavi-bnr-box__txt{
		text-shadow: 0px 0px 6px #20325f;
	}

	.l-gnavi-bnr-box__em{
		color: #F4EE62;
		font-size: 1.4rem;
		line-height: 1.1;
		display: inline-block;
		margin-bottom: 5px;
	}

	.l-gnavi-bnr-box__small{
		color: #fff;
		font-size: 1.1rem;
		line-height: 1.1;
		display: inline-block;
	}

	.l-gnavi-bnr-box__btn{
		display: inline-block;
		font-size: 1.3rem;
		border: 1px solid #fff;
		border-radius: 3px;
		padding: 8px 20px 8px 10px;
		background: #333 url(img/arrow01_white.png) right 5px top 48% no-repeat;
		background-size: 10px;
	}

/* footer area
---------------------------------------------	*/

	.l-footer-area {
		margin: 0;
		padding: 0;
		width: 100%;
		background: #F2F2F2;
		text-align: center;
	}

	.l-footer-area__inner {
		margin: 0 auto;
		padding: 0 2rem;
		max-width: 1000px;
	}

	.l-footer-disclaimer {
		margin: 0 auto 50px auto;
		padding: 20px;
		width: 500px;
		background: #fff;
		text-align: left;
		font-size: 1.2rem;
	}

	.l-footer-list {
		margin: 0 0 20px 0;
	}

	.l-footer-list__item {
		display: inline-block;
		padding: 0 0 0 20px;
	}

	.l-footer-copy-wrapper {
		background: #F2F2F2;
	}

	.l-footer-copy {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 1rem;
		max-width: 1000px;
		font-size: 1.2rem;
	}

	.l-footer-copy .sitemap {
		text-align: right;
	}

	.l-footer-copy a {
		text-decoration: none;
	}

	.l-footer-copy a:hover {
		text-decoration: underline;
	}

	.l-footer-menu-wrapper {
		margin: 0 auto;
		padding: 50px 0;
	}

	.l-footer-menu {
		margin: 10px 0 0 0;
	}

	.l-footer-menu__title {
		margin: 0 0 20px 0;
		padding: 0 10px;
		text-align: left;
	}

	.l-footer-menu__title__link {
		display: block;
		color: #0D59DE;
		text-decoration: none;
		font-weight: bold;
	}

	.l-footer-menu__title__link:hover {
		text-decoration: underline;
	}

	.l-footer-menu__list__item {
		float: left;
		width: 25%;
		margin-bottom: 30px;	
	}

	.l-footer-menu__list__item:first-child {
		display: none;
	}

	.l-footer-menu__list__link {
		display: block;
		padding: 5px 10px;
		text-align: left;
		text-decoration: none;
		font-size: 1.4rem;
	}

	.l-footer-menu__list__link:hover {
		text-decoration: underline;
	}

	.l-footer-submenu__list__link {
		display: block;
		padding: 5px 15px;
		text-align: left;
		text-decoration: none;
		font-size: 1.4rem;
	}

	.l-footer-submenu__list__link:before {
		content: "- ";
	}

	.l-footer-submenu__list__link:hover {
		text-decoration: underline;
	}

/* common
---------------------------------------------	*/
	.l-parts.low {
		padding: 0 40px;
	}

	.l-pagetop {
		position: fixed;
		right: 20px;
		bottom: 80px;
	}

	.l-pagetop__link {
		display: block;
		padding: 10px 0 0 0;
		width: 60px;
		height: 60px;
		background: #4DC2FE;
		text-align: center;
	}

	.l-pagetop__link:hover {
		opacity: 0.7;
		-ms-filter: "alpha(opacity=70)";
		filter: alpha(opacity=70);
	}

	.l-pagetop__image {
		width: 30px;
	}

	#pankuzu {
		margin: 1.5rem auto 0 auto;
		width: 100%;
		font-size: 1.2rem;
	}

	#pankuzu a {
		text-decoration: none;
	}

	#pankuzu a:hover {
		text-decoration: underline;
	}

/* layout
---------------------------------------------	*/
	.l-wrapper {
		display: flex;
		width: 100%;
		transition: none;
	}

	.l-contents-area {
		width: calc(100% - 250px);
		background: #ffffff;
	}

	.l-contents-area__inner {
		margin: 0 auto;
		padding: 2rem;
		max-width: 1000px;
	}

	.l-main-area {
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: left;
	}

	.l-main-area--low {
		position: relative;
		margin: 4rem auto;
		width: 100%;
	}

/* modules
---------------------------------------------	*/
	.l-main-area ul {
		margin: 3rem 0 2rem 0;
	}

	.l-main-area ul li {
		position: relative;
		margin: 0 0 0.5rem 0;
		padding: 0 0 0 3rem;
		list-style-type: none !important;
	}

	.l-main-area ul li:before {
		position: absolute;
		top: 6px;
		left: 3px;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: #4DC2FE;
		content: "";
	}

	.l-main-area ol {
		margin: 3rem 0 2rem 0;
		list-style-type: none !important;
		counter-reset: number;
		text-align: left;
	}

	.l-main-area ol li {
		position: relative;
		margin: 0 0 0.5rem 0;
		padding: 0 0 0 3rem;
	}

	.l-main-area ol li:before {
		position: absolute;
		top: 4px;
		left: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		background: #0D59DE;
		color: #fff;
		content: counter(number);
		counter-increment: number;
		text-align: center;
		font-size: 1.3rem;
		line-height: 21px;
	}

	.l-main-area table {
		margin: 5rem 0 5rem;
		padding: 0;
		width: 100%;
		border-collapse: collapse;
		text-align: left;
	}

	.l-main-area table th {
		padding: 10px 15px;
		border: 1px #bfbfbf solid;
		line-height: 1.7;
		text-align: center;
	}

	.l-main-area table td {
		padding: 15px;
		border: 1px #bfbfbf solid;
		line-height: 1.5;
	}

	.l-main-area table thead th {
		background: #20325F;
		color: #fff;
	}

	.l-main-area table thead td {
		background: #fff;
	}

	.l-main-area table tbody th {
		background: #20325F;
		color: #fff;
		width: 30%;
	}

	.l-main-area table tbody td {
		background: #fff;
	}
	a {
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.l-main-area .btn-web {
		display: block;
		margin: 4rem auto;
		padding: 0;
		max-width: 500px;
		width: 100%;
		text-align: center;
	}

	.l-main-area .btn-web a {
		position: relative;
		z-index: 10;
		display: inline-block;
		padding: 2rem 7rem;
		width: 100%;
		border-radius: 5px;
		background: #EB330B url(img/arrow01_white.png) no-repeat right 2rem center;
		background-size: 20px auto;
		box-shadow: 0px 4px 0px 0px #AF1F00;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.4;
	}

	.l-main-area .btn-web a:hover {
		opacity: 0.6;
	}

	.l-main-area .btn-internal {
		display: block;
		margin: 1rem auto 8rem;
		padding: 0;
		max-width: 500px;
		width: 100%;
		text-align: center;
	}

	.l-main-area .btn-internal a {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 2rem 7rem;
		width: 100%;
		border-radius: 5px;
		background: #333333 url(img/arrow01_white.png) no-repeat right 2rem center;
		background-size: 20px auto;
		box-shadow: 0px 4px 0px 0px #ADADAD;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.4;
	}

	.l-main-area .btn-internal.accordion {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 2rem 5rem 2rem 3rem;
		max-width: 500px;
		width: 80%;
		border-radius: 5px;
		background: #fff;
		box-shadow: 0px 4px 0px 0px #ADADAD;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.4;
		cursor: pointer;
		border: solid #ADADAD 1px;
	}

	.l-main-area .btn-internal.accordion:after {
		position: absolute;
		top: 18%;
		right: 2rem;
		width: 30px;
		height: 40px;
		background: url(img/accordion_button.png) no-repeat center center;
		background-size: 20px;
		content: "";
	}

	.l-main-area .btn-internal.accordion a:hover {
		cursor: pointer;
	}

	.l-main-area .btn-internal.accordion span {
		background: none;
		color: #333;
	}

	.accordion-item {
		display: none;
		padding-top: 2em;
	}

	.l-main-area .btn-internal.bottom a {
		padding: 15px 40px;
		background: #F4EE62 url(img/arrow01_down.png) no-repeat right 2rem center;
		background-size: 20px auto;
		color: #333;
	}

	.l-main-area .btn-internal.up a {
		padding: 15px 40px;
		background: #F4EE62 url(img/arrow01_up.png) no-repeat right 2rem center;
		background-size: 20px auto;
		color: #333;
	}

	.l-main-area .btn-internal a:hover {
		opacity: 0.6;
	}

	.l-main-area .btn-tel {
		display: none;
	}

	.l-main-area .btn-link {
		margin: 20px 30px;
		padding: 0;
		text-align: right;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.4;
	}

	.l-main-area .btn-link a {
		display: block;
		padding: 0.5rem 2.5rem 0.5rem 0;
		background: url(img/arrow01.png) no-repeat right center;
		background-size: 16px auto;
		color: #515151;
		text-decoration: none;
	}

	.l-main-area .btn-link a:hover {
		text-decoration: underline;
	}

	.l-main-area .float-wrap {
		margin: 10px 0 40px;
		padding: 0 2rem;
	}

	.l-main-area .float-wrap p {
		margin: 0 0 1em;
	}

	.l-main-area .float-wrap .float-img.fr {
		float: right;
		margin: 0 0 10px 20px;
		width: 300px;
		text-align: center;
	}

	.l-main-area .float-wrap .float-img.fl {
		float: left;
		margin: 0 20px 10px 0;
		width: 300px;
		text-align: center;
	}

	.l-main-area .float-wrap .float-img.ct {
		margin: 0 auto 2rem;
		max-width: 100%;
		width: 600px;
		text-align: center;
	}

	.l-main-area .float-wrap .caption {
		display: block;
		padding: 8px 0 0 0;
		background: none;
		color: #999;
		text-align: center;
		word-break: break-all;
		font-weight: normal;
		font-size: 1rem;
		line-height: 1.4;
	}

	.l-main-area .icon-check {
		position: relative;
		display: inline-block;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 2rem;
		width: 94px;
		height: 94px;
		border: 2px solid #4B7ED8;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #fff;
		color: #4B7ED8;
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .icon-check:after {
		position: absolute;
		top: calc(50% + 2px);
		left: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 82px;
		height: 82px;
		border: 2px solid #4B7ED8;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #4B7ED8;
		color: #fff;
		content: "CHECK";
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .icon-point {
		position: relative;
		display: inline-block;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 2rem;
		width: 94px;
		height: 94px;
		border: 2px solid #0D59DE;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #fff;
		color: #0D59DE;
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .icon-point:after {
		position: absolute;
		top: calc(50% + 2px);
		left: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 82px;
		height: 82px;
		border: 2px solid #0D59DE;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0D59DE;
		color: #fff;
		content: "POINT";
		font-weight: bold;
		font-size: 1.5rem;
	}


	.l-main-area .l-icon-title {
		position: relative;
		margin: 5rem 0;
		padding: 2rem 2rem 2rem 10rem;
		background: #F2F2F2;
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.4;
	}

	.l-main-area .l-icon-title--check:before {
		position: absolute;
		top: 50%;
		left: -12px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 88px;
		height: 88px;
		border: 2px solid #20325f;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #fff;
		color: #20325f;
		content: "";
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .l-icon-title--check:after {
		position: absolute;
		top: calc(50% + 4px);
		left: -8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 80px;
		height: 80px;
		border: 2px solid #20325f;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #20325f;
		color: #fff;
		content: "CHECK";
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .l-icon-title--point:before {
		position: absolute;
		top: 50%;
		left: -12px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 88px;
		height: 88px;
		border: 2px solid #0D59DE;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #fff;
		color: #0D59DE;
		content: "";
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .l-icon-title--point:after {
		position: absolute;
		top: calc(50% + 4px);
		left: -8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -45px;
		width: 80px;
		height: 80px;
		border: 2px solid #0D59DE;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0D59DE;
		color: #fff;
		content: "POINT";
		font-weight: bold;
		font-size: 1.5rem;
	}

	.l-main-area .box-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 2rem auto;
		width: 100%;
	}
	.l-main-area .box-wrap:after {
		content: '';
		display: block;
		width: calc((100% - 35px) / 2);
	}
	.l-main-area .box-wrap .box {
		margin: 0 25px 35px 0;
		padding: 0;
		width: calc((100% - 35px) / 2);
		border-radius: 10px;
		background: #F2F2F2;
	}

	.l-main-area .box-wrap .box:nth-child(2n) {
		margin-right: 0;
	}

	.l-main-area .box-wrap p {
		margin-bottom: 0;
	}

	.l-main-area .box-wrap .box-head {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		border-radius: 10px 10px 0 0;
		background: #0D59DE;
		color: #fff;
		font-weight: bold;
		font-size: 2.4rem;
	}

	.l-main-area--low .box-wrap .box-head {
		padding: 2rem 5rem 2rem 2rem;
	}

	.l-main-area .box-wrap .box-head a {
		display: block;
		padding: 1rem 3rem;
		width: 100%;
		background: url(img/arrow01_white.png) no-repeat right 1rem center;
		background-size: 14px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 2.2rem;
		line-height: 1.4;
	}

	.l-main-area .box-wrap .box-head a:hover {
		opacity: 0.6;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.l-main-area .box-wrap .box-fig {
		padding: 2rem 3rem 2rem;
		text-align: center;
	}

	.l-main-area .box-wrap .box-fig img {
		max-width: 100%;
	}

	.l-main-area .box-wrap .box-body {
		padding: 2rem;
	}

	.l-main-area--low .box-wrap .box-body {
		padding: 2rem;
	}

	.l-main-area .frame-wrap {
		display: flex;
		flex-wrap: wrap;
		margin: 2rem auto;
		width: 100%;
	}

	.l-main-area .frame-wrap .frame {
		margin: 0 30px 30px 0;
		padding: 2rem;
		width: calc((100% - 60px) / 3);
		background: #F2F2F2;
	}

	.l-main-area .frame-wrap .frame:nth-child(3n) {
		margin: 0 0 30px 0;
	}

	.l-main-area .frame-wrap p {
		margin: 0;
	}

	.l-main-area .frame-wrap .frame-head {
		display: flex;
		align-items: center;
		font-weight: bold;
		margin-bottom: 1rem;
	}

	.l-main-area .frame-wrap .frame-head a {
		display: block;
		padding: 1rem 3rem 1rem 0;
		width: 100%;
		background: url(img/arrow01.png) no-repeat right 6px top 50%;
		background-size: 14px auto;
		color: #0D59DE;
		text-decoration: none;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.4;
	}

	.l-main-area .frame-wrap .frame-head a:hover {
		opacity: 0.8;
	}

	.l-main-area .frame-wrap table{
		margin: 2rem 0 1rem;
	}

	.l-parts {
		margin-bottom: 8rem;
	}

	.l-parts__text {
		margin: 0;
		padding: 0 2rem 2rem;
		text-align: left;
	}

	.l-parts__catch {
		font-weight: bold;
	}

/* modules--heading
---------------------------------------------	*/

	.l-main-area--low h1 {
		display: inline-block;
		margin: 0 auto 6rem 0;
		padding: 2rem 2.4rem;
		width: 100%;
		background: #0D59DE;
		color: #fff;
		font-weight: bold;
		font-size: 4rem;
		line-height: 1.4;
	}

	.l-main-area--low h1 a {
		color: #fff;
	}

	.top_h2 {
		position: relative;
		text-align: center;
		font-weight: bold;
		font-size: 4rem;
		line-height: 1.5;
		margin: 0 auto 6rem;
		padding: 4rem 1rem 0;
		width: 100%;
		color: #0f0f0f;
	}

	.top_h2::before {
		position: absolute;
		bottom: -18px;
		left: 50%;
		display: inline-block;
		width: 250px;
		height: 5px;
		background: #4DC2FE;
		content: "";
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.top_h2 a {
		display: block;
		padding: 0 3rem;
		background: url(img/arrow01.png) no-repeat right center;
		background-size: 18px;
		color: #0f0f0f;
		text-decoration: none;
	}

	.top_h2 a:hover {
		opacity: 0.7;
	}


	.l-main-area--low h2,
	.top_h3 {
		margin: 2.6rem 0;
		padding: 1.5rem;
		border-left: solid 15px #0D59DE;
		background: #F2F2F2;
		color: #0D59DE;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.4;
	}

	.l-main-area--low h2 a,
	.top_h3 a{
		color: #0D59DE;
		text-decoration: underline;
	}

	.l-main-area--low h3,
	.top_h4 {
		margin: 3rem 0;
		padding: 5px 0 5px 3.5rem;
		color: #333333;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.4;
        position: relative;
	}

	.l-main-area--low h3:before,
	.top_h4:before{
		content: "◆";
		color: #0D59DE;
		padding-right: 0.5em;
        position: absolute;
        left: 0;
	}

	.l-main-area--low h3 a,
	.top_h4 a {
		text-decoration: underline;
		color: #0D59DE;
	}

	.l-main-area--low h4,
	.l-main-area--low h5 {
		margin: 3rem 0;
		padding: 0 0 0.5em;
		border-bottom: solid 3px #0D59DE;
		color: #0f0f0f;
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.4;
	}

	.l-main-area--low h4 a,
	.l-main-area--low h5 a {
		color: #0D59DE;
	}

	.l-main-area span,
	.l-main-area--low span {
		background: linear-gradient(transparent 60%, #fff5b0 60%);
		color: #0D59DE;
		font-weight: bold;
		font-size: 1.8rem;
	}

/* mv
---------------------------------------------	*/
	.l-mv {
		margin-bottom: 5rem;
		padding: 0;
		background: #4B7ED8 url(img/mv_img.png) no-repeat left 50%;
		background-size: 58%;
	}

	.l-mv__inner {
		display: flex;
		flex-wrap: wrap;
	}

	.l-mv__inner__left {
		width: 47%;
	}

	.l-mv__inner__right {
		width: 50%;
	}

	.l-mv__title {
		margin: 2rem 0 3rem 9rem;
		font-weight: bold;
		font-size: 3.4rem;
		letter-spacing: 0.08em;
		line-height: 46px;
		text-align: left;
		color: #fff;
	}

	.l-mv__title span {
		font-size: inherit;
		color: inherit;
		background: linear-gradient(transparent 85%, #F4EE62 85%);
	}

	.l-mv__text {
		margin: 0 2rem 2rem 9rem;
		color: #fff;
		line-height: 2;
		font-weight: bold;
	}

	.l-mv__btn{
		margin-bottom: 3rem !important;
	}

	@media screen and (max-width: 1028px) and (min-width: 481px) {
		.l-mv__inner__left {
			min-height: 25rem;
		}
	}

/* .banner
---------------------------------------------	*/
	.banner_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 6rem 0 3rem;
	}

	.banner_wrap a {
		display: block;
	}

	.banner_box {
		position: relative;
		margin: 0 auto;
		padding: 1rem 2rem 4rem;
		width: 100%;
		max-width: 642px;
		background: url(img/bg_bnr.png) no-repeat 50% 50%;
		background-size: cover;
	}

	.banner_box a {
		display: block;
		text-decoration: none;
		color: #fff;
	}

	.banner_box__inner{
		display: block;
		box-sizing: border-box;
		padding: 37px 30px;
		text-align: left;
	}

	.banner_box span{
		color: #fff;
		background: none;
		font-weight: bold;
		font-size: 4.4rem;
		line-height: 1.2;
		letter-spacing: 0.05em;
		text-shadow: 0px 0px 6px #20325f;
	}

	.banner_box span.banner_box__em{
		color: #F4EE62;
		font-size: 3.2rem;
		line-height: 1.1;
		display: inline-block;
		margin-bottom: 15px;
	}

	.banner_box span.banner_box__small{
		color: #fff;
		font-size: 2.5rem;
		line-height: 1.1;
		display: inline-block;
	}

	.banner_box .btn-internal {
		display: block;
		margin: 0 0 0 20px;
		padding: 0;
		width: 80%;
		max-width: 420px;
		text-align: center;
	}

	.banner_box .btn-internal a {
		width: 100%;
		padding: 2rem 5rem 2rem 1rem;
		border: 1px solid #FFF;
		background: #333 url(img/arrow01_white.png) no-repeat right 1rem center;
		background-size: 20px auto;
	}

/* top---.l-parts_intro
---------------------------------------------	*/
	.l-parts_intro{

	}
	.l-parts_intro__pic{
		margin-bottom: 5rem;
	}
	.l-parts_intro__arw{
		display: block;
		position: relative;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
		color: #0d59de;
		padding-bottom: 90px;
		margin-bottom: 3rem;
	}
	.l-parts_intro__arw:after{
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 70px 64px 0 64px;
		border-color: #4dc3fe transparent transparent transparent;
	}

/* top---.l-parts_search
---------------------------------------------	*/
	.l-parts_search {
		margin-top: 6.5rem;
		padding-bottom: .1rem;
	}

	.l-parts_search__inner{
		background: #F2F2F2;
		margin-bottom: 5rem;
	}

	.l-parts_search .top_h2 {
		margin-bottom: 5rem;
		padding: 2rem 3rem 3rem;
		background: #20325F;
		color:#fff;
	}

	.l-parts_search .top_h2:before{
		content: none;
	}

	.l-parts_search .top_h2 small{
		font-size: 2.4rem;
		background: linear-gradient(transparent 80%, #4DC2FE 80%);
	}

	.l-parts_search__box {
		display: table;
		margin: 0 auto 4rem auto;
		width: 90%;
	}

	.l-parts_search__box__left {
		position: relative;
		display: table-cell;
		width: 170px;
		background: #0D59DE;
		font-size: 1.8rem;
		vertical-align: middle;
		line-height: 1.3;
		padding: 2rem;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}

	.l-parts_search__box__left:before {
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -8px;
		border: 8px solid transparent;
		border-left: 16px solid #0D59DE;
		content: "";
	}

	.l-parts_search__box__left .mention {
		display: block;
		margin-top: 0;
		padding-top: 10px;
		background: none;
		color: #fff;
		font-size: 13px;
	}

	.l-parts_search__box__right {
		display: table-cell;
		padding: 2rem 2rem 2rem 4rem;
		width: calc(100% - 170px);
		background: #fff;
		vertical-align: middle;
	}

	.l-parts_search__box__inner {
		display: table;
		width: 100%;
	}

	.l-parts_search__box__item {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		margin: 1rem 0;
		width: 32%;
		font-weight: bold;
	}

	.l-parts_search__box__right input[type="checkbox"] {
		position: absolute;
		visibility: hidden;
	}

	.l-parts_search__box__right select {
		border: 1px solid #DEDEDF;
		border-radius: 2px;
		padding: .6em 1em;
		margin-bottom: 0.5em;
		width: 90%;
	}

	.l-parts_search__box__right .label-checkbox {
		position: relative;
		z-index: 9;
		display: block;
		padding: 0 0 0 4rem;
		color: #0f0f0f;
		font-weight: bold;
		font-size: 1.8rem;
		cursor: pointer;
	}

	.l-parts_search__box__right .label-select {
		position: relative;
		z-index: 9;
		display: block;
		padding: 0 0 0 0;
		color: #0f0f0f;
		font-weight: bold;
		font-size: 1.8rem;
		cursor: pointer;
	}

	.l-parts_search__box__right .icon-checkbox {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		display: block;
		width: 28px;
		height: 28px;
		background: #eaeaea;
	}

	.l-parts_search__box__right input[type="checkbox"]:checked ~ .icon-checkbox::before {
		position: absolute;
		top: 0.3em;
		left: 0.3em;
		display: block;
		width: 15px;
		height: 8px;
		border-bottom: 4px solid #0D59DE;
		border-left: 4px solid #0D59DE;
		content: "";
		transform: rotate(-45deg);
	}

	.l-parts_search__conclusion__inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 2rem;
	}

	.l-parts_search__conclusion__inner::after {
		display: block;
		width: 32%;
		height: 0;
		content: "";
	}

	.l-parts_search__conclusion__inner.resultOff {
		padding: 0;
	}

	.l-parts_search__conclusion__box {
		margin: 1rem 0;
		padding: 2rem 2rem 3rem;
		width: 32%;
		background: #fff;
		text-align: center;
	}

	.date-icon-wrap {
		position: relative;
		box-sizing: border-box;
		margin: 20px auto;
		padding: 15px 10px 0;
		width: 100%;
		background: #F2F2F2;
		font-weight: bold;
	}
	.date-icon-wrap .date-icons {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.date-icon-wrap .date-icons .date-icon-list {
		margin-right: 1rem;
		width: 25%;
	}

	.date-icon-wrap .date-icons .date-icon-list:nth-child(3n) {
		margin-right: 0;
	}

	.date-icon-wrap .date-icons .date-icon-list .icon-caption {
		padding: 0;
		margin-top: 5px;
		font-size: 12px;
		text-align: center;
	}

	.date-icon-wrap .date-icons .date-icon-list.off  .icon-caption {
		color: #aaa;
	}

	.l-parts_search__company{
		margin: 1em 0 0.5rem;
		font-weight: bold;
	}

	.l-parts_search__title {
		margin: 0 0 1rem 0;
		color: #0D59DE;
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.3;
	}

	.l-parts_search__catch {
		margin: 0 0 2rem 0;
		text-align: center;
		font-weight: bold;
		line-height: 1.8;
		font-size: 1.6rem;
	}

	.l-parts_search__subtitle {
		display: inline-block;
		margin-bottom: 0;
		padding: 1.5rem 3px 0;
		font-size: 1.6rem;
		line-height: 1.1;
		font-weight: bold;
		background: linear-gradient(transparent 85%, #4DC2FE 85%);
	}

	.l-parts_search__subtitle + p{
		margin: 0.2em 0;
		font-size: 1.5rem;
		text-align: left;
	}

	.l-parts_search table{
		margin: 1rem 0 2rem;
	}

	.l-parts_search th,
	.l-parts_search td{
		font-size: 1.4rem;
		padding: 10px;
	}
	.l-parts_search th{
		white-space: nowrap;
	}

	.l-parts_search .btn-web {
		margin: 0 auto;
		width: 90%;
	}

	.l-parts_search .btn-web a {
		padding: 1.5rem 3rem;
		background-size: 14px auto;
		background-position: right 10px top 50%;
		font-size: 1.6rem;
	}

	.l-main-area .circle.show {
		opacity: 1;
	}

	.l-main-area .circle.flipColor {
		background-color: #d2d3d2;
	}

	.is-hide {
		display: none !important;
	}

	.btn-form-reset {
		text-align: left;
		margin: 0 auto;
		width: 90%;
	}

	.btn-form-reset button {
		padding: 0;
		outline: none;
		border: none;
		background-color: transparent;
		color: #0f0f0f;
		font-weight: bold;
		font-size: 1.6rem;
		cursor: pointer;
		appearance: none;
		width: 100%;
		margin: 2rem 0 0
	}

	.btn-form-reset button:hover {
		opacity: 0.7;
	}

	.btn-form-reset img {
		margin: 0 0.5rem 0 0;
		vertical-align: middle;
		width: 24px;
		transform: translateY(-2px);
	}

	.l-parts_search__conclusion {
		position: relative;
		clear: both;
		margin: 4rem auto 0 auto;
		padding: 0;
	}

	.l-main-area .resultOn_count {
		position: relative;
		margin: 0 0 2rem 0;
		padding: 2rem 2rem 1.5rem;
		background: #4DC2FE;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 4rem;
		line-height: 1.2;
	}

	.l-main-area .resultOn_count span {
		font-weight: bold;
		font-size: 6rem;
		background: none;
		color: #fff;
		margin: 0 5px;
	}

	.l-main-area .resultOn_count::after {
		position: absolute;
		bottom: -60px;
		left: 50%;
		z-index: 10;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 30px solid #4DC2FE;
		content: "";
	}

/* top---.l-parts_pr
---------------------------------------------	*/
	.l-parts_pr{
		background: url(img/bg_pr.jpg) 0 0 no-repeat;
		background-size: cover;
		border-radius: 20px;
		padding: 3em 4.5em 1px;
	}
	.l-parts_pr .top_h2{
		margin-bottom: 4rem;
	}
	.l-parts_pr .top_h2:before{
		content: none;
	}
	.l-parts_pr__pic{
		text-align: center;
	}
	.l-parts_pr__pic img{
		width: 100%;
		max-width: 466px;
	}
	.l-parts_pr__text{
		margin: 2em 0 2em;
	}

/* top---.l-parts_3pl
---------------------------------------------	*/
	.l-parts_3pl th,
	.l-parts_3pl td{
		font-size: 1.4rem;
		padding: 10px 5px;
	}
	.l-parts_3pl th{
		white-space: nowrap;
	}


/* smartphone settings -------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
	.forPC {
		display: none;
	}
	.forSP {
		display: block;
	}
	.pc_br {
		display: none;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.l-main-area .float-wrap .float-img img {
		width: 100%;
	}

/* header area
---------------------------------------------	*/
	.l-header {
		position: relative;
		display: block;
		width: 100%;
	}
	.l-header__inner {
		position: relative;
		width: 100%;
	}
	.l-header::after {
		display: none;
	}
	.l-siteinfo {
		padding: 0.5rem 1.5rem 0rem 1.5rem;
	}
	.l-siteinfo__logo {
		margin: 1rem auto 0.5rem auto;
		width: 100%;
		text-align: center;
	}
	.l-siteinfo__sitename {
		padding: 1.5rem 4rem 0;
		font-weight: normal;
	}
	.l-siteinfo__logo img,
	.l-header-logo__image {
		max-width: 70%;
	}
	.l-gnavi-area {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		z-index: 300;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 8rem 0 2rem;
		width: 100%;
		height: 100%;
		background: #f2f2f2;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
		transform: translateX(100%);
	}
	.l-gnavi-list {
		padding: 0 2rem;
	}
	.l-gnavi-list__item {
		margin: 0 0 1.5rem;
		border: solid 3px #333;
	}
	.l-gnavi-list__link {
		padding: 1.3rem 3rem 1.3rem 1.3rem;
		background-position: right 2rem center;
		background-size: 14px;
	}
	.l-gnavi-list__link--menu {
		background: #fff url(img/icon_more.svg) no-repeat right 20px center;
		background-size: 16px 5px;
	}
	.l-gnavi-sub-list {
		position: absolute;
		top: 0;
		left: 100%;
		display: none;
		padding: 0 2rem;
		width: 100%;
		height: inherit;
		background: #fff linear-gradient(-45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
		background-size: 6px 6px;
	}
	.l-gnavi-sub-list__item {
		margin: 0 0 1rem;
		border: solid 3px #333;
	}
	.l-gnavi-sub-list__item:nth-child(1),
	.l-gnavi-sub-list__item:nth-child(2) {
		display: block;
	}
	.l-gnavi-sub-list__link {
		padding: 1.3rem 3rem 1.3rem 1.3rem;
		background-color: #fff;
		background-position: right 2rem center;
		background-size: 14px;
		color: #333;
	}
	.l-gnavi-sub-list__link--menu {
		background: #fff url(img/icon_more_brown.svg) no-repeat right 20px center;
		background-size: 16px 5px;
	}
	.l-gnavi-sub-list__link--back {
		padding: 1rem 1rem 1rem 3rem;
		outline: 3px #f5f5f5 dotted;
		background: #fff url(img/arrow01_back.png) no-repeat left 1rem center;
		background-size: 14px;
	}
	.l-gnavi-sub-list .l-gnavi-sub-list {
		position: absolute;
		padding: 0 2rem;
	}
	.l-gnavi-btn {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 200;
		display: block;
		width: 60px;
		height: 60px;
		background: #20325f;
		cursor: pointer;
	}
	.l-gnavi-btn span {
		position: absolute;
		left: 15px;
		display: inline-block;
		width: 30px;
		height: 3px;
		background: #fff;
		transition: all 0.4s;
	}
	.l-gnavi-btn span:nth-of-type(1) {
		top: 19px;
	}
	.l-gnavi-btn span:nth-of-type(2) {
		top: 29px;
	}
	.l-gnavi-btn span:nth-of-type(3) {
		top: 39px;
	}
	.l-gnavi-btn:active {
		color: #666;
	}
	.l-gnavi-btn--gnavi {
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 200;
		width: 30px;
		height: 23px;
		background: none;
	}
	.l-gnavi-btn--gnavi span {
		left: 0;
		width: 100%;
	}
	.l-gnavi-btn--gnavi span:nth-of-type(1) {
		top: 0;
	}
	.l-gnavi-btn--gnavi span:nth-of-type(2) {
		top: 10px;
	}
	.l-gnavi-btn--gnavi span:nth-of-type(3) {
		top: 20px;
	}
	.l-gnavi-btn.is-active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.l-gnavi-btn.is-active span:nth-of-type(2) {
		opacity: 0;
	}
	.l-gnavi-btn.is-active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}
	.is-navi-open .l-gnavi-area--slide-left {
		transform: translateX(0);
	}
	/*

/* footer area
---------------------------------------------	*/
	.l-footer-area {
		padding: 30px 0 0 0;
		min-width: auto;
	}
	.l-footer-area__inner {
		padding: 0;
	}
	.l-footer-logo {
		margin: 0 auto;
		width: 90%;
		font-weight: bold;
	}
	.l-footer-disclaimer {
		margin: 0 auto 1.5rem auto;
		padding: 4%;
		width: 90%;
		font-size: 1rem;
	}
	.l-footer-list {
	    margin: 10px 0 20px 0;
	}
	.l-footer-list__item {
		margin: 0;
		padding: 0 20px;
	}
	.l-footer-list__link {
		text-decoration: none;
	}
	.l-footer-copy {
		padding: 1rem;
		font-size: 1rem;
		line-height: 1.4;
	}
	.l-footer-copy p {
		margin: 0 auto;
		text-align: center;
	}
	.l-footer-copy .sitemap {
		display: none;
	}
	.l-footer-menu-wrapper {
		padding: 0;
		width: 100%;
	}
	.l-footer-menu {
		float: none;
		margin: 1rem auto;
		width: 90%;
	}
	.l-footer-menu__title {
		margin: 0;
		padding: 0;
		border-bottom: solid 1px #b4b4b4;
	}
	.l-footer-menu__title__link {
		position: relative;
		display: block;
		padding: 10px 20px 10px 0;
		font-size: 1.6rem;
	}
	.l-footer-menu__title__link:after {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 14px;
		height: 14px;
		background: url(img/arrow01.png) no-repeat 0 0;
		background-size: 100%;
		content: "";
		transform: translateY(-50%) rotate(90deg);
	}
	.l-footer-menu__list {
		display: none;
		padding: 1.5rem 0;
	}
	.l-footer-menu__list__item {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	.l-footer-menu__list__item:first-child {
		display: block;
	}
	.l-footer-menu__list__link {
		padding: 1rem;
	}
	.l-footer-submenu__list__link {
		padding: 1rem 2rem;
	}
	/*

/* common
---------------------------------------------	*/
	.sp_br {
		display: block;
	}
	.l-parts.low{
		padding: 0 1rem;
	}
	.l-pagetop {
		right: 20px;
		bottom: 30px;
		z-index: 100;
	}
	.l-pagetop__link {
		padding: 0 0 10px 0;
		width: 40px;
		height: 40px;
	}
	.l-pagetop__image {
		width: 24px;
	}
	#pankuzu {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0;
		padding: 0;
		width: 100%;
		white-space: nowrap;
	}

/* layout
---------------------------------------------	*/
	.l-wrapper {
		display: block;
	}
	.l-contents-area {
		width: 100%;
	}
	.l-contents-area__inner {
		padding: 1rem;
	}
	.l-main-area--low {
		margin: 2rem auto;
	}
	/*

/* modules
---------------------------------------------	*/
	.l-main-area p {
		margin: 0 auto;
		padding: 1rem 0 0;
		font-size: 1.4rem;
	}
	.l-main-area table {
		display: block;
		margin: 30px auto 20px;
		width: 100%;
		border-top: 1px #b0a8a7 solid;
	}
	.l-main-area table tr {
		display: block;
		width: 100%;
	}
	.l-main-area table th {
		display: block;
		width: 100%;
		border-top: none;
	}
	.l-main-area table td {
		display: block;
		width: 100%;
		border-top: none;
	}
	.l-main-area table thead {
		display: block;
		width: 100%;
	}
	.l-main-area table thead th {
		display: block;
		width: 100%;
	}
	.l-main-area table thead td {
		display: block;
		width: 100%;
	}
	.l-main-area table tbody {
		display: block;
		width: 100%;
	}
	.l-main-area table tbody th {
		display: block;
		padding: 10px 5px;
		width: 100%;
	}

	.l-main-area table tbody td {
		display: block;
		width: 100%;
		word-break: break-all;
	}
	.l-main-area .btn-web,
	.l-main-area .btn-internal,
	.l-main-area .btn-tel,
	.l-main-area .btn-link {
		display: block;
		margin: 3rem auto 3rem;
		padding: 0;
		width: 90%;
		text-align: center;
	}
	.l-main-area .btn-web a {
		padding: 1.5rem 3rem 1.5rem 3rem;
		background-position: right 1rem center;
		background-size: 16px auto;
		font-size: 1.6rem;
	}
	.l-main-area .btn-web a::after {
		width: 57px;
		height: 80px;
	}
	.l-main-area .btn-internal a {
		padding: 1.5rem 3rem 1.5rem 3rem;
		background-position: right 1rem center;
		background-size: 16px auto;
		font-size: 1.6rem;
	}
	.l-main-area .btn-internal.bottom a {
		background-size: 16px auto;
	}
	.l-main-area .btn-internal.up a {
		background-size: 16px auto;
	}
	.l-main-area .btn-internal.accordion {
		font-size: 1.4rem;
	}
	.l-main-area .btn-tel a {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 1.5rem 1.5rem 1.5rem 4rem;
		width: 100%;
		border-radius: 5px;
		background: #37B795 url(img/ico_tel.svg) no-repeat left 2rem center;
		background-size: 16px;
		box-shadow: 0px 3px 0px 0px #D3D3D3;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.l-main-area .btn-link a {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 1.5rem 3rem 1.5rem 1.5rem;
		width: 100%;
		border: 3px solid #515151;
		box-shadow: 0px 3px 0px 0px #ADADAD;
		border-radius: 8px;
		background: url(img/arrow01.png) no-repeat right 1rem center;
		background-size: 16px auto;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.l-main-area .float-wrap {
		margin: 10px auto 30px;
		width: 100%;
	}
	.l-main-area .float-wrap .float-img.fr {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}
	.l-main-area .float-wrap .float-img.fl {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.l-main-area .float-wrap .float-img.ct {
		width: 100%;
	}
	.l-main-area .float-wrap .float-img.t_small {
		width: 40%;
	}
	.l-main-area .float-wrap .float-img.fr.t_small {
		float: right;
		margin: 0 0 20px 10px;
	}
	.l-main-area .float-wrap .float-img.fl.t_small {
		float: left;
		margin: 0 20px 10px 0;
	}
	.l-main-area .box-wrap {
		display: block;
		margin: 0 auto 3rem;
	}
	.l-main-area .box-wrap .box {
		margin: 0 auto 3rem;
		width: 100%;
	}
	.l-main-area .box-wrap .box:nth-child(2n) {
		margin: 0 auto 4rem;
	}
	.l-main-area .box-wrap .box-head {
		padding: 1.5rem;
		font-size: 1.8rem;
	}
	.l-main-area .box-wrap .box-head a {
		padding: 1rem 3rem 1rem 1rem;
		font-size: 1.8rem;
	}
	.l-main-area .box-wrap .box-body {
		padding: 1.5rem;
	}
	.l-main-area .box-wrap .box-fig {
		padding: 1.5rem;
	}
	.l-main-area .box-wrap .btn-internal {
		margin: 0 auto 2rem auto;
		width: 80%;
	}
	.l-main-area .frame-wrap {
		display: block;
		margin: 0 auto 3rem;
	}
	.l-main-area .frame-wrap .frame {
		margin: 0 auto 3rem;
		padding: 0.5rem 1.5rem;
		width: 100%;
	}
	.l-main-area .frame-wrap .frame-head{
		margin-bottom: 0;
	}
	.l-main-area .frame-wrap .frame-head a {
		padding: 2rem 3rem 1.5rem 0;
		font-size: 1.8rem;
	}
	.l-main-area .frame-wrap .frame-body {
		padding: 0 0 5%;
	}
	.l-main-area .l-icon-title {
		margin: 55px 0 30px 0;
		padding: 14px 10px 14px 65px;
		font-size: 1.8rem;
	}
	.l-main-area .l-icon-title:before {
		margin-top: -33px;
		width: 60px;
		height: 60px;
		font-size: 1.2rem;
		line-height: 1;
	}
	.l-main-area .l-icon-title--check:after,
	.l-main-area .l-icon-title--point:after {
		left: -8px;
		margin-top: -33px;
		width: 52px;
		height: 52px;
		font-size: 1.2rem;
	}
	.l-main-area .icon-check,
	.l-main-area .icon-point {
		width: 64px;
		height: 64px;
		font-size: 1.2rem;
	}
	.l-main-area .icon-check:after,
	.l-main-area .icon-point:after {
		top: calc(50% + 5px);
		margin-top: -33px;
		width: 52px;
		height: 52px;
		font-size: 1.2rem;
	}

	.l-parts {
		margin-bottom: 5rem;
	}

	.l-parts__text {
		padding: 1.8rem;
	}

	.l-parts__catch {
		font-weight: bold;
	}

/* modules--heading
---------------------------------------------	*/
	.l-main-area--low h1 {
		margin: 0 auto 3rem 0;
		padding: 1rem 2rem;
		margin: 0 0 1rem 0;
		padding: 1.6rem;
		font-size: 2.4rem;
	}

	.top_h2 {
		font-size: 2.5rem;
		margin: 0 auto 3rem;
		padding: 2rem 1rem 0;
	}

	.top_h2::before {
		bottom: -12px;
		width: 120px;
		height: 3px;
	}

	.top_h2 a {
		padding: 0 2rem;
		background-size: 15px;
	}

	.l-main-area--low h2,
	.top_h3 {
		margin: 4rem 0 2rem;
		padding: 1rem;
		border-left: solid 10px #0D59DE;
		font-size: 2rem;
	}

	.l-main-area--low h3,
	.top_h4 {
		margin: 2rem 0 auto;
		font-size: 1.8rem;
        padding: 5px 0 5px 2.5rem;
	}

	.l-main-area--low h4,
	.l-main-area--low h5 {
		margin: 2rem 0;
		font-size: 1.6rem;
	}

	.l-main-area span,
	.l-main-area--low span {
		font-size: inherit;
	}

/* mv
---------------------------------------------	*/
	.l-mv {
		margin-bottom: 3rem;
		padding: 16rem 2rem 0;
		background: #4B7ED8 url(img/mv_img_sp.png) no-repeat 50% top;
		background-size: 85%;
	}
	.l-mv__inner__left {
		width: 100%;
		text-align: center;
	}
	.l-mv__inner__right {
		width: 100%;
	}
	.l-mv__title {
		margin: 1.5rem;
		font-size: 2rem;
	}
	.l-mv__text {
		margin: 1rem 1.5rem;
		line-height: 1.6;
	}
	.l-mv .l-mv__title {
		margin-bottom: 1rem;
		padding: 0;
		text-align: center;
		font-size: 2.5rem;
		line-height: 34px;
	}

/* .banner
---------------------------------------------	*/
	.banner_wrap {
		display: block;
		margin: 40px auto 0;
	}

	.banner_box {
		padding: 0 0 2.5rem;
		width: 100%;
	}

	.banner_box__inner{
		padding: 15px;
	}

	.banner_box span{
		font-size: 2rem;
		text-shadow: 0px 0px 3px #20325f;
	}

	.banner_box span.banner_box__em{
		font-size: 2rem;
		margin-bottom: 5px;
	}

	.banner_box span.banner_box__small{
		font-size: 1.8rem;
	}

	.banner_box .btn-internal {
		margin: 0 0 0 10px;
	}

	.banner_box .btn-internal a {
		padding: 1.5rem 3rem 1.5rem 1rem;
		background-size: 13px auto;
	}

/* top---.l-parts_intro
---------------------------------------------	*/
	.l-parts_intro{
		margin-bottom: 0;

	}
	.l-parts_intro__pic{
		margin-bottom: 4rem;
	}
	.l-parts_intro__arw{
		font-size: 1.6rem;
		line-height: 20px;
		padding-bottom: 60px;
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	.l-parts_intro__arw:after{
		border-width: 50px 48px 0 48px;
	}

/* top---.l-parts_search
---------------------------------------------	*/
	.l-parts_search {
    margin-top: 3rem;
    padding-bottom: 0;
	}
	.l-parts_search__inner{
		margin-bottom: 3rem;
	}
	.l-parts_search .top_h2 {
    margin-bottom: 2rem;
    padding: 1rem 2rem 2rem;
	}
	.l-parts_search .top_h2 small {
    font-size: 1.5rem;
	}
	.l-parts_search__box {
	  display: block;
	  margin-bottom: 2rem;
	}
	.l-parts_search__box__left{
		display: block;
    padding: 1rem 0;
    width: 100%;
	}
	.l-parts_search__box__left:before {
	    top: 100%;
	    left: 50%;
	    margin-top: 0;
	    margin-left: -15px;
	    border: 15px solid transparent;
	    border-top: 15px solid #0D59DE;
	}
	.l-parts_search__box__left .mention{
		padding: 3px;
	}
	.l-parts_search__box__right {
	    display: block;
	    padding: 3rem 1.5rem 2rem;
	    width: 100%;
	}
	.l-parts_search__box__item {
	    margin: 1rem 0 0;
	    padding: 0;
	    width: 100%;
	    height: auto;
	}
	.l-parts_search__box__caption{
		line-height: 1.5;
		margin-bottom: 2rem;
		display: inline-block;
	}

	.l-parts_search__box__right .label-select {
	    font-size: 1.3rem;
	}
	.l-parts_search__box__right select {
	    padding: 0.5em 0.5em;
	    width: 100%;
	    font-size: 1.3rem;
	}
	.l-parts_search__box__right .label-checkbox {
	    padding: 0 0 0 4rem;
	    font-size: 1.5rem;
	    line-height: 2;
	}
	.l-parts_search__box__item:last-child .label-checkbox {
		width: 220px;
	}
	.l-main-area .resultOn_count {
	    font-size: 2.4rem;
	}

	.l-main-area .resultOn_count span {
	    font-size: 3.4rem;
	}

	.l-main-area .resultOn_count::after {
		position: absolute;
		margin-left: -24px;
		bottom: -48px;
		border: 24px solid transparent;
		border-top: 24px solid #4DC2FE;;
	}

	.l-parts_search__conclusion__inner {
		display: block;
	}

	.l-parts_search__conclusion__box {
	    margin: 0 auto 2rem;
	    padding: 1.2rem 1.2rem 0.1rem;
	    width: 100%;
	}

	.date-icon-wrap{
		padding: 15px 10px;
	}
	.date-icon-wrap .date-icons .date-icon-list {
		width: 30%;
	}
	.date-icon-wrap .date-icons {
		justify-content: space-around;
	}

/* top---.l-parts_pr
---------------------------------------------	*/
		.l-parts_pr{
			padding: 2rem 2rem 1px;
		}
		.l-parts_pr .top_h2{
			margin-bottom: 2rem;
		}

}

/*マルチセレクト*/

.ui-multiselect {
    width: 90%!important;
    border: 1px solid #DEDEDF!important;
    border-radius: 2px!important;
    padding: 0.6em 1em!important;
    margin-bottom: 0.5em!important;
    color: #333!important;
    font-weight: unset!important;
    font-family: unset!important;
}

.ui-state-hover {
    background: unset!important;
    border-color: #333!important;
    color: #333!important;
    font-weight: unset!important;
}

.ui-multiselect span {
    background: unset;
    font-weight: unset;
    font-size: 1.6rem;
    color: unset;
}

.ui-multiselect-open {
    display: none;
}

.ui-state-focus,
.ui-state-active {
    background: unset!important;
}

.ui-multiselect-checkboxes {
    position: relative;
    overflow-y: auto!important;
    max-height: 400px;
}

.ui-multiselect {
    position: relative;
}

.ui-multiselect::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: url(img/arrow01_down.png) no-repeat;
    background-size: 100%;
}

.ui-multiselect.ui-state-active::after {
    background: url(img/arrow01_up.png) no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 480px) {
    .ui-multiselect {
        width: 95%!important;
        padding: 5px 20px 5px 5px!important
    }
}