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

html{scroll-behavior: smooth;}
a:hover {filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}
.cb {clear: both;}
.plg_Raku2_LC_Page_Products_Detail #container {width: 100%; max-width: 100%; min-width: 1000px;}
.teiki_second_total {display:none;}
#logo_area_lp img {width: 130px; max-height: 190px; margin: 30px auto 0;}
.uservoice {width: 100%; margin: 70px auto 0; padding: 50px 0; text-align: center; background-color: #EEEDE6;}
.uservoice>.uservoice_inner {width: 600px; margin: 0 auto; padding: 0;}
.uservoice>.uservoice_inner>img {width: 100%;}
.photo img, .sub_photo img {border: none;}
#fixed_link {right: 0; transition: 0.5s;}
ul#fixed_link li a {border-radius: 0;　font-size: 14px;}

.pcbr {display: block;}/* PC改行*/
.spbr {display: none;}/* スマホ改行解除*/

@media screen and (max-width: 1000px) {
.pcbr {display: none;}/* PC改行解除*/
.spbr {display: block;}/* スマホ改行*/
}

/*////////////// Design //////////////*/
#azcorelp {width: 100%; margin: 0 auto 80px; padding: 0; background-color: #c2d3e2;}
#azcorelp>.lp-content {width: 700px; margin: 0 auto 30px; padding: 0; text-align: center;}
#azcorelp>.lp-content>img,
#azcorelp>.lp-content>img>a {width: 100%;}

.notesWrap {width: 800px; margin: 0 auto 10px; padding: 0;}
.notesWrap>.notes {margin: 0 auto 0; color: #55565a; font-family: YakuHanJP, 'Zen Kaku Gothic New', sans-serif; font-weight: 400; font-size: 10px; line-height: 1.4; text-align: center;}
.arrow {margin: 0 auto 0; padding: 0; position: relative;}
.arrow>.arrow_center01 {position: relative; display: inline-block; width: 1px; height: 80px; margin-right: 29px; background-color: #000000; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.arrow>.arrow_center02 {position: relative; display: inline-block; width: 1px; height: 80px; margin-right: 29px; background-color: #000000; top: 50%; left: 47%; transform: translate(-50%, -50%);}
.arrow>.arrow_left {position: relative; display: inline-block; width: 1px; height: 80px; margin-right: 29px; background-color: #000000; top: 50%; left: 39%; transform: translate(-50%, -50%);}
.arrow>.arrow_right {position: relative; display: inline-block; width: 1px; height: 80px; margin-right: 29px; background-color: #000000; top: 50%; left: 55%; transform: translate(-50%, -50%);}
.arrow>.arrow_center01::before,
.arrow>.arrow_center02::before,
.arrow>.arrow_left::before,
.arrow>.arrow_right::before {content: ""; position: absolute; bottom: 0; left: calc(50% - 0px); width: 1px; height: 20px; background-color: #000000; transform: rotate(45deg); transform-origin: 50% calc(100% - 1px);}
.marker {font-weight: 600; background:linear-gradient(transparent 60%, #ffff7c 60%);}
.bk-marker {padding: 0 8px 2px; color: #ffffff; font-weight: 600; background: linear-gradient(#333333 100%, #333333 0);}
.stripe-marker {font-weight: 600; background-image: repeating-linear-gradient(-45deg, #55565a 0, #55565a 1px, transparent 2px, transparent 3px); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 0.2em;}
sup {font-size: 60%; font-weight: 400;}

@media screen and (max-width: 1000px) {
.notesWrap {width: 90%;}
.notesWrap>.notes {text-align: justify;}
}