@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


html {
	font-size:10px;
}
body {
	position:relative;
	font-size:1rem;
	line-height:1.7;
	font-family: 'Noto Sans JP', sans-serif;
	color:#222222;
	min-width:1040px;
	/*-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;*/
}
@media screen and (max-width: 736px) {
body {
	min-width:1300px;
}
}

* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");
}


a {ext-decoration: underline;}
a:hover {text-decoration:none;}

a:hover ,
footer .footer_in .f_contents section dl a:hover {
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
header h2 a:hover ,
footer .footer_in .f_contents section h3 a:hover {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom:1;
}
img {
	max-width: 100%;
	height: auto;
}




/*	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");*/

/*
:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
*/


/*header*/
header {
	background: url(../img/vi.png) no-repeat center center , url(../img/vi_bg.png) repeat-x center center;
	height:711px;
}
header h1 {
	display:none;
}
@media screen and (max-width: 736px) {
header {
	background: url(../img/vi_sp.png) no-repeat center center , url(../img/vi_bg.png) repeat-x center center;
	height:711px;
}
}

/*nav*/
nav {
	position:relative;
	top:-17px;
	background:url(../img/nav_bg01.png) repeat-x 0 0;
	margin:0 0 -17px;
}
nav ul {
	width:960px;
	margin:0 auto;
	background:url(../img/nav_bg02.png) no-repeat 0 0;
}
nav ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
nav ul li {
	float:left;
}

/*about*/
.about {
	background: url(../img/about_box_bg.png) no-repeat center top 69px , url(../img/about_bg.png) repeat 0 0;
	padding:69px 0 34px;
}
.about .about_in {
	width:960px;
	margin:0 auto;
	padding:132px 0 150px;
}
.about .about_in h2 {
	margin:0 0 39px;
}
.about .about_in h3 {
	margin:0 0 25px;
}
.about .about_in h4 {
	font-size:2.0rem;
	text-align:center;
	margin:0 0 30px;
}
.about .about_in .img {
	margin:0 0 35px;
}
.about .about_in .com01 {
	font-size:1.8rem;
	text-align:center;
	margin:0 0 20px;
}
.about .about_in .com02 {
	font-size:1.8rem;
	text-align:center;
}
.about .about_in .com01 span ,
.about .about_in .com02 span {
	background: linear-gradient(transparent 60%, #f9fb35 60%);
}

/*product*/
.product {
	background:url(../img/product_bg_top.png) no-repeat center top , url(../img/product_bg_bottom.png) no-repeat center bottom , #e60012 url(../img/product_bg_middle.png) repeat-y center center;
	padding:745px 0 118px;
}
.product .product_in {
	width:1000px;
	margin:0 auto;
}
.product .product_in .price {
	padding:0 0 0 20px;
	margin:0 0 30px;
}
.product .product_in .price dl {
	font-size:2.8rem;
	margin:0 0 10px;
}
.product .product_in .price dl:last-child {
	margin:0;
}
.product .product_in .price dl:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.product .product_in .price dl dt {
	position:relative;
	float:left;
	width:185px;
	padding:0 0 0 30px;
}
.product .product_in .price dl dt span {
	display:inline-block;
	width:19px;
	height:19px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#e60012;
	position:absolute;
	top:1.6rem;
	left:0;
}
.product .product_in .price dl:first-child dt {
	letter-spacing:3rem;
}
.product .product_in .price dl:nth-child(2) dt {
	letter-spacing:0.8rem;
}
.product .product_in .price dl dd {
	float:left;
	width:795px;
}
.product .product_in .price dl:first-child dd {
	font-size:2.6rem;
}
.product .product_in .price dl:nth-child(2) dd {
	font-size:2.7rem;
}
.product .product_in .price dl:first-child dd span {
	line-height:1.1;
}
.product .product_in .price dl:first-child dd .red01 {
	font-size:4.6rem;
	font-weight:bold;
	color:#f70000;
}
.product .product_in .price dl:first-child dd .red02 {
	font-size:2.6rem;
	color:#f70000;
}
.product .product_in .price dl:first-child dd .number {
	font-size:3.6rem;
	font-weight:bold;
	display:inline-block;
	padding:0 0 0 1rem;
}
.product .product_in .price dl:first-child dd .unit {
	font-size:2.8rem;
}
.product .product_box {
	width:960px;
	height:642px;
	margin:0 auto 40px;
	padding:94px 0 0;
	background:url(../img/product_box.png) no-repeat center top;
	text-align:center;
}
.product .product_box ul {
	display:inline-block;
	text-align:center;
	font-size:0;
}
.product .product_box ul li {
	display:inline-block;
	font-size:1.5rem;
	text-align:center;
}
.product .product_box ul li:nth-child(2) {
	margin:0 30px;
}
.product .product_box ul li span {
	display:block;
	text-align:center;
	padding:15px 0 10px;
}
.product .product_box ul li img {
	display:block;
	margin:auto;
}
.product .btn {
	width: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.product .btn ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.product .btn ul li {
	float:left;
	margin:0 25px 0 0;
}
.product .btn ul li:last-child {
	margin:0;
}

/*method*/
.method {
	position:relative;
	background:url(../img/method_bg_middle02.png) no-repeat center bottom , url(../img/method_bg_middle01.png) repeat-y center center , url(../img/method_bg.png) repeat 0 0;
	padding:531px 0 0;
	margin:0 0 124px;
}
.method:before {
	position:relative;
	top:-531px;
	background:url(../img/method_bg_top.png) no-repeat center top , url(../img/method_bg.png) repeat 0 0;
	display:block;
	height:531px;
	margin:0 0 -531px;
	content:'';
}
.method:after {
	position: absolute;
	bottom:-124px;
	background:url(../img/method_bg_bottom.png) no-repeat center top , url(../img/method_bg.png) repeat 0 0;
	display:block;
	width:100%;
	height:124px;
	content:'';
}
.method .method_in {
	width:960px;
	margin:0 auto;
	padding:30px 0 0;
}
.method .method_in h2 {
	text-align:center;
	font-size:2.2rem;
	margin:0 0 10px;
}
.method .method_in .flow {
	position:relative;
	height:1280px;
}
.method .method_in .flow dl {
	position:absolute;
	font-size:1.5rem;
	line-height:1.3;
}
.method .method_in .flow dl dt {
	margin:0 0 15px;
}
.method .method_in .flow dl dd {
	letter-spacing:0.1rem;
}
.method .method_in .flow dl:first-child {
	top:4px;
}
.method .method_in .flow dl:first-child dd {
	width:270px;
}
.method .method_in .flow dl:nth-child(2) {
	top:47px;
	left:343px;
}
.method .method_in .flow dl:nth-child(2) dd {
	width:270px;
}
.method .method_in .flow dl:nth-child(3) {
	top:0;
	left:687px;
}
.method .method_in .flow dl:nth-child(3) dd {
	width:270px;
}
.method .method_in .flow dl:nth-child(4) {
	top:425px;
	left:0;
}
.method .method_in .flow dl:nth-child(4) dd {
	width:295px;
}
.method .method_in .flow dl:nth-child(5) {
	top:456px;
	left:343px;
}
.method .method_in .flow dl:nth-child(5) dd {
	width:270px;
}
.method .method_in .flow dl:nth-child(6) {
	top:425px;
	left:687px;
}
.method .method_in .flow dl:nth-child(6) dd {
	width:270px;
}
.method .method_in .flow dl:nth-child(7) {
	top:935px;
	left:53px;
}
.method .method_in .flow dl:nth-child(7) dd {
	width:285px;
}
.method .method_in .flow p {
	position:absolute;
	top:927px;
	left:343px;
}
.method .method_in .finish {
	margin:-30px 0 25px;
}
.method .method_in .btn ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.method .method_in .btn ul li {
	float:left;
	margin:0 25px 0 0;
}
.method .method_in .btn ul li:last-child {
	margin:0;
}

/*faq*/
.faq {
	background:#f2e9d7 url(../img/faq_bg.png) no-repeat center top;
	padding:60px 0;
}
.faq .faq_in {
	width:960px;
	margin:0 auto;
}
.faq .faq_in h2 {
	margin:0 0 20px;
}
.faq .faq_in .faq_box dl {
	margin:0 0 12px;
	padding:0 0 20px;
	background:url(../img/faq_border.png) repeat-x left bottom;
}
.faq .faq_in .faq_box dl:last-child {
	margin:0;
}
.faq .faq_in .faq_box dl dt {
	background:url(../img/faq_q.png) no-repeat left 32px top;
	padding:5px 40px 0 85px;
	margin:0 0 8px;
	min-height:38px;
	font-size:1.8rem;
	font-weight:bold;
}
.faq .faq_in .faq_box dl dd {
	background:url(../img/faq_a.png) no-repeat left 32px top;
	padding:5px 40px 0 85px;
	min-height:38px;
	font-size:1.8rem;
}
.faq .faq_in .faq_box dl dd span {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/*company*/
.company {
	background:#f6f4f6 url(../img/company_bg.png) no-repeat center top;
	height:803px;
	padding:64px 0 0;
}
.company .company_in {
	width:960px;
	margin:0 auto;
}
.company .company_in h2 {
	margin:0 0 35px;
}
.company .company_in .comment {
	width:530px;
	margin:0 0 45px;
	font-size:1.6rem;
}
.company .company_in .comment p {
	margin:0 0 25px;
	letter-spacing:0.15rem;
}
.company .company_in .comment p:last-child {
	margin:0;
}
.company .company_in .info {
	border-left: solid 5px #ff0101;
	padding:0 0 0 10px;
	font-size:1.8rem;
	line-height:1.2;
}
.company .company_in .info dl {
	margin:0 0 15px;
	letter-spacing:0.2rem;
}
.company .company_in .info dl:last-child {
	margin:0;
}
.company .company_in .info dl:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.company .company_in .info dl dt {
	float:left;
	width:135px;
}
.company .company_in .info dl dd {
	float:left;
}

/*f_btn*/
.f_btn {
	width:960px;
	margin:0 auto;
	padding:58px 0 54px;
}
.f_btn h2 {
	margin:0 0 21px;
	text-align:center;
}
.f_btn .btn ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.f_btn .btn ul li {
	float:left;
	margin:0 25px 0 0;
}
.f_btn .btn ul li:last-child {
	margin:0;
}

/*footer*/
footer {
	background:#ff0101;
	padding:40px 0 30px;
}
footer ,
footer a {
	color:#FFF;
	line-height:1.2;
	text-align:center;
}
footer ul {
	display:inline-block;
	text-align:center;
	font-size:0;
	margin:0 0 50px;
}
footer ul li {
	display:inline-block;
	font-size:1.6rem;
	margin:0 32px 0 0;
}
footer ul li:last-child {
	margin:0;
}
footer dl {
	display:block;
	text-align:center;
	font-size:0;
}
footer dl dt {
	text-align:center;
	margin:0 0 10px;
	font-size:2.6rem;
	font-weight:bold;
}
footer dl dd {
	text-align:center;
	font-size:1.6rem;
}

/*copy*/
.copy {
	display:block;
	border-top: solid 1px #FFFFFF;
	background:#ff0101;
	padding:20px 0;
	text-align:center;
	font-size:1.4rem;
	line-height:1.2;
	color:#FFF;
}


/*fixed*/
.fixed {
	position:fixed;
	top:10px;
	right:0;
}
.fixed ul li {
	margin:0 0 7px;
}
.fixed ul li:last-child {
	margin:0;
}