@charset "shift_jis";

/*-------------------------------------

[COMMON]

--------------------------------------*/
body{
	color:#333;
}
a{
	color: #e7198c;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*index*/
h1,h2,h3,h4{
	font-weight: normal;
	margin:0;
	padding:0;
}


/*type*/
.bold{
	font-weight: bold !important;
}

/*aTAG icon*/
.iconSelf{
	display:inline-block;
	padding-left:15px;
	color:#333;
	background:url("/start/img/icon_self.png") no-repeat left center;
	background-size:12px auto;
}
.iconBlank{
	color:#333;
	display:inline-block;
	padding-left:15px;
	color:#333;
	background:url("/start/img/icon_blank.png") no-repeat left center;
	background-size:12px auto;
}
.iconBlank_red{
	display:inline-block;
	padding-left:15px;
	background:url("/start/img/icon_blank_red.png") no-repeat left center;
	background-size:12px auto;
}

/*color*/
.white{
	color:#fff !important;
}
.red,.error{
	color:#E10003 !important;
}
.gry{
	color:#666 !important;
}
.grn{
  color:#67b729 !important;
}
.blue{
  color:#0087db !important;
}

/* position */
.indent{
	margin-left:1em;
	text-indent:-1em;
}


/*-------------------------------------

[PC]

--------------------------------------*/

@media screen and (min-width: 641px) {
body{
	font-size: 14px;
	line-height:1.4;
}
	
/*size*/
.fzS{
	font-size: 11px !important;
}
.fzM{
	font-size: 14px !important;
}
.fzL{
	font-size: 16px !important;
}
.fzXL{
	font-size: 18px !important;
}



/*見出し*/
.index01{
	font-size: 28px;
	text-align:center;
	margin-bottom:40px;
}

.index02{
	font-size: 24px;
	text-align:left;
	margin-bottom:20px;
	padding-left:15px;
	position:relative;
}
.index02:before{
	content:"";
	width:5px;
	height:22px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-11px;
	background: rgb(243,91,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,91,175,1) 1%, rgba(243,91,175,1) 50%, rgba(247,139,197,1) 51%, rgba(247,139,197,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,91,175,1) 1%,rgba(243,91,175,1) 50%,rgba(247,139,197,1) 51%,rgba(247,139,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,91,175,1) 1%,rgba(243,91,175,1) 50%,rgba(247,139,197,1) 51%,rgba(247,139,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35baf', endColorstr='#f78bc5',GradientType=0 ); /* IE6-9 */
	
}
.index03{
	font-size: 14px;
	margin:0;
}

.index04{
	font-size: 18px;
	margin:20px 0;
	padding-left:10px;
	position:relative;
}
.index04:before{
	content:"";
	width:3px;
	height:15px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-8px;
	background: rgb(247,139,197); 
}

/*
注意喚起系
*/
.cautionBox{
	padding:20px 20px 20px 60px;
	border: 3px solid #f89fa0;
	background:url("/start/img/icon_caution_red.png") no-repeat 15px 50%;
	background-size:30px auto;
}


/*
個人情報保護ポリシー
*/
.agree_checkbox {
    margin: 20px 150px;
    text-align: left;
}

input.agree[type="checkbox"] {
    margin-right: 10px;
}

/*
フッター
*/
.footerTxt{
	font-size:12px;
}

}
/*end*/

/*-------------------------------------

[SP]

--------------------------------------*/

@media screen and (max-width: 640px) {
body{
	font-size: 4vw;
	line-height:1.4;
}

/*size*/
.fzS{
	font-size: 3vw !important;
}
.fzM{
	font-size: 3.5vw !important;
}
.fzL{
	font-size: 4vw !important;
}
.fzXL{
	font-size: 5vw !important;
}

/*見出し*/
.index01{
	font-size: 5vw;
	text-align:center;
	margin-bottom:10%;
	font-weight: normal;
}

.index02{
	font-size:5vw;
	font-weight: normal;
	text-align:left;
	margin:5% 0;
	padding-left:10px;
	position:relative;
}
.index02:before{
	content:"";
	width:3px;
	height:18px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
	background: rgb(243,91,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,91,175,1) 1%, rgba(243,91,175,1) 50%, rgba(247,139,197,1) 51%, rgba(247,139,197,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,91,175,1) 1%,rgba(243,91,175,1) 50%,rgba(247,139,197,1) 51%,rgba(247,139,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,91,175,1) 1%,rgba(243,91,175,1) 50%,rgba(247,139,197,1) 51%,rgba(247,139,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35baf', endColorstr='#f78bc5',GradientType=0 ); /* IE6-9 */
	
}
.index03{
	font-weight: normal;
	font-size: 4vw;
	margin:0;
}

.index04{
	font-size: 4vw;
	margin:3% 0;
	padding-left:10px;
	position:relative;
}
.index04:before{
	content:"";
	width:3px;
	height:15px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-8px;
	background: rgb(247,139,197); 
}

/*sp only*/
.index02_sp{
	text-align:center;
	font-size:5vw;
	padding:5% 5% 0 5%;
	color: #456ab1;
}
.index03_sp{
	display:inline-block;
	padding:1% 5%;
	font-size: 3.5vw;
	border-radius:3px;
	color:#fff;
	background: #456ab1;
}

/*または*/
.or{
	text-align:center;
	padding-bottom:5%;
	color:#f6388e;
	font-weight: bold;
}

/*
注意喚起系
*/
.cautionBox{
	padding:3% 3% 3% 40px;
	border: 2px solid #f89fa0;
	background:url("/start/img/icon_caution_red.png") no-repeat 10px 50%;
	background-size:20px auto;
}

/*
フッター
*/
.footerTxt{
	font-size:3vw;
}

}
/*end*/