@charset "UTF-8";
/* 必須指定 */
#contWrap {
    margin: 0 auto;
    width: 100%;
    color: #333;
    font-size: 16px;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
}
#contWrap img {
    border:0;
    margin:0;
    padding:0;
    vertical-align:bottom;
    width: 100%;
}
#contWrap table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #333;
}
@media screen and (max-width: 750px) {
	#contWrap {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
	}
  #contWrap .overflow {
    overflow: auto;
  }
}
/* 共通 */
#contWrap .mt1 {/* 上マージン */
  margin-top: 1rem;
}
#contWrap .mt2h {/* 上マージン */
  margin-top: 2.5rem;
}
#contWrap .mt3 {
  margin-top: 3rem;
}
#contWrap .mt5 {
  margin-top: 5rem;
}
#contWrap .mb1h {/* 下マージン */
  margin-bottom: 1.5rem;
}
#contWrap .mb3 {
  margin-bottom: 3rem;
}
#contWrap .mtb2 {/* 上下マージン */
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#contWrap .fl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .fl-only-pc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .u-only-sp {
  display: none;
}
.lineMarker {
    background: linear-gradient(rgba(252,239,186,0) 30%, rgba(252,239,186,1.0) 30%);
}
@media screen and (max-width: 750px){
  #contWrap .mt1 {/* 上マージン */
    margin-top: 0.5rem;
  }
  #contWrap .mt2h {/* 上マージン */
    margin-top: 1.25rem;
  }
  #contWrap .mt3 {
    margin-top: 1.5rem;
  }
  #contWrap .mt5 {
    margin-top: 2.5rem;
  }
  #contWrap .mb1h {/* 下マージン */
    margin-bottom: 0.75rem;
  }
  #contWrap .mb3 {
    margin-bottom: 1.5rem;
  }
  #contWrap .mtb2 {/* 上下マージン */
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  #contWrap .fl-only-pc {
    display: block;
  }
  #contWrap .u-only-sp {
    display: block;
  }
}

/* メインビジュアル */
#contWrap #mainImg {/*-メインビジュアル背景--*/
  background: url("../images/main_bg01@2x.png") center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 0 20px 0;
  margin: 0;
}
#contWrap #mainImg p {
  margin: 0;
  padding: 0;
}
#contWrap #mainImg > div {
  width: 65.51724137931035%;
  margin: 0 auto;
  padding: 0;
}
#contWrap #mainImg > div > div {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0;
}
#contWrap #mainImg h2 {/*-メインビジュアル--*/
  margin: 0 15px 0 0;
  padding: 25px 0 20px 0;
  color: #a62f34;
  font-size: 66px;
  line-height: 1.2em;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  font-style: italic;
  }
#contWrap #mainImg h2 span {
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 7px 50px;
  border: solid 3px #a62f34;
  box-sizing: border-box;
  color: #a62f34;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2em;
  font-style: normal;
  text-shadow: none;
  letter-spacing: 5px;
}
#contWrap #mainImg ul {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
}
#contWrap #mainImg ul li {
  margin: 0;
  padding: 0 20px 8px 15px;
  font-size: 14px;
  line-height: 1.6em;
  font-weight: 700;
  position: relative;
}
#contWrap #mainImg ul li a {
  text-decoration: none;
}
#contWrap #mainImg ul li::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 0;
	width: 6px;
	height: 6px;
	margin: -7px 0 0 0;
	border-top: solid 2px #89060c;
	border-right: solid 2px #89060c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 750px){
  #contWrap #mainImg > div {
  width: 90%;
  }
  #contWrap #mainImg h2 {/*-メインビジュアル--*/
  margin: 0 15px 0 0;
  padding: 30px 0;
  font-size: 28px;
  letter-spacing: 0;
  }
  #contWrap #mainImg h2 span {
  margin: 10px 0 0 0;
  padding: 7px 25px;
  border: solid 2px #a62f34;
  font-size: 18px;
  }
  #contWrap #mainImg ul {
  width: 100%;
  padding: 0 0 15px 0;
  }
}
/* コンテンツ部分 */
#contWrap #contLead {
  background: #e4e0e1;
  text-align: left;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#contWrap #contLead > div:first-of-type {
  margin: 0;
  padding: 40px 0;
  width: 65.51724137931035%;
}
#contWrap #contLead > div:nth-of-type(2) {
  margin: 0;
  padding: 0;
  width: 34.48275862068966%;
}
#contWrap #contLead p {
  width: calc(100% - 60px);
  margin: 0 auto;
  padding: 0 0 25px 0;
  font-size: 16px;
  line-height: 1.75em;
  font-weight: normal;
  color: #000;
}
#contWrap #contLead .btnNy {
  margin: 30px auto 0;
  padding: 0;
  background: #a12934;
  width: 44%;
  text-align: center;
}
#contWrap #contLead .btnNy a {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 15px 0;
  font-size: 20px;
  line-height: 1.75em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  letter-spacing: 2px;
}
@media screen and (max-width: 750px){
  #contWrap #contLead{
    display: block;
  }
  #contWrap #contLead > div:first-of-type {
    width: 100%;
    padding: 20px 0;
  }
  #contWrap #contLead > div:nth-of-type(2) {
  display: none;
  }
  #contWrap #contLead p {
  padding: 0 0 15px 0;
  font-size: 14px;
}
#contWrap #contLead .btnNy {
  margin: 15px auto 0;
  width: 80%;
}
#contWrap #contLead .btnNy a {
  padding: 7px 0;
  font-size: 16px;
  }
}
/* 紺色・緑色エリア */
#contWrap .boxNy {
  background: #af393e url("../images/pic_bg@2x.png") top right;
  background-repeat: no-repeat;
  background-size: 265px 255px; 
  padding: 0 2.586206896551724% 50px 2.586206896551724%;
  margin: 0;
  border-bottom: solid 3px #fff;
  position: relative;
}
#contWrap .bgNone {
  background-image: none;
}
#contWrap .boxGr {
  background: #097242;
  padding: 0 2.586206896551724% 20px 2.586206896551724%;
  margin: 0;
  border-bottom: solid 3px #fff;
}
#contWrap .boxNy::before {
    content: "";
    position: absolute;
    bottom: -110px;
    left: 50%;
    margin-left: -60px;
    border: 60px solid transparent;
    border-top: 50px solid #fff;
    z-index: 2;
}
#contWrap .boxNy::after {
    content: "";
    position: absolute;
    bottom: -106px;
    left: 50%;
    margin-left: -60px;
    border: 60px solid transparent;
    border-top: 50px solid #af393e;
    z-index: 2;
}
#contWrap .boxNy h3,
#contWrap .boxGr h3 {
  color: #fff;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  padding: 35px 0 0 0;
}
#contWrap .boxNy h3.h3long,
#contWrap .boxGr h3.h3long{
  padding: 50px 0 0 0;
}
#contWrap .boxNy h3 strong,
#contWrap .boxGr h3 strong {
  color: #efc77f;
  font-size: 46px;
  line-height: 1.6em;
  font-weight: bold;
  padding-right: 0.3em;
  letter-spacing: 5px;
}
#contWrap .boxNy h3 strong.nolet {
  letter-spacing: 0;
}
#contWrap .boxNy .goodsLead {
  width: 100%;
  text-align: center;
}
#contWrap .boxNy .goodsLead p {
  color: /*#f8bfd0*/#fff;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 600;
  text-align: center;
	padding: 0;
  margin: 30px 0 0 0;
  display: inline-block;
  position: relative;
}
#contWrap .boxNy .goodsLead p::before {
  content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
  width: 44px;
	height: 2px;
	transform: rotate(60deg);
  background: #fff;
	left: -70px;
}
#contWrap .boxNy .goodsLead p::after {
  content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
  width: 44px;
	height: 2px;
	transform: rotate(-60deg);
  background: #fff;
	right: -70px;
}
@media screen and (max-width: 750px){
  #contWrap .boxNy {
    background: #af393e;
    border-bottom: solid 2px #fff;
    padding: 0 2.586206896551724% 20px 2.586206896551724%;
  }
  #contWrap .boxGr {
  padding: 0 2.586206896551724% 10px 2.586206896551724%;
  border-bottom: solid 2px #fff;
  }
  #contWrap .boxNy::before {
    content: "";
    position: absolute;
    bottom: -55px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 25px solid #fff;
    z-index: 2;
    }
    #contWrap .boxNy::after {
        content: "";
        position: absolute;
        bottom: -53px;
        left: 50%;
        margin-left: -30px;
        border: 30px solid transparent;
        border-top: 25px solid #af393e;
        z-index: 2;
    }
  #contWrap .boxNy h3,
  #contWrap .boxGr h3 {
  font-size: 14px;
  padding: 15px 0 0 0;
  text-align: center;
  }
  #contWrap .boxNy h3.h3long,
  #contWrap .boxGr h3.h3long {
    padding: 25px 0 0 0;
  }
  #contWrap .boxNy h3 strong,
  #contWrap .boxGr h3 strong {
    font-size: 30px;
    padding-right: 0.3em;
    letter-spacing: 2px;
  }
  #contWrap .boxNy .goodsLead p {
  font-size: 14px;
  width: 80%;
  }
  #contWrap .boxNy .goodsLead p::before {
    left: -40px;
  }
  #contWrap .boxNy .goodsLead p::after {
    right: -40px;
  }
}
/* ツインボックス */
#contWrap .twinBox {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 25px 0 0 0;
  position: relative;
}
#contWrap .boxNy .twinBox::after {
    content: "";
    display: inline-block;
    width: 44px;
    height: 66px;
    margin: 0;
    background: url("../images/icon+@2x.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -22px;
  }
#contWrap .twinBox > div {
  width: 45.45454545454545%;
  margin: 0;
  padding: 0;
}
#contWrap .twinBox .whiteH1 {
  margin: 0;
  padding: 0;
}
#contWrap .twinBox .twinGray {
  background: #e7c4c5;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  border-bottom: solid #af393e 3px;
  box-sizing: border-box;
}
#contWrap .twinBox .twinGray p {
  color: #89060c;
  margin: 0;
  padding: 7px 0;
  font-size: 16px;
  font-weight: 700;
}
#contWrap .twinBox .twinWhite {
  background: #fff;
  margin: 0;
  padding: 0 0 20px 0;
}
#contWrap .boxNy .twinBox .twinWhite .twinTbBox,
#contWrap .boxGr .twinBox .twinWhite .twinTbBox {
  vertical-align: top;
  padding:  10px 10px 15px 10px;
}
#contWrap .twinBox .twinWhite .twinTbBox > div > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .boxNy .twinBox .twinWhite .twinTbBox > div > div a {
  width: calc(50% - 8px);
  margin: 10px 0 0 0;
	padding: 4px 0 4px 0;
	border: 1px solid #89060c;
	color: #89060c;
	background-color: rgba(255, 255, 255, 1.0);
	font-size: 14px;
	font-weight: 600;
  text-align: center;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  /* box-shadow */
  box-shadow:0px 3px 0px 0px rgba(166, 47, 52, 0.5);
  -moz-box-shadow:0px 3px 0px 0px rgba(166, 47, 52, 0.5);
  -webkit-box-shadow:0px 3px 0px 0px rgba(166, 47, 52, 0.5);
  overflow: hidden;
  box-sizing: border-box;
}
#contWrap .boxNy .twinBox .twinWhite .twinTbBox > div > div a::after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -7px 0 0 0;
	border-top: solid 2px #89060c;
	border-right: solid 2px #89060c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#contWrap .boxGr .twinBox .twinWhite .twinTbBox > div > div a {
  width: calc(50% - 8px);
  margin: 10px 0 0 0;
	padding: 4px 0 4px 0;
	border: 1px solid #097242;
	color: #097242;
	background-color: rgba(255, 255, 255, 1.0);
	font-size: 14px;
	font-weight: 600;
  text-align: center;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  /* box-shadow */
  box-shadow:0px 3px 0px 0px rgba(9, 114, 66, 0.5);
  -moz-box-shadow:0px 3px 0px 0px rgba(9, 114, 66, 0.5);
  -webkit-box-shadow:0px 3px 0px 0px rgba(9, 114, 66, 0.5);
  overflow: hidden;
  box-sizing: border-box;
}
#contWrap .boxGr .twinBox .twinWhite .twinTbBox > div > div a::after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -7px 0 0 0;
	border-top: solid 2px #097242;
	border-right: solid 2px #097242;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#contWrap .boxNy .twinBox .twinWhite .twinTbBox > div > div a.btnWide,
#contWrap .boxGr .twinBox .twinWhite .twinTbBox > div > div a.btnWide {
	width: calc(80% - 8px);
  margin: 10px auto 0 auto;
}
#contWrap .twinBox .twinWhite .twinTbBox p {
  width: 100%;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 16px;
  font-weight: 700;
}
#contWrap .twinBox .twinWhite .twinTbBox div + p {
  padding: 15px 0 0 0;
}
#contWrap .twinBox .twinLead {
  display: flex;
  justify-content: space-between;
  padding: 30px 4% 20px;
}
#contWrap .twinBox .twinWhite .twinLead > div {
  width: 31.956521739130434%;
}
#contWrap .twinBox .twinWhite .twinLead > div + p {
  width: 63.69565217391304%;
  font-size: 14px;
  line-height: 1.75em;
  font-weight: 700;
  color: #333333;
  padding: 0;
  margin: 0;
}
#contWrap .twinBox .whiteC1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#contWrap .twinBox .whiteC1 .twinLead > p {
  width: 100%;
  font-size: 16px;
  line-height: 1.75em;
  font-weight: 700;
  color: #333333;
  padding: 0;
  margin: 0;
  text-align: center;
}
#contWrap .twinBox .twinWhite .twinLead > p span {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 10px;
}
.boxNy .twinBox .twinWhite .twinLead > p span {
  color: #89060c;
}
.boxGr .twinBox .twinWhite .twinLead > p span {
  color: #097242;
}
#contWrap .twinBox .twinWhite .twinLead > p strong {
  font-weight: 700;
  color: #ed094f;
}
@media screen and (max-width: 750px){
  #contWrap .twinBox {
  display: block;
  }
  #contWrap .boxNy .twinBox::after {
  content: none;
  }
  #contWrap .twinBox > div {
  width: 100%;
  padding: 0 0 10px 0;
  }
  #contWrap .boxNy .twinBox > div:first-of-type {
  margin:0 0 80px 0;
  position: relative;
  }
  #contWrap .boxNy .twinBox > div:first-of-type::after {
  content: "";
	position: absolute;
  width: 44px;
  height: 66px;
  margin: 0;
  background: url("../images/icon+@2x.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  bottom: -66px;
  left: 50%;
  margin-left: -22px;
  }
  #contWrap .twinBox .twinGray p {
    color: #1b2847;
    padding: 5px 0;
    font-size: 14px;
  }
  #contWrap .twinBox .twinWhite {
  padding: 0 0 10px 0;
  }
  #contWrap .twinBox .twinWhite .twinTbBox > div > div {
  display: block;
  }
  #contWrap .boxNy .twinBox .twinWhite .twinTbBox > div > div a {
  display: block;
  width: 90%;
  margin: 10px auto 0 auto;
  }
  #contWrap .boxNy .twinBox .twinWhite .twinTbBox > div > div a.btnWide,
  #contWrap .boxGr .twinBox .twinWhite .twinTbBox > div > div a.btnWide {
	display: block;
  width: 90%;
  margin: 10px auto 0 auto;
}
  #contWrap .boxGr .twinBox .twinWhite .twinTbBox > div > div a {
  display: block;
  width: 90%;
  margin: 10px auto 0 auto;
  }
  #contWrap .twinBox .twinLead {
  display: block;
  }
  #contWrap .twinBox .twinWhite .twinLead > div {
  width: 70%;
  max-width: 370px;
  margin: 0 15% 20px 15%;
  }
  #contWrap .twinBox .twinWhite .twinLead >  div + p {
  width: 92%;
  margin: 0 4%;
  }
}
#contWrap .boxNy .twinBox .twinWhite > table {
  width: 92%;
  margin: 0 4%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 2px solid #a62f34;
  border-left: 2px solid #a62f34;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}
#contWrap .boxGr .twinBox .twinWhite > table {
  width: 92%;
  margin: 0 4%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 2px solid #097242;
  border-left: 2px solid #097242;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}
#contWrap .boxNy .twinBox .twinWhite > table th {
width: 15%;
padding: 5px 10px;
text-align: center;
vertical-align: top;
color: #fff;
font-weight: 700;
background-color: #af4348;
border-bottom: 2px solid #a62f34;
border-right: 2px solid #a62f34;
}
#contWrap .boxGr .twinBox .twinWhite > table th {
width: 15%;
padding: 5px 10px;
text-align: center;
vertical-align: top;
color: #fff;
font-weight: 700;
background-color: #3a8e68;
border-bottom: 2px solid #097242;
border-right: 2px solid #097242;
}
#contWrap .boxNy .twinBox .twinWhite > table td {
width: 35%;
padding: 5px 10px;
color: #333;
font-weight: 700;
background-color: #fafafa;
border-right: 2px solid #a62f34;
border-bottom: 2px solid #a62f34;
}
#contWrap .boxGr .twinBox .twinWhite > table td {
width: 35%;
padding: 5px 10px;
color: #333;
font-weight: 700;
background-color: #fafafa;
border-right: 2px solid #097242;
border-bottom: 2px solid #097242;
}
#contWrap .twinBox .twinWhite > table td > span {
font-size: 12px;
  padding: 0 0 5px 0;
}
#contWrap .twinBox .twinLink {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: right;
}
#contWrap .twinBox .twinLink p {
  margin: 0;
  padding: 0;
}
#contWrap .boxNy .twinBox .twinLink p a {
	padding: 0 20px 0 0;
	color: #fcdae4;
	font-size: 14px;
	font-weight: 600;
  text-align: center;
	text-decoration: none;
	position: relative;
}
#contWrap .boxGr .twinBox .twinLink p a {
	padding: 0 20px 0 0;
	color: #fcdae4;
	font-size: 14px;
	font-weight: 600;
  text-align: center;
	text-decoration: none;
	position: relative;
}
#contWrap .boxNy .twinBox .twinLink p a::after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -5px 0 0 0;
	border-top: solid 2px #fcdae4;
	border-right: solid 2px #fcdae4;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 750px){
  #contWrap .boxNy .twinBox .twinWhite > table {
  border-top: 1px solid #1b2847;
  border-left: 1px solid #1b2847;
}
#contWrap .boxGr .twinBox .twinWhite > table {
  border-top: 1px solid #097242;
  border-left: 1px solid #097242;
}
  #contWrap .boxNy .twinBox .twinWhite > table th {
  width: 20%;
  padding: 5px;
  border-bottom: 1px solid #1b2847;
  border-right: 1px solid #1b2847;
  vertical-align: middle;
  }
  #contWrap .boxGr .twinBox .twinWhite > table th {
  width: 20%;
  padding: 5px;
  border-bottom: 1px solid #097242;
  border-right: 1px solid #097242;
  vertical-align: middle;
  }
  #contWrap .boxNy .twinBox .twinWhite > table td {
  width: 30%;
  padding: 5px;
  border-right: 1px solid #1b2847;
  border-bottom: 1px solid #1b2847;
  vertical-align: middle;
  }
  #contWrap .boxGr .twinBox .twinWhite > table td {
  width: 30%;
  padding: 5px;
  border-right: 1px solid #097242;
  border-bottom: 1px solid #097242;
  vertical-align: middle;
  }
}
/* 無料サンプル */
#contWrap #freeSample {
  background: url("../images/pic_samples@2x.png") no-repeat top left #fffcfc;
  background-size: 40% auto;
  border: solid 30px #f7c3c9;
  box-sizing: border-box;
  max-width: 1160px;
  margin: 20px auto 0 auto;
  padding: 0;
}
#contWrap #freeSample > div {
  margin: 0;
  padding: 0 0 0 40%;
}
#contWrap #freeSample h3 {
  margin: 0;
  padding: 0;
  padding: 50px 0 20px 0;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
#contWrap #freeSample p {
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 500;
  color: #000;
  margin: 0;
  padding: 0;
}
#contWrap #freeSample p span {
  display: block;
  font-size: 14px;
  line-height: 1.6em;
  padding: 20px 0 40px 0;
}
#contWrap #freeSample .btnNy {
  margin: 0 auto 30px;
  padding: 0;
  background: #a12934;
  width: 44%;
  text-align: center;
}
#contWrap #freeSample .btnNy a {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 15px 0;
  font-size: 20px;
  line-height: 1.75em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  letter-spacing: 2px;
}
@media screen and (max-width: 750px){
  #contWrap #freeSample {
  background: #fffcfc;
  border: solid 15px #f7c3c9;
  margin: 10px auto;
  }  
  #contWrap #freeSample > div {
  margin: 0;
  padding: 0 4%;
  }
  #contWrap #freeSample h3 {
    padding: 15px 0 15px 0;
    font-size: 20px;
  }
  #contWrap #freeSample p {
    font-size: 14px;
  }
  #contWrap #freeSample p span {
    font-size: 12px;
    padding: 10px 0 20px 0;
  }
  #contWrap #freeSample .btnNy {
    margin: 0 auto 30px;
    width: 90%;
  }
  #contWrap #freeSample .btnNy a {
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.75em;
  }
}
/*見積依頼の方法*/
#mitumori h3{
    text-align: center;
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    width: 72.265625%;
    margin: 0 auto 40px auto;
    padding: 50px 0 20px 0;
}
@media screen and (max-width: 750px) {
    #mitumori h3{
        font-size: 20px;
        padding: 0;
        line-height: 1.4;
        width: 100%;
        margin-top: 70px;
    }
}

/*flowA-4 注文の流れ
---------------------------------------*/
.flowA-4-wrap{
  display: flex;
  justify-content: space-between;
  margin: 0 2%;
}
.flowA-4{
  background: #1C9CD5;
  margin-bottom: 20px;
  text-align: center;
  width: 23%;
  padding: 0px 2% 34px;
    position: relative;
}
.flowA-4::after{/*手順の三角部分*/
    content: "";
    width: 0;
    height: 0;
    top: 45%;
    right: -7%;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #1C9CD5;
    position: absolute;
}
.flowA-4:last-child::after{/*手順の三角部分-最後は▶消す*/
    border-color: transparent transparent transparent transparent;
}
.flowA-4 p{
  color: #FFF;
}
.flowA-4-no{ /*手順番号*/
  font-size: 42px;
    margin-top: 15px;
}
.flowA-4-title{/*手順タイトル*/
  font-size: 24px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    line-height: 1.3;
}
.flowA-4-text{/*手順説明*/
  font-size: 16px;
  text-align: left;
    margin-top: 30px;
    position: relative;
}
.flowA-4-text::before{/*手順の線*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 750px) {
    .flowA-4-wrap{
        display: block;
    }
    .flowA-4{
        width: auto;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
    }
    .flowA-4 div:nth-child(1){
        width: 40%;
    }
    .flowA-4 div:nth-child(2){
        width: 55%;
    }
    .flowA-4-text::before{/*手順の線*/
        border-bottom: 1px solid transparent;
    }
    .flowA-4-text{/*手順説明*/
      font-size: 14px;
        margin-top: 14px;
    }
    .flowA-4-title{/*手順タイトル*/
      font-size: 16px;
        height: auto;
        margin-top: 0;
    }
    .flowA-4-no{ /*手順番号*/
      font-size: 16px;
    }
    .flowA-4::after{/*手順の三角部分*/
        top: 100%;
        width: 0;
        height: 0;
        right: 46%;
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: #1C9CD5 transparent transparent transparent;
    }
}
/*お見積りの際は下記こうもくについてご記載ください*/
#toiawaseText{
    text-align: center;
    margin: 18px auto 40px auto;
}
#toiawaseText h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
#toiawaseText ul{
    text-align: left;
    width: 60%;
    margin: 0 auto;
}
#toiawaseText ul li{
    font-size: 18px;
    list-style-type: disc;
}
#toiawaseText p{
    font-size: 18px;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    #toiawaseText{
        width: 100%;
        padding: 0 2%;
    }
    #toiawaseText h3{
        font-size: 16px;
    }
    #toiawaseText ul{
        width: 100%;
        padding: 10px 1% 10px 2%;
        border: solid 1px #333;
    }
    #toiawaseText ul li{
        font-size: 14px;
        margin-left: 9%;
    }
    #toiawaseText p{
        font-size: 16px;
    }
}
/*contactA お問合せエリア
---------------------------------------*/
.contactA-area{
    width: 100%;
    background-color:  #1C9CD5;
    padding: 30px 0 44px 0;
}
.contactA-area>h3{
    font-size: 24px;
    line-height: 1.7;
    color: #fff;
    margin: 0 0 18px 0;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
}
.contactA-area>p{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.contactA-wrap{
    width: 75.86%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contactA-box{
    width: 48.86%;
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 0 3px;
    text-align: center;
}
.contactA-box h4{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.contactA-tel{
    color: #ff6c00;
    text-decoration: none;
    font-size: 38px;
    font-weight: 700;
    line-height: 0.8;
}
.contactA-box-p{
    color: #333;
    margin: 20px 0;
    font-size: 14px;
}
.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;
}
.contactA-btn:hover,.contactA-tel:hover{
    text-decoration: none;
    opacity: 0.5;
}
@media screen and (max-width: 750px) {
    .contactA-area>p{
        font-size: 14px;
    }
    .contactA-wrap{
        width: 100%;
        display: block;
    }
    .contactA-box{
        width: 95%;
        margin: 0 auto;
        padding: 20px 0 8px;
    }
    .contactA-box:nth-child(1){
        margin-bottom: 20px;
    }
}
/*ご使用上の注意
---------------------------------------*/
#handling {
    text-align: center;
    margin: 60px auto 40px auto;
}
#handling h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
#handling ul{
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
#handling ul li{
    font-size: 15px;
    list-style-type: disc;
}
#handling p{
    font-size: 15px;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    #handling{
        width: 100%;
        padding: 0 2%;
    }
    #handling h3{
        font-size: 16px;
    }
    #handling ul{
        width: 100%;
        padding: 10px 1% 10px 2%;
        border: solid 1px #333;
    }
    #handling ul li{
        font-size: 14px;
        margin-left: 9%;
    }
    #handling p{
        font-size: 16px;
    }
}
/*インクジェットメディアとは
---------------------------------------*/
#aboutMedia {
    text-align: center;
    margin: 60px auto 40px auto;
}
#aboutMedia h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
#aboutMedia p + h3 {
  margin-top: 50px;
}
#aboutMedia p {
    text-align: left;
    width: 80%;
    margin: 0 auto 20px auto;
    font-size: 16px;
    line-height: 1.7em;
}
@media screen and (max-width: 750px) {
    #aboutMedia {
        width: 100%;
        padding: 0 2%;
    }
    #aboutMedia h3{
        font-size: 18px;
    }
    margin-top: 25px;
    #aboutMedia p + h3 {
    }
    #aboutMedia p {
      width: 100%;
      padding: 10px 1% 10px 2%;
      font-size: 14px;
      line-height: 1.7em;
    }
}
/* ビックバナー */
#contWrap #contBana {
  margin: 0;
  padding: 0;
}
#contWrap #contBana p {
  margin: 10px auto;
  padding: 0;
  width: 80%;
}
#contWrap #cont_bigBn {
  margin: 0;
  padding: 50px 0;
  background: #e5e6e6;
}
#contWrap #cont_bigBn > p {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #contWrap #cont_bigBn {
  width: 98%;
  margin: 0 auto;
  padding: 20px 0;
  }
  #contWrap #cont_bigBn > p {
  width: 90%;
  }
  #contWrap #contBana p {
  width: 100%;
  }
}
/* 関連商品 */
#contWrap .goTop {
  width: calc(100% - 15px);
  padding: 0;
  margin: 30px 0 0 0;
  text-align: right;
  font-size: 16px;
  color: #151515;
  font-weight: 700;
  position: relative;
}
#contWrap .goTop::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  width: 0;
  height: 0;
  margin: -7px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-bottom: 7px solid #0276CE;
}
#contWrap .goTop a {
  text-decoration: none;
  padding: 0 5px;
}
@media screen and (max-width: 750px) {
  #contWrap .goTop {
  margin: 20px 0 0 0;
  font-size: 14px;
  }
  #contWrap .goTop a {
  padding: 0 3px;
  }
}
#contWrap #relation {
  margin: -90px 0 0 0;
  padding: 90px 0 0 0;
}
#relation > section {
  margin: 50px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #666;
}
#relation > section:last-of-type {
  border-bottom: none;
}
#relation #relMenu {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #a9dcf3;
}
#relMenu h3 {
  margin: 0;
  padding: 15px 0;
  color: #fff;
  background: #1C9CD5;
  font-size: 20px;
  line-height: 1.7em;
  font-weight: 700;
}
#relMenu h3 + p {
  margin: 0;
  padding: 25px 0 0 0;
  color: #151515;
  font-size: 18px;
  line-height: 1.7em;
  font-weight: 700;
}
#relMenu ul {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 20px 40px 20px;
}
#relMenu ul li {
  height: 100px;
  width: 32.142857142857146%;
  margin: 20px 0 0 0;
  padding: 0;
  border-radius: 4px;
  background: #fff;
}
#relMenu ul li:first-of-type {
  background: #fff url("../images/bg-item01.png") right 0 top no-repeat;
}
#relMenu ul li:nth-of-type(2) {
  background: #fff url("../images/bg-item02.png") right 0 top no-repeat;
}
#relMenu ul li:nth-of-type(3) {
  background: #fff url("../images/bg-item03.png") right 15px center no-repeat;
}
#relMenu ul li:nth-of-type(4) {
  background: #fff url("../images/bg-item04.png") right 15px center no-repeat;
}
#relMenu ul li:nth-of-type(5) {
  background: #fff url("../images/bg-item05.png") right 15px center no-repeat;
}
#relMenu ul li:nth-of-type(6) {
  background: #fff url("../images/bg-item06.png") right 15px center no-repeat;
}
#relMenu ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 100%;
  color: #000;
  margin: 0;
  padding: 0 0 0 35px;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: 700;
  text-align: left;
}
#relMenu ul li a span {
  position: relative;
  margin: 0;
  padding: 0;
}
#relMenu ul li a span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 0;
  height: 0;
  margin: -3px 0 0 0;
  border: 5px solid transparent;
  border-top: 7px solid #f46440;
}
#relation h4 {
  display: inline-block;
  text-align: center;
  color: #333;
  font-size: 22px;
  line-height: 1.7em;
  font-weight: 700;
  margin: 0 auto 30px auto;
  padding: 0 55px;
  position: relative;
}
#relation h4::before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #666;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0;
}
#relation h4::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #666;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  right: 0;
}
#relation h4 + p {
  color: #333;
  font-size: 18px;
  line-height: 1.7em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 30px auto;
  padding: 0;
}
#relation .goPage {
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0;
}
#relation .goPage p {
  background: #1C9CD5;
  width: 40%;
  margin: 0 auto;
  padding: 0;
}
#relation .goPage p a {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 12px 10px;
  margin: 0;
}
#relation .bnList {
  width: 82.93103448275862%;
  margin: 50px auto 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#relation .bnList li {
  width: 46.77754677754678%;
  margin: 15px 0 0 0;
}
@media screen and (max-width: 750px) {
  #relMenu h3 + p {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  }
  #relMenu ul li {
  height: 130px;
  width: 47.5%;
  }
  #relMenu ul li:first-of-type {
  background: #fff url("../images/bg-item01.png") center bottom 7px no-repeat;
  }
  #relMenu ul li:nth-of-type(2) {
  background: #fff url("../images/bg-item02.png") center bottom 7px no-repeat;
  }
  #relMenu ul li:nth-of-type(3) {
  background: #fff url("../images/bg-item03.png") center bottom 7px no-repeat;
  }
  #relMenu ul li:nth-of-type(4) {
  background: #fff url("../images/bg-item04.png") center bottom 7px no-repeat;
  }
  #relMenu ul li:nth-of-type(5) {
  background: #fff url("../images/bg-item05.png") center bottom 7px no-repeat;
  }
  #relMenu ul li:nth-of-type(6) {
  background: #fff url("../images/bg-item06.png") center bottom 7px no-repeat;
  }
  #relMenu ul li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  height: 100%;
  color: #000;
  margin: 0;
  padding: 10px 0 0 20px;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: 700;
  text-align: left;
  }
  #relMenu ul li a span {
  margin: 0 auto;
  }
  #relation h4 {
  font-size: 20px;
  margin: 0 0 15px 0;
  }
  #relation .goPage {
  padding: 15px 0 0 0;
  margin: 0;
  }
  #relation .goPage p {
  width: 90%;
  }
  #relation .goPage p a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  }
  #relation .bnList {
  width: 96%;
  margin: 30px auto 0 auto;
  padding: 0;
  }
  #relation .bnList li {
  width: 100%;
  margin: 10px 0 0 0;
  }
}
/*#ページリンク調整
----------------------------------*/
#rel01,#rel02,#rel03,#rel04,#rel05,#rel06 {
	margin: -90px 0 0 0;
	padding: 90px 0 0 0;
  text-align: center;
}
#inpage01,#inpage02,#inpage03,#inpage04,#inpage05,#inpage06 {
	margin: -90px 0 0 0;
	padding: 90px 0 0 0;
}