.fixpage_title {
    font-size: 2.1rem;
    color: #fff;
    background: #004B9E;
    padding: 20px;
    margin: 60px 0 40px;
    border-radius: 10px;
}

.fixpage_subtitle {
    font-size: 1.8rem;
    font-weight: bold;
    color: #004B9E;
    margin-top: 30px;
    clear: both;
}

.linetitle {
    font-size: 1.6rem;
    line-height: 1;
    color: #004B9E;
    border-bottom: 1px solid #004B9E;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.graytitle {
    font-size: 2.1rem;
    color: #004B9E;
    background: #EAEAEA;
    padding: 20px;
    margin: 60px 0 40px;
    border-radius: 10px;
}

.fixpage_talbe {
    width: 100%;
    border: 1px solid #004B9E;
    border-collapse: collapse;
    border-spacing: 0;
}

.fixpage_talbe td, th {
    border: 1px solid #004B9E;
    border-collapse: collapse;
    border-spacing: 0;
}

.fixpage_talbe td {
    padding: 10px;/*修正*/
}
.fixpage_talbe td img{　/*追加*/
    display: inline-block;
    margin: 0 auto;
  width: 100%;
  height: auto;
}
.button {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 48px;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    background: #004B9E url(../images/product/arrow_circle_white.svg) no-repeat center right 15px;
    /*いったん消す
  width: 220px;
  */
    padding: 0 40px 0 20px;
    border: 2px solid #004B9E;
    border-radius: 10px;
	margin-bottom: 10px;
}

.text-center {
  text-align: center;
  vertical-align: middle;
}

/*背景ベージュ*/
.bg-beige {
  background: #f9efde;
  padding: 10px;
}

/*外枠実線*/
.br-solid {
  border: 1px solid #004B9E;
  padding: 10px;
}

/*背景グレー*/
.bg-gray {
  background: #EAEAEA;
}
/*背景青色*/
.bg-blue {
  color: #ffffff;
  background: #004B9E;
}
/*float解除*/
.clearfix:after{
  content: "";
  clear: both;
  display: block;
}
/*お客様の声*/
.reviewwrap {
    padding: 1em;
    border: solid 1px #CCC
}
.reviewbox {
    padding: .5em;
    border-bottom: dotted 2px #000
}


.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-justify {
  text-align: justify
}
.text-nowrap {
  white-space: nowrap
}
.text-lowercase {
  text-transform: lowercase
}
.text-uppercase {
  text-transform: uppercase
}
.text-capitalize {
  text-transform: capitalize
}
/*------------------------------------------------------------
お支払方法　オプションサービス　top2020.cssより
------------------------------------------------------------*/
#option_service {
  /*いったん消す
  background: #EAEAEA;
  */
  padding: 30px 0 50px;
}
#option_service ul {
  /*いったん消す
  margin-top: 30px;
  */
  display: flex;
  justify-content: space-between;
  text-align: center;
}
#option_service ul li {
  /*いったん消す
  width: 205px;
  */
  width: 18%; /*追加*/
  display: table-cell;/*追加*/
  vertical-align: middle;/*追加*/
}
#option_service ul li:last-child {
  /*いったん消す
  width: 365px;
  */
  width:18%; /*追加*/
}
#option_service ul li a {
/*いったん消す
  display: block;
  */
  display: table-cell;/*追加*/
  text-decoration: none;
  font-size: 1.5rem;/*縮小*/
  line-height: 1.5em;/*縮小*/
  font-weight: bold;
  color: #004B9E;
  background: #fff;
  border: 3px solid #004B9E;
  border-radius: 10px;
  height:3.4em;/*追加*/
  vertical-align: middle;/*追加*/
  width:18%; /*追加*/
}
#option_service ul li a:hover {
  color: #fff;
  background: #004B9E;
}
#option_service ul li.block-s {
  position: absolute;   
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 812px) {
  #option_service {
  width: 100%;/*追加*/
    padding: 0 0 25px;
  }
  #option_service ul {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
  #option_service ul li {
    width: 45%;/*autoから45%へ修正*/
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }
  #option_service ul li:last-child {
    width: 45%;/*autoから45%へ修正*/
  }
}
/*------------------------------------------------------------
ご利用ガイドトップ　オーダーフロー　top2020.cssより
------------------------------------------------------------*/
#order_flow {
  background: #EAEAEA;
  padding: 20px; /*縮小*/
}
#order_flow .flow {
  margin-top: 10px; /*縮小*/
  display: flex;
  justify-content: space-between;
  counter-reset: num;
}
#order_flow .flow div {
  background: #fff;
  text-align: center;
  padding: 10px; /*縮小*/
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
#order_flow .flow div:after {
  display: block;
  content: "";
  background: url("../images/top/arrow_flow_outer.svg") no-repeat center 80px; /*くの字矢印*/
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -34px;  /*縮小*/
}
#order_flow .flow div dl {
  width: 50%;
  position: relative;
  padding-right: 3px;/*追加*/
  padding-left: 3px;/*追加*/
  counter-increment: num;
}
#order_flow .flow div dl:before {
  display: block;
  content: counter(num);
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  color: #004B9E;
  margin-bottom: 10px;
}
#order_flow .flow div dl:after {
  display: block;
  content: "";
  background: url("../images/top/arrow_flow_inner.svg") no-repeat center 48px; /*矢印*/
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
}
#order_flow .flow div dl dt img { /*追加*/
   height: 30px;/*アイコンのサイズ*/
}
#order_flow .flow div dl dd {
  margin-top: 25px;
  font-size: 1.5rem; /*縮小*/
  line-height: 1.1; /*縮小*/
  font-weight: bold;
  color: #004B9E;
}
#order_flow .flow div dl dd small {
  display: inline-block;
  font-size: 1.1rem;
  margin-top: 10px;
}
#order_flow .flow div dl dd small strong {
  color: #BC3338;
}
#order_flow .flow div dl dd a:hover {
  text-decoration: none;
}
#order_flow .flow div dl:nth-last-of-type(1):after {
  display: none;
}
#order_flow .flow div dl dd em {
  font-style: normal;
  font-size: 1.2rem;
  margin-top: 15px;
  display: block;
  font-style: normal;
}
#order_flow .flow div dl dd em span {
  font-size: 1.2rem;
    display: block;
    margin-top: 2px;
}
#order_flow .flow div p {
  margin-top: 10px;
  width: 100%;
}
#order_flow .flow div:nth-of-type(1) {
  width: 220px; /*縮小*/
}
#order_flow .flow div:nth-of-type(2) {
  width: 330px; /*縮小*/
}
#order_flow .flow div:nth-of-type(2) dl {
  width: 33.333333%;
}
#order_flow .flow div:nth-of-type(2) dl:nth-of-type(2) dd small {/*AM8:00まで入稿で*/
  position: relative;
  left: -50px; /*-70pxから-50pxへ修正*/
}
#order_flow .flow div:nth-of-type(2) p {
  font-size: 1.2rem;
}
#order_flow .flow div:nth-of-type(3) {
  width: 220px; /*縮小*/
}
#order_flow .flow div:nth-of-type(3):after {
  display: none;
}
#order_flow .flow div:nth-of-type(3) p {
  padding: 0 20px;
}
#order_flow .flow div:nth-of-type(3) p a {
  display: block;
  text-decoration: none;
  font-size: 1.5rem; /*縮小*/
  color: #004B9E;
  line-height: 35px; /*縮小*/
  font-weight: bold;
  background: #EAEAEA;
  border-bottom: 5px solid #9F9F9F;
  border-radius: 10px;
}
#order_flow .flow div:nth-of-type(3) p a:hover {
  border-bottom: none;
  margin-top: 5px;
}

@media screen and (max-width: 812px) {
#order_flow .fixpage_inner { /*追加*/
  width: 95%;
    margin: 0 auto;
}
  #order_flow {
    padding: 25px 0;
  }
  #order_flow .flow {
    display: block;
  }
  #order_flow .flow div {
  width: 80%;/*追加*/
    padding: 25px;
    display: block;
    margin-bottom: 80px;
  }
  #order_flow .flow div:after {
    top: auto;
    right: 50%;
    bottom: -60px;
    width: 20px;
    height: 40px;
    margin-right: -10px;
    background-position: center center;
    transform: rotate(90deg);
  }
  #order_flow .flow div dl {
    width: 100%;
    display: flex;
    align-items: center;
  }
  #order_flow .flow div dl:before {
    margin-bottom: 0;
    width: 30px;
  }
  #order_flow .flow div dl:after {
    top: auto;
    right: 50%;
    bottom: -50px;
    width: 40px;
    height: 40px;
    margin-right: -20px;
    background-position: center center;
    transform: rotate(90deg);
  }
  #order_flow .flow div dl + dl {
    margin-top: 60px;
  }
  #order_flow .flow div dl dt {
    width: 80px;
  }
  #order_flow .flow div dl dt img { /*追加*/
    height: 58px;/*アイコンのサイズ*/
  }
  #order_flow .flow div dl dd {
  font-size: 2.0rem; /*追加*/
    margin-top: 0;
    flex-grow: 1;
  }
  #order_flow .flow div p {
    font-size: 1.4rem;
  }
  #order_flow .flow div:nth-of-type(1) {
    width: auto;
  }
  #order_flow .flow div:nth-of-type(2) {
    width: auto;
  }
  #order_flow .flow div:nth-of-type(2) dl {
    width: 100%;
  }
  #order_flow .flow div:nth-of-type(2) dl:nth-of-type(2), #order_flow .flow div:nth-of-type(2) dl:nth-of-type(3) {
    padding-bottom: 40px;
  }
  #order_flow .flow div:nth-of-type(2) dl:nth-of-type(2) dd small {
    left: 0;
    position: absolute;
    width: 100%;
  }
  #order_flow .flow div:nth-of-type(2) dl:nth-of-type(3) dd small {
    left: 0;
    position: absolute;
    width: 100%;
    margin-top: 10px;/*25pxから10pxへ修正*/
  }
  #order_flow .flow div:nth-of-type(3) {
    width: auto;
    margin-bottom: 0;
  }
}


/*ページの上部へ移動*/
.pagetop {
  clear:both;
  
  text-align:right;
  margin-bottom:20px;
  padding-right:20px; 
  margin-top:40px;
}
.pagetop img{
  float:right;
  margin-top:5px;
  margin-left:5px;
}

/*MDM追加分*/
.fixpage_inner {
  width: 820px;
    margin: 0 auto;
}

/*------------------------------------------------------------
商品実績
------------------------------------------------------------*/
/*担当スタッフからのコメント*/
h4{
  color: #0068ba;
    font-size: 1em;
    padding: 4px 0px 4px 6px;
    margin-bottom: 10px;
}
/*同型の商品のご紹介*/
.outline h5{
  position: relative;
    padding: .75em 1em .75em 1.5em;
    border: 1px solid #ddd;
    color: #595757;
}
.outline h5:after{
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #ffd389;
    border-radius: 4px;
}


.imageBox{
  display: flex;
  flex-basis: 50%
}
.outline{
  flex-basis: 50%
}
.imageBox .left,.imageBox .right{
  flex-basis: 50%;
  padding: 1em;
}
.post,.post2{margin-bottom: 2em}

@media (min-width: 1200px) {
/*pc以上*/
}

@media (max-width: 1199px) {
/*pc*/

}

@media (max-width: 959px) {
/*タブレット*/
}

@media (max-width: 599px) {
  /*スマホ*/
    h2{
        padding:.5em 1em;
    }

    section:not(.slidebox) h1{
        line-height: 1.2;
        font-size: 1.6em;
        padding: .3em.5em;
    }

  .imageBox{
  display: flex;
  flex-basis: 100%
  }
  .outline{
  flex-basis: 100%
  }
  .imageBox .left,.imageBox .right{
  flex-basis: 50%;
  padding: 1em;
  }


}



/*------------------------------------------------------------
シール印刷　梱包・見本について　商品詳細　product2020.cssより
------------------------------------------------------------*/
#product_detail {
  /*いったん消す
  margin-top: 50px;
  */
  overflow: hidden;
}
#product_detail h2 {
  font-size: 1.6rem;
  line-height: 1;
  color: #004B9E;
  border-bottom: 1px solid #004B9E;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
#product_detail .detail_figure {
  float: left;
  /*いったん消す
  width: calc(50% - 15px);
  */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#product_detail .detail_figure figure {
  width: 100%;
  text-align: center;
}
#product_detail .detail_figure figure img {
  max-width: 365px;
  height: auto;
}
#product_detail .detail_figure h3 {
  width: 100%;
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: normal;
}
#product_detail .detail_figure dl {
  width: 50%;
  display: flex;
  align-items: flex-start;
}
#product_detail .detail_figure dl dt {
  width: 40px;
}
#product_detail .detail_figure dl dd {
  width: calc(100% - 40px);
  font-size: 1.2rem;
  line-height: 1.2;
}
#product_detail .detail_figure dl dd a {
  font-size: 1.0rem;
}
#product_detail .detail_figure dl dd a:hover {
  text-decoration: none;
}
#product_detail .detail_figure p {
  width: 100%;
  margin-top: 20px;
}
#product_detail .detail_figure p a {
  display: block;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 50px;
  background: #F8DC40 url("../images/product/icon_caution_black.svg") no-repeat 28% center;
  text-align: center;
  padding-left: 15px;
  border: 2px solid #F8DC40;
  border-radius: 10px;
}
#product_detail .detail_figure p a:hover {
  border-color: #333;
}
#product_detail .detail_info {
  margin-left: calc(50% + 15px);
}
#product_detail .detail_info table {
  width: 100%;
  border: 1px solid #004B9E;
}
#product_detail .detail_info table tr th {
  border: 1px solid #004B9E;
  padding: 10px;
  color: #004B9E;
  white-space: nowrap;
}
#product_detail .detail_info table tr td {
  border: 1px solid #004B9E;
  padding: 10px;
}
#product_detail .detail_info dl {
  margin-top: 15px;
}
#product_detail .detail_info dl dt {
  font-size: 1.2rem;
  line-height: 1;
}
#product_detail .detail_info dl dd {
  margin-top: 10px;
}
#product_detail .detail_info dl dd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#product_detail .detail_info dl dd ul li {
  width: calc(50% - 8px);
  margin-top: 16px;
}
#product_detail .detail_info dl dd ul li:nth-child(-n + 2) {
  margin-top: 0;
}
#product_detail .detail_info dl dd ul li a {
  display: block;
  text-decoration: none;
  line-height: 36px;
  color: #fff;
  padding-left: 45px;
  background: #004B9E no-repeat 10px center;
  background-size: 27px auto;
  border: 2px solid #004B9E;
  border-radius: 10px;
}
#product_detail .detail_info dl dd ul li a:hover {
  color: #004B9E;
  background-color: #fff;
}
#product_detail .detail_info dl dd ul li.pp a {
  background-image: url("../images/product/icon_pp_white.svg");
}
#product_detail .detail_info dl dd ul li.pp a:hover {
  background-image: url("../images/product/icon_pp_blue.svg");
}
#product_detail .detail_info dl dd ul li.proof a {
  background-image: url("../images/product/icon_proof_white.svg");
}
#product_detail .detail_info dl dd ul li.proof a:hover {
  background-image: url("../images/product/icon_proof_blue.svg");
}
#product_detail .detail_info dl dd ul li.pack a {
  background-image: url("../images/product/icon_pack_white.svg");
}
#product_detail .detail_info dl dd ul li.pack a:hover {
  background-image: url("../images/product/icon_pack_blue.svg");
}
#product_detail .detail_info dl dd ul li.caution a {
  background: #F8DC40 url("../images/product/icon_caution_black.svg") no-repeat 12px center;
  font-size: 1.2rem;
  font-weight: normal;
  color: #333;
  padding-left: 40px;
  border-color: #F8DC40;
}
#product_detail .detail_info dl dd ul li.caution a strong {
  font-size: 1.6rem;
  color: #BC3338;
}
#product_detail .detail_info dl dd ul li.caution a:hover {
  border-color: #333;
}
#product_detail .note_area {
  clear: both;
  border-top: 1px solid #EAEAEA;
  padding-top: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 812px) {
  #product_detail {
    margin-top: 40px;
  }
  #product_detail h2 {
    margin-bottom: 15px;
  }
  #product_detail .detail_figure {
    float: none;
    width: auto;
  }
  #product_detail .detail_figure figure img {
    max-width: 280px;
  }
  #product_detail .detail_figure dl {
    width: calc(50% - 5px);
  }
  #product_detail .detail_figure p a {
    line-height: 40px;
    border-radius: 5px;
  }
  #product_detail .detail_info {
    margin-left: 0;
    margin-top: 20px;
  }
  #product_detail .detail_info table tr th {
    padding: 10px 5px;
  }
  #product_detail .detail_info table tr td {
    padding: 10px 5px;
  }
  #product_detail .detail_info dl dd ul li {
    width: calc(50% - 5px);
    margin-top: 10px;
  }
  #product_detail .detail_info dl dd ul li:nth-child(-n + 2) {
    margin-top: 5px;
  }
  #product_detail .detail_info dl dd ul li a {
    padding-left: 35px;
    background-position: 5px center;
    background-size: 20px auto;
    border-radius: 5px;
  }
  #product_detail .detail_info dl dd ul li.caution a {
    background-position: 5px;
    padding-left: 35px;
  }
  #product_detail .detail_info dl dd ul li.caution a strong {
    font-size: 1.2rem;
  }
 }

  
/*------------------------------------------------------------
クリアファイル作成について　前サイト　ページ内記述より
------------------------------------------------------------*/
.rera {
    position: relative
}
.absotext {
    font-size: 0.8em
}
.abso1 {
    position: absolute;
    bottom: 10%;
    right: 5%;
}
.abso2 {
    position: absolute;
    bottom: 77%;/*A4オフセット(100部～)76.9%から77%へ修正*/
    right: 33.5%;
}
.abso3 {
    position: absolute;
    bottom: 74%;/*A4オンデマンド(10部～)73.9%から74%へ修正*/
    right: 33%;
}
.abso4 {
    position: absolute;
    bottom: 68%;/*A5オフセット(100部～)68%から68%へ修正*/
    right: 33.5%;
}
.abso5 {
    position: absolute;
    bottom: 65%;/*A5オンデマンド(10部～)65%から65%へ修正*/
    right: 33.5%;
    right: 33%;
}
.abso6 {
    position: absolute;
    bottom: 57.9%;/*A4タテ型(100部~)57.9%から57.9%へ修正*/
    right: 34.5%;
}
.abso7 {
    position: absolute;
    bottom: 55%;/*A5タテ型(100部～)54.9%から55%へ修正*/
    right: 34%;
}
.abso8 {
    position: absolute;
    bottom: 49%;/*中サイズ(100部～)48.9%から49%へ修正*/
    right: 35%;
}
.abso9 {
    position: absolute;
    bottom: 46%;/*Wポケット(100部～)45.9%から46%へ修正*/
    right: 33.8%;
}
.abso10 {
    position: absolute;
    bottom: 39%;/*A4サイズ(100部～)39%から39%へ修正*/
    right: 34.5%;
}
.abso11 {
    position: absolute;
    bottom: 36%;/*A5サイズ(100部～)36%から36%へ修正*/
    right: 35.4%;
}
.abso12 {
    position: absolute;
    bottom: 29.9%;/*29.8%から30.1%へ修正*/
    right: 35%;/*A4オーロラ*/
}
.abso13 {
    position: absolute;
    bottom: 27.1%;/*26.8%から27.1%へ修正*/
    right: 32.3%;/*A5オーロラ*/
}
.abso14 {
    position: absolute;
    bottom: 77%;/*A4オフセット(100部～)76.5%から77%へ修正*/
    right: 10%;
}
.abso15 {
    position: absolute;
    bottom: 74%;/*A4オンデマンド(10部～)73.5%から74%へ修正*/
    right: 10%;
}
.abso16 {
    position: absolute;
    bottom: 67.5%;/*A5オフセット(100部～)67.8%から67.5%へ修正*/
    right: 10%;
}
.abso17 {
    position: absolute;
    bottom: 64.5%;/*A5オンデマンド(10部～)64.8%から64.5%へ修正*/
    right: 33.5%;
    right: 10%;
}
.abso18 {
    position: absolute;
    bottom: 57.9%;/*A4タテ型(100部~)57.8%から57.9%へ修正*/
    right: 10%;
}
.abso19 {
    position: absolute;
    bottom: 55%;/*A5タテ型(100部～)54.8%から55%へ修正*/
    right: 10%;
}
.abso20 {
    position: absolute;
    bottom: 49%;/*中サイズ(100部～)48.5%から49%へ修正*/
    right: 10%;
}
.abso21 {
    position: absolute;
    bottom: 46%;/*Wポケット(100部～)45.5%から46%へ修正*/
    right: 10%;
}
.abso22 {
    position: absolute;
    bottom: 39%;/*A4サイズ(100部～)38.5%から39%へ修正*/
    right: 10%;
}
.abso23 {
    position: absolute;
    bottom: 36%;/*A5サイズ(10部～)35.5%から36%へ修正*/
    right: 10%;
}
.abso24 {
    position: absolute;
    bottom: 30.1%;/*A4全面(100部～)29.4%から30.1%へ修正*/
    right: 10%;
}
.abso25 {
    position: absolute;
    bottom: 27.1%;/*A4ハーフ(10部～)26.4%から27.1%へ修正*/
    right: 10%;
}
.abso26 {
    position: absolute;
    bottom: 16%;/*無料サンプル請求12%から16%へ修正*/
    right: 0;
    left: 0;
    margin: auto;
    width: 60%;
}
.abso27 {
    position: absolute;
    bottom: 10%;/*スタンダードタイプ以外にも8%から10%へ修正*/
    right: 13%;
}
.abso28 {  
    position: absolute;
    bottom: 92.5%;/*作成したデータは注文後に88%から92.5%へ修正*/
    right: 13%;
}
.abso29 {
    position: absolute;
    bottom: 79%;/*デザインデータを自作する78%から79%へ修正*/
    right: 0;
    left: 0;
    margin: auto
}
.abso30 {
    position: absolute;
    bottom: 53%;/*テンプレートダウンロード51.5%から53%へ修正*/
    right: 25.5%;
}
.abso30 a:last-child {
    width: 160px;
}
.abso31 {  /*データ作成の注意点はこちら*/
  position: absolute;
    bottom: 42%;/*40%から42％へ修正*/
    right: 15%;
    width: 70%;
}
.abso32 {  /*データの入稿について*/
  position: absolute;
    bottom: 27.3%;/*24%から27.3％へ修正*/
    right: 17%;
    width: 47%;
}
.abso33 {   /*デザインデータの作成代行を依頼する*/
  position: absolute;
    bottom: 6%;/*6%から-200％へ修正*/
    left: 0;
    right: 0;
    margin: auto;
    width: 76%;
}
.pbox {
    height: 8em
}
.abso31>ul, .abso31>dl {
    width: 48%;
    padding-left: 0;
}

@media (max-width:1199px) {
.abso1 {
    position: absolute;
    bottom: 10%;
    right: 5%;
}
.abso2 {
    position: absolute;
    bottom: 77%;/*A4オフセット(100部～)76.9%から77%へ修正*/
    right: 30%;
}
.abso3 {
    position: absolute;
    bottom: 74%;/*A4オンデマンド(10部～)73.9%から74%へ修正*/
    right: 29.5%;
}
.abso4 {
    position: absolute;
    bottom: 68%;/*A5オフセット(100部～)68%から68%へ修正*/
    right: 30%;
}
.abso5 {
    position: absolute;
    bottom: 65%;/*A5オンデマンド(10部～)65%から65%へ修正*/
    right: 29.5%;
}
.abso6 {
    position: absolute;
    bottom: 57.9%;/*A4タテ型(100部~)57.9%から57.9%へ修正*/
    right: 31.5%;
}
.abso7 {
    position: absolute;
    bottom: 55%;/*A5タテ型(100部～)54.9%から55%へ修正*/
    right: 30.5%;
}
.abso8 {
    position: absolute;
    bottom: 49%;/*中サイズ(100部～)48.9%から49%へ修正*/
    right: 32%;
}
.abso9 {
    position: absolute;
    bottom: 46%;/*Wポケット(100部～)45.9%から46%へ修正*/
    right: 30.3%;
}
.abso10 {
    position: absolute;
    bottom: 39%;/*A4サイズ(100部～)39%から39%へ修正*/
    right: 31.3%;
}
.abso11 {
    position: absolute;
    bottom: 36%;/*A5サイズ(10部～)36%から36%へ修正*/
    right: 33.4%;
}
.abso12 {
    position: absolute;
    bottom: 30.1%;/*29.8%から30.1%へ修正*/
    right: 32.3%;/*A4オーロラ*/
}
.abso13 {
    position: absolute;
    bottom: 27.1%;/*26.8%から27.1%へ修正*/
	right: 32.3%;/*A5オーロラ*/
}
.abso14 {
    position: absolute;
    bottom: 77%;/*A4オフセット(100部～)76.5%から77%へ修正*/
    right: 1%;
}
.abso15 {
    position: absolute;
    bottom: 74%;/*A4オンデマンド(10部～)74%から74%へ修正*/
    right: 1%;
}
.abso16 {
    position: absolute;
    bottom: 67.5%;/*A5オフセット(100部～)67.8%から67.5%へ修正*/
    right: 1%;
}
.abso17 {
    position: absolute;
    bottom: 64.5%;/*A5オンデマンド(10部～)65.3%から64.5%へ修正*/
    right: 1%;
}
.abso18 {
    position: absolute;
    bottom: 57.9%;/*A4タテ型(100部~)57.8%から57.9%へ修正*/
    right: 1%;
}
.abso19 {
    position: absolute;
    bottom: 55%;/*A5タテ型(100部～)55.3%から55%へ修正*/
    right: 1%;
}
.abso20 {
    position: absolute;
    bottom: 49%;/*中サイズ(100部～)48.5%から49%へ修正*/
    right: 1%;
}
.abso21 {
    position: absolute;
    bottom: 46%;/*Wポケット(100部～)46%から46%へ修正*/
    right: 1%;
}
.abso22 {
    position: absolute;
    bottom: 39%;/*A4サイズ(100部～)38.5%から39%へ修正*/
    right: 1%;
}
.abso23 {
    position: absolute;
    bottom: 36%;/*A5サイズ(10部～)35.5%から36%へ修正*/
    right: 1%;
}
.abso24 {
    position: absolute;
    bottom: 30.1%;/*A4全面(100部～)30.4%から30.1%へ修正*/
    right: 1%;
}
.abso25 {
    position: absolute;
    bottom: 27.1%;/*A4ハーフ(10部～)27.9%から27.1%へ修正*/
    right: 1%;
}
.abso14>img, .abso15>img, .abso16>img, .abso17>img, .abso19>img, .abso18>img, .abso20>img, .abso21>img, .abso22>img, .abso23>img, .abso24>img, .abso25>img {
    width: 65%
}
.abso27 {
    position: absolute;
    bottom: 12%;/*スタンダードタイプ以外にも6%から12%へ修正*/
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}
.abso28 {
    position: absolute;
    bottom: 91%;/*作成したデータは注文後に90%から91%へ修正*/
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-size: .9em;
    padding-bottom: 2em
}
.abso30 {
    position: absolute;
    bottom: 50.5%;
    right: 20.5%;
}
.abso31 { /*データ作成の注意点はこちら*/
    bottom: 41%  /*37%から41％へ修正*/
}
.abso32 { /*データの入稿について*/
    font-size: .9em;
    bottom: 27.6%; /*23.5%から27.6％へ修正*/
}
.abso33 {
    bottom: 5%/*1%から5％へ修正*/
  width: 76%;
}
}

@media (max-width:959px) {
.abso1 {
    position: absolute;
    bottom: 10%;
    right: 5%;
}
}

@media (max-width:599px) {
.abso1 {
    font-size: .8em;
    right: 1%
}
.sakusei_sp_p {
    font-size: .8em;
}
.abso34 {
    position: absolute;
    bottom: -11%;
    right: 0%;
    width: 36%;
}
.img-responsive {
  max-width: 100%;
  width: auto;
}
}
  

/*------------------------------------------------------------
2カラム
------------------------------------------------------------*/

@media screen and  ( min-width : 813px ){
.flexbox {
    width: 812px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    }
  .column-l,
  .column-r {
    -webkit-flex: 1;
    flex: 1;
    background: none;
  padding: 5px;
  }
.column-l img,
.column-r img {
   display: block;
 margin-left: auto;
 margin-right: auto;
}
}
@media screen and (max-width: 812px) {
.column-l,
.column-r {
  padding: 2%;
}
.column-l p,
.column-r p {
  text-align: left;
}
.column-l img,
.column-r img {
  max-width: 100%;
  height: auto;
  display: block;
 margin-left: auto;
 margin-right: auto;
}
}

/*------------------------------------------------------------
かさまーとおすすめクリアファイル診断！ 前サイトより一部引用
------------------------------------------------------------*/
.osusumeshindan {
  text-decoration: none;
}
h3 {
    background: none;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 700;
}
.shindan_a {
    background: url(/img/useful/a.jpg) no-repeat;
}
.shindan_b {
    background: url(/img/useful/b.jpg) no-repeat;
}
.shindan_c {
    background: url(/img/useful/c.jpg) no-repeat;
}
.shindan_d {
    background: url(/img/useful/d.jpg) no-repeat;
}
.shindan_a, .shindan_b, .shindan_c, .shindan_d {
    height: 36em;/*29emから36emへ修正*/
    background-size: 100% auto;
}
.shindan_a a, .shindan_b a, .shindan_c a, .shindan_d a {
    display: block;
    height: 90%;
}
.shindan_a h3, .shindan_b h3, .shindan_c h3, .shindan_d h3 {
    font-size: 1em;
    margin-top: 5.5em;/*2.5emから5.5emへ修正*/
}
.shindan_a p, .shindan_b p, .shindan_c p, .shindan_d p {
    padding-left: 1em;
    padding-right: 1em;
    font-size: .7em;
}
.osusumewrap {
    position: relative;
    font-size: .8em;
}
.osusume1 {
    position: absolute;
    width: 30%;
    top: 8%;
    left: 11%;
    font-size: .9em;
}
.osusume2 {
    position: absolute;
    width: 28%;
    top: 7%;
    right: 17.5%;
    font-size: .9em;
}
.osusume3 {
    position: absolute;
    width: 30%;
    top: 54.5%;
    left: 10.5%;
    font-size: .9em;
}
.osusume4 {
    position: absolute;
    width: 34%;
    top: 54%;
    right: 10.5%;
    font-size: .9em;
}/*デバイスで切り分け*/

@media (min-width: 600px) {
}/*col-md*/

@media (max-width: 1199px) {
.shindan_a, .shindan_b, .shindan_c, .shindan_d {
    height: 36em;/*28emから36emへ修正*/
    background-size: 100% auto;
}
}/*col-sm*/

@media (max-width: 959px) {
.shindan_a, .shindan_b, .shindan_c, .shindan_d {
    height: 55em;
    background-size: 100% auto;
}
}/*col-xs*/

@media (max-width: 599px) {
.shindan_a, .shindan_b, .shindan_c, .shindan_d {
    height: 230vw;/*55em*/
    background-size: 100% auto;
}
.shindan_a h3, .shindan_b h3, .shindan_c h3, .shindan_d h3 {
    font-size: 1.8em;
    margin-top: 24vw;/*3em;*/
    margin-bottom: 0;
}
.shindan_a p, .shindan_b p, .shindan_c p, .shindan_d p {
    margin-top: 1vw;
    font-size: 5vw;/*1.1em;*/
    line-height: 1.6;
    padding-left: 1.6em;
    padding-right: 1.6em;
}
}

/*------------------------------------------------------------
bootstrap.min.cssより一部引用
------------------------------------------------------------*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left
}
.col-xs-12 {
  width: 100%
}
.col-xs-11 {
  width: 91.66666667%
}
.col-xs-10 {
  width: 83.33333333%
}
.col-xs-9 {
  width: 75%
}
.col-xs-8 {
  width: 66.66666667%
}
.col-xs-7 {
  width: 58.33333333%
}
.col-xs-6 {
  width: 50%
}
.col-xs-5 {
  width: 41.66666667%
}
.col-xs-4 {
  width: 33.33333333%
}
.col-xs-3 {
  width: 25%
}
.col-xs-2 {
  width: 16.66666667%
}
.col-xs-1 {
  width: 8.33333333%
}
.col-xs-pull-12 {
  right: 100%
}
.col-xs-pull-11 {
  right: 91.66666667%
}
.col-xs-pull-10 {
  right: 83.33333333%
}
.col-xs-pull-9 {
  right: 75%
}
.col-xs-pull-8 {
  right: 66.66666667%
}
.col-xs-pull-7 {
  right: 58.33333333%
}
.col-xs-pull-6 {
  right: 50%
}
.col-xs-pull-5 {
  right: 41.66666667%
}
.col-xs-pull-4 {
  right: 33.33333333%
}
.col-xs-pull-3 {
  right: 25%
}
.col-xs-pull-2 {
  right: 16.66666667%
}
.col-xs-pull-1 {
  right: 8.33333333%
}
.col-xs-pull-0 {
  right: auto
}
.col-xs-push-12 {
  left: 100%
}
.col-xs-push-11 {
  left: 91.66666667%
}
.col-xs-push-10 {
  left: 83.33333333%
}
.col-xs-push-9 {
  left: 75%
}
.col-xs-push-8 {
  left: 66.66666667%
}
.col-xs-push-7 {
  left: 58.33333333%
}
.col-xs-push-6 {
  left: 50%
}
.col-xs-push-5 {
  left: 41.66666667%
}
.col-xs-push-4 {
  left: 33.33333333%
}
.col-xs-push-3 {
  left: 25%
}
.col-xs-push-2 {
  left: 16.66666667%
}
.col-xs-push-1 {
  left: 8.33333333%
}
.col-xs-push-0 {
  left: auto
}
.col-xs-offset-12 {
  margin-left: 100%
}
.col-xs-offset-11 {
  margin-left: 91.66666667%
}
.col-xs-offset-10 {
  margin-left: 83.33333333%
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-8 {
  margin-left: 66.66666667%
}
.col-xs-offset-7 {
  margin-left: 58.33333333%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-5 {
  margin-left: 41.66666667%
}
.col-xs-offset-4 {
  margin-left: 33.33333333%
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-2 {
  margin-left: 16.66666667%
}
.col-xs-offset-1 {
  margin-left: 8.33333333%
}
.col-xs-offset-0 {
  margin-left: 0
}
@media(min-width:600px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 66.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-pull-11 {
    right: 91.66666667%
  }
  .col-sm-pull-10 {
    right: 83.33333333%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-8 {
    right: 66.66666667%
  }
  .col-sm-pull-7 {
    right: 58.33333333%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-5 {
    right: 41.66666667%
  }
  .col-sm-pull-4 {
    right: 33.33333333%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-2 {
    right: 16.66666667%
  }
  .col-sm-pull-1 {
    right: 8.33333333%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-push-11 {
    left: 91.66666667%
  }
  .col-sm-push-10 {
    left: 83.33333333%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-8 {
    left: 66.66666667%
  }
  .col-sm-push-7 {
    left: 58.33333333%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-5 {
    left: 41.66666667%
  }
  .col-sm-push-4 {
    left: 33.33333333%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-2 {
    left: 16.66666667%
  }
  .col-sm-push-1 {
    left: 8.33333333%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
}
@media(min-width:960px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-pull-11 {
    right: 91.66666667%
  }
  .col-md-pull-10 {
    right: 83.33333333%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-8 {
    right: 66.66666667%
  }
  .col-md-pull-7 {
    right: 58.33333333%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-5 {
    right: 41.66666667%
  }
  .col-md-pull-4 {
    right: 33.33333333%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-2 {
    right: 16.66666667%
  }
  .col-md-pull-1 {
    right: 8.33333333%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-push-11 {
    left: 91.66666667%
  }
  .col-md-push-10 {
    left: 83.33333333%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-8 {
    left: 66.66666667%
  }
  .col-md-push-7 {
    left: 58.33333333%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-5 {
    left: 41.66666667%
  }
  .col-md-push-4 {
    left: 33.33333333%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-2 {
    left: 16.66666667%
  }
  .col-md-push-1 {
    left: 8.33333333%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
}
@media(min-width:1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-11 {
    width: 91.66666667%
  }
  .col-lg-10 {
    width: 83.33333333%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-8 {
    width: 66.66666667%
  }
  .col-lg-7 {
    width: 58.33333333%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-5 {
    width: 41.66666667%
  }
  .col-lg-4 {
    width: 33.33333333%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-2 {
    width: 16.66666667%
  }
  .col-lg-1 {
    width: 8.33333333%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-pull-11 {
    right: 91.66666667%
  }
  .col-lg-pull-10 {
    right: 83.33333333%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-8 {
    right: 66.66666667%
  }
  .col-lg-pull-7 {
    right: 58.33333333%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-5 {
    right: 41.66666667%
  }
  .col-lg-pull-4 {
    right: 33.33333333%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-2 {
    right: 16.66666667%
  }
  .col-lg-pull-1 {
    right: 8.33333333%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-push-11 {
    left: 91.66666667%
  }
  .col-lg-push-10 {
    left: 83.33333333%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-8 {
    left: 66.66666667%
  }
  .col-lg-push-7 {
    left: 58.33333333%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-5 {
    left: 41.66666667%
  }
  .col-lg-push-4 {
    left: 33.33333333%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-2 {
    left: 16.66666667%
  }
  .col-lg-push-1 {
    left: 8.33333333%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
}

@-ms-viewport {
  width: device-width
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important
}
@media(max-width:599px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important
  }
}
@media(max-width:599px) {
  .visible-xs-block {
    display: block !important
  }
}
@media(max-width:599px) {
  .visible-xs-inline {
    display: inline !important
  }
}
@media(max-width:599px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media(max-width:599px) {
  .hidden-xs {
    display: none !important
  }
}
/*------------------------------------------------------------
見積もりについて　前サイト　見積もりについてページ内より
------------------------------------------------------------*/
.jidou, .irai {
    position: relative;
    font-size: 1.4em
}
.jidou_text, .irai_text {
    position: absolute;
    top: 5em;
    left: 3em;
    width: 80%/*70%から80%へ修正*/
}
.jidou_text2, .irai_text2 {
    position: absolute;
    bottom: 4.5em;
    left: 3em
}
.jidou2 {
    padding: 2em;
    width: 43%;
    height: 8vw;
    border: 3px dotted #0169b6;
    margin-left: 2.2em;
    border-radius: 10px;
}
.irai2 {
    padding: 2em;
    width: 43%;
    height: 8vw;
    border: 3px dotted #5ab651;
    border-radius: 10px;
    margin-right: 2.2em;
}/*pc*/

@media (max-width:1199px) {
.jidou, .irai {
    position: relative;
    font-size: 1em
}
.jidou_text, .irai_text {
    top: 6em
}
}/*pc*/

@media (max-width:1199px) {
.jidou2, .irai2 {
    padding: 1em;
    height: 10vw
}
.jidou2 {
    margin-left: 1.5em;
}
.irai2 {
    margin-right: 1.5em
}
}/*タブレット*/

@media (max-width:959px) {
.jidou2, .irai2 {
    padding: .5em;
    height: 14vw
}
}/*スマホ*/

@media (max-width:599px) {
.jidou, .irai {
    position: relative;
    font-size: 4.5vw;
}
.jidou2, .irai2 {
    width: 86%;
    height: 30vw;
    margin-bottom: 1em
}
.jidou2 {
    margin-left: 2.2em
}
.jidou_text2, .irai_text2 {
    position: absolute;
    bottom: 2.5em;
    display: block
}
.jidou_text, .irai_text {
    top: 24vw
}
}


/*箔押しカラー*/
.illust_haku{
 width: 40px;
 height: 40px;
 margin: 10px;
}

.photo_haku{
 width: 20px;
 height: 20px;
float:left;
  margin: 10px;
}
.haku_name {
  font-size: 0.8em;
  line-height: 1.1;
}
.mauto {
  margin-left: auto;
  margin-right: auto;
}
/*テンプレートダウンロード*/
.temp_talbe {
    width: 100%;
    border: 1px solid #004B9E;
    border-collapse: collapse;
    border-spacing: 0;
}

.temp_talbe td, th {
    border: 1px solid #004B9E;
    border-collapse: collapse;
    border-spacing: 0;
}

.temp_talbe td {
    padding-left: 5px;
}
.temp_talbe td a:hover {
    text-decoration:none;
  color:#3366cc;
}
/*キャプチャ画像の罫線*/
.border_img {
  border: 2px solid #cccccc;
}
/*アンカーリンクの位置ズレ解消*/
.pt120 {
  padding-top: 120px;
}
.anchor_link {
  margin-top: -120px;
  　padding-top: 120px;
}

/*------------------------------------------------------------
自動計算ページ
------------------------------------------------------------*/
#divDelivery {
  overflow-x: auto;
}


.box-mitsumori {
  padding: 0px 56px 0 27px;
  margin-top: -15px; }
  @media (max-width: 599px) {
    .box-mitsumori {
      padding: 0;
      margin-top: 0; } }
  .box-mitsumori p {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 28px; }
  .box-mitsumori .in-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px; }
    @media (max-width: 599px) {
      .box-mitsumori .in-box {
        display: block;
        margin-top: 20px; } }
    .box-mitsumori .in-box .item {
      width: 357px;
      border-radius: 10px 10px 0 0;
      overflow: hidden;
      margin-right: 60px; }
      @media (max-width: 599px) {
        .box-mitsumori .in-box .item {
          width: 100%;
          margin-right: 0; } }
      .box-mitsumori .in-box .item:last-child {
        margin-right: 0; }
      .box-mitsumori .in-box .item h2 {
        text-align: center;
        font-size: 2.1rem;
        letter-spacing: 0.05em;
        font-weight: bold;
        color: #fff;
        font-weight: bold;
        padding: 24px 10px 28px;
        margin: 0;
        line-height: 28px; }
        @media (max-width: 599px) {
          .box-mitsumori .in-box .item h2 {
            font-size: 1.8rem;
            padding: 15px 0; } }
      .box-mitsumori .in-box .item .ct {
        padding: 24px 12px 28px;
        text-align: center; }
        @media (max-width: 599px) {
          .box-mitsumori .in-box .item .ct {
            padding: 10px; } }
        .box-mitsumori .in-box .item .ct p {
          margin: 0 0 21px;
          min-height: 95px;
          text-align: left; }
          @media (max-width: 599px) {
            .box-mitsumori .in-box .item .ct p {
              min-height: auto; } }
        .box-mitsumori .in-box .item .ct .button {
          width: 100%;
          margin: auto;
          vertical-align: top;
          max-width: 270px;
          display: inline-block;
          font-size: 1.6rem;
          line-height: 48px;
          font-weight: bold;
          text-decoration: none;
          color: #fff !important;
          background: #004B9E url(../images/product/arrow_circle_white.svg) no-repeat center right 17px;
          background-size: 22px auto;
          padding: 0 40px 0 20px;
          border: 2px solid #004B9E;
          border-radius: 10px; }
    .box-mitsumori .in-box .item1 {
      border: 1px solid #004B9E; }
      .box-mitsumori .in-box .item1 h2 {
        background: #004B9E; }
    .box-mitsumori .in-box .item2 {
      border: 1px solid #009E92;
      margin-right: 0; }
      @media (max-width: 599px) {
        .box-mitsumori .in-box .item2 {
          margin-top: 20px; } }
      .box-mitsumori .in-box .item2 h2 {
        background: #009E92; }
      .box-mitsumori .in-box .item2 .ct .button {
        background: #009E92 url(../images/product/arrow_circle_white.svg) no-repeat center right 17px;
        background-size: 22px auto;
        border: 2px solid #009E92; }
  .box-mitsumori h3 {
    text-align: center;
    background: #EAEAEA;
    border-radius: 10px;
    padding: 26px 0;
    line-height: 27px;
    font-weight: bold;
    color: #004B9E;
    font-size: 2.1rem;
    margin: 50px 0 26px; }
    @media (max-width: 599px) {
      .box-mitsumori h3 {
        font-size: 1.6rem;
        padding: 15px 0;
        margin: 30px 0 15px; } }
  .box-mitsumori .txt_center {
    text-align: center;
    margin: 0; }
    @media (max-width: 599px) {
      .box-mitsumori .txt_center {
        text-align: left; } }
  .box-mitsumori .in-box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 27px; }
    @media (max-width: 599px) {
      .box-mitsumori .in-box2 {
        display: block;
        margin-top: 20px; } }
    .box-mitsumori .in-box2 .item {
      width: 357px;
      border: 1px solid #C9C9C9;
      border-radius: 10px;
      margin-right: 60px;
      text-align: center;
      padding-top: 25px; }
      @media (max-width: 599px) {
        .box-mitsumori .in-box2 .item {
          width: 100%;
          margin-right: 0;
          padding: 10px; } }
      .box-mitsumori .in-box2 .item a {
        color: #004B9E;
        letter-spacing: 0.05em;
        display: block;
        margin-top: 32px; }
        @media (max-width: 599px) {
          .box-mitsumori .in-box2 .item a {
            margin-top: 10px; } }
      .box-mitsumori .in-box2 .item p {
        margin: 0;
        line-height: 24px; }
      .box-mitsumori .in-box2 .item:last-child {
        margin-right: 0;
        padding: 16px 10px 22px; }
        @media (max-width: 599px) {
          .box-mitsumori .in-box2 .item:last-child {
            padding: 10px;
            margin-top: 20px; } }
        .box-mitsumori .in-box2 .item:last-child a {
          margin-top: 17px; }
          @media (max-width: 599px) {
            .box-mitsumori .in-box2 .item:last-child a {
              margin-top: 10px; } }


/*=====================flow================*/

@media (min-width: 600px) {
/*flow*/
  #content_title2020.content_title_flow {
  margin: -78px 0 0; }
  #content_title2020.content_title_flow h1 {
    padding: 46px 0 85px; }

  /*#content_wrap2020.content_wrap-flow {
  padding-top: 50px; }*/
  #content_wrap2020.content_wrap-flow .title_middle_blue {
    padding: 20px;
    letter-spacing: 0.05em;
    margin: 0 0 40px; }
  #content_wrap2020.content_wrap-flow p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.05em; }
  #content_wrap2020.content_wrap-flow .linetitle {
    font-size: 21px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
    margin-top: 44px; }
  #content_wrap2020.content_wrap-flow #order_flow .flow div dl dd a {
    text-decoration: none; }
    #content_wrap2020.content_wrap-flow #order_flow .flow div dl dd a.fz06 {
      font-size: 0.6rem;
      text-decoration: underline; }
  #content_wrap2020.content_wrap-flow .txt01 {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em; }
  #content_wrap2020.content_wrap-flow .txt02 {
    position: relative;
    left: -110px !important;
    width: 164px; }
  #content_wrap2020.content_wrap-flow .txt03 {
    width: 120px;
    position: relative;
    left: -16px !important; }
  #content_wrap2020.content_wrap-flow .text_under {
    text-decoration: underline !important; }
  /*#content_wrap2020.content_wrap-flow .graytitle {
    padding: 21px 35px;
    margin: 52px 0 25px; }*/
  #content_wrap2020.content_wrap-flow .fixpage_subtitle {
    font-size: 2.1rem;
    margin-top: 25px;
    letter-spacing: 0.05em;
    margin-bottom: 8px; }
  #content_wrap2020.content_wrap-flow .button {
    min-width: 199px;
    margin: 22px 0 25px;
    line-height: 56px;
    padding: 0 55px 0 20px; }
  #content_wrap2020.content_wrap-flow .flexbox {
    width: auto;
    margin: 0 -25px; }
    #content_wrap2020.content_wrap-flow .flexbox .column-l, #content_wrap2020.content_wrap-flow .flexbox .column-r {
      padding: 0 25px; }
    #content_wrap2020.content_wrap-flow .flexbox .column-l img, #content_wrap2020.content_wrap-flow .flexbox .column-r img {
      width: 100%; }
  #content_wrap2020.content_wrap-flow .flexbox1 .column-l, #content_wrap2020.content_wrap-flow .flexbox1 .column-r {
    margin-bottom: 60px; }
  #content_wrap2020.content_wrap-flow .mt-15 {
    margin-top: -15px;
    margin-bottom: 20px; }

    #content_wrap2020.content_wrap-flow .flexbox2 {
      margin-top: -124px;
    }


}

#content_wrap2020.content_wrap-flow .flexbox2 a {
  color: #FF0000;
}

/*================questionnaire-campaign===================*/
.images_campaign {
  margin: auto; }
  .images_campaign img {
    width: auto;
    height: auto;
    display: block;
    margin: auto; }
  .images_campaign .txt {
    max-width: 1000px;
    font-weight: bold;
    margin: 35px auto 0;
    font-size: 2.1rem;
    line-height: 36px;
    text-align: center; }
    .images_campaign .txt span {
      color: #004B9E; }
  .images_campaign2 .txt2 {
    max-width: 774px;
    margin: 20px auto;
    font-size: 1.6rem;
    letter-spacing: 0.05em; }
    .images_campaign2 .txt2 span {
      font-weight: bold;
      font-size: 1.9rem; }
  .images_campaign2 .img {
    max-width: 774px;
    position: relative;
    margin: auto auto 20px; }
    .images_campaign2 .img img {
      width: 100%;
    }
    .images_campaign2 .img p {
      position: absolute;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      position: absolute;
      left: 330px;
      top: 135px; }

@media (max-width: 599px) {
  .images_campaign {
    padding: 0 20px;
  }
  .images_campaign img {
    width: 100%; }
  .images_campaign .txt {
    margin: 25px auto 0;
    font-size: 1.6rem;
    line-height: 23px;
    text-align: left; }
  .images_campaign2 .txt2 {
    margin: 20px auto;
    font-size: 1.4rem; }
    .images_campaign2 .txt2 span {
      font-size: 1.5rem; }
  .images_campaign2 .img p {
    font-size: 1.4rem;
    position: inherit;
    top: auto;
    left: auto; } }

.images_campaign2 {
  max-width: 774px;
  margin: auto;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 32px; }
  .images_campaign2 h2 {
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #004B9E;
    margin: 55px 0 20px; }
  .images_campaign2 ul {
    padding-left: 0; }
  .images_campaign2 h3 {
    background: #EAEAEA;
    border-radius: 10px;
    padding: 24px 30px;
    color: #004B9E;
    font-size: 2.1rem;
    font-weight: bold;
    margin: 30px 0; }
  .images_campaign2 .list li {
    position: relative;
    padding-left: 20px; }
    .images_campaign2 .list li:before {
      content: '・';
      position: absolute;
      left: 0;
      top: 0; }
  .images_campaign2 .list-bnt {
    margin: 58px auto 103px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .images_campaign2 .list-bnt a {
      display: block;
      width: 362px;
      height: 80px;
      border-radius: 5px;
      background: #004B9E;
      font-size: 1.8rem;
      font-weight: bold;
      color: #fff;
      letter-spacing: 0.05em;
      text-decoration: none;
      text-align: center;
      margin-right: 50px;
      padding: 25px 0;
      border: 1px solid #004B9E;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .images_campaign2 .list-bnt a:hover {
        background: #fff;
        color: #004B9E; }
      .images_campaign2 .list-bnt a:last-child {
        margin-right: 0; }

@media (max-width: 599px) {
  .images_campaign2 {
    font-size: 1.4rem;
    line-height: 24px;
    padding: 0 20px; }
    .images_campaign2 h2 {
      font-size: 1.6rem;
      padding: 0;
      margin: 30px 0 10px; }
    .images_campaign2 ul {
      padding-left: 0; }
    .images_campaign2 h3 {
      border-radius: 5px;
      padding: 10px;
      font-size: 1.5rem;
      margin: 20px 0; }
    .images_campaign2 .list li {
      padding-left: 10px; }
    .images_campaign2 .list-bnt {
      margin: 30px auto 60px;
      display: block; }
      .images_campaign2 .list-bnt a {
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        background: #004B9E;
        font-size: 1.6rem;
        margin-right: 0;
        padding: 12px 0;
        margin-bottom: 15px; } }

/*===============inter-modal==================*/
.inter-modal {
  display: none; }

.link-inter {
  cursor: pointer;
}

.lightBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  text-align: center;}

.lightBox__container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.lightBox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;}

.lightBox__inner {
  z-index: 99999;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 767px) {
    .lightBox__inner {
      padding: 0 20px;
      width: 100%; } }
  .lightBox__inner .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .lightBox__inner .inner {
        display: block; } }
    .lightBox__inner .inner .img_box {
      width: 300px; }
      @media screen and (max-width: 767px) {
        .lightBox__inner .inner .img_box {
          width: 100%; } }
      .lightBox__inner .inner .img_box img {
        width: 100%;
        height: auto;
        display: block; }
    .lightBox__inner .inner .ct_box {
      width: calc(100% - 300px);
      padding-left: 30px; }
      @media screen and (max-width: 767px) {
        .lightBox__inner .inner .ct_box {
          width: 100%;
          padding-left: 0;
          margin-top: 20px; } }
      .lightBox__inner .inner .ct_box h3 {
        font-size: 2.2rem;
        font-weight: 600;
        line-height: 38px;
        letter-spacing: 0;
        margin-top: -7px;
        margin-bottom: 2px;
        color: #272C60; }
      .lightBox__inner .inner .ct_box .category {
        color: #fff;
        letter-spacing: 0.05em;
        background: #091045;
        padding: 2px 11px;
        font-size: 1.4rem; }
      .lightBox__inner .inner .ct_box dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 600;
        margin-top: 15px;
        line-height: 28px;
        letter-spacing: 0;
        font-size: 1.4rem; }
        .lightBox__inner .inner .ct_box dl dt {
          width: 57px; }
        .lightBox__inner .inner .ct_box dl dd {
          width: calc(100% - 57px); }
  .lightBox__inner .lightBox__close {
    display: block;
    border: 1px solid #091045;
    border-radius: 40px;
    color: #091045;
    font-size: 1.6rem;
    font-weight: 600;
    width: 155px;
    height: 40px;
    margin: 30px auto 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    padding: 8px 0;
    letter-spacing: 0.05em;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .lightBox__inner .lightBox__close:hover {
        background: #091045;
        color: #fff; } }
    @media screen and (max-width: 767px) {
      .lightBox__inner .lightBox__close {
        width: 215px;
        height: 50px;
        margin: 24px auto 0; } }

        .lightBox__inner .contents img {
          width: auto;
          height: auto;
          display: block;
          max-width: 100%;
        }


/*------------------------------------------------------------
トピックス用サイドナビ有用コンテンツ
------------------------------------------------------------*/
#content2020_topics {
  width: 860px;
}

#content2020_topics h2 {
    font-size: 1.9rem;
    color: #004B9E !important;
    border-bottom: 1px solid #004B9E;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#content2020_topics h3 {
    font-size: 1.6rem;
    color: #004B9E !important;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

#content2020_topics h4 {
    font-size: 1.6rem;
    color: #004B9E !important;
    padding-bottom: 5px;
    margin-top: 30px;
    margin-bottom: 5px;
}

#content2020_topics .fixpage_subtitle {
    font-size: 1.8rem;
    font-weight: bold;
    color: #004B9E;
    margin-top: 30px;
    clear: both;
}

#content2020_topics p {
  font-size: 1.2em;
}

#content2020_topics ul {
  font-size: 1.2em;
}

#ccontent2020_topics.page_item {
  width: 765px;
}



@media screen and (max-width: 812px) {
  #content2020_topics {
    width: auto;
    padding: 0 20px;
  }
  #content2020_topics.page_item {
    width: auto;
  }
}

/*------------------------------------------------------------
トピックス　youtube用レスポンシブ
------------------------------------------------------------*/
.movie-wrap {
	position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}