@charset "utf-8";
/* CSS Document */
#contWrap {
  padding: 0;
  margin: 0 auto;
	font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
  width: 100%;
  color: #333;
}
#contWrap div,
#contWrap p {
	margin: 0;
  padding: 0;
}
#contWrap li {
	list-style-type: none;
}
#contWrap img {
  margin: 0;
  padding: 0;
  border:0;
  vertical-align:bottom;
  width: 100%;
}
#contWrap a {
  cursor: pointer;
  cursor: hand;
}
#contWrap a:hover {
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#contWrap .fl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .fl-st {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
#contWrap .fl-only-pc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .u-only-sp {
  display: none;
}
#contWrap .u-only-pc {
  display: block;
}
@media screen and (max-width: 750px) {
	#contWrap {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
	}
  #contWrap .fl-st {
    display: block;
    height: auto;
  }
  #contWrap .fl-only-pc {
    display: block;
  }
  #contWrap .u-only-sp {
    display: block;
  }
  #contWrap .u-only-pc {
    display: none;
  }
}
/* コンテンツ内共通 */
#contWrap .font32 {
  font-size: 32px;
  line-height: 1.4;
  font-weight: bold;
}
#contWrap .font22 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .font20 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .font18 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .font16 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap .font14 {
  font-size: 14px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap .font12 {
  font-size: 12px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .font-c {
  text-align: center;
}
#contWrap .font-l {
  text-align: left;
}
#contWrap .font-r {
  text-align: right;
}
#contWrap .fontRed {
  color: #e50012;
}
#contWrap .fontRed02 {
  color: #ee0000;
}
#contWrap .fontWh {
  color: #fff;
}
#contWrap .fontBaseColor {
  color: #006995;
}
#contWrap .h3BoxM {
  margin: 0;
  padding: 12px;
  background: #fff429;
  font-size: 44px;
  line-height: 1.4;
  font-weight: 900;
  text-align: center;
}
#contWrap .h3BoxL {
  margin: 0;
  padding: 20px;
  background: #0168b5;
  font-size: 48px;
  line-height: 1.4;
  font-weight: 900;
  text-align: center;
}
#contWrap > section {
  padding: 0;
  margin: 0;
}
#contWrap .circleList li::before {
  content: '・';
}
#contWrap .referenceList li::before {
  content: '※';
}
@media screen and (max-width: 750px) {
  #contWrap .font32 {
    font-size: 24px;
  }
  #contWrap .font22 {
    font-size: 18px;
  }
  #contWrap .font20 {
    font-size: 16px;
  }
  #contWrap .font18 {
    font-size: 16px;
  }
  #contWrap .font16 {
    font-size: 14px;
  }
  #contWrap .font14 {
    font-size: 12px;
  }
  #contWrap .font12 {
    font-size: 10px;
  }
  #contWrap .h3BoxM {
    padding: 8px;
    font-size: 28px;
  }
  #contWrap .h3BoxL {
    padding: 10px;
    font-size: 32px;
  }
}
/* トップ */
#contWrap #top {
  margin: 0;
  padding: 0;
}
#contWrap #top h2 {
  margin: 0;
  padding: 0;
}
#contWrap #top .topImg + p {
  margin: 10px 0 0 0;
  padding: 0;
}
#contWrap #top .topImg + p + p {
  margin: 0;
  padding: 0;
}
#contWrap #top .topImg + p + p a {
  text-decoration: underline;
  color: #333;
}
/*-------------------------
  右から左に流れるテキスト
-------------------------*/
#contWrap #top .topImg .textAni {
  margin: 0;
  background: #fff429;
  overflow: hidden;
}
#contWrap #top .topImg .textAni p {
  margin: 0;
  color: #006995;
  font-size: 18px;
  line-height: 2.5em;
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: flowing 20s linear infinite;
  transform: translateX(0%);     /*最初の位置*/
}
#contWrap #top .topImg .textAni p a {
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  #contWrap #top {
    text-align: center;
  }
  #contWrap #top .topImg + p {
    margin: 10px auto 0 auto;
    padding: 0 4%;
    display: inline-block;
  }
  #contWrap #top .topImg + p + p {
    margin: 0 auto;
    padding: 0 4%;
    text-align: left;
    display: inline-block;
  }
  #contWrap #top .topImg .textAni p {
    font-size: 14px;
    animation: flowing 10s linear infinite;
  }
}
@keyframes flowing {
  0% {
    transform: translateX(0%);     /*最初の位置*/
  }
  100% {
    transform: translateX(-100%);     /*終了の位置*/
  }
}

/* トップリード */
#contWrap #topLead {
  margin: 0;
  padding: 50px 0 0 0;
  text-align: center;
}
#contWrap #topLead h3 {
  margin: 0 auto;
  padding: 0 45px 30px 45px;
  text-align: center;
  font-size: 32px;
  line-height: 1.4;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
#contWrap #topLead h3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin: -10px 0 0 0;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #006995;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#contWrap #topLead h3:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 0 0 0;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #006995;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#contWrap #topLead ul {
  width: 92%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#contWrap #topLead ul li {
  margin: 0;
  padding: 0;
  width: 31.13%;
}
#contWrap #topLead p {
  width: 92%;
  margin: 0 auto;
  padding: 40px 0;
  font-size: 44px;
  font-weight: bold;
  position: relative;
}
#contWrap #topLead p span {
  display: block;
}
#contWrap #topLead p::before {
  content: "";
  display: inline-block;
  width: 220px;
  height: 145px;
  background: url(../images/img-handsup01@2x.jpg) no-repeat;
  background-size: contain;
  margin-top: -73px;
  position: absolute;
  left: 0;
  top: 50%;
}
#contWrap #topLead p::after {
  content: "";
  display: inline-block;
  width: 220px;
  height: 145px;
  background: url(../images/img-handsup02@2x.jpg) no-repeat;
  background-size: contain;
  margin-top: -73px;
  position: absolute;
  right: 0;
  top: 50%;
}
#contWrap #topLead p strong {
  font-size: 100px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #contWrap #topLead {
    padding: 25px 0 0 0;
  }
  #contWrap #topLead h3 {
    padding: 0 45px 15px 45px;
    font-size: 24px;
  }
  #contWrap #topLead h3:before {
    width: 40px;
    height: 1px;
  }
  #contWrap #topLead h3:after {
    width: 40px;
    height: 1px;
  }
  #contWrap #topLead p {
    padding: 20px 0;
    font-size: 18px;
  }
  #contWrap #topLead p::before {
    width: 70px;
    height: 47px;
    margin-top: -3px;
  }
  #contWrap #topLead p::after {
    width: 70px;
    height: 47px;
    margin-top: -3px;
  }
  #contWrap #topLead p strong {
    font-size: 50px;
  }}
/* 対象商品 */
#contWrap #targetProduct {
  margin: 0;
  padding: 0 0 50px 0;
}
#contWrap #targetProduct > div {
  margin: 30px 0 0 0;
  padding: 20px 0;
  background: #edeff7;
  width: 24.5%;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
#contWrap #targetProduct > div .divLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contWrap #targetProduct > div .divLink:hover {
  background: #00194d;
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#contWrap #targetProduct h4 {
  margin: 0;
  padding: 0 10px;
  font-weight: bold;
}
#contWrap #targetProduct img {
  margin: auto auto 20px auto ;
  padding: 0;
  width: 85%;
}
#contWrap #targetProduct p {
  width: 90%;
  margin: 0 auto 10px;
}
#contWrap #targetProduct .txtLink {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  #contWrap #targetProduct {
    margin: 0;
    padding: 0 0 25px 0;
  }
  /* #contWrap #targetProduct > div {
    margin: 10px 0 0 0;
    padding: 10px 0;
    width: 48.5%;
  } */
  #contWrap #targetProduct > div {
    margin: 10px 10px 0;
    padding: 0 10px 0 0;
    width: 100%;
  }
  #contWrap #targetProduct .productCover {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #contWrap #targetProduct .productCover > div {
    width: 65%;
  }
  #contWrap #targetProduct .productCover > div h4 + p {
    margin-bottom: 10px;
  }
  #contWrap #targetProduct .productCover > img {
    width: 35%;
    margin-bottom: 10px;
  }
  #contWrap #targetProduct h4 {
    padding: 0 4%;
  }
  #contWrap #targetProduct img {
    padding: 10px 0 0 0;
  }
  #contWrap #targetProduct p {
    width: 92%;
    margin: 0 auto;
  }
}
/* デザインご依頼の手順 */
#contWrap #procedure {
  width: 96.55%;
  margin: 30px auto 50px auto;
}
#contWrap #procedure > div {
  margin: 0;
  padding: 0;
  width: 32.14%;
}
#contWrap #procedure > div > div {
  margin: 0;
  padding: 0;
}
#contWrap #procedure > div > div > div {
  border-radius: 8px;
  width: 100%;
  margin: 12px 0;
  padding: 0;
  height: 60px; /* 四角形の高さ */
  background: #edeff7;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contWrap #procedure .arrowBox {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% - 20px);
}
#contWrap #procedure .arrowBox::after {
  border-left: 20px solid #edeff7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
  border-top: 30px solid transparent; /* 上のボーダーを透過に指定 */
  border-bottom: 30px solid transparent; /* 下のボーダーを透過に指定 */
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
}
#contWrap #procedure > div > div > div p {
  margin: 0;
  padding: 0 10px;
  font-weight: bold;
}
#contWrap #procedure > div p span {
  display: block;
  margin: 5px 0 0 0;
  padding: 0;
  line-height: 1.6;
}
#contWrap #procedure a {
  text-decoration: underline;
  color: #333;
}
@media screen and (max-width: 750px) {
  #contWrap #procedure {
    width: 92%;
    margin: 15px auto 0 auto;
  }
  #contWrap #procedure > div {
    width: 100%;
    padding: 0 0 20px 0;
  }
  #contWrap #procedure > div > div {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 0 20px 0;
  }
  #contWrap #procedure > div > div > div {
    border-radius: 8px;
    margin: 8px 0;
    height: 50px; /* 四角形の高さ */
  }
  #contWrap #procedure .arrowBox {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  #contWrap #procedure .arrowBox::after {
    border-left: 20px solid transparent; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-right: 20px solid transparent; /* 上のボーダーを透過に指定 */
    border-top: 20px solid #edeff7; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: calc(50% - 20px);
    top: 0;
    margin: 50px 0 0 0;
  }
}
/* デザイン制作費無料の条件・注意点 */
#contWrap #conditions {
  margin: 0;
  padding: 30px 2.59%;
  background: #edeff7;
}
#contWrap #conditions > div {
  margin: 0;
  padding: 0;
}
#contWrap #conditions > div > div {
  margin: 0;
  padding: 0;
  width: 48%;
}
#contWrap #conditions img {
  margin: 10px 0;
  padding: 0;
}
#contWrap #conditions h3 {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
#contWrap #conditions ul {
  margin: 0;
  padding: 0;
}
#contWrap #conditions ul li {
  margin: 0 0 0 1em;
  padding: 3px 0 0 0;
  list-style: none;
  text-indent: -1em;
}
#contWrap #conditions ul li a {
  text-decoration: underline;
  color: #333;
}
#contWrap #conditions div + ul {
  margin: 25px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #conditions > div > div {
    width: 100%;
    padding: 0 0 25px 0;
  }
  #contWrap #conditions h3 {
    margin: 0 0 25px 0;
  }
  #contWrap #conditions div + ul {
    margin: 0;
  }
}
/* 対象商品一覧 */
#contWrap #productList > section {
  margin: 0;
  padding: 0 0 60px 0;
}
#contWrap #productList > section +  section {
  border-top: 3px solid #edeff7;
}
#contWrap #productList h3 {
  margin: 80px 0 0 0;
}
#contWrap .itemNameBox {
  margin: 40px 0 0 0;
  padding: 30px 2.59% 15px 2.59%;
  background: url("../images/bg-content01.png") repeat;
  text-align: center;
}
#contWrap #productList > section:first-of-type .itemNameBox {
  margin: 25px 0 0 0;
}
#contWrap .itemNameBox h4 {
  margin: 0;
  padding: 0;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
}
@media screen and (max-width: 750px) {
  #contWrap #productList > section {
    padding: 0 0 30px 0;
  }
  #contWrap #productList > section +  section {
    border-top: 2px solid #edeff7;
  }
  #contWrap #productList h3 {
    margin: 40px 0 0 0;
  }
  #contWrap .itemNameBox h4 {
    font-size: 28px;
  }
}
/* 対象商品一覧 シリーズ商品名 */
#contWrap .itemNameBox h4 + p {
  margin: 0;
  padding: 15px 0 20px 0;
  font-weight: bold;
}
#contWrap .itemNameBox .materials span {
  background: #fff;
  margin: 0 0 0 10px;
  padding: 4px 20px;
  border-radius: 4px;
  box-sizing: border-box;
  border: solid 1px #6a6a6a;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #contWrap .itemNameBox .materials span {
    padding: 4px 10px;
    display: inline-block;
    margin: 0 0 5px 10px;
  }
}
/* 対象商品一覧 商品紹介 */
#contWrap .targetProductList {
  margin: 0;
  padding: 0;
}
#contWrap .targetProductList .articleCol2 {
  margin: 15px 0 0 0;
  padding: 0 0 20px 0;
  width: 49.57%;
  border: solid 1px #ccc;
  text-align: center;
  box-sizing: border-box;
}
#contWrap .targetProductList .articleCol3 {
  margin: 15px 0 0 0;
  padding: 0 0 20px 0;
  width: 32.76%;
  border: solid 1px #ccc;
  text-align: center;
  box-sizing: border-box;
}
#contWrap .targetProductList h5 {
  margin: 0 auto;
  padding: 25px 0 10px 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: bold;
  width: 92%
}
#contWrap .targetProductList .articleCol2 h5 {
  font-size: 32px;
}
#contWrap .targetProductList h5 span {
  font-weight: bold;
}
#contWrap .targetProductList strong {
  margin: 0 10px 0 0;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
  display: inline-block;
  background: #fff429;
  vertical-align: bottom;
}
#contWrap .targetProductList h5 + p {
  margin: 0 auto;
  padding: 0 0 15px 0;
  color: #787878;
}
#contWrap .targetProductList article > div,
#contWrap .targetProductList article > p {
  margin: 0 auto;
  padding: 0;
  width: 90%;
}
#contWrap .targetProductList .price {
  padding: 10px 0 0 0;
}
#contWrap .price .font16 {
  color: #333;
  font-weight: bold;
}
#contWrap .price .font22 {
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #contWrap .targetProductList .articleCol2 {
    margin: 15px auto 0 auto;
    width: 92%;
  }
  #contWrap .targetProductList .articleCol3 {
    margin: 15px auto 0 auto;
    width: 92%;
  }
  #contWrap .targetProductList h5 {
    padding: 20px 0 10px 0;
    font-size: 24px;
  }
  #contWrap .targetProductList .articleCol2 h5 {
  font-size: 28px;
}
  #contWrap .targetProductList article > div,
  #contWrap .targetProductList article > p {
    width: 92%;
  }
  #contWrap .targetProductList .price p:last-of-type {
    display: inline-block;
  }
}
/* 対象商品一覧 商品詳細 */
#contWrap .targetProductDetail {
  margin: 20px 0 0 0;
  padding: 30px 2.59% 20px 2.59%;
  background: #edeff7;
}
#contWrap .targetProductDetail > div {
  margin: 0;
  padding: 0;
  width: 47.73%;
  text-align: center;
}
#contWrap .targetProductDetail > div > p {
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: bold;
}
#contWrap .targetProductDetail > div > div {
  margin: 0;
  padding: 0;
}
#contWrap .targetProductDetail > div > div > div {
  margin: 0;
  padding: 0;
  width: 49.52%;
}
#contWrap .targetProductDetail > div > div > div > p {
  margin: 20px 0 0 15px;
  padding: 0;
  font-weight: bold;
}
#contWrap .targetProductDetail > div > div > div > img + p {
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: normal;
}
#contWrap .targetProductDetail ul {
  margin: 0 0 0 15px;
  padding: 0;
}
#contWrap .targetProductDetail ul li {
  margin: 0 0 0 1em;
  padding: 3px 0 0 0;
  list-style: none;
  text-indent: -1em;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  #contWrap .targetProductDetail {
    padding: 0 2.59% 20px 2.59%;
  }
  #contWrap .targetProductDetail > div {
    margin: 0;
    padding: 30px 0 10px 0;
    width: 100%;
    text-align: center;
  }
  #contWrap .targetProductDetail > div > p {
    padding: 0;
  }
  #contWrap .targetProductDetail > div > div > div {
    margin: 20px auto 0 auto;
    width: 90%;
  }
  #contWrap .targetProductDetail > div > div > div > p {
    margin: 20px 0 0 15px;
    padding: 0;
    font-weight: bold;
  }
  #contWrap .targetProductDetail > div > div > div > img + p {
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: normal;
  }
  #contWrap .targetProductDetail ul {
    margin: 0 0 0 15px;
    padding: 0;
  }
  #contWrap .targetProductDetail ul li {
    margin: 0 0 0 1em;
    padding: 3px 0 0 0;
    list-style: none;
    text-indent: -1em;
    line-height: 1.4;
  }
}
/* 対象商品一覧 スペック表 */
#contWrap .cover {
    overflow-x: auto;
    position: relative;
    margin: 0;
    padding: 0;
}
#contWrap .cover table {
  border-collapse: collapse;
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}
#contWrap .cover table tr {
  background-color: #e9ebf5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
#contWrap .cover table th,
#contWrap .cover table td {
  padding: 0.8em;
  border-right: 2px solid #fff;
  white-space: nowrap;
}
#contWrap .cover table th {
font-size: 20px;
line-height: 1.4;
font-weight: bold;
}
#contWrap .cover table td {
font-size: 16px;
line-height: 1.4;
font-weight: normal;
text-align: center;
}
#contWrap .cover table thead tr {
  background-color: #3c76c2;
  color:#fff;
  border-bottom: 6px solid #fff;
}
#contWrap .cover table tbody th {
    background: #3c76c2;
    color: #fff;
}
@media screen and (max-width: 750px) {
  #contWrap .cover {
    padding: 0 4%;
}
  #contWrap .cover table tr {
    border-bottom: 1px solid #fff;
  }
  #contWrap .cover table th,
  #contWrap .cover table td {
    border-right: 1px solid #fff;
  }
  #contWrap .cover table th {
  font-size: 16px;
  }
  #contWrap .cover table td {
  font-size: 14px;
  }
}
/* ご注文フォームへ */
#contWrap .goForm {
  margin: 60px 0 0 0;
  padding: 0;
}
#contWrap .goForm p {
  text-align: center;
  margin: 0 auto;
  width: 85%;
}
#contWrap .goForm p a {
  color: #333;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff429+0,fff429+50,ffeb0e+50,ffeb0e+100 */
  background: #fff429; /* Old browsers */
  background: -moz-linear-gradient(top,  #fff429 0%, #fff429 50%, #ffeb0e 50%, #ffeb0e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fff429 0%,#fff429 50%,#ffeb0e 50%,#ffeb0e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fff429 0%,#fff429 50%,#ffeb0e 50%,#ffeb0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff429', endColorstr='#ffeb0e',GradientType=0 ); /* IE6-9 */
  font-size: 32px;
  font-weight: 600;
  display: block;
  border-radius: 4px;
  line-height: 1em;
  padding: 25px 0;
  text-decoration: none;
}
#contWrap .goForm p a span {
  display: inline-block;
  position: relative;
  margin: 0 15px 0 0;
  padding: 0;
}
#contWrap .goForm p a span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  margin: -10px 0 0 0;
  padding: 0;
  border: 10px solid transparent;
  border-left: 14px solid #333;
}
#contWrap div.goForm + p {
  color: #e52020;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 15px;
}
@media screen and (max-width: 750px) {
  #contWrap .goForm {
    margin: 30px 0 0 0;
  }
  #contWrap .goForm p {
    width: 90%;
  }
  #contWrap .goForm p a {
    font-size: 18px;
    line-height: 1.2em;
    padding: 14px 0;
  }
  #contWrap div.goForm + p {
    text-align: left;
    font-size: 12px;
    padding: 0 15px;
  }
}
/*商品詳細へへ */
#contWrap .goForm02 {
  margin: 30px 0 0 0;
  padding: 0;
}
#contWrap .goForm02 p {
  text-align: center;
  margin: 30px auto 0;
  width: 80%;
}
#contWrap .goForm02 p a {
  color: #333;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff429+0,fff429+50,ffeb0e+50,ffeb0e+100 */
  background: #fff429; /* Old browsers */
  background: -moz-linear-gradient(top,  #fff429 0%, #fff429 50%, #ffeb0e 50%, #ffeb0e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fff429 0%,#fff429 50%,#ffeb0e 50%,#ffeb0e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fff429 0%,#fff429 50%,#ffeb0e 50%,#ffeb0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff429', endColorstr='#ffeb0e',GradientType=0 ); /* IE6-9 */
  font-size: 22px;
  font-weight: 600;
  display: block;
  border-radius: 4px;
  line-height: 1em;
  padding: 15px 0;
  text-decoration: none;
}
#contWrap .goForm02 p a span {
  display: inline-block;
  position: relative;
  margin: 0 15px 0 0;
  padding: 0;
}
#contWrap .goForm02 p a span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  margin: -10px 0 0 0;
  padding: 0;
  border: 10px solid transparent;
  border-left: 14px solid #333;
}
#contWrap div.goForm02 + p {
  color: #e52020;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 15px;
}
@media screen and (max-width: 750px) {
  #contWrap .goForm02 {
    margin: 30px 0 0 0;
  }
  #contWrap .goForm02 p {
    width: 70%;
  }
  #contWrap .goForm02 p a {
    font-size: 15px;
    line-height: 1.2em;
    padding: 14px 0;
  }
  #contWrap div.goForm02 + p {
    text-align: left;
    font-size: 12px;
    padding: 0 15px;
  }
}

/* キャンペーンページへ */
#contWrap .goCamp {
  margin: 50px 0 0 0;
  padding: 0;
  text-align: center;
}
#contWrap .goCamp > p {
  margin: 0 auto;
  padding: 0 45px 10px 45px;
  color: #ea7c2c;
  font-size: 28px;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  font-weight: normal;
  display: inline-block;
  position: relative;
}
#contWrap .goCamp > p:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin: -5px 0 0 0;
  display: inline-block;
  width: 38px;
  height: 2px;
  background-color: #ea7c2c;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#contWrap .goCamp > p:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 0 0 0;
  display: inline-block;
  width: 38px;
  height: 2px;
  background-color: #ea7c2c;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#contWrap .goCamp > div {
  text-align: center;
  margin: 0 auto;
  width: 60%;
}
#contWrap .goCamp > div > a {
  width: 100%;
}
/* ご注文の流れ */
#contWrap #flow div {
  margin: 50px 0 0 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #contWrap .goCamp {
    margin: 30px 0 0 0;
    padding: 0;
  }
  #contWrap .goCamp > p {
    font-size: 24px;
  }
  #contWrap .goCamp > p:before {
    width: 30px;
    height: 1px;
  }
  #contWrap .goCamp > p:after {
    width: 30px;
    height: 1px;
  }
  #contWrap .goCamp > div {
    width: 90%;
  }
  #contWrap #flow div {
    margin: 20px 0 0 0;
    padding: 0 4%;
  }
}
/*contactA お問合せエリア*/
#contWrap .contactA-area {
  width: 100%;
  background-color:  #1C9CD5;
  padding: 0 0 44px 0;
  margin: 60px 0 0 0;
}
#contWrap .contactA-area * {
  margin: 0;
  padding: 0;
}
#contWrap .contactA-area > h3 {
  font-size: 36px;
  line-height: 1.7;
  color: #fff;
  margin: 0 0 18px 0;
  padding: 30px 0 0 0;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}
#contWrap .contactA-area > p {
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
#contWrap .contactA-wrap {
  width: 75.86%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#contWrap .contactA-box {
  width: 48.86%;
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 0 3px;
  text-align: center;
}
#contWrap .contactA-box h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#contWrap .contactA-tel {
  color: #ff6c00;
  text-decoration: none;
  font-size: 38px;
  font-weight: 700;
  line-height: 0.8;
}
#contWrap .contactA-box-p {
  color: #333;
  margin: 20px 0;
  font-size: 14px;
}
#contWrap .contactA-btn {/*ボタン*/
  display: inline-block;
  background-color: #ff6c00;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 11% 12px 11%;
  border-bottom: solid 4px #a14400;
  margin-bottom: 20px;
  position: relative;
}
#contWrap .contactA-btn:hover,.contactA-tel:hover {
  text-decoration: none;
  opacity: 0.5;
}
@media screen and (max-width: 750px) {
  #contWrap .contactA-area > h3 {
    font-size: 24px;
}
  #contWrap .contactA-area > p {
      font-size: 14px;
  }
  #contWrap .contactA-wrap {
      width: 100%;
      display: block;
  }
  #contWrap .contactA-box {
      width: 95%;
      margin: 0 auto;
      padding: 20px 0 8px;
  }
  #contWrap .contactA-box:nth-child(1) {
      margin-bottom: 20px;
  }
}

/*  リンク調整 */
#contWrap #productList,
#contWrap #target01,
#contWrap #target02,
#contWrap #target03,
#contWrap #target04 {
  margin: -80px 0 0 0;
  padding: 80px 0 0 0;
}
#contWrap #conditionsArea {
  margin: -60px 0 0 0;
  padding: 60px 0 0 0;
}
@media screen and (max-width: 750px) {
    #contWrap #productList,
    #contWrap #target01,
    #contWrap #target02,
    #contWrap #target03,
    #contWrap #target04 {
      margin: -120px 0 0 0;
      padding: 120px 0 0 0;
    }
  }
  #contWrap #conditionsArea {
    margin: -80px 0 0 0;
    padding: 80px 0 0 0;
}