@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
section, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
section, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}
section { }
img{ vertical-align:bottom;}
a img {outline:none; border:none;}
a {outline:none;}
a:focus{outline: none;}
area{border:none;outline:none;}

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{ width:100%;height:100%;-webkit-font-smoothing: antialiased;}

.over {transition: 0.3s ;}
.over:hover {opacity: 0.5 ;} 

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}
 


/*========================================
 
BASIC
 
=======================================*/



html{-webkit-text-size-adjust:100%; font-size: 62.5%;}
body{font-size: 10px;font-size: 1.0rem; color:#666666; font-weight:lighter; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background:#ffffff;}
a{color:#83cdd2; text-decoration:none;}
a:hover{color: #999999;}
#wrapper {overflow: hidden;}
.cont_wrap { width:100%; max-width:1064px; margin:0 auto;}
span.jt { font-size:120%;}
span.ship { font-size:90%;}
@media only screen and (max-width:1064px){
.cont_wrap { width:90%; max-width:1064px; margin:0 auto;}
}

.pc { display:block;} .sp{ display:none;}
@media only screen and (max-width:640px){.pc { display:none;} .sp{ display: block;}}

/* page-top */
#page-top {position: fixed;bottom: 20px;right: 20px;z-index:10000;}


/* メインビジュアル */

#mainvisual { height:680px; width:100%; background-image:url(../img/bg_main.png); background-position:left bottom; background-repeat:no-repeat; background-size:cover;}
.sp-wrap-bot { width: 342px; height: 700px; position: absolute; top: 125px; left: 73%; margin-left: -171px; background-color: rgba(0, 0, 0, 0); background-image: url('../img/iphone.png'); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: 0% 0%; background-size: cover !important; }
.sp-wrap-bot video#v2 { width: 88%; margin: 82px 0 0 19px ; }
.jaico_logo {position: absolute; width:550px; height:auto; top:110px; left: 25%; margin-left: -240px;}
.cp_img {position: absolute; width:460px; height:auto; top:490px; left: 30%; margin-left: -230px;}
.cp_img_sp { display:none;}

.cont_wrap h2 { width:50%; font-size:28px; font-size:2.8rem; line-height:1.8; font-weight:lighter; margin:30px 0 0 0;}
.cont_wrap h3 { width:60%; font-size:18px; font-size:1.8rem; line-height:1.8; font-weight:lighter; margin:0 0 70px 0;}


@media screen and (max-width: 1064px) {
#mainvisual { height:480px; width:100%; background-image:url(../img/bg_main_sp.png); background-position:left bottom; background-repeat:no-repeat; background-size:cover;}

.jaico_logo {position: absolute; width:340px; height:auto; top:125px; left: 29%; margin-left: -170px;}
.cp_img {position: absolute; width:320px; height:auto; top:350px; left: 29%; margin-left: -160px;}
.sp-wrap-bot { width: 250px; height: 510px; position: absolute; top: 100px; left: 75%; margin-left: -125px; background-color: rgba(0, 0, 0, 0); background-image: url('../img/iphone.png'); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: 0% 0%; background-size: cover !important; }
.sp-wrap-bot video#v2 { width: 88%; margin: 59px 0 0 17px ; }

.cont_wrap h2 { width:70%; font-size:22px; font-size:2.2rem; line-height:1.8; font-weight:lighter; margin:70px 0 0 0;}
.cont_wrap h3 { width:61%; font-size:16px; font-size:1.6rem; line-height:1.8; font-weight:lighter; margin:0 0 70px 0;}
}

@media screen and (max-width: 640px) {
#mainvisual { height:350px; width:100%; background-image:url(../img/bg_main_sp.png); background-position:left bottom; background-repeat:no-repeat; background-size:cover;}

.jaico_logo {position: absolute; width:320px; height:auto; top:80px; left: 50%; margin-left: -160px;}
.cp_img { display:none;}
.cp_img_sp { display:block; width:100%; height:auto; margin-bottom:50px;}
.sp-wrap-bot { width: 150px; height: 306px; position: absolute; top: 200px; left: 75%; margin-left: -75px; background-color: rgba(0, 0, 0, 0); background-image: url('../img/iphone.png'); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: 0% 0%; background-size: cover !important; }
.sp-wrap-bot video#v2 { width: 87%; margin: 40px 0 0 10px ; margin-top: 23%;}

.cont_wrap h2 { width:65%; font-size:20px; font-size:2rem; line-height:1.5; font-weight:lighter; margin:20px 0 15px 0; letter-spacing:-0.05em;}
.cont_wrap h3 { width:50%; font-size:14px; font-size:1.4rem; line-height:1.5; font-weight:lighter; margin:0 0 30px 0;}
}

@media screen and (max-width: 420px) {

.cont_wrap h2 { width:70%; font-size:17px; font-size:1.7rem; line-height:1.5; font-weight:lighter; margin:20px 0 15px 0;}
.cont_wrap h3 { width:50%; font-size:12px; font-size:1.2rem; line-height:1.5; font-weight:lighter;}
}


/* jaico GPS BoT とは */

section.cont02 { width:100%; min-height:560px; background-image:url(../img/bg_02.png); background-position:center top; background-repeat:no-repeat; background-size:cover;}

.cont02 .txt_wrap { float:right; width:57%; margin:130px 0 130px 0; }
.cont02 .jbot_img { float:left; width:43%; }
.cont02 .txt_wrap h4 {font-size: 28px;font-size: 2.8rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont02 .txt_wrap p { font-size:16px; font-size:1.6rem; line-height:2.2; margin:0; }

section.cont03 { width:100%; background:#FFF;}

.cont03 .iphone_wrap { width:100%; display:block; text-align:center; padding:100px 0 0 0;}
.cont03 .iphone_txt { display:inline-block; width:auto; text-align:center; margin:0 50px 0 50px}
.cont03 .iphone_txt img { display:inline-block; width:200px; height:auto; margin-bottom:30px;}
.cont03  p { display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:1.8; margin:0; }

@media screen and (max-width: 1064px) {
.cont02 .txt_wrap { float:right; width:54%; margin:130px 0 130px 0; }
.cont02 .jbot_img { float:left; width:46%; }
.cont02 .txt_wrap h4 {font-size: 20px;font-size: 2rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont02 .txt_wrap p { font-size:14px; font-size:1.4rem; line-height:2; margin:0; }

.cont03 .iphone_wrap { width:100%; display:block; text-align:center; padding:70px 0;}
.cont03 .iphone_txt { display:inline-block; width:auto; text-align:center; margin:0 20px 0 20px}
.cont03 .iphone_txt img { display:inline-block; width:150px; height:auto; margin-bottom:15px;}
.cont03  p { display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:2; margin:0 0 40px 0; }
.cont03  p.last { margin:0 0 0 0; }
}

@media screen and (max-width: 860px) {
section.cont02 { width:100%; min-height:560px; background-image:url(../img/bg_02_sp.png); background-position:right top; background-repeat:no-repeat; background-size:cover;}
.cont02 .txt_wrap { float:none; width:100%; margin:0 0 0 0; padding:70px 0 0 0;}
.cont02 .jbot_img { float:none; width:70%; margin:0 auto; display:block; }
}

@media screen and (max-width: 640px) {
section.cont02 { width:100%; min-height:560px; background-image:url(../img/bg_02_sp.png); background-position:right top; background-repeat:no-repeat; background-size:cover;}
.cont02 .txt_wrap { float:none; width:100%; margin:0 0 0 0; padding:70px 0 0 0;}
.cont02 .jbot_img { float:none; width:70%; margin:0 auto; }
.cont02 .txt_wrap h4 {font-size: 18px;font-size: 1.8rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont02 .txt_wrap p { font-size:12px; font-size:1.2rem; line-height:2; margin:0; }

.cont03 .iphone_wrap { width:100%; display:block; text-align:center; padding:70px 0 30px 0;}
.cont03 .iphone_txt { display:inline-block; width:auto; text-align:center; margin:0 50px 0 50px}
.cont03 .iphone_txt img { display:inline-block; width:150px; height:auto; margin-bottom:15px;}
.cont03  p { display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:1.8; margin:0 0 40px 0; }
}



/* 夏休みこそjaicoでみまもり */

section.cont08 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.fce60012 { color:#e60012;}
.cont08 .jbot_img { width:60%; text-align:center; margin:0 auto;padding:0 0 50px 0; }
.cont08 .jbot_img img { width:100%; height:auto;}
.cont08 .txt_wrap h4 {font-size: 28px;font-size: 2.8rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont08 .txt_wrap p { font-size:16px; font-size:1.6rem; line-height:2.2; margin:0; }

@media screen and (max-width: 1064px) {
.cont08 .jbot_img { width:60%; text-align:center; margin:0 auto;  }
.cont08 .txt_wrap h4 {font-size: 20px;font-size: 2rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont08 .txt_wrap p { font-size:14px; font-size:1.4rem; line-height:2; margin:0; }
}

@media screen and (max-width: 860px) {
section.cont08 { width:100%; }
.cont08 .jbot_img { float:none; width:80%; margin:0 auto; display:block;  padding:0 0 40px 0; }
br.spc02 { display: none; }
}

@media screen and (max-width: 640px) {
section.cont08 { width:100%; }
.cont08 .jbot_img { float:none; width:90%; margin:0 auto; }
.cont08 .txt_wrap h4 {font-size: 18px;font-size: 1.8rem;margin: 0 0 30px 0;font-weight: lighter;}
.cont08 .txt_wrap p { font-size:12px; font-size:1.2rem; line-height:2; margin:0; }
}



/* お申込み・ご購入 */

.sale_wrap { border: 1px solid #c7c5c6; text-align:center; padding:35px 35px 0 35px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; margin:100px 0 100px 0;}
.sale_wrap h4 { font-size:24px; font-size:2.4rem; line-height:1.5; margin-bottom:20px; }
.sale_wrap h5 { font-size:18px; font-size:1.8rem; line-height:1.5; }
.sale_wrap p { font-size:16px; font-size:1.6rem; line-height:1.5; font-weight:bold; margin:0 0 0 0;}
span.cp { font-size:22px; font-size:2.2rem; line-height:1.5; }
span.cp02 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.3;
	color: #C00;
}
span.cp03 { font-size:28px; font-size:2.8rem; line-height:1.5;}
span.tax { font-size:60%;}

.sale_box03 {
	border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #e85864;
	color:#e60012;
	width: 50%;
	padding:5px;
	margin: 5px auto;
	font-size: 1.8rem;
}

.sale_box {
	border-bottom: 1px solid #0098bc;
	border-top: 1px solid #0098bc;
	color:#0098bc;
	width: 80%;
	padding: 10px 0;
	margin: 10px auto;
	font-size: 22px;
	font-size: 1.8rem;
	font-weight:bold;
}

.sale_box02 {
	border-bottom: 1px solid #c7c5c6;
	border-top: 1px solid #c7c5c6;
	width: 80%;
	padding: 10px 0;
	margin: 10px auto;
	margin-top:30px;
	font-size: 22px;
	font-size: 1.8rem;
	font-weight:bold;
}

a.salebtn{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 260px;
  line-height: 1;
  padding-top:22px;
  margin:35px 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:14px; font-size:1.4rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_02{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 260px;
  line-height: 1.3;
  padding-top:12px;
  margin:35px 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:14px; font-size:1.4rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_02 span { font-size:12px; font-size:1.2rem;}
a.salebtn:hover,
a.salebtn_02:hover{color: #000000;background: none;border:solid 1px #000000;}

a.salebtn_03{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 70%;
  line-height: 1.3;
  padding-top:10px;
  margin:35px 0;
  text-align: center;
  border-radius: 35px;
   background: #3699bb;
  color: #fff;
  border:solid 1px #3699bb;
  font-size:16px; font-size:1.6rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_03 span { font-size:12px; font-size:1.2rem;}
a.salebtn:hover,
a.salebtn_03:hover{color: #3699bb;background: none;border:solid 1px #3699bb;}


@media screen and (max-width: 1064px) {
.sale_wrap { border: 1px solid #c7c5c6; text-align:center; padding:35px 35px 0 35px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; margin:70px 0 70px 0;}
.sale_wrap h4 { font-size:20px; font-size:2rem; line-height:1.2; margin-bottom:20px; }
.sale_wrap h5 { font-size:16px; font-size:1.6rem; line-height:1.2; }
.sale_wrap p { font-size:14px; font-size:1.4rem; line-height:1.5; font-weight:bold; margin:0 0 0 0;}
span.cp { font-size:18px; font-size:1.8rem; line-height:1.5; }
span.cp02 { font-size:28px; font-size:2.8rem; line-height:1.5; color:#C00;}
span.cp03 { font-size:24px; font-size:2.4rem; line-height:1.5;}
span.tax { font-size:60%;}

.sale_box {
	border-bottom: 1px solid #0098bc;
	border-top: 1px solid #0098bc;
	color:#0098bc;
	width: 80%;
	padding: 10px 0;
	margin: 10px auto;
	font-size: 22px;
	font-size: 1.6rem;
	font-weight:bold;
}

.sale_box02 {
	border-bottom: 1px solid #c7c5c6;
	border-top: 1px solid #c7c5c6;
	width: 80%;
	padding: 10px 0;
	margin: 10px auto;
	margin-top:30px;
	font-size: 22px;
	font-size: 1.6rem;
	font-weight:bold;
}

.sale_box03 {
	border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #e85864;
	color:#e60012;
	width: 80%;
	padding:5px;
	margin: 5px auto;
	font-size: 1.6rem;
}



a.salebtn{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 260px;
  line-height: 1;
  padding-top:22px;
  margin:20px 10px 0 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:14px; font-size:1.4rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_02{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 260px;
  line-height: 1.3;
  padding-top:12px;
  margin:20px 10px 35px 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:14px; font-size:1.4rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_02 span,a.salebtn_03 span { font-size:12px; font-size:1.2rem;}
a.salebtn:hover, a.salebtn_02:hover{color: #000000;background: none;border:solid 1px #000000;}
}

@media screen and (max-width: 640px) {
.sale_wrap { border: 1px solid #c7c5c6; text-align:center; padding:35px 20px 0 20px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; margin:70px 0 70px 0;}
.sale_wrap h4 { font-size:18px; font-size:1.8rem; line-height:1.2; margin-bottom:20px; }
.sale_wrap h5 { font-size:14px; font-size:1.4rem; line-height:1.2; }
.sale_wrap p { font-size:12px; font-size:1.2rem; line-height:1.5; font-weight:bold; margin:0 0 0 0;}
span.cp { font-size:18px; font-size:1.8rem; line-height:1.5; }
span.cp02 { font-size:22px; font-size:2.2rem; line-height:1.3; color:#C00;}
span.cp03 { font-size:22px; font-size:2.2rem; line-height:1.5; }
span.tax { font-size:60%;}

.sale_box {
	border-bottom: 1px solid #0098bc;
	border-top: 1px solid #0098bc;
	color:#0098bc;
	width: 100%;
	padding: 10px 0;
	margin: 10px auto;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight:bold;
}

.sale_box02 {
	border-bottom: 1px solid #c7c5c6;
	border-top: 1px solid #c7c5c6;
	width: 100%;
	padding: 10px 0;
	margin: 10px auto;
	margin-top:30px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight:bold;
}

.sale_box03 {
	border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #e85864;
	color:#e60012;
	width: 100%;
	padding:5px;
	margin: 5px auto;
	font-size: 1.4rem;
}

a.salebtn{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 230px;
  line-height: 1;
  padding-top:22px;
  margin:20px 10px 0 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_02{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:60px;
  width: 230px;
  line-height: 1.3;
  padding-top:12px;
  margin:20px 10px 35px 10px;
  text-align: center;
  border-radius: 35px;
   background: #000000;
  color: #fff;
  border:solid 1px #000000;
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.salebtn_03{
  vertical-align:top;
  display: inline-block;
  text-decoration: none;
  height:50px;
  width: 100%;
  line-height: 1.3;
  padding-top:9px;
  margin:20px 0 35px 0;
  text-align: center;
  border-radius: 35px;
  color: #fff;
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

}


/* jaico GPS BoT の４つの特長 */

section.cont04 { width:100%; background-image:url(../img/bg_04.png); background-position:center center; background-repeat:no-repeat; background-size:cover;}

.cont04 .txt_wrap { width:100%; padding:100px 0 100px 0; text-align:center; color:#FFF;}
.cont04 .txt_wrap h4 {font-size: 28px;font-size: 2.8rem;margin: 0 0 100px 0;font-weight: lighter;}
.cont04 .txt_wrap .boxcont { border: 1px solid rgba(255, 255, 255, 0.5); text-align:left; padding:30px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; position:relative;}
.cont04 .txt_wrap .boxcont h5 { font-size:24px; font-size:2.4rem; line-height:1; margin:0 0 20px 0; font-weight: lighter;}
.cont04 .txt_wrap .boxcont p { font-size:16px; font-size:1.6rem; line-height:2; margin:0; }
.cont04 .txt_wrap .boxcont p span { font-size:12px; font-size:1.2rem; line-height:2; margin:0; }
.cont04 .txt_wrap .boxcont .img01 { position:absolute; right:0; top:-30px; width:100px; height:auto;}
.cont04 .txt_wrap .left { float:left; width:47%; margin:0 0 65px 0}
.cont04 .txt_wrap .right { float:right; width:47%; margin:0 0 65px 0}

@media screen and (max-width: 1064px) {
section.cont04 { width:100%; background-image:url(../img/bg_04.png); background-position:center center; background-repeat:no-repeat; background-size:cover;}

.cont04 .txt_wrap { width:100%; padding:100px 0 70px 0; text-align:center; color:#FFF;}
.cont04 .txt_wrap h4 {font-size: 20px;font-size: 2rem;margin: 0 0 80px 0;font-weight: lighter;}
.cont04 .txt_wrap .boxcont { border: 1px solid rgba(255, 255, 255, 0.5); text-align:left; padding:30px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; position:relative;}
.cont04 .txt_wrap .boxcont h5 { font-size:18px; font-size:1.8rem; line-height:1; margin:0 0 20px 0; font-weight: lighter;}
.cont04 .txt_wrap .boxcont p { font-size:14px; font-size:1.4rem; line-height:1.5; margin:0;}
.cont04 .txt_wrap .boxcont p span { font-size:12px; font-size:1.2rem; line-height:1.5; margin:0; }
.cont04 .txt_wrap .boxcont p br { display:none; } .cont04 .txt_wrap .boxcont p br.c { display: inherit; }
.cont04 .txt_wrap .boxcont .img01 { position:absolute; right:0; top:-30px; width:100px; height:auto;}
.cont04 .txt_wrap .left { float:none; width:100%; margin:0 0 65px 0}
.cont04 .txt_wrap .right { float:none; width:100%; margin:0 0 65px 0}
}

@media screen and (max-width: 640px) {
section.cont04 { width:100%; background-image:url(../img/bg_04.png); background-position:center center; background-repeat:no-repeat; background-size:cover;}

.cont04 .txt_wrap { width:100%; padding:70px 0 40px 0; text-align:center; color:#FFF;}
.cont04 .txt_wrap h4 {font-size: 18px;font-size: 1.8rem;margin: 0 0 60px 0;font-weight: lighter;}
.cont04 .txt_wrap .boxcont { border: 1px solid rgba(255, 255, 255, 0.5); text-align:left; padding:30px; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; position:relative;}
.cont04 .txt_wrap .boxcont h5 { font-size:16px; font-size:1.6rem; line-height:1; margin:0 0 20px 0; font-weight: lighter;}
.cont04 .txt_wrap .boxcont p { font-size:12px; font-size:1.2rem; line-height:1.5; margin:0; }
.cont04 .txt_wrap .boxcont p span { font-size:10px; font-size:1rem; line-height:1.5; margin:0; }
.cont04 .txt_wrap .boxcont .img01 { position:absolute; right:0; top:-21px; width:70px; height:auto;}
.cont04 .txt_wrap .left { float:none; width:100%; margin:0 0 40px 0}
.cont04 .txt_wrap .right { float:none; width:100%; margin:0 0 40px 0}
br.spc { display: none; }
}


/* 購入から利用開始までの流れ */

section.cont05 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.cont05 .txt_wrap { width:100%; padding:100px 0 100px 0; text-align:center; color:#666666;}
.cont05 .txt_wrap h4 {font-size: 28px;font-size: 2.8rem;margin: 0 0 70px 0;font-weight: lighter;}
.slide {width:100%;margin: 0 auto; text-align:center;}
.slide hr {width:100%;margin: 60px 0 40px 0; height:1px; color:#CCC;}
.slide img {width: 100%;height: auto;}


@media screen and (max-width: 1064px) {
section.cont05 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.cont05 .txt_wrap { width:100%; padding:100px 0 100px 0; text-align:center; color:#666666;}
.cont05 .txt_wrap h4 {font-size: 20px;font-size: 2rem;margin: 0 0 70px 0;font-weight: lighter;}
.slide {width:100%;margin:0 auto;}
.slide img {width: 100%;height: auto;}
}

@media screen and (max-width: 640px) {
section.cont05 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.cont05 .txt_wrap { width:100%; padding:70px 0 70px 0; text-align:center; color:#666666;}
.cont05 .txt_wrap h4 {font-size: 18px;font-size: 1.8rem;margin: 0 0 40px 0;font-weight: lighter;}
.slide {width:90%;margin:0 auto;}
.slide img {width: 60%;height: auto;}
}




/* 仕様 */

section.cont06 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.cont06 .txt_wrap { width:100%; padding:100px 0 0 0; text-align:center; color:#666666;}
.cont06 .txt_wrap h4 {font-size: 28px;font-size: 2.8rem;margin: 0 0 40px 0;font-weight: lighter;}
.cont06 .txt_wrap .left { float:left; width:55%; min-width:410px; text-align:left;}
.cont06 .txt_wrap .right { float:right; width:40%; text-align:center;}
.cont06 .txt_wrap .right img { width:100%; vertical-align:bottom; height:auto;}

table { width: 100%; text-align:left; font-size:12px; font-size:1.2rem; font-weight:lighter; line-height:1.3; border-top: 1px #c7c5c6 solid}
th { padding: 10px 0 10px 0; border-bottom: 1px #c7c5c6 solid; vertical-align:top; width:100px;font-weight:lighter; text-align:left;}
td { padding: 10px 0 10px 0; border-bottom: 1px #c7c5c6 solid; vertical-align:top; width:auto;font-weight:lighter; text-align:left;}
td p{ font-size: 10px; padding-left: 10px; text-indent: -10px; }

@media screen and (max-width: 1064px) {
.cont06 .txt_wrap h4 {font-size: 2px;font-size: 2rem;margin: 0 0 40px 0;font-weight: lighter;}
}

@media screen and (max-width: 800px) {
section.cont06 { width:100%; background:url(../img/bg_05.png) repeat-x top center;}
.cont06 .txt_wrap { width:100%; padding:100px 0 0 0; text-align:center; color:#666666;}

.cont06 .txt_wrap .left { float:none; width:100%; min-width:0; text-align:left; margin:0 0 50px 0;}
.cont06 .txt_wrap .right { float:none; width:100%; text-align:center;}
.cont06 .txt_wrap .right img { width:60%; vertical-align:bottom; height:auto; margin:0 auto;}

table { width: 100%; text-align:left; font-size:12px; font-size:1.2rem; font-weight:lighter; line-height:1.3; }
th { padding: 10px 0 10px 0; border-bottom: 1px #c7c5c6 solid; vertical-align:top; width:100px;font-weight:lighter;}
td { padding: 10px 0 10px 0; border-bottom: 1px #c7c5c6 solid; vertical-align:top; width:auto;font-weight:lighter;}
td p{ font-size: 10px; padding-left: 10px; text-indent: -10px; }

}

@media screen and (max-width: 640px) {
.cont06 .txt_wrap { width:100%; padding:70px 0 0 0; text-align:center; color:#666666;}
.cont06 .txt_wrap h4 {font-size: 18px;font-size: 1.8rem;margin: 0 0 40px 0;font-weight: lighter;}
.cont06 .txt_wrap .right img { width:80%; vertical-align:bottom; height:auto; margin:0 auto;}
}



/* お問い合わせ */

section.cont07 { width:100%; background: #000; color:#FFF;}
.cont07 .txt_wrap { width:100%; padding:70px 0 30px 0; text-align:center;}
.cont07 .txt_wrap h4 { font-size:24px; font-size:2.4rem; line-height:1.5; margin-bottom:20px;  font-weight:lighter; }
.cont07 .txt_wrap h4 span { font-size:18px; font-size:1.8rem; line-height:1.5; margin-bottom:20px; }
.cont07 .txt_wrap h5 { font-size:16px; font-size:1.6rem; line-height:1.5; margin-bottom:20px; font-weight:lighter; }
.cont07 .txt_wrap p { font-size:14px; font-size:1.4rem; line-height:1.5; margin-bottom:60px;}
.cont07 .txt_wrap p.cation { font-size:14px; font-size:1.4rem; line-height:1.5; margin-bottom:0;}

@media screen and (max-width: 1064px) {
section.cont07 { width:100%; background: #000; color:#FFF;}
.cont07 .txt_wrap { width:100%; padding:70px 0 30px 0; text-align:center;}
.cont07 .txt_wrap h4 { font-size:20px; font-size:2rem; line-height:1.5; margin-bottom:20px;  font-weight:lighter; }
.cont07 .txt_wrap h4 span { font-size:16px; font-size:1.6rem; line-height:1.5; margin-bottom:20px; }
.cont07 .txt_wrap h5 { font-size:14px; font-size:1.4rem; line-height:1.5; margin-bottom:20px; font-weight:lighter; }
.cont07 .txt_wrap p { font-size:12px; font-size:1.2rem; line-height:1.5; margin-bottom:60px;}
.cont07 .txt_wrap p.cation { font-size:12px; font-size:1.2rem; line-height:1.5; margin-bottom:0;}
}


/* #footer */
footer {display:table;padding:15px;width:100%;height:auto;position:relative;z-index:300;background-color:#1f5d97;}
footer #footer_wrap {display: table-cell;vertical-align:middle;font-size:12px; font-size:1.2rem;font-weight:normal;line-height:1;color:#FFF;width:100%;text-align:center;}


/* header */
#top-head {background-color: rgba(255,255,255,0.9);height:70px;font-size: 14px;position:fixed;width: 100%;margin: auto 0;padding: 0;line-height: 1;z-index: 5000;}
#top-head a, #top-head {text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: right;max-height:70px;}
#global-nav ul {list-style: none;position: absolute;left: 20px;top: 20px;font-size: 16px;font-size: 1.6rem;letter-spacing: 1px;}
#global-nav ul li {float: left;width:auto;height:30px;text-align:center;position: relative;}
#global-nav ul li a {display: table-cell;vertical-align:bottom;padding:0 20px 7px 20px;width:auto;height:30px;bottom:10px;left:0;border-right:#CCC 1px solid;color:#666666;}
#global-nav ul li:last-child a {border-right:none;}
#global-nav ul li a:hover {color: #aaaaaa;}

.inner {width: ;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}


/* Underline From Center */
.navover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  
}
.navover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: -10px;
  background: #666666;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navover:hover:before, .navover:focus:before, .navover:active:before {
  left: 0;
  right: 0;
}

@media only screen and (max-width:640px){
.navover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #666666;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#global-nav ul li a {border-right:none;}
}



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	left: 12px;
	top: 0;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {position: relative;}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	background: #666666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 12px;}
#nav-toggle span:nth-child(2) {top: 23px;}
#nav-toggle span:nth-child(3) {top: 34px;}



@media screen and (max-width: 1064px) {

#top-head,.inner {width: 100%;padding: 0;}
#top-head {top: 0;position: fixed;margin-top: 0;}
/* Fixed reset */
#top-head .logo {position: absolute;right: 10px;z-index:9999;}

#global-nav ul {list-style: none;position: absolute;left: 20px;top: 20px;font-size: 14px;font-size: 1.4rem;letter-spacing: 1px;}
#global-nav ul li {float: left;width:auto;height:30px;text-align:center;position: relative;}
#global-nav ul li a {display: table-cell;vertical-align:bottom;padding:0 10px 7px 10px;width:auto;height:30px;bottom:10px;left:0;border-right:#CCC 1px solid;color:#666666;}
}


@media screen and (max-width: 800px) {


#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
		height:50px;
	}
	/* Fixed reset */


	#mobile-head {

	height:50px;
	width: 100%;
	z-index: 999;
	position: relative;
	}


	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -530px;
		background-color: rgba(255,255,255,0.9);
		width: 100%;
		text-align: center;
		padding: 0 0 0 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
	}
	#global-nav ul li {
		width: 100%;
		height:50px;
		float: none;
		position: static;
		border-bottom: solid 1px #aaaaaa;
		border-left: none;
		padding:10px 0 8px 0;
		margin:0;
		height:auto;
	}
	
	#global-nav ul li:last-child {
		border-bottom: none;
	}
	
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		height:auto;
		display: block;
		color: #666666;
		padding:5px 0 5px 0;
		margin:0;
		position:static;
	}
	
	
	#top-head #global-nav ul li a:hover,
	#top-head.fixed #global-nav ul li a:hover {
		color: #aaaaaa;
	}
	

	#nav-toggle {
		display: block;
	}
/* #nav-toggle */
	.open #nav-toggle span:nth-child(1) {
		top: 23px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 23px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}

	.open #global-nav {
		-moz-transform: translateY(580px);
		-webkit-transform: translateY(580px);
		transform: translateY(580px);
	}

footer #footer_wrap {font-size:10px; font-size:1rem;line-height:1;}

}


@media screen and (max-width: 640px) {
#top-head .logo {position: absolute;right: 10px;z-index:9999; width:auto; height:50px;}
#global-nav ul li a {display: table-cell;vertical-align:bottom;padding:0 10px 7px 10px;width:auto;height:30px;bottom:10px;left:0;border-right:none;color:#666666;}
}

.mb60{ margin-bottom:60px; }
.mb70{ margin-bottom:70px; }
.fc3399cc {color: #C00;}