@charset "UTF-8";
/* CSS Document */


/*
ボタン色（薄い緑）#78c4b4
テキスト色（ピンク）#e50277
テキスト色（黒）#111111（仮）
リンクテキスト色（水）#00b7ee
*/


/* ブレイクポイント設定値
@media (max-width: 575px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {}
@media (min-width: 1220px) {}
*/


@media (max-width: 575px) {
* {
}
}
@media (min-width: 576px) {
* {
}
}
@media (min-width: 768px) {
* {
}
}
@media (min-width: 920px) {
* {
}
}
@media (min-width: 1220px) {
* {
}
}

/* 基本スタイル ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */


#data_g #title h1 {
background-image: url(../img/data_g/title_h1_bg_data.png);
}
#title h1 span {
	font-size: 0.3em;
	font-weight: normal;
	color: #000;
	text-shadow: none;
	display: block;
	position: relative;
	top: -0.5em;
}

@media (max-width: 575px) {
#title h1 span {
	font-size: 0.5em;
	top: 0em;
}
}


@media (max-width: 575px) {
.btn_data {
	margin: 5% auto 5%;
	width: 80%;
	display: block;
	text-decoration: none;
}
}
@media (min-width: 576px) {
.btn_data {
	margin: 0 auto;
	width: 250px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}
}
@media (min-width: 768px) {
.btn_data {
	margin: 0 auto;
	width: 300px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}
}
@media (min-width: 920px) {
.btn_data {
	margin: 0 auto;
	width: 370px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}
}
@media (min-width: 1220px) {
.btn_data {
	margin: 0 auto;
	width: 461px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}
}








@media (max-width: 575px) {
table.step {
	margin-bottom: 2%;
}


table.step th img {
	width: 100%;
}

table.step th {
	width: 20%;
}

table.step td {
	width: 75%;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	padding-left: 0.5em;
}
}
@media (min-width: 576px) {
table.step {
	margin-bottom: 2%;
}


table.step th img {
	width: 100%;
}

table.step th {
	width: 15%;
}

table.step td {
	width: 80%;
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	padding-left: 0.5em;
}
}
@media (min-width: 768px) {
table.step {
	margin-bottom: 2%;
}


table.step th img {
	width: 100%;
}

table.step th {
	width: 15%;
}

table.step td {
	width: 80%;
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	padding-left: 0.5em;
}
}
@media (min-width: 920px) {
table.step {
	margin-bottom: 2%;
}


table.step th img {
	width: 100%;
}

table.step th {
	width: 15%;
}

table.step td {
	width: 80%;
	font-size: 1.8em;
	font-weight: bold;
	color: #666666;
	padding-left: 0.5em;
}
}
@media (min-width: 1220px) {
table.step {
	margin-bottom: 2%;
}


table.step th img {
	width: 100%;
}

table.step th {
	width: 15%;
}

table.step td {
	width: 80%;
	font-size: 2em;
	font-weight: bold;
	color: #666666;
	padding-left: 0.5em;
}
}




.kadomaru_green {
	margin-top: 5%;
	padding-bottom: 15px;
	border: 1px solid #78c4b4;
	border-radius: 10px;
}

.kadomaru_green h4 {
	padding: 15px 0 10px 20px;
	font-size: 1.5em;
	font-weight: normal;
	color: #777777;
}




@media (max-width: 575px) {
.kadomaru_green h4 {
	padding: 20px 0 10px 20px;
	font-size: 1.1em;
}
}
@media (min-width: 576px) {
.kadomaru_green h4 {
	padding: 20px 0 10px 20px;
	font-size: 1.2em;
}
}
@media (min-width: 768px) {
.kadomaru_green h4 {
	padding: 20px 0 10px 20px;
	font-size: 1.3em;
}
}
@media (min-width: 920px) {
.kadomaru_green h4 {
	padding: 20px 0 10px 20px;
	font-size: 1.4em;
}
}
@media (min-width: 1220px) {
.kadomaru_green h4 {
	padding: 20px 0 10px 20px;
	font-size: 1.5em;
}
}





.kadomaru_green .left h4.green {
	padding: 10px 0 10px 20px;
	background-color: #78c4b4;
	color: #fff;
	border-radius: 6px 0 10px 0;
}






.kadomaru_green .left {
	width: 48%;
	float: left;
}

.kadomaru_green .right {
	width: 48%;
	float: right;
}


.kadomaru_green .left p {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
}

.kadomaru_green .left h5 {
	margin: 0;
	padding: 0 0 0 20px;
}

.kadomaru_green h5.text_red {
	color: #e50013;
	font-size: 1.2em;
}

.kadomaru_green h5.text_blue {
	color: #1e2087;
	font-size: 1.2em;
}

.kadomaru_green .right p {
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
}


#gazou_link {
	margin-top: 61px;
}

img.icon_chui {
	width: 1em;
	position: relative;
	top: -0.2em;
}



@media (max-width: 575px) {
.kadomaru_green .text_pink_L {
	font-size: 1em !important;
	color: #e50277 !important;
}
}
@media (min-width: 576px) {
.kadomaru_green .text_pink_L {
	font-size: 1.1em !important;
	color: #e50277 !important;
}
}
@media (min-width: 768px) {
.kadomaru_green .text_pink_L {
	font-size: 1.2em !important;
	color: #e50277 !important;
}
}
@media (min-width: 920px) {
.kadomaru_green .text_pink_L {
	font-size: 1.3em !important;
	color: #e50277 !important;
}
}
@media (min-width: 1220px) {
.kadomaru_green .text_pink_L {
	font-size: 1.3em !important;
	color: #e50277 !important;
}
}





@media (max-width: 575px) {
.kadomaru_green .left h4.green {
	padding: 10px 0 10px 15px;
	background-color: #78c4b4;
	color: #fff;
	border-radius: 6px 0 0 0;
}
.kadomaru_green .left {
	width: 100%;
	float: inherit;
}

.kadomaru_green .right {
	width: 100%;
	float: inherit;
}

.kadomaru_green .left p {
	margin: 0 0 15px 0;
	padding: 0 15px 0 15px;
}

.kadomaru_green .right p {
	margin: 0 0 0 0;
	padding: 0 15px 0 20px;
}
}









.checklist h3 {
	font-size: 1.5em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table {
	border-collapse: collapse;
	margin-bottom: 7%;
}

.checklist table tr {
	background-color: #dcdcdc;
}

.checklist table tr:nth-child(even) {
	background-color: #f5f5f5;
}

.checklist table th {
	height: 3em;
	padding: 20px 0 20px 15px;
}

.checklist table td {
	height: 3em;
	padding: 0 15px;
	font-size: 1.2em;
}

.checklist table th span {
	background-color: #bcbcbc;
	color: #fff;
	display: block;
	padding: 10px;
	font-size: 1.2em;
	border-radius: 7px;
}

.checklist table h4 {
	margin: 20px 0 5px;
	font-size: 1em;
}

.checklist table p {
	margin-bottom: 20px;
	font-size: 0.8em;
}

.checklist table p.textL {
	font-size: 1em;
}




@media (max-width: 575px) {
.checklist h3 {
	font-size: 1em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table th {
	height: 3em;
	padding: 10px 0 10px 10px;
}
.checklist table td {
	height: 3em;
	padding: 5px 10px;
	font-size: 0.8em;
}
.checklist table th span {
	background-color: #bcbcbc;
	color: #fff;
	display: block;
	padding: 5px;
	font-size: 1em;
	border-radius: 7px;
}
.checklist table h4 {
	margin: 10px 0 5px;
	font-size: 1em;
}

.checklist table p {
	margin-bottom: 10px;
	font-size: 0.8em;
}
}
@media (min-width: 576px) {
.checklist h3 {
	font-size: 1em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table td {
	height: 3em;
	padding: 0 15px;
	font-size: 0.8em;
}
}
@media (min-width: 768px) {
.checklist h3 {
	font-size: 1.2em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table td {
	height: 3em;
	padding: 0 15px;
	font-size: 1em;
}
}
@media (min-width: 920px) {
.checklist h3 {
	font-size: 1.4em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table td {
	height: 3em;
	padding: 0 15px;
	font-size: 1em;
}
}
@media (min-width: 1220px) {
.checklist h3 {
	font-size: 1.5em;
	color: #333;
	margin: 7% 0 1%;
}

.checklist table td {
	height: 3em;
	padding: 0 15px;
	font-size: 1.2em;
}
}


.bg_pink {
	background-color: #ffeaf5;
	border-radius: 10px;
	margin: 0 0 0 20px;
	padding: 15px 0 1px;
}

@media (max-width: 575px) {
.bg_pink {
	margin: 0 0 0 8px;
	width: 95%;
}
}





@media (max-width: 575px) {
#chui_cutpass2 {
	margin-top: 0;
}
}
@media (min-width: 576px) {
#chui_cutpass2 {
	margin-top: 30px;
}
}
@media (min-width: 768px) {
#chui_cutpass2 {
	margin-top: 20px;
}
}
@media (min-width: 920px) {
#chui_cutpass2 {
	margin-top: 55px;
}
}
@media (min-width: 1220px) {
#chui_cutpass2 {
	margin-top: 120px;
}
}




@media (max-width: 575px) {
#layer_all {
	margin: 0 auto;
	width: 100%;
}
}
@media (min-width: 576px) {
#layer_all {
	margin: 0 auto;
	width: 100%;
}
}
@media (min-width: 768px) {
#layer_all {
	margin: 0 auto;
	width: 100%;
}
}
@media (min-width: 920px) {
#layer_all {
	margin: 0 auto;
	width: 800px;
}
}
@media (min-width: 1220px) {
#layer_all {
	margin: 0 auto;
	width: 1040px;
}
}