@charset "UTF-8";
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	/* font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic'; */
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 19px;
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	margin: 0 0;
	line-height: 1.5;
}

h1, h2, h3 {
	text-align: center;
}
h3, h4 {
	line-height: 1.3;
	font-weight: 600;
}

figure {
	margin: 0;
}

img {
	vertical-align: middle;
}

ul,
ol {
	list-style: none;
	margin: 0 0;
	padding-left: 0;
}

.header {
	background-color: #fff;
}

.header .container {
	padding: 8px 0;
}

@media screen and (max-width: 990px) {
	.header .container {
		padding: 8px 1em;
	}
}

.header .logo {
	font-size: 27px;
	line-height: 1;
}

#check_hader{
    background-color: #1a3552;
    overflow: hidden;
}
#check_hader h2{
	font-size: .9em;
    padding: 2px 0;
    color: #fff;
    text-align: center;
	line-height: 1;
    padding: 3px 0;
}
@media screen and (max-width: 767px) {
    #check_hader h2{
		font-size: .8em;
    }
}
#check_hader img {
    width: 50%;
}
@media screen and (max-width: 64em){
    #check_hader img {
        width: 90%;
        max-width: 360px;
        margin: 0 auto;
        display: block;
    }
}

.footer {
	background-color: #656565;
	color: #fff;
	text-align: center;
}

.footer .container {
	padding: .2em 0;
}

.footer .copyright {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}

.container {
	max-width: 866px;
	margin: 0 auto;
}

.bg-blue {
	background-color: #09a1cc;
}

.bg-orange {
	background-color: #ffece3;
}

.bg-yellow {
	background-color: #fff33b;
	background-image: url(../img/bg_yellow.png);
	background-position: 50% 50%;
}

.bg-lightblue {
	background-color: #d2ecf4;
}

.bg-green {
	background-color: #faffd6;
}

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



/* 借金が減る仕組みはどうなっているの？ */
.shikumi {
	margin-top: 2rem;
}
.shikumi h2 {
	color: #656565;
	font-size: 2.2em;
	margin: .5em auto;
}

@media screen and (max-width: 767px) {
	.shikumi h2 {
		font-size: 2em;
	}
}

.shikumi h3 {
	color: #1a3552;
	font-size: 1.8em;
	margin: 2em 0 0.5em;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.shikumi h3 {
		font-size: 1.3em;
	}
}

.shikumi figure {
	margin: 1em 0 2em 0;
	text-align: center;
}
.shikumi figure img {
	width:500px;
}
@media screen and (max-width: 767px) {
	.shikumi figure img {
		width:90%;
	}
}

.shikumi .container {
	padding: 0;
}
@media screen and (max-width: 922px) {
	.shikumi .container {
		padding: 0;
	}
}

.shikumi p {
	margin-bottom: 1em;
}
.shikumi p > small {
	margin-bottom: 0;
}

/* 最後に・・・ */
.last h2 {
	font-size: 1.8em;
	color: #000;
	line-height: 1.2;
	margin-bottom: 0.2em;
}
.last h2 .bold {
    font-size: 1.2em;
    color:#fee955;
    font-weight: bold;
	-webkit-text-stroke: 3px black;
	text-stroke: 3px black;
	paint-order: stroke;
}


.last h3 {
	font-size: 1.3em;
	color: #656565;
	line-height: 1;
	margin: 1.2em 0;
	font-weight: normal;
}

.last figure {
	margin: 0.5em 0 1em 0;
	text-align: center;
}

.last p {
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.last h2 {
		/* font-size: 1.6em; */
		font-size: 6vw;
		line-height: 1.2;
	}
	.last h3 {
		/* font-size: 1.3em; */
		font-size: 5vw;
		line-height: 1.1;
	}
}

.last .container {
	padding: 0 0 15px;
	max-width: 700px;
}

@media screen and (max-width: 898px) {
	.last .container {
		padding: 0 0.4em 0.5em;
	}
}

.companyTable {
	max-width: 100%;
	width: 640px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #efefef;
	margin: 20px auto 40px;
	padding: 45px 30px 40px;
	border-collapse: collapse;
	border-radius: 10px;
    /* box-shadow: 0 8px 20px #b2dde4; */
}
.companyTable tr {
	border-bottom: 1px solid #fff;
}
.companyTable tr:first-child {
	border-top: none;
}
.companyTable tr:last-child {
	border-bottom: none;
}
.companyTable th {
	font-weight: bold;
	text-align: left;
	width: 180px;
	padding: 20px 0 20px 10px;
	/* text-shadow: 1px 1px 0 #fff; */
}
.companyTable td {
	font-size:16px;
	text-align: left;
	width: 372px;
	padding: 20px 10px 20px 5px;
}
@media screen and (max-width: 767px) {
	.companyTable {
		width: 95%;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #efefef;
		margin: 10px auto 20px;
		padding: 20px 10px;
		border-radius: 10px;
	    /* box-shadow: 0 8px 20px #b2dde4; */
	}
	.companyTable th {
		font-size:14px;
		width: 35%;
		padding: 5px 0 5px 5px;
	}
	.companyTable td {
		font-size:14px;
		width: 65%;
		padding: 5px;
	}
}

/* 汎用クラス */
/* underline */
.marker {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cpath%20fill%3D%22%23fffc00%22%20d%3D%22M0%200h10v10H0z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: repeat-x;
	background-position: 50% 100%;
}
.marker2 {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: linear-gradient(transparent 0%, #ffec9194 20%);
}
.line_y {
  padding: 2px 4px;
  /* line-height: 1.9; */
  background: linear-gradient(transparent 70%, #ccffd6 70%);
  display: inline;
  -webit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* SP のみ */
@media screen and (max-width: 767px) {
	.hidden-sp {
		display: none;
	}
}

/* PC のみ */
@media screen and (min-width: 768px) {
	.hidden-pc {
		display: none;
	}
}