@charset "UTF-8";
/* !Clearfix
---------------------------------------------------------- */
.tab_link ul,
.link_btns,
.tab01 .wrap02,
.tab01 .wrap03,
.comparison,
.pan_wrap01,
.pan_wrap01 .flR {
  display: block;
  min-height: 1%;
}

.tab_link ul:after,
.link_btns:after,
.tab01 .wrap02:after,
.tab01 .wrap03:after,
.comparison:after,
.pan_wrap01:after,
.pan_wrap01 .flR:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .tab_link ul,
* html .link_btns,
* html .tab01 .wrap02,
* html .tab01 .wrap03,
* html .comparison,
* html .pan_wrap01,
* html .pan_wrap01 .flR {
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.pc {
  display: none;
}
.sp {
  display: block;
}
@media screen and (min-width:768px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}

/* !Common
---------------------------------------------------------- */
.page {
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
}

.page h2 {
  margin: 0 -10px 0 -10px;
  padding: 5px 0 40px 0;
}

.page .h3_basic01 {
  margin: 40px 0 10px 0;
}

.page .h3_basic02 {
  display: inline-block;
  margin: 36px 0 10px 0;
}

.page p {
  margin: 0 0 19px 0;
}

.page p.mb20 {
  margin-bottom: 0 !important;
}

.page p.mb40 {
  margin-bottom: 16px !important;
}

#side .side_ranking01,
#side .side_history01 {
  display: none;
}

.tab01,
.tab02,
.tab03,
.tab04 {
  margin: 0 0 60px 0;
}

.tab_main h3 {
  margin: 0 0 10px 0;
  padding: 7px 10px 5px 10px;
  background: #fffadb;
  font-weight: 700;
  font-size: 1.4rem;
}
/*
.tab02 h3,
.tab03 h3,
.tab04 h3 {
  display: inline-block;
}
*/
.tab_main h4 {
  margin: 0 0 10px 0;
  font-weight: bold;
}

.tab_main h5 {
  font-weight: bold;
}

.tab_main p.note {
  font-size: 10px;
}

/* btn */
.tabwrap01 .btn_wrap01 {
  max-width: 600px;
  margin: 40px auto 0;
  position: relative;
  text-align: center;
  padding-top: 20px;
}

.tabwrap01 .btn_wrap01 .flL,
.tabwrap01 .btn_wrap01 .flR {
  display: block;
  float: none;
}

.tabwrap01 .btn_wrap01 .flL {
  position: relative;
}

.tabwrap01 .btn_basic01,
.tabwrap01 .btn_basic02,
.tabwrap01 .btn_basic03 {
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  opacity: 1;
}

.tabwrap01 .btn_basic01:before,
.tabwrap01 .btn_basic02:before,
.tabwrap01 .btn_basic03:before {
  display: none;
}

.page .tabwrap01 .btn_basic01:hover,
.page .tabwrap01 .btn_basic02:hover,
.page .tabwrap01 .btn_basic03:hover {
  background: #ffffff;
}

.tabwrap01 .btn_basic01 a,
.tabwrap01 .btn_basic02 a,
.tabwrap01 .btn_basic03 a {
  text-decoration: none;
}

.tabwrap01 .btn_basic01 span,
.tabwrap01 .btn_basic02 span {
  display: block;
  font-weight: normal;
}

.page .tabwrap01 .btn_basic01 {
  margin: 0;
  padding: 17px 0 10px 0;
  border: 2px solid #ffd553;
  background: #ffd553;
  color: #000000;
  font-size: 20px;
}

.tabwrap01 .btn_basic01 span {
  font-size: 14px;
  line-height: 1.2;
}

.page .tabwrap01 .btn_basic02 {
  margin: 0 0 20px 0;
  padding: 7px 0 13px 0;
  border: 2px solid #763b14;
  background: #763b14;
  font-size: 15px;
  z-index: 1;
}

.tabwrap01 .btn_basic02 a {
  color: #ffffff;
}

.tabwrap01 .btn_basic02:hover a {
  color: #763b14;
  opacity: 1;
}

.tabwrap01 .btn_basic02 span {
  margin: 0 0 5px 0;
  font-size: 10px;
  line-height: 1.2;
}

.page .tabwrap01 .btn_basic03 {
  margin: 0;
  padding: 22px 0 20px 0;
  border: 2px solid #ffd553;
  background: #ffd553;
  color: #000000;
  font-size: 20px;
}

.page .tabwrap01 .btn_wrap01 a {
  margin: 0;
  padding: 24px 8px 24px 16px;
  border: 2px solid #ffd553;
  background: #ffd553;
  color: #000000;
  border-radius: 8px;
  display: block;
}
.page .tabwrap01 .btn_wrap01 a span {
  margin: 0 0 10px 0;
  font-size: 18px;
  display: block;
}
.page .tabwrap01 .btn_wrap01 .recipe_here {
  font-size: 32px;
  margin: 0;
  text-align: left;
  line-height: 1;
}
.page .tabwrap01 .btn_wrap01 .fukidashi01 {
  position: relative;
  text-align: right;
  position: absolute;
  width: 192px;
  right: 0;
  z-index: 2;
  right: 1%;
  top: 0;
  margin: 0;
}

.page .tabwrap01 .btn_wrap01 .fukidashi02 {
  float: right;
  width: 34%;
  max-width: 164px;
  margin: 0 0 -4% 0;
}

.page .tabwrap01 th .btn_basic01 {
  margin: 4px 0 0 0;
  padding: 10px 0 9px 0;
  font-size: 10px;
  display: inline-block;
}

/* Comparison */
.comparison_table {
  float: left;
  width: 77%;
}

.comparison_table.full01 {
  float: none;
  width: 100%;
}

.comparison_image {
  float: right;
  width: 21%;
}

.page .comparison_image p:first-child {
  margin: 5% 0 20px 0;
  padding: 2px 5px 1px 5px;
  background: #fffadb;
  font-size: 10px;
  text-align: center;
}

.comparison_table table {
  width: 100%;
}

.comparison_table th,
.comparison_table td {
  border: 1px solid #000000;
  vertical-align: top;
}

.comparison_table thead th:nth-child(3),
.comparison_table td:nth-child(3) {
  display: none;
}

.comparison_table thead th {
  padding: 7px 6px 6px 6px;
  background: #fffadb;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}

.comparison_table tbody th {
  width: 53%;
  padding: 9px 6px 10px 6px;
  font-size: 11px;
}

.comparison_table.full01 tbody th {
  width: 58%;
}

.comparison_table tbody th span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
}

.comparison_table td {
  padding: 6px 6px 6px 6px;
  font-size: 10px;
}

.comparison_table .icon01,
.comparison_table .icon02,
.comparison_table .icon03,
.comparison_table .icon04 {
  display: inline-block;
  margin: 6px 2.5% 0 0;
  vertical-align: top;
}

.comparison_table .icon01 {
  width: 31.2%;
}

.comparison_table .icon02 {
  width: 46.8%;
}

.comparison_table .icon03 {
  width: 17.4%;
}

.comparison_table .icon04 {
  width: 31.2%;
}

.page .comparison_table .note {
  margin: 5px 0 0 0;
}
.txt-right { text-align: right; }
.comparison_table tbody th .txt-right { margin-bottom: 0!important; }
.comparison_table tbody th .detail { margin-top: 0!important; }
.comparison_table tbody th .detail:nth-of-type(n+2) { margin-top: 1rem!important; }
.select_quantity select { margin-bottom: 0; }
.select_quantity { display: inline-block; width: 26%;vertical-align: top; }
.comparison_table tbody th span.price { font-size: 1.2rem; }
.comparison_table tbody th span.volume { font-size: 0.8rem; }
.comparison_table tbody th span.volume:after { content: "/"; padding-right: 0.2rem; }
.page .tabwrap01 th .btn_basic01 { width: 69%; display: inline-block!important; margin-left: 1%!important; margin-top: 0!important; padding: 4px!important; font-size: 1rem!important;vertical-align: top; }
.tab_link ul { display: -webkit-box; display: -ms-box; display: flex!important;flex-wrap: wrap; }
.tabwrap01 .tab_link li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: none!important; }
.page .tabwrap01 .btn_basic01 { padding: 0!important; }
/*-------- 210913 tab --------*/
.tabBox .tabArea {
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tabBox .tabArea p {
	margin: 0;
  }
  .tabBox .tabArea .one_tab {
	width: 24%;
	display: block;
	text-decoration: none;
	transition-duration: 0.3s;
	cursor: pointer;
	transition-duration: 0.3s;
	border: 2px solid #ffd553;
	border-radius: 6px;
	background-color: #ffd553;
	color: #000000;
	text-decoration: none;
	text-align: center;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-box;
	display: flex;
	margin: 0 0 0 1%;
  }
  .tabBox .tabArea .one_tab:first-child {
    margin: 0;
  }
  .tabBox .tabArea .one_tab.select {
	background-color: #ffffff;
  }
  .tabBox .tabArea .one_tab:hover {
	opacity: 0.7;
	text-decoration: none;
  }
  .tabBox .tabArea .one_tab .tab_inner {
	padding: 1rem 0 1rem 0;
	flex-grow: 1;
	height: 100%;
	line-height: 1;
	display: table;
  }
  .tabBox .tabArea .one_tab .tab_inner_wrap {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	color: #333;
	}
  .tabBox .tabArea .one_tab .tab_inner_wrap span {
    font-size: 0.8rem;
	}
  .contents .tab_main {
	margin: 60px 0 0 0;
  padding: 55px 0 0 0;
  border-top: 2px dashed #000000;
	display: none;
	min-height: 280px;
	transition-duration: 0.3s;
  }
  .tab_main.is_show {
	display: block;
  }

@media screen and (min-width: 768px) {
  .page h2 {
    margin: 0;
    padding: 0 0 20px 0;
  }

  .page .h3_basic01 {
    margin: 60px 0 10px 0;
  }

  .page .h3_basic02 {
    display: block;
    margin: 53px 0 10px 0;
  }

  .page p {
    margin: 0 0 27px 0;
  }

  .page p.mb20 {
    margin-bottom: 8px !important;
  }

  .page p.mb40 {
    margin-bottom: 35px !important;
  }

  .tab01,
  .tab02,
  .tab03,
  .tab04 {
    margin: 0;
  }

  .tab_main h3 {
    margin: 0 auto 25px auto;
    padding: 11px 20px 11px 20px;
    font-size: 22px;
  }

  .tab02 h3,
  .tab03 h3,
  .tab04 h3 {
    display: block;
  }

  .tab_main h4 {
    margin: 0 0 20px 0;
    font-size: 22px;
  }

  .tab_main p.note {
    font-size: 12px;
  }

  /* btn */
  .tabwrap01 .btn_wrap01 .flL,
  .tabwrap01 .btn_wrap01 .flR {
    display: inline;
    width: 49%;
  }

  .tabwrap01 .btn_wrap01 .flL {
    float: left;
  }

  .tabwrap01 .btn_wrap01 .flR {
    float: right;
  }

  .tabwrap01 .tab02 .btn_wrap01 {
    max-width: 600px;
    margin: 0 auto;
  }

  .tabwrap01 .btn_basic01,
  .tabwrap01 .btn_basic02,
  .tabwrap01 .btn_basic03 {
    border-radius: 8px;
  }

  .page .tabwrap01 .btn_basic01 {
    padding: 28px 0 24px 0;
    border: 2px solid #ffd553;
    background: #ffd553;
    color: #000000;
    font-size: 32px;
  }

  .tabwrap01 .btn_basic01 span {
    margin: 0 0 10px 0;
    font-size: 18px;
  }

  .page .tabwrap01 .btn_basic02 {
    margin: 0 0 20px 0;
    padding: 7px 0 13px 0;
    border: 2px solid #763b14;
    background: #763b14;
    font-size: 15px;
    z-index: 1;
  }

  .tabwrap01 .btn_basic02 a {
    color: #ffffff;
  }

  .tabwrap01 .btn_basic02:hover a {
    color: #763b14;
    opacity: 1;
  }

  .tabwrap01 .btn_basic02 span {
    margin: 0 0 5px 0;
    font-size: 10px;
    line-height: 1.2;
  }

  .page .tabwrap01 .btn_basic03 {
    margin: 17.6% 0 0 0;
    padding: 28px 0 25px 0;
    border: 2px solid #ffd553;
    background: #ffd553;
    color: #000000;
    font-size: 20px;
  }

  .page .tabwrap01 th .btn_basic01 {
    margin: 13px 0 0 0;
    padding: 22px 0 21px 0;
    font-size: 22px;
    display: inline-block;
  }

  /* Comparison */
  .comparison_table {
    width: 77%;
  }

  .comparison_table.full01 {
    width: 85%;
  }

  .comparison_image {
    float: left;
    width: 13.5%;
    margin: 0 0 0 3%;
  }

  .page .comparison_image p:first-child {
    margin: 30px 0 40px 0;
    padding: 3px 10px 2px 10px;
    font-size: 18px;
  }

  .comparison_table thead th:nth-child(3),
  .comparison_table td:nth-child(3) {
    display: table-cell;
  }

  .comparison_table thead th {
    padding: 14px 10px 13px 10px;
    background: #fffadb;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
  }

  .comparison_table tbody th {
    width: 26%;
    padding: 13px 10px 20px 10px;
    font-size: 16px;
  }

  .comparison_table.full01 tbody th {
    width: 43%;
  }

  .comparison_table tbody th span {
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 1.7;
  }

  .comparison_table td {
    width: 25%;
    padding: 13px 10px 20px 10px;
    font-size: 16px;
  }

  .comparison_table.full01 tbody th {
    width: 43%;
  }

  .comparison_table.full01 tbody td {
    width: 21%;
  }

  .comparison_table.full01 tbody td:nth-child(3) {
    width: 36%;
  }

  .comparison_table .icon01,
  .comparison_table .icon02,
  .comparison_table .icon03,
  .comparison_table .icon04 {
    margin: 12px 8px 0 0;
  }

  .comparison_table .icon01 {
    width: 29.5%;
  }

  .comparison_table .icon02 {
    width: 43.5%;
  }

  .comparison_table .icon03 {
    width: 16.5%;
  }

  .comparison_table .icon04 {
    width: 29.5%;
  }

  .page .comparison_table .note {
    margin: 16px 0 20px 0;
  }

}

@media screen and (min-width: 1024px) {
  #breadcrumb {
    margin: 0 0 11px 0;
  }

  .page {
    font-size: 16px;
  }

  .page h2 {
    padding: 0 0 35px 0;
  }

  #side .side_ranking01,
  #side .side_history01 {
    display: block;
  }

  .page .tabwrap01 .btn_basic03 {
    margin: 17.6% 0 0 0;
    padding: 28px 0 26px 0;
  }

  .comparison_table .icon01 {
    width: 70px;
  }

  .comparison_table .icon02 {
    width: 102px;
  }

  .comparison_table .icon03 {
    width: 38px;
  }

  .comparison_table .icon04 {
    width: 70px;
  }
  .select_quantity,.page .tabwrap01 th .btn_basic01 { display: inline-block; width: 100%;margin-top: 0.4rem!important; }
}
/* !Tab menu
---------------------------------------------------------- */
.tabwrap01 {
  margin: 34px 0 15px 0;
}

.tabwrap01 .tab_link li {
  float: left;
  width: 50%;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
}

.tabwrap01 .tab_link li:nth-child(2n) {
  padding: 0 0 10px 0;
}

.tabwrap01 .tab_link li a {
  display: block;
  padding: 18px 0 18px 0;
  border: 2px solid #ffd553;
  border-radius: 6px;
  background: #ffd553;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}

.tabwrap01 .tab_link li.active a,
.tabwrap01 .tab_link li a:hover {
  background: #ffffff;
  opacity: 1;
}

.tabwrap01 .tab_link li span {
  font-size: 12px;
}

.tabwrap01 .tab_link li:first-child a {
  padding: 26px 0;
}

.tabwrap01 .tab_contents {
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 2px dashed #000000;
}

.tabwrap01 .tab_contents .tab02,
.tabwrap01 .tab_contents .tab03,
.tabwrap01 .tab_contents .tab04 {
  display: none;
}

.tabwrap01 .tab_contents .active {
  display: block;
}

@media screen and (min-width: 1024px) {
  #contents {
    max-width: 940px;
  }

  .tabwrap01 {
    margin: 33px 0 15px 0;
  }

  .tabwrap01 .tab_link li {
    width: 25%;
    padding: 0 0 0 20px;
  }

  .tabwrap01 .tab_link li:nth-child(2n) {
    padding: 0 0 0 20px;
  }

  .tabwrap01 .tab_link li:first-child {
    padding: 0;
  }

  .tabwrap01 .tab_link li a {
    padding: 23px 0 23px 0;
    font-size: 24px;
    line-height: 1.2;
  }

  .tabwrap01 .tab_link li span {
    font-size: 19px;
  }

  .tabwrap01 .tab_link li:first-child a {
    padding: 37px 0;
  }

  .tabwrap01 .tab_contents {
    margin: 60px 0 0 0;
    padding: 55px 0 0 0;
    border-top: 2px dashed #000000;
  }
}

/* !Tab01
---------------------------------------------------------- */
.tab01 h4 {
  margin: 0 0 9px 0;
}

.tab01 #img_wrap01 {
  margin: 0 auto 30px auto;
}

.tab01 .wrap01 {
  margin: 0 0 10px 0;
  padding: 15px 10px 14px 10px;
  border-radius: 8px;
  background: #fffadb;
}

.tab01 .wrap02 .flL,
.tab01 .wrap02 .flR,
.tab01 .wrap03 .flL,
.tab01 .wrap03 .flR {
  display: block;
  float: none;
}

.page .tab01 .wrap02 .flR p {
  margin: 0 0 10px 0;
}

.page .tab01 .wrap02 .flR .note {
  margin: 0;
}

.tab01 .wrap03 .flL,
.tab01 .wrap03 .flR {
  margin: 10px 0 0 0;
}

.tab01 .wrap03 a {
  color: #ffb400;
}

.page .ft_message {
  width: 94%;
  margin: 5px auto 0 auto;
  padding: 0 0 22% 0;
  background: url("/common/img/content/flour_featured/img/bg_flour_featured_tab01_01.jpg") no-repeat center bottom;
  -webkit-background-size: 80%;
  background-size: 80%;
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 768px) {
  .tab01 h4 {
    margin: 0 0 6px 0;
  }

  .tab01 #img_wrap01 {
    width: 601px;
  }

  .tab01 .wrap01 {
    margin: 0 0 20px 0;
    padding: 31px 40px 33px 40px;
  }

  .tab01 .wrap02 .flL {
    float: left;
    width: 45%;
  }

  .tab01 .wrap02 .flR {
    float: right;
    width: 51%;
  }

  .page .tab01 .wrap02 .flR p {
    margin: 0 0 15px 0;
  }

  .page .tab01 .wrap02 .flR p.note {
    font-size: 16px;
  }

  .tab01 .wrap03 .flL,
  .tab01 .wrap03 .flR {
    margin: 20px 0 0 0;
  }

  .tab01 .wrap03 .flL {
    float: left;
    width: 48%;
  }

  .tab01 .wrap03 .flR {
    float: right;
    width: 45%;
  }

  .page .ft_message {
    width: 565px;
    margin: 51px auto 0 auto;
    padding: 0 0 14% 0;
    background: url("/common/img/content/flour_featured/img/bg_flour_featured_tab01_01.jpg") no-repeat center bottom;
  }
}

@media screen and (min-width: 1024px) {
}

/* !Tab02
---------------------------------------------------------- */
.tab02 .comparison_image img {
  max-width: 50px;
  margin: 0 auto;
}

.tab02 .point01 {
  margin: 25px 0 10px 0;
  padding: 0 0 72% 0;
  background: url("/common/img/contents/flour_featured/img/img_flour_featured_tab02_01.jpg") no-repeat center bottom;
  -webkit-background-size: 83%;
  background-size: 83%;
}

@media screen and (min-width: 480px) {
  .tab02 .comparison_image img {
    max-width: 45px;
  }
}

@media screen and (min-width: 768px) {
  .tab02 .comparison_image img {
    max-width: 100px;
  }

  .tab02 .point01 {
    margin: 50px 0 0 0;
    padding: 25px 0 0 0;
    background: url("/common/img/content/flour_featured/img/img_flour_featured_tab02_01.jpg") no-repeat 94% top;
    -webkit-background-size: 32%;
    background-size: 32%;
  }

}

@media screen and (min-width: 1024px) {
}

/* !Tab03
---------------------------------------------------------- */
.tab03 .comparison_image img {
  max-width: 46px;
  margin: 0 auto;
}

@media screen and (min-width: 480px) {
  .tab03 .comparison_image img {
    max-width: 45px;
  }
}

@media screen and (min-width: 768px) {
  .tab03 .comparison_image img {
    max-width: 96px;
  }
}

@media screen and (min-width: 1024px) {
}

@media screen and (max-width: 768px) {
  .comparison_table tbody th span.volume { display: block;font-size: 4vw; }
  .comparison_table tbody th span.price { font-size: 5vw; }
  .comparison_table tbody th span.price { font-size: 3.5vw; }
  .comparison_table tbody th span.volume { font-size: 2.5vw; }
  .comparison_table .icon01 { width: 50%!important; }
  .comparison_table td { font-size: 3.5vw!important; }
  .tabBox .tabArea .one_tab { width: 49%; margin: 0 1% 1% 0; }
  .tabBox .tabArea .one_tab:first-child { margin: 0 1% 1% 0; }
  .tabBox .tabArea .one_tab:nth-of-type(2n) { margin: 0 0 1% 0; }
  .page .tabwrap01 .btn_wrap01 a {
    padding: 12vw 8px 24px 16px;
}
.page .tabwrap01 .btn_wrap01 .recipe_here {
    font-size: 5vw;
    text-align: center;
}
.page .tabwrap01 .btn_wrap01 .fukidashi01 {
    position: relative;
    text-align: right;
    position: absolute;
    width: 30vw;
    top: -5vw;
    right: 3vw;
}
}

/* !Tab04
---------------------------------------------------------- */
.tab04 .pan {
  padding: 20px 10px 20px 10px;
  border-radius: 8px;
  background: url("/common/img/content/flour_featured/img/bg_flour_featured01.png") repeat left top;
  -webkit-background-size: 50px;
  background-size: 50px;
}

.tab04 .pan h4 {
  margin: 0 0 16px 0;
  padding: 15px 27px 15px 27px;
  background: #ffd553;
  text-align: center;
}

.page .pan_wrap01 .flR {
  padding: 10px 0 0 0;
}

.page .pan_wrap01 .flR p {
  float: left;
  width: 49.6%;
  margin: 0;
  font-size: 10px;
  text-align: center;
}

.page .pan_wrap01 .flR p:first-child {
  width: 48.9%;
  margin: 0 1.5% 0 0;
  padding: 4.5% 0 0 0;
}

.page .pan_wrap01 .flR img {
  margin: 0 0 6px 0;
}

.tab04 .comparison_image img {
  max-width: 46px;
  margin: 0 auto;
}

.domestic_foreign {
  margin: 30px 0 30px 0;
  padding: 20px 10px 0px 10px;
  border: 1px solid #ffd553;
}

@media screen and (min-width: 480px) {
  .tab04 .comparison_image img {
    max-width: 45px;
  }
}

@media screen and (min-width: 768px) {
  .tab04 .pan {
    padding: 40px 20px 40px 20px;
    border-radius: 8px;
    -webkit-background-size: 100px;
    background-size: 100px;
  }

  .tab04 .pan h4 {
    margin: 0 0 16px 0;
    padding: 20px 0 20px 0;
  }

  .tab04 .pan h4 img {
    width: 74.9%;
    margin: 0 auto;
  }

  .page .pan_wrap01 .flL {
    width: 47.9%;
    padding: 38px 0 0 20px;
  }

  .page .pan_wrap01 .flR {
    width: 45.2%;
    padding: 4px 20px 0 0;
  }

  .page .pan_wrap01 .flR p {
    width: 49.6%;
    font-size: 14px;
  }

  .page .pan_wrap01 .flR p:first-child {
    width: 48.9%;
    margin: 0 1.5% 0 0;
    padding: 4.5% 0 0 0;
  }

  .tab04 .comparison_image img {
    max-width: 95px;
  }

  .domestic_foreign {
    margin: 30px 0 60px 0;
    padding: 30px 20px 5px 20px;
  }

  .domestic_foreign h4 {
    margin: 0 0 25px 0;
    font-size: 24px;
  }
}

@media screen and (min-width: 1024px) {
}