@charset "UTF-8";

.txt_l{text-align:left;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.f_mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#ins-wrapper #ins-containerB .clearfix:after{clear: both; content: ""; display: block;}
#ins-wrapper #ins-containerB a img{border: none;}
#ins-wrapper #ins-containerB a:hover img {opacity: 0.7;}
#ins-wrapper #ins-containerB img{vertical-align: bottom;}
#ins-wrapper #ins-containerB li{list-style: none;}

#ins-wrapper #ins-containerB{width: 996px; background: #fff; color: #000000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px; line-height: 1.62; -webkit-text-size-adjust: 100%; word-wrap: break-word; word-break: normal;}
#ins-wrapper #ins-Topvisual{margin: 0 0 30px;}
#ins-wrapper #ins-readbox{margin-top: 22px; margin-bottom: 21px;}
#ins-wrapper #ins-readbox .headline-01{font-size: 25px; font-weight: normal; color: #9f8b49; text-align: center; margin: 0 0 28px; padding: 0 0 18px; border-bottom: 3px #9f8b49 double;}
.ie #ins-wrapper #ins-readbox .headline-01{padding: 9px 0 9px;}
#ins-wrapper #ins-readbox .ins-columnAL{width: 320px;}
#ins-wrapper #ins-readbox .ins-columnAR{width: 655px;}
#ins-wrapper #ins-containerB #ins-readbox p strong{font-size: 1.14286em;}
#ins-wrapper #ins-readbox .ins-columnAR p{margin: 0px 0px 31px; letter-spacing: -0.07em;}
#ins-wrapper #ins-containerB #ins-readbox p .m_left{margin-left: -0.5em;}
#ins-wrapper #ins-readbox .ins-Coursebox{padding: 20px 25px; background-color: #eee9e7;}
#ins-wrapper #ins-containerB #ins-readbox .ins-Coursebox p{margin-bottom: 0;}
#ins-wrapper #ins-readbox .ins-Coursebox p:first-of-type{float: left;}
#ins-wrapper #ins-readbox .ins-Coursebox p:nth-of-type(2){float: right; margin-top: 3px;}

#ins-wrapper #ins-reasonbox{margin-bottom: 50px;}
#ins-wrapper #ins-reasonbox .headline-02{font-size: 1.42857em; line-height: 1.4; font-weight: normal; background-repeat: no-repeat; box-sizing: border-box;}
#ins-wrapper #ins-reasonbox .headline-02 .f_color{font-size: 1.4em; color: #9f8b49; vertical-align: middle;}
#ins-wrapper #ins-reasonbox > .ins-01{background: url(../images/reason-ttl-bg.png) no-repeat left top; background-size: contain; width: 996px; margin-bottom: 11px;}
#ins-wrapper #ins-reasonbox .ins-01 .headline-01{text-align: center; padding-top: 51px; margin-bottom: 39px;}
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAL{width : 337px; text-align: left; box-sizing: border-box; padding-left: 30px; margin-bottom: 20px;}
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAR{width: 530px; margin-right: 30px;}
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAR .headline-02{background: url(../images/reason-ttl-1.png) no-repeat right center; min-height: 122px; padding-top: 48px; padding-right: 116px; letter-spacing: -0.08em; text-align: right; margin-bottom: 30px;}
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAR p{letter-spacing: -0.05em; margin-bottom: 20px; }
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAR p .m_left{margin-left: -0.5em;}
#ins-wrapper #ins-reasonbox .ins-01 .brand-list{ padding: 20px; background-color: #fdfcf8; margin: 0 30px 40px; }
#ins-wrapper #ins-reasonbox .ins-01 .brand-list img { width: 100%; }
#ins-wrapper #ins-reasonbox .ins-02{width: 936px; padding-left: 30px; margin-bottom: 40px; }
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAL{width: 526px; margin-top: 20px;}
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAL .headline-02{background: url(../images/reason-ttl-2.png) no-repeat left center; padding-top: 28px; padding-left: 115px; min-height: 110px; letter-spacing: -0.05em; margin-bottom: 30px;}
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAL .headline-02 .f_color{font-size: 1.3em;}
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAL p{letter-spacing: -0.05em;}
#ins-wrapper #ins-reasonbox .ins-03 .headline-01{text-align: center; padding-top: 51px; margin-bottom: 39px;}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAL{width : 337px; text-align: left; box-sizing: border-box; padding-left: 30px; margin-top: -14px;}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR{width: 530px; margin-right: 30px;}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR .headline-02{background: url(../images/reason-ttl-3.png) no-repeat right center; min-height: 130px; padding-top: 30px; padding-right: 146px; letter-spacing: -0.08em; text-align: right; margin-bottom: 30px; margin-right: -30px; }
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR p{letter-spacing: -0.05em;}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR p .m_left{margin-left: -0.5em;}

/* オリジナル包装 */
#ins-wrapper #ins-originalPackaging{ padding: 30px; background-color: #00375c; }
#ins-wrapper #ins-originalPackaging .envelope{ padding: 30px 20px; padding-right: 315px; color: #fff; background: url(../images/packaging-img01.png) no-repeat; background-position: top right 20px; min-height: 180px; box-sizing: border-box; margin-bottom: 10px; }
#ins-wrapper #ins-originalPackaging .vanity_case{ padding: 20px; min-height: 180px; background: url(../images/packaging-img02.png) no-repeat; background-position: top 20px right 20px; background-color: #fff; }
#ins-wrapper #ins-originalPackaging .vanity_case .wrap{  padding-right: 315px; }
#ins-wrapper #ins-originalPackaging h2{ font-size: 1.8em; font-weight: normal; line-height: 1.4; margin: 0; margin-bottom: 15px; }
#ins-wrapper #ins-originalPackaging .vanity_case h2.headline-01{ color: #9f8b49; }
#ins-wrapper #ins-originalPackaging h2 span{ display: inline-block; background-color: #9f8b49; color: #fff; font-weight: normal; font-size: 55%; border-radius: 26px; width: 170px; text-align: center; padding: 8px; margin-bottom: 15px; }

/* モーダル */
.mfp-content .mfp-figure{background-color: white; border-radius: 4px; padding: 4px;}
.mfp-close-btn-in .mfp-close{text-indent: 100%; overflow: hidden; white-space: nowrap; background-image: url(../images/close.png); background-repeat: no-repeat; background-position: right center; bottom: -45px;}
.mfp-preloader{text-indent: 100%; overflow: hidden; white-space: nowrap; display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat center center;}

/* カタログ掲載商品 */
#ins-wrapper #ins-productsCataloged{width: 936px; margin-left: 30px; margin-bottom: 32px;}
#ins-wrapper #ins-productsCataloged .headline-01{font-size: 1.92857em; font-weight: normal; text-align: center; line-height: 1; margin-top: 30px; margin-bottom: 42px;}
#ins-wrapper #ins-productsCataloged .ins-column-4 li{float: left; margin: 3px; width: 229.5px; }
#ins-wrapper #ins-productsCataloged .ins-column-4 li:first-child{ margin-left: 0;}
#ins-wrapper #ins-productsCataloged .ins-column-4 li:last-child{ margin-right: 0;}
#ins-wrapper #ins-productsCataloged .ins-column-4 li h3 { background-color: #eae9df; text-align: center; line-height: 1; padding: 20px 0; font-size: 14px; }
#ins-wrapper #ins-productsCataloged .ins-column-4 li img{ width: 100%; }

/* コース一覧 */
#ins-wrapper #ins-catlist .headline-01{font-size: 1.92857em; font-weight: normal; text-align: center; line-height: 1; margin-bottom: 22px; padding-top: 32px;}
#ins-wrapper #ins-catlist .catlist_wrap{text-align: center;}
#ins-wrapper #ins-catlist .headline-02{ font-size: 1.42857em; font-weight: normal; margin: 0 30px; border-bottom: solid 3px #89877a; padding-top: 70px; margin-top:-60px;padding-left: 50px; margin-bottom: 30px; position: relative; }
#ins-wrapper #ins-catlist .headline-02::before{ content: ""; width: 39px; height: 100%; position: absolute; left: 0; top: 30px; background: url(../images/course-ttl.png) no-repeat; background-size: contain; background-position: center; }
#ins-wrapper #ins-catlist .headline-02 span{ font-size: 80%; padding-left: 20px; }
#ins-wrapper #ins-catlist .clearfix{ margin: 0 30px; }
#ins-wrapper #ins-catlist .ins-columnAL .catalog-btn{ text-align: center; margin-top: 20px; }
#ins-wrapper #ins-catlist .ins-columnAR{ padding: 15px 30px 20px; background-color: #fdfcf8; }
#ins-wrapper #ins-catlist .ins-columnAR h4{ margin-bottom: 15px; font-weight: normal; }
 

#ins-wrapper #ins-catlist .catlist_wrap{margin-top: 40px;}
#ins-wrapper #ins-catlist .catlist_subBlock{width: 250px; margin: 0 5px; border: 1px #dadada solid; display: inline-block; position: relative; vertical-align: top; font-size: .8rem; }
#ins-wrapper #ins-catlist .catlist_subBlock::after { content: ""; width: 0; height: 0; border:solid 10px transparent; border-right: solid 10px #114b77; border-bottom: solid 10px #114b77; position: absolute; right: 0; bottom: 0; }
#ins-wrapper #ins-catlist .catlist_subBlock a{display: block; box-sizing: border-box; padding: 30px 20px;}
#ins-wrapper #ins-catlist .catlist_subBlock a:hover{text-decoration: none; opacity: 0.7;}
#ins-wrapper #ins-catlist .catlist_subBlock .img{text-align: center; margin-bottom: 17px;}
#ins-wrapper #ins-catlist .catlist_subBlock .img img{max-width: 100%; height: auto;}
#ins-wrapper #ins-catlist .catlist_subBlock .subBlock_group p{margin: 0px; text-align: left;}
#ins-wrapper #ins-catlist .catlist_subBlock .name{color: #0654ba; font-weight: bold; text-decoration: none;}
#ins-wrapper #ins-catlist .catlist_subBlock .name .small{font-size: 0.7em; margin-left: 0.5em;}
#ins-wrapper #ins-catlist .catlist_subBlock .price{color: #b30000;}
#ins-wrapper #ins-catlist .catlist_subBlock .tax-exclusion{color: #666666; font-size: 0.85714em;}


/* 法人のお問い合わせ */
#inquiry{ background: url(../images/inquiry-bg.png) no-repeat; background-size: cover; text-align:center; min-height: 182px; margin-top: 65px; }
#inquiry p{ padding-top: 35px; font-size: 1rem; }
#inquiry a{ margin-top: 20px; padding-top: 0; display: inline-block; }