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

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp-Medium.otf) format('opentype');
 }


html {
    font-size: 62.5%; /* sets the base font to 10px for easier math */
    color: #333333;}
body {
	width: 100%;
    font-size: 24px;
    font-size: 2.4rem;/* sets the default sizing to make sure nothing is actually 10px */
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
		animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	
	
line-height: 30px;line-height: 3rem;}
#wrapper{
    width: 640px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.center{text-align: center}
.right{text-align: right}
.bold{font-weight: bold; line-height:1.2em}
.mt20{margin-top: 20px;}
.pa80{padding-top: 80px;}
.mt40{margin-top: 40px;}
.mt80{margin-top:80px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.mb150{margin-bottom: 150px;}
.w580{width: 580px;margin:0px auto 0 auto;overflow: hidden}
.w520{width: 520px;margin:0px auto 0 auto;}
.small{font-size: 0.9em;line-height: 1.3em}
.red{color: #c1272d}

#outbox{margin-left: 20px;
}
.eakon_back{background-image: url(../images/el/eakon_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
width: 100%;height:350px;
padding-top: 200px;
}
.price_back{background-image: url(../images/el/price_back.png);
	background-repeat: no-repeat;
	background-position: center top;
width: 100%;height: 290px;
padding-top: 85px;
}

.merit_txt{
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/el/yellow_line01.png);
    background-repeat: no-repeat;
    background-position: left 70px;
}
.merit_txt2{
    width: 520px;
    margin-right: auto;
    margin-left: auto;
}

.merit_bar{position: relative;background-image: url(../images/el/merit_bar.jpg);
    background-repeat: no-repeat;
	width: 600px;height: 85px;background-position: 20px top;
}
.merit_bar li{display: block;float: left;}

.merit_bar .merit_text01{position: absolute;top:10px;left: 20px;}
.merit_bar .merit_text02{position: absolute;top:25px;left: 160px;font-size: 1.4em;font-weight: 800;color: #ffffff}
.merit_bar .merit_text03{position: absolute;top:-30px;left: 300px;}


.mail_form{width: 640px;
    margin-right: auto;
    margin-left: auto;}
form li{width: 600px;
    margin-right: auto;
    margin-left: auto;}

.banner_link{text-align: center;margin: 40px 0px 20px 0px}

.call_box{width: 520px;
    margin-right: auto;
    margin-left: auto;
	background-image: url(../images/common/support.png);
    background-repeat: no-repeat;
	background-position: right top;height: 250px;padding-top: 50px;}

.red_box{
    background-color: #e50012;
    color: #FFFFFF;
    padding: 20px 20px 10px 20px;
    width: 450px;
    line-height: 1.3em;
    margin-right: auto;
    margin-left: auto;
	font-size: 0.8em;
margin-top: 40px;}
.chui{width: 490px;
    line-height: 1.3em;
    margin-right: auto;
    margin-left: auto;
	font-size: 0.8em;
margin-top: 10px;margin-bottom: 40px;}

.footer{width: 100%;background-color: #cccccc;text-align: center;padding-top: 20px;padding-bottom: 30px;}

.add{text-align: left;margin-right: auto;
    margin-left: auto;width: 500px;line-height: 1.2em;font-size: 0.9em;margin-top: 10px;}


.taikoban{margin-top: 0px;text-align: center}




li:nth-child(1){
	padding-top: 20px;margin-top: 20px;
	border-top: dotted 1px #999
}