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

$$ attention.html

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
body{
		100%;
	margin: 0;
	padding: 0;
	}
.main_contents {
	width: 950px;
	margin: 0px auto;
	text-align: center;
}
.atte-page-title {
	width: 100%;
	color: #006cac;
	text-align: center;
	font-size: 40px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	border: none;
	margin: 50px auto 40px;
}
.atte-page-title span {
	color: #232323;
	font-size: 23px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.txt-box {
	background: #BE0002;
    padding: 30px 70px;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.txt-box .txt-red {
	color: #fff;
}
.txt_area {
	/* width: 950px; */
	font-size: 16px;
	text-align: left;
	margin: 40px 15px 0px 15px;
}
.page_sub_ttl {
    width: 100%;
    color: #232323;
    line-height: 1;
    display: inline-block;
    border-bottom: solid 1px #c7c7c7;
    margin: 20px 15px 0 15px;
    padding: 0 0 10px 0;
    font-size: 20px;
    text-align: left;
}
.row-kazari {
    line-height: 1;
    color: #b5b5b6;
    position: relative;
    top: 3px;
    font-size: 33px;
    margin-right: 5px;
}
ul {
    list-style: none;
    list-style-type: none;
    list-style-position: initial;
    list-style-image: initial;
    padding: 0;
}
.txt-list {
    padding-top: 20px;
    padding-left: 40px;
    margin-bottom: 60px;
    font-size: 18px;
    text-align: left;
}

.tell-zone {
	width: 320px;
    color: #232323;
    font-size: 34px;
    line-height: 1.5;
    margin: 50px auto 40px;
    text-align: right;
}
	.tell-cap {
    font-size: 16px;		
	}
.btn {
    background: #4b4b4b;
    color: #fff;
    width: 260px;
    margin: 12px auto 85px;
    padding: 18px 10px;
    font-size: 15px;
	text-align: center;
	text-decoration: none;
    border-radius: 1px;
    line-height: 1;

}

	.btn img{
		vertical-align: middle;
		width:25px;
	}
	
	
@media screen and (max-width: 736px) {

body{
	max-width: 100%;
	margin: 0;
	padding: 0;
	}
.main_contents {
	width: 100vw;
	padding: 0px 15px 0px 15px;
	text-align: center;
}
.atte-page-title {
	/* width: 100vw; */
	color: #006cac;
	text-align: center;
	font-size: 7vw;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	border: none;
	margin: 3vw auto 4vw;
}
.atte-page-title span {
	color: #232323;
	font-size: 4vw;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.txt-box {
	padding: 6vw 8vw;
    font-size: 5vw;
    line-height: 1.3;
    margin-bottom: 8vw;
}
.txt-box .txt-red {
	color: #fff;
}
.txt_area {
	/* width: 93vw; */
	font-size: 4vw;
	text-align: left;

}
.page_sub_ttl {
    /* width: 100vw; */
    color: #232323;
    line-height: 1;
    display: inline-block;
    border-bottom: solid 1px #c7c7c7;
    margin: 5vw 0 0 0;
    padding: 0 0 2vw 0;
    font-size: 5vw;
    text-align: left;
}
.row-kazari {
    line-height: 1;
    color: #b5b5b6;
    position: relative;
    font-size: 8vw;
    margin-right: 5px;
}
ul {
    list-style: none;
    list-style-type: none;
    list-style-position: initial;
    list-style-image: initial;
    padding: 0;
}
.txt-list {
    padding: 3vw 4vw 0 4vw;
    margin-bottom: 7vw;
    font-size: 4vw;
    text-align: left;
}

.tell-zone {
	text-align: center;
    padding-left: 0;
    font-size: 28px;
    width: 100%;
    border: none;
    margin: 45px auto;
    line-height: 1;
}
	.tell-cap {
    font-size: 3.2vw;		
	}
.btn {
    background: #4b4b4b;
    color: #fff;
    width: 64vw;
    margin: 5vw auto 11vw;
    padding: 4vw;
    font-size: 5vw;
	text-align: center;
	text-decoration: none;
    border-radius: 1px;
    line-height: 1;

}

	.btn img{
		vertical-align: middle;
		width:4vw;
	}
	}

/* 例：br.sp_brはタブレット以上のサイズでは非表示にする */
@media screen and (min-width: 736px) {
.sp_br {
	display: none;
}
}