@charset "UTF-8";
/*
Theme Name: 長野県労働金庫
Author: Fain Pixar
Author URI: https://www.fainpixar.co.jp/
*/
/* font定義 */
@font-face {
		font-family: 'MyYuGothicM';
		font-weight: normal;
		src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
		/* 游ゴシックMediumが存在しないWindows8.1用 */
}

@font-face {
		font-family: 'MyYuGothicM';
		font-weight: bold;
		src: local("YuGothic-Bold"), local("Yu Gothic");
		/* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}

/* ------------------------
    基本構造
------------------------ */
html {
		padding: 0;
		margin: 0;
		font-size: 10px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
}

body {
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		font-weight: normal;
		font-size: 1.5rem;
		color: #222222;
		line-height: 1.7;
		position: relative;
		min-width: 1024px;
		overflow: hidden;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 1200px;
		-webkit-text-size-adjust: 100%;
}

body.c-box-open {
		overflow: hidden;
}

@media only screen and (max-width: 767px) {
		body {
				min-width: 1px;
				height: auto;
				font-size: 1.5rem;
				padding-left: 0;
				padding-right: 0;
		}
}

.contents {
		max-width: 1310px;
		margin: 80px auto 0;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
}

@media only screen and (max-width: 767px) {
		.contents {
				margin: 40px auto 0;
				padding: 0 15px;
		}
		.contents .min-contents {
				padding: 0;
		}
}

.contents-full {
		position: relative;
		padding-bottom: 80px;
		margin: 100px -20px 0;
}

.contents-full.no-pb {
		padding-bottom: 0;
}

.contents-full .contents,
.contents-full .min-contents {
		margin-top: 0;
		padding-top: 1px;
}

.min-contents {
		max-width: 950px;
		margin: 80px auto 0;
		position: relative;
}

.contents-form {
		max-width: 700px;
		margin: 40px auto 0;
}

.bg-gray {
		background-color: rgba(228, 228, 228, 0.5);
}

.bg-blue {
		background-color: #006cb6;
}

.bg-brown {
		background-color: #f4eceb;
}

@media only screen and (max-width: 767px) {
		.contents-full {
				margin: 50px 0 0;
				padding-bottom: 40px;
		}
		.contents-full .contents {
				margin-top: 0;
				padding-left: 0;
				padding-right: 0;
		}
		.contents-full .min-contents {
				padding: 0;
		}
		.min-contents {
				margin-top: 30px;
				padding: 0 15px;
		}
		.bg-gray {
				padding-right: 15px;
				padding-left: 15px;
		}
}

p {
		margin-top: 30px;
}

p:first-child {
		margin-top: 0;
}

p + p {
		margin-top: 20px;
}

a {
		text-decoration: underline;
		color: #006cb6;
		transition: all .3s ease;
}

a:hover {
		text-decoration: none;
}

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

.al-right {
		text-align: right;
}

.al-center {
		text-align: center;
}

.al-left {
		text-align: left;
}

.nolink-pc {
		pointer-events: none;
		cursor: text;
}

.nolink {
		pointer-events: none;
		cursor: pointer;
}

.only-sp {
		display: none !important;
}

.only-tab {
		display: none;
}

.disp-ib {
		display: inline-block;
}

@media only screen and (max-width: 1024px) {
		.only-tab {
				display: block;
		}
}

@media only screen and (max-width: 767px) {
		.only-pc {
				display: none !important;
		}
		.only-sp {
				display: block !important;
		}
		br.only-sp {
				display: inline-block !important;
		}
		.nolink-pc {
				pointer-events: auto;
		}
		p {
				margin-top: 15px;
		}
		p + p {
				margin-top: 10px;
		}
}

.fas,
.far {
		margin-right: 5px;
}

.fas.fa-blue,
.far.fa-blue {
		color: #006cb6;
}

.fas.fa-white,
.far.fa-white {
		color: #fff;
}

.fas.fa-gray,
.far.fa-gray {
		color: #878787;
}

/* ------------------------
    カラム分け
------------------------ */
.grid-cmn {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 70px -15px 0;
		position: relative;
}

.grid-cmn:first-child {
		margin-top: 0;
}

.grid-cmn.ai-center {
		-webkit-align-items: center;
		align-items: center;
}

.grid-cmn.jc-center {
		-webkit-justify-content: center;
		justify-content: center;
}

.grid-cmn .col {
		box-sizing: border-box;
		position: relative;
		padding: 0 15px;
		margin-top: 30px;
}

.grid-cmn .col.col-l-2 {
		width: 16.6666%;
}

.grid-cmn .col.col-l-20p {
		width: 20%;
}

.grid-cmn .col.col-l-3 {
		width: 25%;
}

.grid-cmn .col.col-l-4 {
		width: 33.33333%;
}

.grid-cmn .col.col-l-5 {
		width: 41.66666%;
}

.grid-cmn .col.col-l-6 {
		width: 50%;
}

.grid-cmn .col.col-l-7 {
		width: 58.33333%;
}

.grid-cmn .col.col-l-8 {
		width: 66.66666%;
}

.grid-cmn .col.col-l-9 {
		width: 75%;
}

.grid-cmn .col.col-l-10 {
		width: 83.33333%;
}

.grid-cmn .col.col-l-12 {
		width: 100%;
}

.grid-cmn.l-m-01 .col {
		margin-top: 70px;
}

.grid-cmn.l-m-02 {
		margin-left: -25px;
		margin-right: -25px;
}

.grid-cmn.l-m-02 .col {
		padding-left: 25px;
		padding-right: 25px;
}

.grid-cmn.s-m-01 {
		margin-top: 20px;
}

.grid-cmn.s-m-02 {
		margin: 40px -3px 0;
}

.grid-cmn.s-m-02 .col {
		padding-left: 3px;
		padding-right: 3px;
		margin-top: 3px;
}

.grid-cmn.s-m-03 {
		margin-left: 0;
		margin-right: 0;
}

.grid-cmn.s-m-03 .col {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
}

.grid-cmn.s-m-04 {
		margin-top: -30px;
}

.grid-cmn .order-l-1 {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 1;
		order: 1;
}

.grid-cmn .order-l-2 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 2;
		order: 2;
}

.grid-cmn .order-l-3 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 3;
		order: 3;
}

.grid-cmn .order-l-4 {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 4;
		order: 4;
}

.grid-cmn .order-l-5 {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 5;
		order: 5;
}

.grid-cmn .order-l-6 {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 6;
		order: 6;
}

.grid-cmn + * > [class*="btn-cmn-"] {
		margin-top: 60px;
}

.grid-cmn + p {
		margin-top: 25px;
}

@media screen and (max-width: 1024px) {
		.grid-cmn .col.col-m-2 {
				width: 16.6666%;
		}
		.grid-cmn .col.col-m-20p {
				width: 20%;
		}
		.grid-cmn .col.col-m-3 {
				width: 25%;
		}
		.grid-cmn .col.col-m-4 {
				width: 33.33333%;
		}
		.grid-cmn .col.col-m-5 {
				width: 41.66666%;
		}
		.grid-cmn .col.col-m-6 {
				width: 50%;
		}
		.grid-cmn .col.col-m-7 {
				width: 58.33333%;
		}
		.grid-cmn .col.col-m-8 {
				width: 66.66666%;
		}
		.grid-cmn .col.col-m-9 {
				width: 75%;
		}
		.grid-cmn .col.col-m-10 {
				width: 83.33333%;
		}
		.grid-cmn .col.col-m-12 {
				width: 100%;
		}
		.grid-cmn .order-m-1 {
				-webkit-box-ordinal-group: 1;
				-webkit-order: 1;
				order: 1;
		}
		.grid-cmn .order-m-2 {
				-webkit-box-ordinal-group: 2;
				-webkit-order: 2;
				order: 2;
		}
		.grid-cmn .order-m-3 {
				-webkit-box-ordinal-group: 3;
				-webkit-order: 3;
				order: 3;
		}
		.grid-cmn .order-m-4 {
				-webkit-box-ordinal-group: 4;
				-webkit-order: 4;
				order: 4;
		}
		.grid-cmn .order-m-5 {
				-webkit-box-ordinal-group: 5;
				-webkit-order: 5;
				order: 5;
		}
		.grid-cmn .order-m-6 {
				-webkit-box-ordinal-group: 6;
				-webkit-order: 6;
				order: 6;
		}
}

@media only screen and (max-width: 767px) {
		.grid-cmn {
				margin: 0 -12px 0;
		}
		.grid-cmn .col {
				padding: 0 12px;
				margin-top: 25px;
		}
		.grid-cmn .col.col-s-12 {
				width: 100%;
		}
		.grid-cmn .col.col-s-10 {
				width: 83.33333%;
		}
		.grid-cmn .col.col-s-9 {
				width: 75%;
		}
		.grid-cmn .col.col-s-8 {
				width: 66.66666%;
		}
		.grid-cmn .col.col-s-7 {
				width: 58.33333%;
		}
		.grid-cmn .col.col-s-6 {
				width: 50%;
		}
		.grid-cmn .col.col-s-5 {
				width: 41.66666%;
		}
		.grid-cmn .col.col-s-4 {
				width: 33.33333%;
		}
		.grid-cmn .col.col-s-3 {
				width: 25%;
		}
		.grid-cmn .col.col-s-20p {
				width: 20%;
		}
		.grid-cmn .col.col-s-2 {
				width: 16.6666%;
		}
		.grid-cmn.l-m-01 .col {
				margin-top: 30px;
		}
		.grid-cmn.s-m-02 .col {
				margin-top: 25px;
		}
		.grid-cmn .order-s-1 {
				-webkit-box-ordinal-group: 1;
				-webkit-order: 1;
				order: 1;
		}
		.grid-cmn .order-s-2 {
				-webkit-box-ordinal-group: 2;
				-webkit-order: 2;
				order: 2;
		}
		.grid-cmn .order-s-3 {
				-webkit-box-ordinal-group: 3;
				-webkit-order: 3;
				order: 3;
		}
		.grid-cmn .order-s-4 {
				-webkit-box-ordinal-group: 4;
				-webkit-order: 4;
				order: 4;
		}
		.grid-cmn .order-s-5 {
				-webkit-box-ordinal-group: 5;
				-webkit-order: 5;
				order: 5;
		}
		.grid-cmn .order-s-6 {
				-webkit-box-ordinal-group: 6;
				-webkit-order: 6;
				order: 6;
		}
		.grid-cmn + * > [class*="btn-cmn-"] {
				margin-top: 30px;
		}
}

/* ------------------------
    タイトル関係
------------------------ */
[class*="ttl-cmn-"]:first-child {
		margin-top: 0;
}

[class*="ttl-cmn-"] + .grid-cmn {
		margin-top: 30px;
}

[class*="ttl-cmn-"] + .table-cmn-01,
[class*="ttl-cmn-"] + .table-cmn-02,
[class*="ttl-cmn-"] + .table-cmn-03 {
		margin-top: 30px;
}

[class*="ttl-cmn-"] + p {
		margin-top: 40px;
}

[class*="ttl-cmn-"] + .fig-cmn {
		margin-top: 40px;
}

@media only screen and (max-width: 767px) {
		[class*="ttl-cmn-"] + .grid-cmn {
				margin-top: 25px;
		}
		[class*="ttl-cmn-"] + .table-cmn-01,
		[class*="ttl-cmn-"] + .table-cmn-02,
		[class*="ttl-cmn-"] + .table-cmn-03 {
				margin-top: 25px;
		}
		[class*="ttl-cmn-"] + p,
		[class*="ttl-cmn-"] + ul,
		[class*="ttl-cmn-"] + ol,
		[class*="ttl-cmn-"] + .fig-cmn {
				margin-top: 25px;
		}
}

.ttl-cmn-01 {
		display: block;
		font-size: 3.4rem;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
		text-align: center;
		margin-top: 80px;
		font-weight: normal;
}

.ttl-cmn-01 .ttl-cmn-01-in {
		display: inline-block;
		position: relative;
		padding: 15px 0;
}

.ttl-cmn-01 .ttl-cmn-01-in::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
		width: 81px;
		height: 86px;
		background-image: url(../img/comm/ico_ttl_01.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
}

.ttl-cmn-01 + .btn-cmn-01 {
		position: absolute;
		top: 15px;
		right: 0;
}

.ttl-cmn-01:first-of-type {
		margin-top: 0;
}

@media only screen and (max-width: 767px) {
		.ttl-cmn-01 {
				margin-top: 30px;
				font-size: 8vw;
		}
		.ttl-cmn-01 + .btn-cmn-01 {
				-webkit-justify-content: center;
				justify-content: center;
				border: 1px solid #006cb6;
				font-size: 1.3rem;
				padding: 10px 20px 10px 15px;
				/* height: 45px; */
				position: relative;
				top: auto;
				right: auto;
				margin: 30px auto 0;
		}
		.ttl-cmn-01 + .btn-cmn-01.btn-sm {
				max-width: 90%;
		}
		.ttl-cmn-01 + .btn-cmn-01.btn-sm::after {
				right: 10px;
		}
		.ttl-cmn-01 + .btn-cmn-01 .btn-cmn-01-in {
				display: inline-block;
				position: relative;
				padding-left: 35px;
		}
		.ttl-cmn-01 + .btn-cmn-01 .btn-cmn-01-in::before {
				width: 30px;
				height: 30px;
				background-size: contain;
		}
		.ttl-cmn-01:first-of-type {
				margin-top: 0;
		}
}

.ttl-cmn-02 {
		display: block;
		font-size: 3rem;
		font-family: "Sawarabi Mincho", YuMincho, "Yu Mincho", serif;
		font-weight: lighter;
		letter-spacing: 1px;
		text-align: center;
		margin-top: 80px;
}

.ttl-cmn-02 .ttl-cmn-02-in {
		display: inline-block;
		position: relative;
		padding: 35px 0 0;
		z-index: 1;
}

.ttl-cmn-02 .ttl-cmn-02-in::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 79px;
		height: 38px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		background-image: url(../img/comm/ico_ttl_02.png);
}

.ttl-cmn-02 .ttl-cmn-02-in::after {
		content: '';
		display: block;
		position: absolute;
		width: 106%;
		height: 14px;
		left: -3%;
		bottom: 4px;
		z-index: -1;
		background-image: url(../img/comm/border_ttl_02.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
}

.ttl-cmn-02:first-child {
		margin-top: 0;
}

.ttl-cmn-02.in-image .ttl-cmn-02-in {
		-js-display: inline-flex;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-align-items: center;
		align-items: center;
}

.ttl-cmn-02.in-image .ttl-cmn-02-in::before {
		left: 65%;
}

.ttl-cmn-02.in-image .ttl-cmn-02-in::after {
		bottom: -5px;
}

.ttl-cmn-02.in-image .ttl-cmn-02-in .in-image-money {
		display: inline-block;
		position: relative;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../img/index/ttl_money_in.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		width: 93px;
		height: 60px;
		margin: 0 10px;
}

.contents-full > .ttl-cmn-02 {
		transform: translateY(-60px);
		margin-bottom: 10px;
}

.contents-full > .ttl-cmn-02 + .contents .grid-cmn {
		margin-top: 0;
}

.contents-full > .contents > .ttl-cmn-02 {
		margin-top: 60px;
}

@media only screen and (max-width: 767px) {
		.ttl-cmn-02 {
				font-size: 6vw;
				margin-top: 60px;
		}
		.ttl-cmn-02 .ttl-cmn-02-in {
				padding: 20px 0 5px;
				display: inline;
				background-image: url(../img/comm/border_ttl_02.png);
				background-repeat: no-repeat;
				background-position: 0 100%;
				background-size: 100% 10px;
		}
		.ttl-cmn-02 .ttl-cmn-02-in::before {
				width: 40px;
				height: 20px;
		}
		.ttl-cmn-02 .ttl-cmn-02-in::after {
				content: none;
		}
		.ttl-cmn-02.in-image .ttl-cmn-02-in .in-image-money {
				width: 60px;
				height: 40px;
				margin: 0 5px;
		}
		.contents-full > .ttl-cmn-02 {
				transform: translateY(-30px);
				margin-bottom: -25px;
		}
		.contents-full > .contents > .ttl-cmn-02 {
				margin-top: 30px;
		}
}

.ttl-cmn-03 {
		display: block;
		position: relative;
		font-size: 2.4rem;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
		margin-top: 60px;
		padding-bottom: 20px;
		font-weight: normal;
}

.ttl-cmn-03::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 74px;
		height: 6px;
		border-radius: 3px;
		background-color: #006cb6;
}

.ttl-cmn-03:first-child {
		margin-top: 0;
}

.ttl-cmn-03 + .label-check {
		margin-top: 20px;
}

.ttl-cmn-03 .cate {
		display: inline-block;
		background-color: #006cb6;
		width: 73px;
		padding: 10px;
		text-align: center;
		color: #fff;
		border-radius: 4px;
		margin: 10px 20px 10px 0;
		flex-shrink: 0;
		font-size: 1.5rem;
}

.ttl-cmn-03 .cate.imp {
		background-color: #bd1920;
}

@media only screen and (max-width: 767px) {
		.ttl-cmn-03 {
				font-size: 2rem;
				margin-top: 35px;
				padding-bottom: 9px;
		}
		.ttl-cmn-03::after {
				bottom: -2px;
				width: 40px;
				height: 4px;
				border-radius: 4px;
		}
		.ttl-cmn-03 .cate {
				width: auto;
				margin: 10px 15px 0 0;
				padding: 4px 15px;
				font-size: 1.3rem;
		}
}

.ttl-cmn-04 {
		display: block;
		position: relative;
		font-size: 2rem;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
		margin-top: 40px;
}

.ttl-cmn-04 + .table-cmn-01,
.ttl-cmn-04 + .table-cmn-02,
.ttl-cmn-04 + .table-cmn-03 {
		margin-top: 15px;
}

.ttl-cmn-04 + p {
		margin-top: 20px;
}

.ttl-cmn-04 + .grid-cmn {
		margin-top: 0;
}

@media only screen and (max-width: 767px) {
		.ttl-cmn-04 {
				font-size: 1.6rem;
		}
}

.ttl-cmn-05 {
		display: block;
		font-size: 1.8rem;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
		margin-top: 40px;
}

.ttl-cmn-05 + p {
		margin-top: 20px;
}

.ttl-cmn-05 + .grid-cmn {
		margin-top: 0;
}

@media only screen and (max-width: 767px) {
		.ttl-cmn-05 {
				font-size: 1.6rem;
		}
}

.ttl-faq {
		display: block;
		position: relative;
		padding: 60px 10px;
		text-align: center;
		border-bottom: 1px solid #979797;
		margin-bottom: 50px;
}

.ttl-faq img {
		display: block;
		position: absolute;
		bottom: 0;
		left: 16%;
}

.ttl-faq span {
		display: inline-block;
		position: relative;
		padding-left: 78px;
		font-size: 3.2rem;
		margin-left: 20px;
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
		font-weight: normal;
}

.ttl-faq span::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/faq/ico_faq_ttl.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 60px;
		height: 49px;
}

@media only screen and (max-width: 767px) {
		.ttl-faq {
				padding: 30px 10px;
				text-align: left;
				margin-bottom: 25px;
		}
		.ttl-faq img {
				bottom: 0;
				left: auto;
				right: 0;
				width: 30%;
		}
		.ttl-faq span {
				padding-left: 45px;
				font-size: 1.8rem;
				margin-left: 10px;
		}
		.ttl-faq span::before {
				width: 40px;
				height: 29px;
		}
}

.ttl-border {
		display: block;
		font-size: 1.8rem;
		margin-top: 50px;
		padding-bottom: 5px;
		border-bottom: 1px solid #006cb6;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
}

.ttl-border:first-child {
		margin-top: 0;
}

.ttl-border + .grid-cmn {
		margin-top: 0;
}

.ttl-border + p {
		margin-top: 20px;
}

@media only screen and (max-width: 767px) {
		.ttl-border {
				font-size: 1.6rem;
				margin-top: 30px;
		}
}

.ttl-bd-yellow {
		display: block;
		font-size: 2rem;
		margin-top: 50px;
		font-family: "Noto Sans JP", MyYuGothicM, "YuGothic", sans-serif;
}

.ttl-bd-yellow:first-child {
		margin-top: 0;
}

.ttl-bd-yellow .ttl-bd-yellow-in {
		display: inline-block;
		position: relative;
}

.ttl-bd-yellow .ttl-bd-yellow-in::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 7px;
		background-image: url(../img/comm/img_boder01.png);
		background-repeat: no-repeat;
		background-position: center left;
		background-size: 100% 100%;
}

/* ------------------------
    ボタン関係
------------------------ */
.btn-cmn-01,
.btn-cmn-01-rev {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		border: 2px solid #006cb6;
		border-radius: 5px;
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		font-weight: bold;
		text-align: left;
		padding: 10px 30px;
		line-height: 1.3;
		height: 70px;
		text-decoration: none;
		background-color: #fff;
		cursor: pointer;
}

.btn-cmn-01.btn-sm,
.btn-cmn-01-rev.btn-sm {
		max-width: 322px;
}

.btn-cmn-01 .btn-cmn-01-in,
.btn-cmn-01-rev .btn-cmn-01-in {
		display: inline-block;
		position: relative;
		padding-left: 65px;
		color: #006cb6;
}

.btn-cmn-01 .btn-cmn-01-in::before,
.btn-cmn-01-rev .btn-cmn-01-in::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: center center;
		width: 50px;
		height: 42px;
}

.btn-cmn-01 .btn-cmn-01-in.ico-simu01::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-simu01::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu01.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-simu02::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-simu02::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu02.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-simu03::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-simu03::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu03.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-rate::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-rate::before {
		background-image: url(../img/comm/btn-icon/ico_rate.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-product::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-product::before {
		background-image: url(../img/comm/btn-icon/ico_product.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-card::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-card::before {
		background-image: url(../img/comm/btn-icon/ico_card.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-beginner::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-beginner::before {
		background-image: url(../img/comm/btn-icon/ico_beginner.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-home::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-home::before {
		background-image: url(../img/comm/btn-icon/ico_home.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-atm::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-atm::before {
		background-image: url(../img/comm/btn-icon/ico_atm.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-loancenter::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-loancenter::before {
		background-image: url(../img/comm/btn-icon/ico_loancenter.svg);
}

.btn-cmn-01 .btn-cmn-01-in.ico-document::before,
.btn-cmn-01-rev .btn-cmn-01-in.ico-document::before {
		background-image: url(../img/comm/btn-icon/ico_document.svg);
}

.btn-cmn-01:hover,
.btn-cmn-01-rev:hover {
		background-color: #006cb6;
		opacity: 1;
		color: #fff;
}

.btn-cmn-01:hover .btn-cmn-01-in,
.btn-cmn-01-rev:hover .btn-cmn-01-in {
		color: #fff;
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-simu01::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu01::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu01_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-simu02::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu02::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu02_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-simu03::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu03::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu03_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-rate::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-rate::before {
		background-image: url(../img/comm/btn-icon/ico_rate_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-product::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-product::before {
		background-image: url(../img/comm/btn-icon/ico_product_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-card::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-card::before {
		background-image: url(../img/comm/btn-icon/ico_card_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-beginner::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-beginner::before {
		background-image: url(../img/comm/btn-icon/ico_beginner_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-home::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-home::before {
		background-image: url(../img/comm/btn-icon/ico_home_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-atm::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-atm::before {
		background-image: url(../img/comm/btn-icon/ico_atm_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-loancenter::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-loancenter::before {
		background-image: url(../img/comm/btn-icon/ico_loancenter_h.svg);
}

.btn-cmn-01:hover .btn-cmn-01-in.ico-document::before,
.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-document::before {
		background-image: url(../img/comm/btn-icon/ico_document_h.svg);
}

.btn-cmn-01:hover .fa-blue,
.btn-cmn-01-rev:hover .fa-blue {
		color: #fff;
}

.btn-cmn-01-rev {
		background-color: #006cb6;
		color: #fff;
}

.btn-cmn-01-rev .btn-cmn-01-in {
		color: #fff;
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-simu01::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu01_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-simu02::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu02_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-simu03::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu03_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-rate::before {
		background-image: url(../img/comm/btn-icon/ico_rate_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-product::before {
		background-image: url(../img/comm/btn-icon/ico_product_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-card::before {
		background-image: url(../img/comm/btn-icon/ico_card_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-beginner::before {
		background-image: url(../img/comm/btn-icon/ico_beginner_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-atm::before {
		background-image: url(../img/comm/btn-icon/ico_atm_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-loancenter::before {
		background-image: url(../img/comm/btn-icon/ico_loancenter_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-document::before {
		background-image: url(../img/comm/btn-icon/ico_document_h.svg);
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-arrow {
		padding: 0;
		width: 100%;
		text-align: center;
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-arrow::before {
		content: none;
}

.btn-cmn-01-rev .btn-cmn-01-in.ico-arrow::after {
		content: '';
		display: block;
		position: absolute;
		right: -20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow02.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 18px;
		height: 20px;
}

.btn-cmn-01-rev:hover {
		background-color: #fff;
		color: #006cb6;
}

.btn-cmn-01-rev:hover .btn-cmn-01-in {
		color: #006cb6;
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu01::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu01.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu02::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu02.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-simu03::before {
		background-image: url(../img/comm/btn-icon/ico_loan_simu03.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-rate::before {
		background-image: url(../img/comm/btn-icon/ico_rate.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-product::before {
		background-image: url(../img/comm/btn-icon/ico_product.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-card::before {
		background-image: url(../img/comm/btn-icon/ico_card.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-beginner::before {
		background-image: url(../img/comm/btn-icon/ico_beginner.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-home::before {
		background-image: url(../img/comm/btn-icon/ico_home.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-atm::before {
		background-image: url(../img/comm/btn-icon/ico_atm.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-loancenter::before {
		background-image: url(../img/comm/btn-icon/ico_loancenter.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-document::before {
		background-image: url(../img/comm/btn-icon/ico_document.svg);
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-arrow::before {
		content: none;
}

.btn-cmn-01-rev:hover .btn-cmn-01-in.ico-arrow::after {
		background-image: url(../img/comm/ico_arrow01.png);
}

@media only screen and (max-width: 767px) {
		.btn-list {
				margin: 40px -15px 0;
		}
		.btn-list.s-m-01 {
				margin-top: 30px;
		}
		.btn-list .col {
				padding: 0;
				margin-top: 0;
		}
		.btn-list .col .btn-cmn-01 {
				border: 0 none;
				border-top: 1px solid #006cb6;
		}
		.btn-list .col:last-of-type .btn-cmn-01 {
				border-bottom: 1px solid #006cb6;
		}
		.btn-cmn-01,
		.btn-cmn-01-rev {
				border: 1px solid #006cb6;
				padding: 18px 20px;
				height: auto;
				border-radius: 0;
				-webkit-justify-content: flex-start;
				justify-content: flex-start;
				position: relative;
		}
		.btn-cmn-01::after,
		.btn-cmn-01-rev::after {
				content: '';
				display: block;
				position: absolute;
				right: 20px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 10px;
				height: 20px;
				background-image: url(../img/comm/ico_arrow01.png);
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
		}
		.btn-cmn-01:hover::after,
		.btn-cmn-01-rev:hover::after {
				background-image: url(../img/comm/ico_arrow02.png);
		}
		.btn-cmn-01 .btn-cmn-01-in,
		.btn-cmn-01-rev .btn-cmn-01-in {
				display: inline-block;
				position: relative;
				padding-left: 45px;
		}
		.btn-cmn-01 .btn-cmn-01-in::before,
		.btn-cmn-01-rev .btn-cmn-01-in::before {
				width: 30px;
				height: 30px;
				background-size: contain;
		}
		.btn-cmn-01-rev::after {
				background-image: url(../img/comm/ico_arrow02.png);
		}
		.btn-cmn-01-rev:hover::after {
				background-image: url(../img/comm/ico_arrow01.png);
		}
		.btn-cmn-01-rev .btn-cmn-01-in.ico-arrow::after {
				right: 0;
		}
}

.btn-cmn-02 {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		border: 4px solid #ffe800;
		border-radius: 5px;
		background-color: #ffe800;
		color: #006cb6;
		font-weight: bold;
		font-size: 1.8rem;
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		text-align: left;
		padding: 10px 30px;
		line-height: 1.3;
		max-width: 500px;
		height: 86px;
		margin: 70px auto 0;
		text-decoration: none;
}

.btn-cmn-02::after {
		content: '';
		display: block;
		position: absolute;
		right: 26px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow01.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 18px;
		height: 26px;
}

.btn-cmn-02:hover {
		background-color: #fff;
}

@media only screen and (max-width: 767px) {
		.btn-cmn-02 {
				border: 2px solid #ffe800;
				border-radius: 4px;
				font-size: 1.6rem;
				padding: 10px 25px;
				height: 60px;
				margin: 30px auto 0;
		}
		.btn-cmn-02::after {
				right: 20px;
				width: 13px;
				height: 22px;
		}
}

.btn-cmn-03,
.btn-cmn-03-rev {
		display: block;
		position: relative;
		text-align: center;
		width: 300px;
		max-width: 100%;
		border: 2px solid #006cb6;
		background-color: #006cb6;
		color: #fff;
		padding: 15px 32px;
		border-radius: 4px;
		text-decoration: none;
		margin: 50px auto 0;
		transition: all .3s ease;
		font-size: 1.5rem;
		cursor: pointer;
}

.btn-cmn-03::after,
.btn-cmn-03-rev::after {
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow02.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 13px;
		height: 18px;
}

.btn-cmn-03:hover,
.btn-cmn-03-rev:hover {
		background-color: #fff;
		color: #006cb6;
		opacity: 1;
}

.btn-cmn-03:hover::after,
.btn-cmn-03-rev:hover::after {
		background-image: url(../img/comm/ico_arrow01.png);
}

.btn-cmn-03:first-child,
.btn-cmn-03-rev:first-child {
		margin-top: 0;
}

.btn-cmn-03.btn-bg-gray,
.btn-cmn-03-rev.btn-bg-gray {
		border: 2px solid #979797;
		background-color: #979797;
		color: #fff;
}

.btn-cmn-03.btn-bg-gray::after,
.btn-cmn-03-rev.btn-bg-gray::after {
		content: none;
}

.btn-cmn-03.btn-bg-gray:hover,
.btn-cmn-03-rev.btn-bg-gray:hover {
		background-color: #fff;
		color: #979797;
}

.btn-cmn-03-rev {
		background-color: #fff;
		color: #006cb6;
}

.btn-cmn-03-rev::after {
		background-image: url(../img/comm/ico_arrow01.png);
}

.btn-cmn-03-rev:hover {
		background-color: #006cb6;
		color: #fff;
		opacity: 1;
}

.btn-cmn-03-rev:hover::after {
		background-image: url(../img/comm/ico_arrow02.png);
}

@media only screen and (max-width: 767px) {
		.btn-cmn-03,
		.btn-cmn-03-rev {
				display: block;
				min-width: 1px;
				border: 1px solid #006cb6;
				padding: 10px 35px 10px 20px;
				border-radius: 2px;
				margin-top: 20px;
		}
		.btn-cmn-03::after,
		.btn-cmn-03-rev::after {
				right: 5px;
				width: 10px;
				height: 15px;
		}
}

.btn-gray {
		display: block;
		position: relative;
		text-align: center;
		width: 300px;
		border: 2px solid #979797;
		background-color: #979797;
		color: #fff;
		padding: 15px 32px;
		border-radius: 4px;
		text-decoration: none;
		margin: 50px auto 0;
		cursor: pointer;
}

.btn-gray:before {
		content: '';
		display: block;
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		background-image: url(../img/comm/ico_arrow02.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 13px;
		height: 18px;
		transform: rotate(180deg);
}

.btn-gray:hover {
		background-color: #fff;
		color: #979797;
}

.btn-gray:hover::before {
		background-image: url(../img/comm/ico_arrow03.png);
}

.btn-gray.btn-gray02 {
		font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
		.btn-gray {
				display: block;
				min-width: 1px;
				border: 1px solid #979797;
				padding: 10px 20px 10px 35px;
				border-radius: 2px;
		}
		.btn-gray::before {
				left: 5px;
				width: 10px;
				height: 15px;
		}
}

.btn-cmn-04 {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		border: 2px solid #006cb6;
		border-radius: 5px;
		background-color: #006cb6;
		font-size: 2rem;
		color: #fff;
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		text-align: left;
		padding: 10px 30px;
		line-height: 1.3;
		width: 500px;
		height: 86px;
		text-decoration: none;
}

.btn-cmn-04.bg-gray {
		border-color: #979797;
		background-color: #979797;
}

.btn-cmn-04.bg-gray:hover {
		color: #979797;
}

.btn-cmn-04:hover {
		background-color: #fff;
		color: #006cb6;
		opacity: 1;
}

@media only screen and (max-width: 767px) {
		.btn-cmn-04 {
				border: 1px solid #006cb6;
				border-radius: 2px;
				padding: 10px 20px;
				width: 100%;
				height: 50px;
		}
}
.btn-cmn-white {background-color: #fff;}
.btn-cmn-05 {
		display: inline-block;
		position: relative;
		text-align: center;
		min-width: 264px;
		border: 2px solid #006cb6;
		color: #006cb6;
		padding: 15px 32px;
		border-radius: 4px;
		font-size: 1.6rem;
		text-decoration: none;
}

.btn-cmn-05::after {
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow01.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 13px;
		height: 18px;
}

.btn-cmn-05:hover {
		background-color: #006cb6;
		color: #fff;
		opacity: 1;
}

.btn-cmn-05:hover::after {
		background-image: url(../img/comm/ico_arrow02.png);
}

.btn-cmn-05:hover .fa-blue {
		color: #fff;
}

@media only screen and (max-width: 767px) {
		.btn-cmn-05 {
				display: block;
				min-width: 1px;
				max-width: 500px;
				border: 1px solid #006cb6;
				padding: 10px 35px 10px 20px;
				border-radius: 2px;
				font-size: 1.7rem;
		}
		.btn-cmn-05::after {
				right: 5px;
				width: 10px;
				height: 15px;
		}
}

.btn-cmn-06 {
		display: block;
		position: relative;
		text-align: center;
		min-width: 264px;
		border: 2px solid #ffe800;
		background-color: #ffe800;
		color: #006cb6;
		padding: 15px 32px;
		border-radius: 4px;
		font-size: 1.8rem;
		text-decoration: none;
}

.btn-cmn-06::after {
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow01.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 13px;
		height: 18px;
}

.btn-cmn-06:hover {
		background-color: #fff;
		opacity: 1;
}

.btn-cmn-06:hover .fa-blue {
		color: #fff;
}

@media only screen and (max-width: 767px) {
		.btn-cmn-06 {
				min-width: 1px;
				border: 1px solid #ffe800;
				padding: 15px 35px 15px 20px;
				border-radius: 2px;
				font-size: 1.6rem;
		}
		.btn-cmn-06::after {
				width: 10px;
				height: 15px;
		}
}

.hover-btn-cmn {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		border: 2px solid #006cb6;
		border-radius: 5px;
		font-size: 1.6rem;
		font-family: MyYuGothicM, "YuGothic", sans-serif;
		font-weight: bold;
		text-align: left;
		padding: 10px 30px;
		line-height: 1.3;
		height: 70px;
		transition: all .3s ease;
		text-align: center;
		cursor: pointer;
}

.hover-btn-cmn.btn-sm {
		max-width: 322px;
}

.hover-btn-cmn .hover-btn-in {
		display: block;
		position: absolute;
		top: 0;
		left: -2px;
		right: -2px;
		background-color: #006cb6;
		border-radius: 5px;
		color: #fff;
		padding: 20px 30px 40px;
		box-shadow: 0 0 10px #006cb6;
		z-index: 1;
}

.hover-btn-cmn .hover-btn-in strong {
		display: block;
		padding-bottom: 15px;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
}

.hover-btn-cmn .hover-btn-in p {
		font-weight: normal;
		text-align: left;
		margin-bottom: 30px;
}

.hover-btn-cmn .hover-btn-in a {
		color: #fff;
		text-decoration: none;
}

@media only screen and (max-width: 767px) {
		.hover-btn-cmn {
				font-size: 1.6rem;
				height: auto;
				padding: 0;
				border: 0 none;
		}
		.hover-btn-cmn span {
				display: none;
		}
		.hover-btn-cmn .hover-btn-in {
				position: static;
				padding: 15px 10px 20px;
				box-shadow: 0 0 0 transparent;
				color: #222222;
				background-color: #fff;
				border: 1px solid #006cb6;
		}
		.hover-btn-cmn .hover-btn-in strong {
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom-color: #006cb6;
				color: #006cb6;
		}
		.hover-btn-cmn .hover-btn-in p {
				margin-bottom: 20px;
				font-size: 1.5rem;
		}
		.hover-btn-cmn .hover-btn-in a {
				color: #222222;
		}
		.hover-btn-cmn .hover-btn-in a .fas {
				color: #006cb6;
		}
}

.btn-simulation {
		display: block;
		position: relative;
		width: 100%;
		max-width: 500px;
		padding: 15px 10px;
		color: #fff;
		font-size: 1.9rem;
		border-radius: 6px;
		margin: 60px auto 0;
		background-color: #006cb6;
		border: 2px solid #006cb6;
		transition: all .3s ease;
		text-align: center;
		cursor: pointer;
}

.btn-simulation .btn-simulation-in {
		display: inline-block;
		position: relative;
		padding-left: 70px;
		text-decoration: none;
}

.btn-simulation .btn-simulation-in::before {
		content: '';
		display: block;
		position: absolute;
		background-image: url(../img/comm/form/ico_simulation.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 37px;
		height: 45px;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.btn-simulation:hover {
		background-color: #fff;
		color: #006cb6;
}

.btn-simulation:hover .btn-simulation-in {
		color: #006cb6;
}

.btn-simulation:hover .btn-simulation-in::before {
		background-image: url(../img/comm/form/ico_simulation_h.png);
}

@media only screen and (max-width: 767px) {
		.btn-simulation {
				padding: 15px 10px;
				font-size: 1.6rem;
				border-radius: 4px;
				border: 1px solid #006cb6;
				margin-top: 35px;
		}
		.btn-simulation .btn-simulation-in {
				padding-left: 40px;
		}
		.btn-simulation .btn-simulation-in::before {
				width: 25px;
				height: 30px;
		}
}

.parallel-btn-area {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 50px;
}

.parallel-btn-area [class*="btn-"] {
		margin: 0 15px;
}

@media only screen and (max-width: 767px) {
		.parallel-btn-area {
				-js-display: block;
				display: block;
				display: block;
				display: block;
				margin-top: 20px;
		}
		.parallel-btn-area [class*="btn-"] {
				margin: 0 5px;
		}
		.parallel-btn-area.area01 {
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		.parallel-btn-area.area01 a[class*="btn-"],
		.parallel-btn-area.area01 button[class*="btn-"] {
				margin: 5px 0 0;
				width: 100%;
				-webkit-justify-content: center;
				justify-content: center;
		}
		.parallel-btn-area.area01 a[class*="btn-"]:first-of-type,
		.parallel-btn-area.area01 button[class*="btn-"]:first-of-type {
				order: 2;
		}
		
		.parallel-btn-area .btn-cmn-03, .parallel-btn-area .btn-cmn-03-rev {
				margin-bottom: 12px;
				width: auto;
		}
		
}

.parallel-btn-area-02 {
		max-width: 850px;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 50px auto 0;
}

.parallel-btn-area-02 a[class*="btn-"] {
		margin: 0 15px;
		width: 100%;
		font-weight: bold;
		font-size: 1.8rem;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
}

@media only screen and (max-width: 767px) {
		.parallel-btn-area-02 {
				margin: 20px auto 0;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		.parallel-btn-area-02 a[class*="btn-"] {
				margin: 10px 0;
		}
}

.add-form-btn {
		display: block;
		font-size: 1.6rem;
		border: 0 none;
		box-shadow: 0 0 0 transparent;
		background: none;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 15px;
}

.add-form-btn:hover {
		text-decoration: none;
}

@media only screen and (max-width: 767px) {
		.add-form-btn {
				font-size: 1.5rem;
				border: 1px solid #979797;
				margin-top: 10px;
				padding: 5px 10px;
				width: 100%;
				border-radius: 4px;
				text-align: left;
				text-decoration: none;
		}
}

/* ------------------------
    テーブル関係
------------------------ */
.table-parent {
		margin-top: 30px;
}

.vertical-m {
		vertical-align: middle;
}

.vertical-m thead, .vertical-m tbody, .vertical-m th, .vertical-m td {
		vertical-align: middle;
}

.table-al-center {
		text-align: center;
}

.table-al-center thead, .table-al-center tbody, .table-al-center th, .table-al-center td {
		text-align: center;
}

@media only screen and (max-width: 767px) {
		.table-parent {
				margin-top: 30px;
				padding-bottom: 2px;
				width: 100%;
				overflow-x: scroll;
				white-space: nowrap;
		}
		.table-parent::-webkit-scrollbar {
				height: 5px;
		}
		.table-parent::-webkit-scrollbar-track {
				background: none;
		}
		.table-parent::-webkit-scrollbar-thumb {
				background: #006cb6;
				border-radius: 2px;
		}
		.table-parent .table-cmn-01,
		.table-parent .table-cmn-02,
		.table-parent .table-cmn-03 {
				width: 100%;
		}
		.table-al-center {
				text-align: left;
		}
		.table-al-center thead, .table-al-center tbody, .table-al-center th, .table-al-center td {
				text-align: left;
		}
}

.table-cmn-01,
.table-cmn-02,
.table-cmn-03 {
		width: 100%;
		border: 2px solid #006cb6;
		margin-top: 60px;
}

.table-cmn-01:first-child,
.table-cmn-02:first-child,
.table-cmn-03:first-child {
		margin-top: 0;
}

.table-cmn-01 thead tr th, .table-cmn-01 thead tr td,
.table-cmn-02 thead tr th,
.table-cmn-02 thead tr td,
.table-cmn-03 thead tr th,
.table-cmn-03 thead tr td {
		background-color: rgba(0, 108, 182, 0.2);
		padding: 10px;
		border-right: 2px solid #006cb6;
		border-bottom: 2px solid #006cb6;
		text-align: center;
}

.table-cmn-01 thead tr th,
.table-cmn-02 thead tr th,
.table-cmn-03 thead tr th {
		width: 76px;
}

.table-cmn-01 tbody tr th, .table-cmn-01 tbody tr td,
.table-cmn-02 tbody tr th,
.table-cmn-02 tbody tr td,
.table-cmn-03 tbody tr th,
.table-cmn-03 tbody tr td {
		border-right: 2px solid #006cb6;
		border-bottom: 2px solid #006cb6;
		padding: 12px;
}

.table-cmn-01 tbody tr th,
.table-cmn-02 tbody tr th,
.table-cmn-03 tbody tr th {
		background-color: rgba(0, 108, 182, 0.05);
		text-align: center;
}

.table-cmn-01 tbody tr td a,
.table-cmn-02 tbody tr td a,
.table-cmn-03 tbody tr td a {
		color: #006cb6;
}

.table-cmn-02-parent .col:nth-of-type(odd) .table-cmn-02 {
		border-right: 0 none;
}

.table-cmn-02-parent .col:nth-of-type(odd) .table-cmn-02 td {
		border-right: 0 none;
}

.table-cmn-02 th {
		width: 200px;
		max-width: 200px;
}

.table-cmn-02 + p {
		font-size: 1.4rem;
		margin-top: 10px;
}

.table-cmn-02 td small {
		display: block;
		margin-top: 10px;
}

@media only screen and (max-width: 767px) {
		.table-cmn-02-parent {
				margin-top: 40px;
		}
		.table-cmn-02-parent .col {
				margin-top: 0;
		}
		.table-cmn-02-parent .col:nth-of-type(odd) .table-cmn-02 {
				border: 2px solid #006cb6;
				border-bottom: 0 none;
		}
		.table-cmn-02 {
				margin-top: 0;
		}
		.table-cmn-02 tbody tr:last-of-type th, .table-cmn-02 tbody tr:last-of-type td {
				border-bottom: 0 none;
		}
		.table-cmn-02 tbody tr th {
				width: 120px;
				text-align: left;
				padding: 4px;
		}
}

.table-cmn-03 {
		margin-top: 70px;
}

.table-cmn-03 tbody tr th {
		text-align: left;
		vertical-align: middle;
}

.table-cmn-03 tbody tr td {
		width: 70px;
		text-align: center;
}

.bg-yellow {
		background-color: rgba(255, 232, 0, 0.2);
}

/* ------------------------
    テキスト装飾
------------------------ */
.text-link02 {
		display: inline-block;
		position: relative;
		padding-right: 25px;
		font-size: 1.7rem;
		color: #006cb6;
		margin-top: 30px;
		text-decoration: none;
}

.text-link02::after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../img/comm/ico_arrow01.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 12px;
		height: 14px;
}

.text-link02:first-of-type {
		margin-top: 0;
}

@media only screen and (max-width: 767px) {
		.text-link02 {
				padding-right: 20px;
				font-size: 1.4rem;
				margin-top: 20px;
		}
		.text-link02::after {
				width: 10px;
				height: 12px;
		}
}

.annotation {
		font-size: 1.4rem;
		color: #979797;
		margin-top: 20px;
}

.annotation b {
		display: block;
		color: #222222;
		margin-top: 10px;
}

@media only screen and (max-width: 767px) {
		.annotation {
				margin-top: 20px;
		}
		.annotation b {
				margin-top: 10px;
		}
}

.label-blue {
		display: inline-block;
		background-color: #006cb6;
		color: #fff;
		border-radius: 4px;
		padding: 1px 8px;
}

.label-red {
		display: inline-block;
		background-color: #ff0000;
		color: #fff;
		border-radius: 4px;
		padding: 1px 8px;
}

.label-gray {
		display: inline-block;
		background-color: #979797;
		color: #fff;
		border-radius: 4px;
		padding: 1px 8px;
}

.myplan-gendo-table {
		width: 100%;
		margin-top: 40px;
		border: 1px solid #006cb6;
}

.myplan-gendo-table thead tr {
		background-color: #006cb6;
		color: #fff;
}

.myplan-gendo-table thead tr th {
		padding: 15px;
		text-align: center;
		font-size: 1.8rem;
}

.myplan-gendo-table tbody tr td {
		padding: 0 12px 12px;
		text-align: center;
		width: 50%;
}

.myplan-gendo-table tbody tr td:first-child {
		border-right: 1px solid #006cb6;
}

.myplan-gendo-table tbody tr td strong {
		display: block;
		font-weight: bold;
		font-size: 1.6rem;
		background-color: rgba(0, 108, 182, 0.1);
		padding: 12px;
		margin: 0 -12px 10px;
}

@media only screen and (max-width: 767px) {
		.myplan-gendo-table {
				display: block;
				margin-top: 30px;
		}
		.myplan-gendo-table thead, .myplan-gendo-table tbody, .myplan-gendo-table tr, .myplan-gendo-table th, .myplan-gendo-table td {
				display: block;
				width: 100%;
		}
		.myplan-gendo-table thead tr {
				background-color: #006cb6;
				color: #fff;
		}
		.myplan-gendo-table thead tr th {
				padding: 15px;
				text-align: center;
				font-size: 1.8rem;
		}
		.myplan-gendo-table tbody tr td {
				padding: 0 12px 10px;
				text-align: center;
				width: 100%;
		}
		.myplan-gendo-table tbody tr td:first-child {
				border-right: 0 none;
		}
		.myplan-gendo-table tbody tr td strong {
				padding: 12px;
				margin: 0 -12px 10px;
		}
}

.myplan-hikaku {
		width: 100%;
		margin-top: 40px;
		border: 1px solid #006cb6;
}

.myplan-hikaku thead tr {
		background-color: #006cb6;
		color: #fff;
}

.myplan-hikaku thead tr th {
		padding: 10px;
		font-size: 1.8rem;
		text-align: center;
}

.myplan-hikaku tbody tr td {
		border-left: 1px solid #006cb6;
		padding: 10px;
		text-align: center;
		width: 33.3333%;
}

.myplan-hikaku tbody tr td .ttl-cmn-04 {
		font-size: 3rem;
}

.myplan-hikaku tbody tr td .ttl-cmn-04 small {
		font-size: 1.6rem;
		display: inline-block;
		margin-left: 5px;
}

.myplan-hikaku tbody tr td p {
		font-size: 1.6rem;
		font-weight: bold;
		margin-top: 10px;
		border-bottom: 1px solid #006cb6;
}

.myplan-hikaku tbody tr td strong {
		display: block;
		font-size: 3rem;
}

.myplan-hikaku tbody tr td strong span {
		display: inline-block;
		font-size: 5rem;
		margin-left: 5px;
}

.myplan-hikaku tbody tr td strong span.orange {
		color: #fb714f;
}

.myplan-hikaku tbody tr td small {
		display: block;
		text-align: left;
}

.myplan-hikaku tbody tr td:first-child {
		border: 0 none;
}

.myplan-hikaku tbody tr td:first-child .ttl-cmn-04 {
		color: #006cb6;
}

@media only screen and (max-width: 767px) {
		.myplan-hikaku {
				display: block;
				margin-top: 30px;
		}
		.myplan-hikaku thead, .myplan-hikaku tbody, .myplan-hikaku tr, .myplan-hikaku th, .myplan-hikaku td {
				display: block;
				width: 100%;
		}
		.myplan-hikaku thead tr th {
				font-size: 1.6rem;
				text-align: left;
		}
		.myplan-hikaku tbody tr td {
				width: 100%;
				border-top: 1px solid #006cb6;
				border-left: 0 none;
		}
		.myplan-hikaku tbody tr td .ttl-cmn-04 {
				font-size: 2.5rem;
		}
		.myplan-hikaku tbody tr td p {
				border-bottom: 0 none;
		}
		.myplan-hikaku tbody tr td strong {
				font-size: 2.5rem;
		}
		.myplan-hikaku tbody tr td strong span {
				font-size: 4.6rem;
		}
		.myplan-hikaku tbody tr td:first-child {
				border: 0 none;
		}
}


#enquete input[type='text'], 
#enquete input[type='tel'], 
#enquete input[type='email'], 
#enquete textarea, 
#enquete .label-select select {
	border: 2px solid #006cb6;
}

#enquete input[type='text']:focus, 
#enquete input[type='tel']:focus, 
#enquete input[type='email']:focus, 
#enquete textarea:focus {
	border: 2px solid #006cb6;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(0,108,182, .5);
}