@charset "utf-8";
.header {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .header {
    margin-bottom: 5vw;
  }
}

.worry {
  background-image: url(../img/bg-grass@2x-80.jpg);
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .worry {
    background-image: none;
  }
}
.worry.inner {
  padding: 10rem 3rem 12rem 3rem;
}
@media screen and (max-width: 768px) {
  .worry .wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .worry.inner {
    padding: 0;
  }
}
.worry .contentArea {
  padding: 8rem 10rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .worry .contentArea {
    padding: 5vw 0;
  }
}
.worry_item {
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .worry_item {
    padding: 0 0 0 5vw;
    margin-bottom: 3vw;
  }
}
.worry_head {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .worry_head {
    margin-bottom: 1vw;
  }
}
.worry_head::before {
  position: absolute;
  top: 5px;
  left: -30px;
  width: 100%;
  height: 30px;
  background-image: url(../img/icon_worry.svg);
  background-repeat: no-repeat;
  content: "";
}
@media screen and (max-width: 768px) {
  .worry_head::before {
    position: absolute;
    top: 5px;
    left: -20px;
    height: 20px;
    background-image: url(../img/icon_worry.svg);
    background-repeat: no-repeat;
    content: "";
  }
}
.worry_read {
  padding: 5rem　0;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .worry_read {
    padding-left: 2rem;
    font-size: 6vw;
  }
}

@media screen and (max-width: 768px) {
  .moisture_imgBox {
    flex-direction: column-reverse;
  }
}
.moisture_img {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .moisture_img {
    margin-bottom: 4vw;
    width: 100%;
  }
}

.topic_bg {
  background-image: url(../img/bg-glitter@2x-80.jpg);
  background-size: cover;
}
.video {
	position: relative;
  padding-bottom : 56.25%;
  height: 0;
  overflow: hidden;
}
.video_first {
  margin-bottom: 7rem;
}
.video_second {
  margin-bottom: 10rem;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px) {
  .video_first {
    margin-bottom: 5vw;
  }
  .video_second {
    margin-bottom: 17vw;
  }
}

.topic_contentBox {
  position: relative;
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .topic_contentBox {
    margin-bottom: 8vw;
  }
}

.topic_imgBox {
  width: 100%;
}
.topic_imgBox img {
  max-width: 700px;
}
@media screen and (max-width: 768px) {
  .topic_imgBox img {
    max-width: 100%;
  }
}

.topic_txtBox {
  position: absolute;
  bottom: 5%;
  left: calc(50% - -12rem);
  width: 40%;
}
.topic_txt {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background: rgba(58, 56, 55, .8);
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .topic_txtBox {
    position: static;
    margin-top: -2rem;
    width: 100%;
  }
  .topic_txt {
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
}

.topic_contentBox:nth-child(odd) .topic_imgBox img{
  margin-left: auto;
}
.topic_contentBox:nth-child(odd) .topic_txtBox {
  left: -2rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .topic_contentBox:nth-child(odd) .topic_txtBox {
    text-align: start;
  }
}

.featur_content {
  margin-bottom: 5rem;
}
.featur_content:nth-child(even) {
  flex-direction : row-reverse;
}
@media screen and (max-width: 768px) {
  .featur_content {
    margin-bottom: 6vw;
    flex-direction: column;
  }
  .featur_content:nth-child(even) {
    flex-direction : column;
  }
  .featur_content05 {
    margin-bottom: 8vw;
  }
}

.featur_txtSet,
.featur_img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .featur_txtSet,
  .featur_img {
    width: 100%;
}
}
.featur_txtSet {
  padding: 3.5rem;
}
@media screen and (max-width: 768px) {
  .featur_txtSet {
    padding: 1vw 3vw 5vw 3vw;
  }
}

.featur_content05 .featur_txtSet {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .feature_imgBox {
    flex-direction: column;
  }
}

.point {
  margin-top: -4rem;
  font-family: hello-my-love-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7.2rem;
  color: #d7706c;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .point {
    margin-top: -5vw;
    font-size: 15vw;
  }
}
.featur_ttl {
  margin: -4rem 0 2rem 0;
}
.featur_txt {
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .featur_ttl {
    margin: -8vw 0 1vw 0;
  }
  .featur_txt {
    font-size: 3.7vw;
    line-height: 1.5;
  }
}

.price .sec_ttl img {
  padding: 1rem 0;
  margin: auto;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .price .sec_ttl img {
    padding: 0;
    width: 80%;
  }
}
.cv_btn {
  width: 50%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .cv_btn {
    width: 70%;
  }
}
.cv_btn img:hover {
  opacity: .7;
}

.voice {
  background: linear-gradient( #fff, #f6d8d6);
}

.voiceBox {
  padding: 4rem;
  background-image: url(../img/flame@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .voiceBox {
    flex-direction: column;
    padding: 4vw;
    background: none;
    border: 1px solid #3c3938;
  }
}
.voiceBox:last-child {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .voiceBox:last-child {
    margin-top: 0;
  }
  .voiceBox {
    margin-bottom: 5vw;
  }
}

.voice_img {
  width: calc(100% - 85%);
}
.voice_img img {
  height: 120px;
}
.voiceBox:last-child .voice_img img {
  height: 100px;
}
@media screen and (max-width: 768px) {
  .voice_img {
    width: 100%;
    margin-bottom: 3vw;
  }
  .voice_img img {
    margin: auto;
  }
}
.voice_txtSet {
  width: calc(100% - 15%);
}
.voice_name {
  font-size: 1.4rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .voice_txtSet {
    width: 100%;
  }
}

/* =============購入特典・校閲後===========================  */
.eco .contentArea {
  position: relative;
  padding: 5rem 3rem;
}
@media screen and (max-width: 768px) {
  .eco .contentArea {
    position: static;
    padding: 5vw 0 0 0;
  }
}
.ecoBox {
  position: absolute;
  width: 60%;
  right: 0;
  top: 10%;
}
@media screen and (max-width: 768px) {
  .ecoBox {
    position: static;
    right: 0;
    top: 0;
    transform: translateY(0);
    width: 100%;
  }
}
.eco_ttlSet_wrap {
  padding: 2rem;
  background: rgba(255, 255, 255, .5);
}
@media screen and (max-width: 768px) {
  .eco_ttlSet_wrap {
    padding: 0;
    background: none;
  }
}

.eco_img span {
  padding-left: 1rem;
  font-size: 1.2rem;
}

.eco_imgBox {
  margin-top: -2vw;
}
@media screen and (max-width: 768px) {
  .eco_imgBox {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 2vw;
  }
}
.eco_img01 {
  width: 50%;
}
.eco_kitty {
  margin-right: 3rem;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .eco_img01 {
    width: 100%;
  }
  .eco_kitty {
    margin-right: -2.6rem;
    margin-top: -44vw;
  }
}

.eco_img02 {
  margin-bottom: 5rem;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .eco_img02 {
    margin-bottom: 0;
    width: 100%;
  }
}


/* =============購入特典・校閲前=========================== */
/* .eco .contentArea {
  padding: 5rem 3rem 8rem;
}
@media screen and (max-width: 768px) {
  .eco .contentArea {
    padding: 5vw 0 0 0;
  }
} */
/* =============購入特典・校閲前=========================== */
.sns_infoArea {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sns_infoArea {
    width: 100%;
    margin: 5rem auto;
  }
}
.sns_info span {
  font-size: 1.4rem;
}

.sns_linkBox {
  justify-content: space-around;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .sns_linkBox {
    flex-direction: column;
    margin-top: 3rem;
  }
}

.sns_btn {
  width: 40%;
  border-radius: 35px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .sns_btn {
    width: 100%;
    border-radius: 35px;
  }
}
.sns_btn:hover {
  opacity: .6;
}

.sns_tw {
  background-color:#1da1f2;
}
@media screen and (max-width: 768px) {
  .sns_tw {
    margin-bottom: 2rem;
  }
}
.sns_insta {
  background: linear-gradient(#3f6bde, #6f3bbb, #c92e92, #f25c3f, #fdaf47);
}
.sns_tw,
.sns_insta {
  position: relative;
}
.sns_tw::before,
.sns_insta::before {
  position: absolute;
  top: 27%;
  left: 15%;
  width: 25px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.sns_tw::before {
  background-image: url(../img/icon_tw.png);
}
.sns_insta::before {
  background-image: url(../img/icon_insta.png);
}
@media screen and (max-width: 768px) {
  .sns_tw::before,
.sns_insta::before {
  position: absolute;
  top: 32%;
  left: 20%;
}
}


.sns_btn a {
  display: block;
  padding: 1rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sns_btn a {
    padding: 1.5rem;
    font-size: 6vw;
  }
}


.start {
  padding: 3rem;
  margin-bottom: 5rem;
  background: #f6d8d6;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .start {
    padding: 3vw;
    margin-bottom: 5vw;
    font-size: 4vw;
  }
}
.start .content_ttl-nomal {
  padding: 2.6rem 0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .start .content_ttl-nomal {
    padding: 3vw 0;
  }
}

.start_txt {
  padding: 2rem 1rem;
}
@media screen and (max-width: 768px) {
  .start_txt {
    padding: 3vw 0;
  }
}
.start_txt .red {
  color: #d7261c;
}
.start_txt .small {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .start_txt .small {
    font-size: 3vw;
  }
}

.send {
  margin-bottom: 5rem;
  border: 5px solid #d7706c;
}
.send .content_ttl-nomal {
  padding: 1rem 0;
  background: #f6d8d6;
}
.send .content_sammary {
  padding: 2rem 0;
}
@media screen and (max-width: 768px) {
  .send {
    margin-bottom: 5vw;
    border: 2px solid #d7706c;
  }
  .send .content_sammary {
    padding: 3vw;
    text-align: left;
  }
}
.send .content_sammary span {
  font-size: 1.4rem;
}

.cartArea {
  margin-bottom: 5rem;
  padding: 5rem;
  border: 1px solid #3c3938;
}
@media screen and (max-width: 768px) {
  .cartArea {
    margin-bottom: 5vw;
    padding: 10vw 5vw;
    border: 1px solid #3c3938;
  }
}
.cartArea:last-child {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .cartArea:last-child {
    margin-top: 5vw;
  }
}
.content_ttl_wrap {
  text-align: center;
}

.cartArea .one_yearSet {
  margin-top: -0.5rem;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .cartArea .content_ttl,
  .cartArea .one_yearSet {
    font-size: 4.3vw;
  }
}
/* =====================================
カートstart
======================================== */
.cartjs_box {
  padding: 0 !important;
}
.cartjs_product_table table,
.cartjs_cart_in input,
.cartjs_sk_link_other {
  width: 100% !important;
}
.cartjs_product_table table {
  margin-bottom: 0 !important;
}
.cartjs_product_table th,
.cartjs_product_table td {
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 768px) {
  .cartjs_box,
  .cartjs_header {
    border: none !important;
  }

  .cartjs_dtl_tbl th {
    background: #fff !important;
  }

  .cartjs_dtl_tbl tr,
  .cartjs_dtl_tbl select,
  .cartjs_sk_link_regal a {
    font-size: 4vw !important;
  }
  .cartjs_product_price {
    color: #3c3938 !important;
    font-size: 4vw !important;
  }

  .cartjs_dtl_tbl select {
    padding: 1vw !important;
  }
}
/* =====================================
カートend
======================================== */
.cv .sns_infoArea {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .cv .sns_infoArea {
    width: 100%;
  }
}

/*----------------------
商品エリア
----------------------*/
.h_product{
	text-align: center;
}
.product_cnt{
	margin-top: 50px;
	width:80%;
	margin:50px auto 0;
}
@media screen and (max-width: 768px) {
	.product_cnt{
		width:100%;
	}
}
.product_cnt .product_image{
	text-align: center;
}
.product_image {
  margin-bottom: 3rem;
}
.product_cnt img{
	/* max-width: 350px; */
	width: 100%;
}

.product_cnt table{
	margin: 0 auto;
	font-size: 18px;
	max-width: 350px;
}

@media screen and (max-width: 768px) {
	.product_cnt table{
		width:100%;
		font-size: 14px;
	}
}

.product_cnt table th{
	text-align: left;
	padding: 20px 0 10px 0 ;
}

.product_cnt table td{
	padding: 20px 0 10px 25px ;
}
@media screen and (max-width: 768px) {
	.product_cnt table th{
		padding: 0 0 10px 0 ;
		white-space: nowrap;
	}
	
	.product_cnt table td{
		padding: 0 0 10px 16px ;
	}
}
.product_cnt .shortRed{
	color:#ea6363;
	font-size: small;
	font-weight: normal;
}

/* 購入数のプラスマイナスボタンの調整 */
.product_cnt .spinner_btn{
	font-size:16px;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	height:40px;
	cursor:pointer;
	/* padding: 5px; */
    background-color: #ddd;
	border: 1px solid #333;
	border-radius: 5px;
	display: inline-block;
	line-height: 40px;
}

/* 購入数のフォームサイズ */
.product_cnt #product1_amount, .product_cnt #product2_amount{
	width: 50px;
	height:40px;
}
.product_cnt select{
	height: 40px;
}

/* セレクトボックスのエラーメッセージ */
.errorMessage{
	display: none;
	font-size: 12px;
	color:#ea6363;
}

/*---------------------
ボタンの設定 
---------------------*/

.product_cnt .getbasket{
	margin-top: 32px;
}

@media screen and (max-width: 768px) {
	.product_cnt .getbasket{
		margin-top: 16px;
	}
}

/* ボタンを画像にする場合 */
.product_cnt .getbasket input[type="image"]{
	width: 100%;
	max-width: 350px;
	transition: all 0.9s;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.product_cnt .getbasket input[type="image"]:hover{
	opacity: 0.8;
}

/* ボタンデザインをCSSで設定する場合 */
.addCart {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding:5px 30px !important;
	background:#333;/* ボタンの色指定*/
	color:#fff;/* ボタンの文字色指定*/
	font-size:14px;
	line-height:2;
	font-weight:bold;
	cursor:pointer;
}

.banner {
  margin-top: 5rem;
  text-align: center;
}
.banner:hover {
  opacity: .7;
}
.qa {
  background: #f9f9f9;
}
.qa .contentArea {
  background: #fff;
}
.qa_wrap {
  padding: 5rem 3rem 8rem 3rem;
}
@media screen and (max-width: 768px) {
  .qa_wrap {
    padding: 5vw 0;
  }
}
.qa_list {
  padding: 3rem 0;
  border-bottom: 1px solid #3c3938;
}
@media screen and (max-width: 768px) {
  .qa_list {
    padding: 4vw 0;
  }
}
.qa_list:last-child {
  border: none;
}
.q, .a {
  padding: 0 3rem 0 5rem;
  background-repeat: no-repeat;
  background-size: 2.6rem 2.6rem;
  background-position: left center;
}
.q {
  position: relative;
  background-image: url(../img/q.svg);
}
.a {
  display: none;
  margin-top: 3rem;
  background-image: url(../img/a.svg);
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .q, .a {
    padding: 0 7vw;
    background-size: 5vw 5vw;
    background-position: left center;
    font-size: 3.5vw;
  }
  .a {
    margin-top: 3vw;
  }
}
.icon_plus::before,
.icon_plus::after {
  display: block;
  position: absolute;
  right: 1%;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background: #3d3939;
  content: '';
}
@media screen and (max-width: 768px) {
  .icon_plus::before,
  .icon_plus::after {
    width: 10px;
  }
}
.icon_plus::after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s;
}
.active::after {
  transform: rotate(0);
  transition: 0.3s;
}

.q:hover,
.terms_ttl:hover {
  cursor: pointer;
}

.company .contentArea {
  padding: 5rem 3rem 8rem 3rem;
}
@media screen and (max-width: 768px) {
  .company .contentArea {
    padding: 5vw 0;
  }
}
.terms_list {
  padding: 3rem 0;
  border-bottom: 1px solid #bf1f25;
}
@media screen and (max-width: 768px) {
  .terms_list {
    padding: 5vw 0;
  }
  .terms_list:last-child {
    margin-bottom: 7vw;
  }
}
.terms_ttl {
  padding-right: 3rem;
  background-image: url(../img/arrow-down.svg);
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .terms_ttl {
    padding-right: 5vw;
    font-size: 3.8vw;
  }
}
.terms_ttl.active {
  background-image: url(../img/arrow-up.svg);
}

.terms_ttl img {
  display: inline-block;
  width: 3rem;
}
.terms_txt {
  display: none;
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .terms_txt {
    margin-top: 5vw;
    font-size: 3.2vw;
  }
}
.terms_txt a {
  color: #bf1f25;
}
.terms_txt a:hover {
  opacity: .5;
  cursor: pointer;
}

.warranty_list{
  padding-left: 1.5em;
}

.terms_txt table {
  margin: auto;
  width: 90%;
}
.product_list {
  border-bottom: 1px dashed #3c3938;
}
.product_list:last-child {
  border: none;
}
.product_head,
.product_details {
  padding: 1rem 0;
}
.product_head {
  width: 25%;
  text-align: left;
}

.pp p {
  margin-bottom: 2rem;
}
.pp dl {
  margin-bottom: 2rem;
}
.pp ol {
  padding-left: 2em;
}

.footer {
  padding: 3rem;
  background: #3c3938;
  color: #fff;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 5vw 0;
  }
  .footer_content {
    flex-direction: column;
    align-items: flex-start;
  } 
  .footer_content p:first-child {
    margin-bottom: 3vw;
  }
}
.footer a {
  padding-right: 2rem;
  background-image: url(../img/icon-link.svg);
  background-repeat: no-repeat;
  background-size: 12px 14px;
  background-position: bottom right;
  color: #fff;
}
.footer a:hover {
  opacity: .5;
}


.pmark {
  width: 5%;
  margin-right: 5rem;
}
@media screen and (max-width: 768px) {
  .pmark {
    width: 8vw;
    margin-right: 3vw;
  }
}
.ppBox {
  width: calc(100% - 5% - 5rem);
}

/* =====================================
リアルタイム
======================================== */

#top_realtime_num {
  position: fixed;
  top: 26px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1em;
  background-color: #868686;
  color: #FFF;
  padding: 7px;
  opacity: 0.7;
  z-index: 999;
}


/* =====================================
新・特典
======================================== */

.tokuten .ecobag {
  border: 2px solid #868686;
  border-radius: 20px;
}
@media screen and (max-width: 768px)  {
  .tokuten .ecobag {
    border: none;
  }
}

/* =====================================
違い
======================================== */
.moisture {
  position: relative;
}
.moisture::before,
.moisture::after {
  position: absolute;
  background-color: rgba( 255, 236, 238, .5);
  content: "";
  z-index: -1;
}
.moisture::before {
  width: 100%;
  height: 800px;
  top: 0;
  left: 0;
}
.moisture::after {
  width: 68%;
  height: 344px;
  top: 60%;
  left: 0;
}
@media screen and (max-width: 768px) {
  .moisture::before {
    height: 700px;
  }
  .moisture::after {
    width: 100%;
    height: 600px;
    top: 68%;
    left: 0;
  }
}

.difference01 {
  margin-bottom: 12rem;
}


.kitty_userBox .content_ttlSet {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .kitty_userBox .content_ttlSet {
    margin-bottom: 4vw;
  }
}

.difference02 {
  position: relative;
  margin-bottom: 25rem;
}
@media screen and (max-width: 768px) {
  .difference01,
  .difference02,
  .difference03 {
    margin-bottom: 10vw;
  }
}
.kitty_userBox {
  position: absolute;
  left: 0;
  top: 8%;
  padding: 2rem 3rem;
  width: 60%;
  background: rgb(255, 255, 255, 0.8);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .kitty_userBox {
    position: static;
    padding: 2rem 5vw 4rem 5vw;
    margin-left: -4vw;
    width: 100vw;
    background: rgb(255, 255, 255, 0);
    background-image: url(../img/fujihara-sp.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    
  }
}
.user_q {
  margin-bottom: 1rem;
  font-size: 2.4rem;
}
.user_a {
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .user_q {
    margin-bottom: 1rem;
    font-size: 4.2vw;
  }
  .user_a {
    margin-bottom: 3rem;
    font-size: 3.6vw;
  }
}

.kitty_user_img {
  position: relative;
  width: 50%;
  margin-left: auto;
}
.kitty_user_img::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -5%;
  left: 5%;
  background-color: rgba( 255, 236, 238, .5);
  content: "";
  z-index: -2;
}

.difference03 {
  flex-direction: row-reverse;
  align-items: center;
}
.difference03 .content_ttlSet {
  width: 65%;
}
.difference03 .content_sammary {
  line-height: 1.5;
  text-align: left;
}
.wrapping_img {
  width: 33%;
}
@media screen and (max-width: 768px) {
  .difference03 {
    flex-direction: column;
  }
  .difference03 .content_ttlSet,
  .wrapping_img {
    width: 100%;
  }
  .difference03 .content_sammary {
    line-height: 1.5;
    text-align: left;
  }
}



/* ===============別途スタイル======================= */
.db {
  display: block;
}
.tac {
  text-align: center;
}
.txt_red {
  color: #d7261c;
}
.fz14 {
  font-size: 1.4rem;
}

.mb10 {
  margin-bottom: 1rem;
}