@charset "UTF-8";

/* clearfix */
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Base */
a, a:active, a:visited{ color: #948a71; }
a:hover{
	color: #d45d6b;
	text-decoration: none;
}
img{ vertical-align: middle; width: 100%; }
body{ background-color: #f4f1ec; }

/* Common */
.lasts{ 
	margin: 0!important;
}

/* Heading */
.heading{
	font-size: 1.25em;
	color: #fff;
	background-color: #ff8593;
	margin-bottom: 20px;
	padding: 10px 0 10px 13px;
	border-radius: 9px;
}
.subhead{
	font-size: 1.5em;
	font-weight: bold;
	color: #ff8593;
	margin-bottom: 10px;
}
.emphasis{
	font-size: 1.38em;
	font-weight: bold;
	color: #ff8593;
	line-height: 1.3;
	margin-bottom: 15px;
}

/* List */
.discList,
.discList_s{
	margin-bottom: 20px;
}
.discList_s li{
	font-size: .88em;
	padding-left: 16px;
}
.discList_s .pinkCircle{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ff8593;
	float: left;
	margin-top: 4px;
}
.noteList{
	font-size: .88em;
	margin-left: 1em;
}
.noteList span{
	margin-left: -1em;
}

/* Container */
#container{
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	background-color: #fdf8f9;
	box-shadow: 0 0 8px #cbcbcb;
}
#contents{
	width: 81.667%;	
	_width: 980px;
	margin: 0 auto;
}

/* Header Area */
#header{
	background: url(../images/bg_header_2201.jpg) #fff no-repeat right top;
	_background: url(../images/bg_header_2201.jpg) no-repeat center top;
	height: 332px;
	margin-bottom: 22px;
	border-top: 6px solid #ff8593;
}
#header .wrapper{
	background: url(../images/bg_header_curve.png) no-repeat left bottom;
	_background-image: none;
	height: 332px;
}
#header .container{
	width: 81.667%;
	_width: 980px;
	position: relative;
	margin: 0 auto;
}
.txtCpName,
.txtCopy {
		text-indent: -9999px;
}
.cpName img{
	width: auto;
}
.copy{
	width: 44.899%;
	margin-top: 35px;
}
.symbol{
	width: 17.756%;
	position: absolute;
	top: 145px;
	right: 287px;
}

/* About Area */	
.aboutArea{
	margin: 30px 0 50px;
	padding-top: 30px;
}
.aboutArea .wrapper{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.aboutArea .item{
	border: 1px solid #ff8593;
	border-radius: 6px;
	padding: 20px;
}
.aboutArea .noteList li{
	font-size: 1.12em;
}
.governing{
	font-size: .88em;
	padding-top: 10px;
	border-top: 1px solid #ebebeb;
}
.governing dl, .governing dt{
	float: left;
	margin-right: 10px;
}
.governing dt{
	font-weight: bold;
}

/* Link Area */
.targetArea .wrapper{
	border: 1px solid #ff8593;
	background-color: #ff8593;
	border-radius: 6px;
	margin-bottom: 12px;
	padding: 10px;
}
.targetArea .item{
    color: #000;
    width: 28.5%;
    background-color: #ffffff;
    border-radius: 12px;
    margin: 8px;
    padding:17px 1.566%;
    float: left;
	font-size: 18px;
	display: flex;
	align-items: center;
	position: relative;
}
.targetArea .item a{
	display: flex;
	align-items: center;
	text-decoration: none;
	z-index: 900;
}
.targetArea .item img{
	max-width: 20%;
	margin-right: 6px;
}
.targetArea .item a span{
	width: 100%;
	font-size: 1.05em;
}
.targetArea .item .pinkCircle{
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #ff8593;
	margin-left: 78%;
	position: absolute;
	z-index: 100;
}
.targetArea .item .whiteTri{
	width: 20px;
	height: 20px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background-color: #ffffff;
	margin-top: 24%;
	margin-left: 30%;
	position:absolute;
	z-index: 100;
}

/* Contact Area */
.contactArea{
	padding-top: 25px;
	border-top: 1px solid #ebebeb;
}
.contactArea .details{
	color: #fff;
	background-color: #ff8593;
	border-radius: 6px;
	padding: 30px 3.062%;
}
.contactArea .details .item{
	margin-bottom: 15px;
}
.contactArea .lead{
	margin-bottom: 10px;
}
.contactArea .callcenter,
.contactArea .number{
	float: left;
}
.contactArea .hours{
	float: right;
}
.contactArea .callcenter{
	width: 32%;
}
.contactArea .number{
	width: 36%;
}
.contactArea .hours{
	width: 29.484%;
}
.contactArea .call,
.contactArea .txtCallcenter,
.contactArea .txtHours{
	display: none;
}
.iconPc{
	display: none;
}
.pagetop{
	font-size: .81em;
	border-top: 1px solid #EBEBEB;
    margin: 45px 0 0;
    padding-top: 10px;
    text-align: right;
}
.pagetop a{
	display: inline-block;
	padding-left: 15px;
}
.footerSpace{
	width: 100%;
	color: #fff;
	font-size: .78em;
	height: 180px;
}

/*下部固定footer*/
footer{
	width: 100%;
	position: fixed;
  	bottom: 0;
  	z-index:999;
}
footer .hpArea{
	padding-top: 20px;
	color: #fff;
	background-color: #ff8593;
	border-radius: 6px;
	padding: 10px 3.062%;
}
.hpArea .btnArea a{
	color: #ff8593;
	text-decoration: none;
	font-size: 24px;
	display: block;
	width: 100%;
	background-color:#fff;
	border-radius: 4px;
	text-align: center;
	margin-top: 2px;
	padding: 8px 0;
}
.hpArea .btnArea a:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}
.hpArea .inner{
	width: 81.6667%;
	_width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: .78em;
	text-align: center;
}


/* For Smartphone */
@media screen and (max-width: 640px){
	
	/* List */
	.discList_s li{
		font-size: 1em;
		margin-bottom: 15px
	}
	.discList_s li:last-child{
		margin-bottom: 0;
	}

	/* Heading */
	.heading{
		font-size: 1.43em;
		margin-bottom: 12px;
		padding: 6px 0 4px 10px;
	}
	.emphasis{
		font-size: 1.286em;
	}

	/* Main */
	#container{
		min-width: 320px;
		font-size: 14px;
		border-top: 6px solid #ff8593;
	}
	#contents,
	#header .container{
		width: 87.5%;
	}
	
	/* Header */
#header{
	background: url(../images/bg_header_2201_sp.jpg) #fff no-repeat right top;
	_background: url(../images/bg_header_2201_sp.jpg) no-repeat center top;
	background-size: 100% 90%;
	height: 332px;
	margin-bottom: 22px;
	border-top: 6px solid #ff8593;
}
	/* #header .wrapper{
		background-image: none; 
		height: auto; 
		height: 250px;
	}
	 .txtCpName { 
		background: url(../images/img_cpname_sp.gif) #fff no-repeat left top;
		background-size: 320px 50px;
		height: 50px;
	}
	.txtCopy{
		background: url(../images/img_copy_sp.png) no-repeat;
		background-size: 173px 150px;
		height: 150px;
		margin-top: 17px;
	}
			background-image:
url(../images/bg_header_curve_sp.png));
		background-size:
			320px 29px,
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			left bottom,
			right 50px;
		margin: 0 0 32px;
		height: 258px;
		height: 278px;
		border: none;
	} */
	.copy,
	.cpName,
	.symbol{
		display: none;
	}

	/* About Area*/
	.aboutArea{
		margin-bottom: 30px;
	}
	.aboutArea .wrapper{
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.aboutArea .item{
		padding: 19px 4.905%;
		height: auto!important;
	}
	.aboutArea .noteList li{
		font-size: 1.143em;
	}
	.governing dl, .governing dt{
		float: none;
	}

	/* Link Area */
	.targetArea .wrapper{
		padding: 10px 3.215%;
	}
	.targetArea .item{
		float: none;
		width: 87%;
		margin-bottom: 18px;
		padding: 10px 3.88%;
		height: auto !important;
		margin-right: auto;
		margin-left: auto;
	}
	.targetArea .item a span{
		font-size: 1.03em;
	}
	.targetArea .item .pinkCircle{
		width: 38px;
		height: 38px;
		margin-left: 81%;
	}
	.targetArea .item .whiteTri{
		margin-top: 26%;
		margin-left: 30%;
	}

	/* Contact Area */
	.contactArea{
		padding-top: 15px;
	}
	.contactArea .callcenter,
	.contactArea .number,
	.contactArea .hours{
		float: none;
	}
	.contactArea .txtCallcenter,
	.contactArea .txtHours{
		display: block;
		text-align: center;
	}
	.contactArea .number,
	.contactArea .callcenter,
	.contactArea .hours{
		display: none;
	}
	.contactArea .details{
			padding: 20px 7.145%;
	}
	.contactArea .item{
		text-align: center;
	}
	.contactArea .call{
		display: inline-block;
		font-size: 1.96em;
		text-align: center;
		background: url(../images/icon_phone.gif) no-repeat 0 .3em;
		background-size: 30px 22px;
		padding-left: 1.25em;
	}
	.contactArea .call a{
		color: #fff;
		text-decoration: underline;
	}
	.contactArea .txtHours{
		font-size: .893em;
	}
	.btnArea img{
		width: 5%;
	}
	.btnArea a{
		padding: 10px 0;
	}
	.btnArea a:hover{
		opacity: 1;
	}
	.btnArea a span{
		background-position: 0 .1em;
		font-size: 0.85em;
	}
	.iconPc{
		display: inline;
		margin-left: 4px;
	}

	/* Go To PageTop */
	.pagetop{
		font-size: .929em;
	}
	.pagetop a{
		display: inline-block;
		padding-left: 15px;
	}

	/* Footer */
	#footer{
		font-size: .64em;
		height: 81px;
	}
	#footer #copyright{
		position: relative;
		top: 35px;
		left: 0;
	}
}

/* text color */
.color_blue{
	font-weight:bold;
	color: #004ab8;
}
.color_orange{
	font-weight:bold;
	color: #d93304;
}
.color_green{
	font-weight:bold;
	color: #2e8b57;
}
.color_pink{
	font-weight:bold;
	color: #fabeeb;
	float:initial;
}

/* text inednt */
.text_indent{
	padding-left: 3em;
	text-indent: -3em;
}