@charset "UTF-8";

#highlow_lp {}
/* for Safari and Chrome */
#highlow_lp h2 {font-size:36px; font-size:3.6rem; color:#FFF; padding:22px 60px; letter-spacing:0.2em; display:inline-block; border:2px solid #FFF;}
#highlow_lp h3 {font-size:24px; font-size:2.4rem; color:#6a6062; padding:0 0 22px 0; letter-spacing:0.2em; display:block;}
#highlow_lp p {color:#6a6062; font-size:15px; font-size:1.5rem; line-height:2.0; letter-spacing:0.2em;}
#highlow_lp .bg_tex01 {background:url('../images/bg_tex01.gif') 0 0 repeat #efeee6; }
#highlow_lp img.normal_scale {width:auto; max-width:auto; min-width:auto;}
#highlow_lp .img_box {position:relative;}

#highlow_lp #hl_anchor_navi { padding:30px; text-align:center;}
#highlow_lp #hl_anchor_navi ul {max-width:1030px; letter-spacing:0; padding:0; margin:0 auto; font-size:0;}
#highlow_lp #hl_anchor_navi ul li { width:33.333%; padding:0 1.2%; display:inline-block; vertical-align:top;}
#highlow_lp #hl_anchor_navi ul li a,
#highlow_lp #hl_anchor_navi ul li a:visited { font-size:15px; font-size:1.5rem; color:#b1da01; border:3px solid #b1da01; display:table; width:100%; letter-spacing:0.1em; text-decoration:none; background:url('../images/icon_anchor.gif') center right no-repeat #FFF; padding:16px 40px 16px 6px; font-weight:bold;
border-radius:15px;
-webkit-border-radius:15px;/* for Safari and Chrome */
-moz-border-radius:15px; /* for Firefox */
-o-border-radius:15px; /* for opera */
behavior: url('/common/css/common/border-radius.htc');/* for IE */
}
#highlow_lp #hl_anchor_navi ul li a:hover {color:#d3e0a2; border-color:#d3e0a2;}
#highlow_lp #hl_anchor_navi ul li a .t_cel {display:table-cell; margin:0 auto; vertical-align:middle;}
#highlow_lp #hl_anchor_navi02 { padding:50px; text-align:center;}
#highlow_lp #hl_anchor_navi02 ul {max-width:1030px; letter-spacing:0; padding:0; margin:0 auto; font-size:0;}
#highlow_lp #hl_anchor_navi02 ul li { width:33.333%; padding:0 1.2%; display:inline-block; vertical-align:top;}
#highlow_lp #hl_anchor_navi02 ul li a,
#highlow_lp #hl_anchor_navi02 ul li a:visited { font-size:15px; font-size:1.5rem; color:#b1da01; border:3px solid #b1da01; display:table; width:100%; letter-spacing:0.1em; text-decoration:none; background:url('../images/icon_anchor.gif') center right no-repeat #FFF; padding:16px 40px 16px 6px; font-weight:bold;
border-radius:15px;
-webkit-border-radius:15px;/* for Safari and Chrome */
-moz-border-radius:15px; /* for Firefox */
-o-border-radius:15px; /* for opera */
behavior: url('/common/css/common/border-radius.htc');/* for IE */
}
#highlow_lp #hl_anchor_navi02 ul li a:hover {color:#d3e0a2; border-color:#d3e0a2;}
#highlow_lp #hl_anchor_navi02 ul li a .t_cel {display:table-cell; margin:0 auto; vertical-align:middle;}

#highlow_lp #hl_intro {max-width:1020px; padding:120px 20px 40px 20px; margin:0 auto; text-align:center;}
#highlow_lp #hl_intro h2 {font-size:30px; font-size:3.0rem; font-weight:normal; line-height:1.8; letter-spacing:0.1em; color:#6a6062; padding:0 0 48px 0; border:none;}
#highlow_lp #hl_intro p {font-size:16px; font-size:1.6rem; line-height:2.4; padding-bottom:30px;}


#highlow_lp .cont01 {padding:40px 0;}

#highlow_lp .head_block01 {position:relative; padding:40px 0 36% 0;}
#highlow_lp .head_block01 .head_img {width:53%; position:absolute; top:0; z-index:2;}
#highlow_lp .head_block01 .head_text {width:50%; position:absolute; top:40px; z-index:3; background:rgba(177, 218, 1, 0.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aab1da01,endColorstr=#aab1da01); display:table; text-align:center;}
#highlow_lp .head_block01 .head_text:not(:target){ filter:none;}
#highlow_lp .head_block01 .flo_left { left:0;}
#highlow_lp .head_block01 .flo_right { right:0;}
#highlow_lp .head_block01 .head_text_inner {display:table-cell; text-align:center; vertical-align:middle;}
#highlow_lp .head_block01 .head_text_inner02 {display:inline-block; max-width:510px; margin:0 auto; padding:20px;}
#highlow_lp .head_block01 h3 {text-align:left; padding:30px 0;}
#highlow_lp .head_block01 p {text-align:left;}

#highlow_lp .cont01_inner p {font-size:13px; font-size:1.3rem; line-height:1.8; padding-bottom:30px;}
#highlow_lp .cont01_inner .img_box {position:relative; padding:0 0 24px 0;}
#highlow_lp .cont01_inner ul {max-width:780px; letter-spacing:0; padding:0; margin:0 auto; font-size:0;}
#highlow_lp .cont01_inner ul li { width:50%; padding:0 4% 40px 4%; display:inline-block; vertical-align:top;}
#highlow_lp .cont01_inner ul li img.icon {position:absolute; top:0; left:0; }
#highlow_lp .cont01_inner ul li a,
#highlow_lp .cont01_inner ul li a:visited {font-size:13px; font-size:1.3rem; font-weight:bold; color:#b1da01; border:3px solid #b1da01; background:url('../images/icon_anchor.gif') center right no-repeat #FFF; display:block; text-decoration:none; text-align:center; padding:14px 40px 14px 6px; letter-spacing:0.1em;
border-radius:15px;
-webkit-border-radius:15px;/* for Safari and Chrome */
-moz-border-radius:15px; /* for Firefox */
-o-border-radius:15px; /* for opera */
behavior: url('/common/css/common/border-radius.htc');/* for IE */
}
#highlow_lp .cont01_inner ul li a:hover {color:#d3e0a2; border-color:#d3e0a2;}

#highlow_lp .cont01_inner01 {max-width:1020px; padding:70px 0 40px 0; margin:0 auto}
#highlow_lp .cont01_inner01 .img_box {padding-top:50px;}

#highlow_lp .cont01_inner02 { padding:90px 0 40px 0; margin:0 auto}
#highlow_lp .cont01_inner02 ul {max-width:1060px; text-align:center;}
#highlow_lp .cont01_inner02 ul li { width:31.37%; padding:0 0 40px 0; display:inline-block; vertical-align:top;}
#highlow_lp .cont01_inner02 ul li.inner02_li01 {float:left;}
#highlow_lp .cont01_inner02 ul li.inner02_li02 {margin:0 auto;}
#highlow_lp .cont01_inner02 ul li.inner02_li03 {float:right;}
#highlow_lp .cont01_inner.cont01_inner02 ul li p {text-align:left; padding-bottom:0;}
#highlow_lp .cont01_inner02 .inner02_li02 .img_box img {padding-top:0; position:absolute; left:0; bottom:24px;}
#highlow_lp .cont01_inner03 {max-width:1020px; padding:70px 0 80px 0; margin:0 auto}


#highlow_lp .cont02 {padding:100px 0;}
#highlow_lp .cont02 h2 {font-size:30px; font-size:3.0rem; color:#6a6062; padding:0 0 50px 0; border:none; display:block; text-align:center; font-weight:normal;}

#highlow_lp .cont02 ul {letter-spacing:0; padding:0; margin:0 auto; font-size:0;}
#highlow_lp .cont02 ul li { width:33.333%; padding:0; display:inline-block; vertical-align:top;}
#highlow_lp .cont02 ul li.cont02_li01 {padding-top:0;}
#highlow_lp .cont02 ul li.cont02_li02 {padding-top:50px;}
#highlow_lp .cont02 ul li.cont02_li03 {padding-top:100px;}
#highlow_lp .cont02 ul li .img_box {position:relative; padding-top:50px;}
#highlow_lp .cont02 ul li img.icon {position:absolute; top:0; left:30px;}
#highlow_lp .cont02 ul li .text_box {width:100%; text-align:center; position:absolute;left:0; right:0; bottom:0; background-color:transparent;}
#highlow_lp .cont02 ul li p {color:#FFF; display:inline-block; font-size:18px; font-size:1.8rem; font-weight:bold;
padding:12px 30px; margin:18px; z-index:10; line-height:1.4;
background:rgba(0, 0, 0, 0.38); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);}
#highlow_lp .cont02 ul li p:not(:target){ filter:none;}


#highlow_lp .head_block02 {background-color:#000; text-align:center; width:100%; display:table; text-align:center;}
#highlow_lp .head_block02.auto_bg {background:url('../images/head_block02bg01.png') center center no-repeat #9a8d89; background-size:cover;}
#highlow_lp .head_block02.nonauto_bg {background:url('../images/head_block02bg02.png') center center no-repeat #9a8d89; background-size:cover;}
#highlow_lp .head_block02 .head_block02_inner {display:table-cell; height:488px; vertical-align:middle;}
#highlow_lp .head_block02 p {color:#FFF; font-size:24px; font-size:2.4rem; padding-top:50px;}

#highlow_lp .cont03 {position:relative; padding:180px 0 120px 0}
#highlow_lp .cont03_bg {position:absolute; width:45%; z-index:1; right:0; top:7%;}
#highlow_lp .cont03_con {position:relative; z-index:5;}
#highlow_lp .cont03_inner01 {max-width:780px; letter-spacing:0; padding:0 2% 0 2%; margin:0 auto; font-size:0;}
#highlow_lp .cont03_inner01 h3 {font-size:26px; font-size:2.6rem; color:#6a6062; padding:0 0 36px 0;  font-weight:normal;}
#highlow_lp .cont03_inner01 p {max-width:480px; padding-bottom:22px;}
#highlow_lp .cont03_inner01 p.note {color:#b1b1b1; font-size:13px; font-size:1.3rem; padding-bottom:36px;}

#highlow_lp .cont04 {padding:60px 0}
#highlow_lp .cont04 ul {max-width:1020px; letter-spacing:-1; padding:0; margin:0 auto; font-size:0;}
#highlow_lp .cont04 ul li { width:50%; padding:0 3% 6% 3%; letter-spacing:normal; display:inline-block; vertical-align:top;}
#highlow_lp .cont04 ul li .img_box {position:relative; padding-top:40px;}
#highlow_lp .cont04 ul li img.icon {position:absolute; top:0; left:-30px; width:42.5%;}
#highlow_lp .cont04 ul li h3 {font-size:20px; font-size:2.0rem; padding:20px 0 6px 0;}
#highlow_lp .cont04 ul li p.cont04_dis {font-size:14px; font-size:1.4rem; padding:0 0 12px 0;}
#highlow_lp .cont04 ul li p.cont04_pname {font-size:14px; font-size:1.4rem; font-weight:bold; padding:0;}


#highlow_lp .plist_btn_area {padding:0 20px; text-align:center;}
#highlow_lp .plist_btn_area img {width:auto; max-width:auto; min-width:auto;}

.cate_top_suboption_area {padding:0 30px; margin:50px auto;}
.cate_top_suboption_area.middle_ver { margin:80px auto 0 auto;}
.cate_top_suboption_bg { padding:50px; text-align:center; color:#51514f; background:#f7f5f3; border:10px solid #ececec;}
.cate_top_suboption_area p {font-size:17px; font-size:1.7rem; font-weight:normal; letter-spacing:0.1em; padding-bottom:5px;}
.cate_top_suboption_area h3 {font-size:28px; font-size:2.8rem; font-weight:bold; letter-spacing:0.1em; padding-bottom:14px;}
.cate_top_sub_btnarea {max-width:380px; margin:0 auto;}
.cate_top_sub_btnarea .cate_top_sub_btn,
.cate_top_sub_btnarea .cate_top_suboption_btn {max-width:380px; margin-bottom:18px; border-radius:10px; background:url(../../images/common/icon/category_btn_arrow.png) right center no-repeat #FFF; padding-right:40px; text-align:center;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.cate_top_sub_btnarea .cate_top_sub_btn:hover,
.cate_top_sub_btnarea .cate_top_suboption_btn:hover {
opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */}
.cate_top_sub_btnarea .cate_top_sub_btn a,
.cate_top_sub_btnarea .cate_top_sub_btn a:visited,
.cate_top_sub_btnarea .cate_top_sub_btn a:hover,
.cate_top_sub_btnarea .cate_top_suboption_btn a,
.cate_top_sub_btnarea .cate_top_suboption_btn a:visited,
.cate_top_sub_btnarea .cate_top_suboption_btn a:hover {width:340px; height:54px; padding:5%; color:#51514f; font-size:14px; font-size:1.4rem; font-weight:bold; display:table-cell; vertical-align:middle; text-align:center; text-decoration:none;}
.cate_top_sub_btnarea .cate_top_suboption_btn {background:url(../images/btn_arrow.png) right center no-repeat #df0623; margin:0;}
.cate_top_sub_btnarea .cate_top_suboption_btn a,
.cate_top_sub_btnarea .cate_top_suboption_btn a:visited,
.cate_top_sub_btnarea .cate_top_suboption_btn a:hover {color:#FFF;}
.sp_br {
    display: none;
}


/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
#highlow_lp #hl_anchor_navi ul li a:visited {font-size:14px; font-size:1.4rem; letter-spacing:normal;}
#highlow_lp #hl_anchor_navi02 ul li a:visited {font-size:14px; font-size:1.4rem; letter-spacing:normal;}
.cate_top_suboption_area {margin:0 auto; padding:0;}	

}
@media screen and (max-width: 769px) {
#highlow_lp .cont02 ul li .img_box {position:relative; padding-top:45px;}
#highlow_lp .cont02 ul li img.icon {position:absolute; top:0; left:10px; width:90px;}
#highlow_lp .cont02 ul li p {color:#FFF; display:block; font-size:16px; font-size:1.6rem; font-weight:bold;
padding:10px 30px; margin:0; z-index:10; line-height:1.4;}

#highlow_lp .head_block02.auto_bg {background:url('../images/head_block02bg01tab.png') center center no-repeat #9a8d89; background-size:cover;}
#highlow_lp .head_block02.nonauto_bg {background:url('../images/head_block02bg02tab.png') center center no-repeat #9a8d89; background-size:cover;}
#highlow_lp .head_block02 .head_block02_inner {height:320px;}

}



/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {

#highlow_lp p {color:#6a6062; font-size:14px; font-size:1.4rem; line-height:1.6; letter-spacing:0.1em;}
#highlow_lp h2 {font-size:20px; font-size:2.0rem; color:#FFF; padding:12px 30px; letter-spacing:0.2em; display:inline-block; border:2px solid #FFF;}
#highlow_lp h3 {font-size:24px; font-size:2.4rem; color:#6a6062; padding:0 0 22px 0; letter-spacing:0.1em; display:block;}

#highlow_lp #hl_anchor_navi { padding:10px 20px;}
#highlow_lp #hl_anchor_navi ul li { width:100%; padding:5px 0; display:block;}
#highlow_lp #hl_anchor_navi ul li a,
#highlow_lp #hl_anchor_navi ul li a:visited {padding:10px 36px 10px 6px; background:url('../images/icon_anchor_sp.gif') center right no-repeat #FFF;}
#highlow_lp #hl_anchor_navi02 { padding:30px;}
#highlow_lp #hl_anchor_navi02 ul li { width:100%; padding:5px 0; display:block;}
#highlow_lp #hl_anchor_navi02 ul li a,
#highlow_lp #hl_anchor_navi02 ul li a:visited {padding:10px 36px 10px 6px; background:url('../images/icon_anchor_sp.gif') center right no-repeat #FFF;}	

#highlow_lp #hl_intro {padding:60px 20px 40px 20px;}
#highlow_lp #hl_intro h2 {font-size:20px; font-size:2.0rem; font-weight:normal; line-height:1.6; padding:0 0 26px 0;}
#highlow_lp #hl_intro p {font-size:16px; font-size:1.6rem; line-height:2.0; letter-spacing:0.05em; padding-bottom:30px;}

#highlow_lp .cont01 {padding:0;}

#highlow_lp .head_block01 {padding:20px 0;}
#highlow_lp .head_block01 .head_img {width:100%; position:relative; top:0;}
#highlow_lp .head_block01 .head_text {width:100%; position:relative; top:0; display:block; text-align:center;}
#highlow_lp .head_block01 .flo_left { left:0;}
#highlow_lp .head_block01 .flo_right { right:0;}
#highlow_lp .head_block01 .head_text_inner {display:table-cell; text-align:center; vertical-align:middle;}
#highlow_lp .head_block01 .head_text_inner02 {display:inline-block; max-width:510px; margin:0 auto; padding:40px 20px;}
#highlow_lp .head_block01 .head_text_inner img {height:60px;}
#highlow_lp .head_block01 h3 {font-size:18px; font-size:1.8rem; text-align:left; padding:30px 0;}
#highlow_lp .head_block01 p {text-align:left;}

#highlow_lp .cont01_inner p {font-size:13px; font-size:1.3rem; line-height:1.8; padding-bottom:16px;}
#highlow_lp .cont01_inner .img_box {padding:0 0 14px 0;}
#highlow_lp .cont01_inner01 {padding:20px 0 20px 0;}
#highlow_lp .cont01_inner ul,
#highlow_lp .cont01_inner02 ul { padding:0 5px;}
#highlow_lp .cont01_inner02 ul { text-align:left;}
#highlow_lp .cont01_inner ul li,
#highlow_lp .cont01_inner02 ul li { width:50%; padding:0 2% 40px 2%; display:inline-block; vertical-align:top;}
#highlow_lp .cont01_inner ul li img.icon {width:60px;}
#highlow_lp .cont01_inner01 .img_box {padding-top:30px;}
#highlow_lp .cont01_inner ul li a,
#highlow_lp .cont01_inner ul li a:visited {font-size:13px; font-size:1.3rem; font-weight:bold; color:#b1da01; border:3px solid #b1da01; background:url('../images/icon_anchor_sp.gif') center right no-repeat #FFF; text-decoration:none; text-align:center; padding:10px 30px 10px 2px; letter-spacing:normal;}

#highlow_lp .cont01_inner02 {padding:20px 0 20px 0;}
#highlow_lp .cont01_inner02 ul li.inner02_li01 {float:none;}
#highlow_lp .cont01_inner02 ul li.inner02_li02 {margin:0;}
#highlow_lp .cont01_inner02 ul li.inner02_li03 {float:none;}
#highlow_lp .cont01_inner02 .inner02_li02 .img_box img {padding-top:0; position:relative; left:auto; bottom:auto;}

#highlow_lp .cont01_inner03 {padding:20px 0 20px 0;}

#highlow_lp .cont02 {padding:60px 0;}
#highlow_lp .cont02 h2 {font-size:20px; font-size:2.0rem; padding:0 0 20px 0; border:none; display:block; text-align:center; font-weight:normal;}


#highlow_lp .cont02 ul li img.icon {width:80px; position:absolute; top:0; left:50%; margin-left:-40px; z-index:5;}
#highlow_lp .cont02 ul li .img_box {position:relative; padding-top:70px;}
#highlow_lp .cont02 ul li .text_box {position:relative;left:auto; right:auto; bottom:auto; background-color:transparent;}
#highlow_lp .cont02 ul li p {letter-spacing:normal; padding:5px 5px; color:#6a6062; background:none;}

#highlow_lp .cont02 ul li.cont02_li01 {padding-top:0;}
#highlow_lp .cont02 ul li.cont02_li02 {padding-top:10px;}
#highlow_lp .cont02 ul li.cont02_li03 {padding-top:20px;}


#highlow_lp .head_block02 .head_block02_inner {display:table-cell; height:160px; vertical-align:middle;}
#highlow_lp .head_block02 p {color:#FFF; font-size:18px; font-size:1.8rem; padding-top:20px;}


#highlow_lp .cont03 {position:relative; padding:120px 0 60px 0}
#highlow_lp .cont03_bg { width:65%; top:2%;}
#highlow_lp .cont03_con {position:relative; z-index:5;}
#highlow_lp .cont03_inner01 {max-width:780px; letter-spacing:0; padding:0 2% 0 2%; margin:0 auto; font-size:0;}
#highlow_lp .cont03_inner01 h3 {font-size:20px; font-size:2.0rem; color:#6a6062; padding:0 0 26px 0;  font-weight:normal;}
#highlow_lp .cont03_inner01 p {max-width:480px; padding-bottom:16px;}
#highlow_lp .cont03_inner01 p.note {color:#b1b1b1; font-size:13px; font-size:1.3rem; padding-bottom:36px;}

#highlow_lp .cont04 {padding:30px 0}
#highlow_lp .cont04 ul {max-width:1020px; letter-spacing:-1; padding:0; margin:0 auto; font-size:0;}
#highlow_lp .cont04 ul li { width:50%; padding:0 3% 6% 3%; letter-spacing:normal; display:inline-block; vertical-align:top;}
#highlow_lp .cont04 ul li .img_box {position:relative; padding-top:10px;}
#highlow_lp .cont04 ul li img.icon {position:absolute; top:0; left:-10px; width:50%;}
#highlow_lp .cont04 ul li h3 {font-size:20px; font-size:2.0rem; padding:10px 0 6px 0; line-height:1.2;}
#highlow_lp .cont04 ul li p.cont04_dis {font-size:14px; font-size:1.4rem; padding:0 0 10px 0;}
#highlow_lp .cont04 ul li p.cont04_pname {line-height:1.2;}

#highlow_lp .plist_btn_area {padding:0; text-align:center;}

.cate_top_suboption_area.middle_ver {margin: 60px auto 0 auto;}
.cate_top_suboption_area p {font-size:14px; font-size:1.4rem; font-weight:normal; letter-spacing:0.1em; padding-bottom:5px;}
.cate_top_suboption_area h3 {font-size:20px; font-size:2.0rem; font-weight:bold; letter-spacing:0.1em; padding-bottom:14px;}	
.cate_top_sub_btnarea .cate_top_sub_btn a,
.cate_top_sub_btnarea .cate_top_sub_btn a:visited,
.cate_top_sub_btnarea .cate_top_sub_btn a:hover {width:340px; height:54px; padding:0 5%; color:#51514f; font-size:14px; font-size:1.4rem; font-weight:bold;}
.cate_top_sub_btnarea .cate_top_suboption_btn a,
.cate_top_sub_btnarea .cate_top_suboption_btn a:visited,
.cate_top_sub_btnarea .cate_top_suboption_btn a:hover {color:#FFF; font-size:14px; font-size:1.4rem; font-weight:bold;}
.cate_top_suboption_area.middle_ver {margin: 60px auto 0 auto;}	
	
}