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

html {
    height: 100%;
    text-align: center;
}
body {
    height: 100%;
    margin: 0;
}
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* Default Link Color */
a:link {
    color: #00F;
}
a:visited {
    color: #600;
}
a:hover {
    color: #090;
}
a:focus {
    color: #090;
}
a:active {
    color: #FF0;
}

/*TableStyle*/
table {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
}
table th {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #FAFAFA;
}
table td {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.cb {
    clear: both;
}
.cf:after {
    content: " ";
    display: block;
    clear: both;
}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */
/* TabL+PC */
#wrap {
    width: 100%;
    text-align: left;
}/* /TabL+PC */


.fShsj/* Source Han Sans Japanese normal*/ {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 300;
font-style: normal;
}
.fShsj-r/* regular*/ {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
}
.fShsj-b/* bold*/ {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
}
.fShsj-h/* heavy*/ {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}

.fDin/* DIN 2014 regular*/ {
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
}
.fDin-b/* bold*/ {
font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
}

.fTarg/* FOT-TsukuARdGothic Std R*/ {
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}
.fTarg-b/* B*/ {
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
}

.fTarg-cc/* B*/ {
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 60px;
}

.contents {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	 font-feature-settings: "palt";
	padding-bottom: 5%;
}
.contents img {
	width: 100%;
	height: auto;
}

.contArea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.docBox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #EEEFF5;
	border: 2px solid #2940AF;
	padding: 3%;
	border-radius: 18px;
	margin-bottom: 3%;
}
.docBox.first {
	margin-top: -15%;
}
.docTxtArea {
	position: relative;
	margin-bottom: 2%;
}
.docTxt {
	font-size: 3.6vw;
	line-height: 6.4vw;
	color: #2940AF;
	padding: 3%;
}
.docImg {
	position: absolute;
	width: 32%;
	right: 0;
	top: 0;
}
.docBtn {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5%;
}
.docBtn a {
	border-radius: 100px;
	padding: 3% 8%;
	display: block;
	border: 2px solid #2940AF;
	background-color: #2940AF;
	color: #fff;
	text-decoration: none;
	font-size: 3.5vw;
	background-image: url("../img_common/arrow_w.png");
	background-repeat: no-repeat;
	background-position: 93% center;
	background-size: 7%;
	transition: all 0.2s;
}
.docBtn a:active,.docBtn a:hover {
	background-image: url("../img_common/arrow_b.png");
	background-color: #fff;
	color: #2940AF;
}

.border {
	margin-top: 3%;
	margin-bottom: 5%;
}

/* TABP+SPL */
@media screen and (min-width: 801px) {
    
	.docTxt {
		font-size: 28px;
		line-height: 50px;
		color: #2940AF;
		padding: 3%;
	}
	.docBtn a {
		font-size: 30px;
	}
	
}/* /TABP+SPL */

/* SPP */
@media screen and (max-width: 599px) {
    #wrap {}
}/* /SPP */