@charset "utf-8";
body {box-sizing: border-box; background: url(../images/bk.png) repeat-x; font-family: sans-serif;}
p {font-size: 16px; margin: 0; padding: 0;}
h2, h3 {line-height: 1.2;}
.sub {font-size: 0.7em;}
.sup {font-size: 0.7em; vertical-align: super;}
.obi {width: 100%; max-width: 1280px; margin: 32px auto; padding: 4px 0; position: relative; background: #00a0e8;}
.cryosystem_table .price_area {display: block;}
.cryosystem_1 .price_box {display: none;}



@media screen and (max-width: 479px) {
  .wrapper {width: 100vw; margin: 0 auto;}
  .tokutoku_circle {display: none;}

  .page_title {display: block; height: 10vw; line-height: 10vw; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0; text-align: center; font-size: 4vw; font-weight: bold; color: #fff000;}
  .page_title:before {content: "▼"; display: inline-block; transform: rotate(270deg); margin-right: 0.5em;}

  .forma {padding: 0 2vw; margin: 48px 0 0 0;}
  .forma_header {}
  .forma_header .tit {display: inline-block; width: 40vw; height: 8vw; border-radius: 4vw; text-align: center; color: #fff; font-size: 4vw; font-weight: bold; line-height: 8vw; margin: 0; background: -moz-linear-gradient(top, #00b3ed, #7dcdf3);  background: -webkit-linear-gradient(top, #00b3ed, #7dcdf3);  background: linear-gradient(to bottom, #00b3ed, #7dcdf3); box-shadow: 3px 3px 3px #ccc;}
  .forma_header .txt {font-size: 3.5vw; line-height: 1.2; margin: 2vw 0 0 0;}
  
  .product {position: relative; margin: 4vw 0 0 0;}
  .product_header {display: flex; justify-content: flex-start; align-items: center; margin: 16px auto 0 auto; padding: 0 2vw;}
  .product_header .header_icon {display: none;}
  .product_header .header_tit {width: 100%}
  .product_header h2 {font-size: 4vw; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #c2c2c2; padding-left: 1.5em; text-indent: -1.5em;}
  .product_header h2:before {content: "●"; color: #bae2f8; margin-right: 0.5em;}
  .product_header h3 {font-size: 4vw; font-weight: bold; padding-top: 8px; color: #44b034;}
  .product_header .corplogo {position: absolute; top: 48px; right: 16px;}
  .product_header .corplogo img {height: 32px;}

  .product_cnts {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 18px 0 16px 0; padding: 0 2vw;}
  .product_img {}
  .product_img img {width: 100%;}
  .img_comment {font-size: 3vw; text-align: left;}

  .product_feat {width: 100%;}
  .feature_icon {width: 100%; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style: none;}
  .feature_icon li {margin: 16px 8px 6px 0; width: 60px;}
  .feature_icon li img {width: 100%;}
  .features {list-style: none; line-height: 1.6; margin: /*30vw*/ 0; width: 100%;}
  .features li {font-size: 14px; padding-left: 1.5em; text-indent: -1.5em;}
  .features li:before {content: "◆"; color: #00b3ed; margin-right: 0.5em;}
  .features_box {display: block; background: #fffac6; border: solid 1px #44b034; border-radius: 10px; padding: 10px; margin-right: 16px; line-height: 1.5;}
  .features_box dt {font-size: 18px; font-weight: bold; color: #e50011;}
  .features_box dd {color: #e50011; padding-left: 1em; text-indent: -1em;}

  .product_feat {overflow: scroll;}
  .product_feat table {width: 150%; border: solid 1px #656464; font-size: 12px; font-weight: bold;}
  .product_feat table tr {height: 2em; line-height: 2em; border-bottom: solid 1px #656464;}
  .product_feat table tr:nth-child(4) {background: #e50011; color: #fff000; font-size: 1.2em; font-weight: bold;}
  .product_feat table tr:nth-child(2) {background: #eaf6fd;}
  .product_feat table tr:nth-child(n+4):nth-child(odd) {background: #eaf6fd;}
  .product_feat table th {background: #44b034; color: #fff; padding: 4px; border-right: solid 1px #656464;}
  .product_feat table th:last-child {border: none;}
  .product_feat table td {text-align: center; border-right: solid 1px #656464; padding: 4px; width: 8em;}
  .product_feat table td:first-child {text-align: left; width:  16em;}
  .product_feat table td:last-child {border: none;}

  .price_area {width: 100%; margin: 0 auto;}
  .price_down {width: 160px; margin: 0 auto; /*position: absolute; top: 80px; right: 0;*/}
  .price_down img {width: 100%;}
  
  .price_box {text-align: center; width: 100%;}
  .price_box p {margin: 6px 0; font-size: 14px; text-indent: 0;}
  .price_tag {display: inline-flex; align-items: center; justify-content: space-between; background: #e50011; color: #fff000; text-align: right; width: 340px; height: 40px; border-radius: 20px; font-weight: bold; font-size: 24px;}
  .price_tag p {font-size: 20px;}
  .price_tag p:first-child {display: inline-block; background: #fff; color: #e50011; text-align: center; width: 150px; height: 36px; line-height: 36px; border-radius: 18px; margin: 0 0 0 2px;}
  .price_tag p:nth-child(2) {margin: 0 40px 0 0;}
  .price_opt {display: inline-block; width: 200px; height: 24px; border-radius: 12px; line-height: 24px; font-weight: bold; text-align: center; background: #d7e598; color: #00683d; box-shadow: 2px 2px 2px #ccc; margin-left: 200px;}
  .price_comment {font-size: 12px; text-align: center; text-indent: 0;}

  .column {background: #eeef98; width: 100%; padding: 16px 0;}
  .column_tit {background: #44b034; width: 100%; height: 40px; display: inline-flex; align-items: center; justify-content: center;}
  .column_tit p {display: inline-block; background: #fff; color: #44b034; width: 90vw; height: 36px; line-height: 36px; text-align: center; margin-left: 0; border-radius: 18px; font-size: 4vw; font-weight: bold;}
  .column_cnts {display: flex; justify-content: flex-start; align-items: center;}
  .column_img {display: none;}
  .column_img img {width: 100%;}
  .column_txt {width: 100%; margin: 16px 16px 0 16px; position: relative;}
  .column_subtit {font-size: 4vw; font-weight: bold; padding-bottom: 8px; border-bottom: solid 1px #9f9fa0; margin-bottom: 16px; line-height: 1.5;}
  .stainless, .cupper {display: inline-flex; justify-content: flex-start; align-items: center; width: 100%; margin: 8px 0;}
  .stainless p, .cupper p {display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; margin: 0 16px; text-align: center;}
  .stainless p {background: #8ec31e; }
  .cupper p {background: #f6ac3b;}
  .stainless dl dt {font-size: 4vw; color: #44b034; line-height: 1.5;}
  .cupper dl dt {font-size: 4vw; color: #f6ac3b; line-height: 1.5;}
  .stainless dl dd {font-size: 3.8vw;}
  .stainless dl dd:before {content: "◆"; color: #44b034; line-height: 1.5; margin-right: 0.5em;}
  .cupper dl dd {font-size: 3.8vw;}
  .cupper dl dd:before {content: "◆"; color: #f6ac3b; line-height: 1.5; margin-right: 0.5em;}
  .column_img_2 {display: none;}
  .column_img_2 img {width: 100%;} 

  .DR_SR, .XC, .SC, .Vapor, .cryosystem {display: flex; justify-content: center; flex-wrap: wrap;}

  .DR, .SR, .XC_1, .XC_2, .SC_1, .SC_2 .vapor, .cryosystem_1, cyrosystem_2 {width: 100%;}
  .XC_2, .SC_2, .cryosystem_2 {display: none;}
  .vapor_1 {width: 100%;}
  .DR .product_feat ul,
  .SR .product_feat ul,
  .XC_1 .product_feat ul,
  .SC_1 .product_feat ul,
  .vapor_1 .product_feat ul,
  .cryosystem_1 .product_feat ul {margin: 0 0 0 0;}
  
  .SR .product_feat ul,
  .vapor_1 .product_feat ul {width: 100%;}
  .cryosystem_1 .product_feat img {width: 100%;}
  
  .DR_SR_table,
  .XC_table,
  .SC_table,
  .vapor_table,
  .cryosystem_table {width: 100%; margin: 4vw 0;}

  .DR_SR_table .product_feat, 
  .XC_table .product_feat,
  .SC_table .product_feat,
  .vapor_table .product_feat,
  .cryosystem_table .product_feat {width: auto;} 

  .XC_table .product_img,
  .SC_table .product_img,
  .vapor_table .product_img {width: auto;}

  .DR_SR_table .product_feat p,
  .XC_table .product_feat p,
  .SC_table .product_feat p,
  .vapor_table .product_feat p,
  .cryosystem_table .product_feat p {font-size: 12px; margin: 1vw 0; line-height: 1.4;}
  .DR_SR_table .product_feat p span {margin: 1vw 0;}

  .align-right {float: right;}
  
  .cryosystem .product_cnts {flex-wrap: wrap; justify-content: center;}
  .cryosystem .product_feat {width: 100%;}
  .cryosystem .price_box {margin-top: 32px;}


  .cryosystem_table .price_box {background: #fffac6; height: fil-content; width: 90vw; margin: 4vw auto; position: relative; padding-bottom: 360px;}
  
  .cryosystem_table .price_box img.gift {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
  .cryosystem_table .price_box img.now_on {width: 33%; height: auto; position: absolute; top: 20vw; right: 0; z-index: 1;}
  p.present_header {display: inline-block; margin: 0; padding: 32px 0 16px 0; width: 100%; text-align: center; background: #01b3bb; border-top: solid 4px #00a0b8; color: #fff; position: relative; font-size:  24px; font-weight: bold; line-height: 1.2;}
  p.present_header:after {content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 0; border-style: solid; border-width: 20px 45vw 0 45vw; border-color: #01b3bb transparent transparent transparent;}
  p.present_tit {font-size: 24px; font-weight: bold; color: #003f98; text-align: left; margin: 32px 0 16px 8px; line-height: 1.6}
  p.present_txt {font-size: 16px; text-align: left; line-height: 1.6; margin: 8px;}
  .cr {display: none;}
    
}

@media screen and (min-width: 480px) and (max-width: 599px) {
  .wrapper {width: 480px; margin: 0 auto;}
  .tokutoku_circle {display: none;}
  .page_title {display: block; height: 10vw; line-height: 10vw; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0; text-align: center; font-size: 4vw; font-weight: bold; color: #fff000;}
  .page_title:before {content: "▼"; display: inline-block; transform: rotate(270deg); margin-right: 0.5em;}
  
  .forma {padding: 0 8px; margin: 48px 0 0 0;}
  .forma_header {}
  .forma_header .tit {display: inline-block; width: 240px; height: 32px; border-radius: 16px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 32px; margin: 0 16px 0 0; background: -moz-linear-gradient(top, #00b3ed, #7dcdf3);  background: -webkit-linear-gradient(top, #00b3ed, #7dcdf3);  background: linear-gradient(to bottom, #00b3ed, #7dcdf3); box-shadow: 3px 3px 3px #ccc;}
  .forma_header .txt {font-size: 14px; line-height: 1.2; margin: 8px 0 0 0;}
  
  .product {position: relative; margin: 48px 0 0 0;}  
  .product_header {display: flex; justify-content: flex-start; align-items: center; margin: 16px 0 0 0;}
  .product_header .header_icon {display: none;}
  .product_header .header_tit {width: 100%}
  .product_header h2 {font-size: 16px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #c2c2c2; padding-left: 1.5em; text-indent: -1.5em;}
  .product_header h2:before {content: "●"; color: #bae2f8; margin-right: 0.5em;}
  .product_header h3 {font-size: 16px; font-weight: bold; padding-top: 8px; color: #44b034;}
  .product_header .corplogo {position: absolute; top: 64px; right: 0;}
  .product_header .corplogo img {height: 40px;}

  .product_cnts {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 32px 0 16px 0;}
  .product_img {margin-right: 16px; width: 200px;}
  .product_img img {width: 100%;}
  .img_comment {font-size: 12px; text-align: left;}

  .product_feat {width: 240px;}
  .feature_icon {display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style: none;}
  .feature_icon li {margin: 0 8px 6px 0; width: 60px;}
  .feature_icon li img {width: 100%;}
  .features {list-style: none; line-height: 1.6;}
  .features li {font-size: 14px; padding-left: 1.5em; text-indent: -1.5em;}
  .features li:before {content: "◆"; color: #00b3ed; margin-right: 0.5em;}
  .features_box {display: block; background: #fffac6; border: solid 1px #44b034; border-radius: 10px; padding: 10px; margin-right: 16px; line-height: 1.5;}
  .features_box dt {font-size: 18px; font-weight: bold; color: #e50011;}
  .features_box dd {color: #e50011; padding-left: 1em; text-indent: -1em;}

  .product_feat {overflow: scroll;}
  .product_feat table {width: 150%; border: solid 1px #656464; font-size: 12px; font-weight: bold;}
  .product_feat table tr {height: 2em; line-height: 2em; border-bottom: solid 1px #656464;}
  .product_feat table tr:nth-child(4) {background: #e50011; color: #fff000; font-size: 1.2em; font-weight: bold;}
  .product_feat table tr:nth-child(2) {background: #eaf6fd;}
  .product_feat table tr:nth-child(n+4):nth-child(odd) {background: #eaf6fd;}
  .product_feat table th {background: #44b034; color: #fff; padding: 4px; border-right: solid 1px #656464;}
  .product_feat table th:last-child {border: none;}
  .product_feat table td {text-align: center; border-right: solid 1px #656464; padding: 4px; width: 8em;}
  .product_feat table td:first-child {text-align: left; width:  16em;}
  .product_feat table td:last-child {border: none;}
  
  .price_area {display: flex; justify-content: center; align-items: center;}
  .price_down {width: 160px; /*position: absolute; top: 80px; right: 0;*/ margin-top: 20px;}
  .price_down img {width: 100%;}
  
  .price_box {text-align: right; margin: 16px 0 0 -24px;}
  .price_box p {margin: 6px 0; font-size: 14px;}
  .price_tag {display: inline-flex; align-items: center; justify-content: space-between; background: #e50011; color: #fff000; text-align: right; width: 340px; height: 40px; border-radius: 20px; font-weight: bold; font-size: 24px;}
  .price_tag p {font-size: 20px;}
  .price_tag p:first-child {display: inline-block; background: #fff; color: #e50011; text-align: center; width: 150px; height: 36px; line-height: 36px; border-radius: 18px; margin: 0 0 0 2px;}
  .price_tag p:nth-child(2) {margin: 0 40px 0 0;}
  .price_opt {display: inline-block; width: 200px; height: 24px; border-radius: 12px; line-height: 24px; font-weight: bold; text-align: center; background: #d7e598; color: #00683d; box-shadow: 2px 2px 2px #ccc; margin-left: 200px;}
  .price_comment {font-size: 12px; text-align: left; text-indent: 2em;}

  .column {background: #eeef98; width: 100%; padding: 16px 0;}
  .column_tit {background: #44b034; width: 100%; height: 40px; display: inline-flex; align-items: center;}
  .column_tit p {display: inline-block; background: #fff; color: #44b034; width: 400px; height: 36px; line-height: 36px; text-align: center; margin-left: 24px; border-radius: 18px; font-size: 18px; font-weight: bold;}
  .column_cnts {display: flex; justify-content: flex-start; align-items: center;}
  .column_img {display: none;}
  .column_img img {width: 100%;}
  .column_txt {width: 100%; margin: 16px 16px 0 16px; position: relative;}
  .column_subtit {font-size: 20px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 1px #9f9fa0; margin-bottom: 16px; line-height: 1.5;}
  .stainless, .cupper {display: inline-flex; justify-content: flex-start; align-items: center; width: 100%; margin: 8px 0;}
  .stainless p, .cupper p {display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; margin: 0 16px; text-align: center;}
  .stainless p {background: #8ec31e; }
  .cupper p {background: #f6ac3b;}
  .stainless dl dt {font-size: 18px; color: #44b034; line-height: 1.5;}
  .cupper dl dt {font-size: 18px; color: #f6ac3b; line-height: 1.5;}
  .stainless dl dd:before {content: "◆"; color: #44b034; line-height: 1.5; margin-right: 0.5em;}
  .cupper dl dd:before {content: "◆"; color: #f6ac3b; line-height: 1.5; margin-right: 0.5em;}
  .column_img_2 {position: absolute; bottom: 0; right: 0; width: 120px;}
  .column_img_2 img {width: 100%;} 

  .DR_SR, .XC, .SC, .Vapor, .cryosystem {display: flex; justify-content: center; flex-wrap: wrap;}
  .DR, .SR, .XC_1, .XC_2, .SC_1, .SC_2, .vapor, .cryosystem_1, .cryosystem_2 {width: 100%;}
  .XC_2, .SC_2, .cryosystem_2 {display: none;}
  .vapor_1 {width: 100%;}
  .DR .product_feat ul,
  .SR .product_feat ul,
  .XC_1 .product_feat ul,
  .SC_1 .product_feat ul,
  .vapor_1 .product_feat ul {margin: 0;}
  
  .SR .product_feat ul,
  .vapor_1 .product_feat ul {width: 100%;}
/*  .cryosystem .features {width: 450px;}*/
  .cryosystem .product_feat img {width: 100%;}
  
  .DR .product_feat,
  .SR .product_feat,
  .XC .product_feat,
  .SC .product_feat,
  .vapor_1 .product_feat,
  .cryosystem_1 .product_feat {width: calc(100% - 160px); }

  .DR_SR_table,
  .XC_table,
  .SC_table,
  .cryosystem_table,
  .vapor_table {width: 100%; margin: 0;}

  .DR_SR_table .product_feat, 
  .XC_table .product_feat,
  .SC_table .product_feat,
  .cryosystem_table .product_feat,
  .vapor_table .product_feat {width: auto;}

  .XC_table .product_img,
  .SC_table .product_img,
  .cryosystem_table .product_img,
  .vapor_table .product_img {width: auto;}

  .DR_SR_table .product_feat p,
  .XC_table .product_feat p,
  .SC_table .product_feat p,
  .cryosystem_table .product_feat p,
  .vapor_table .product_feat p {font-size: 12px; margin: 4px 0; line-height: 1.4;}

  .align-right {float: right;}
  
/*  .cryosystem .product_cnts {flex-wrap: wrap; justify-content: center;}
  .cryosystem .product_feat {width: 100%;}*/
  .cryosystem .price_box {margin-top: 32px;}

  .cryosystem .price_box {background: #fffac6; height: fil-content; width: 380px; margin-left: 20px; position: relative; padding-bottom: 360px;}
  .cryosystem .price_box img.gift {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
  .cryosystem .price_box img.now_on {width: 33%; height: auto; position: absolute; top: 125px; right: 8px; z-index: 1;}
  p.present_header {display: inline-block; margin: 0; padding: 32px 0 16px 0; width: 100%; text-align: center; background: #01b3bb; border-top: solid 4px #00a0b8; color: #fff; position: relative; font-size:  24px; font-weight: bold; line-height: 1.2;}
  p.present_header:after {content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 0; border-style: solid; border-width: 20px 190px 0 190px; border-color: #01b3bb transparent transparent transparent;}
  p.present_tit {font-size: 24px; font-weight: bold; color: #003f98; text-align: left; margin: 32px 0 16px 8px; line-height: 1.6}
  p.present_txt {font-size: 16px; text-align: left; line-height: 1.6; margin: 8px;}
  
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .wrapper {width: 600px; margin: 0 auto;} 
  .tokutoku_circle {border: solid 6px #00a0e8; width: 64px; height: 64px; background: #fff; border-radius: 50%; position: absolute; top: -14px; left: 16px; display: inline-flex; align-items: center; justify-content: center;}
  .tokutoku_circle p {font-size: 10px;}
  .page_title {display: block; height: 32px; line-height: 32px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0 100px; font-size: 16px; font-weight: bold; color: #fff000;}
  .page_title:before {content: "▼"; display: inline-block; transform: rotate(270deg); margin-right: 0.5em;}

  .forma {margin: 48px 0 0 0;}
  .forma_header {display: inline-flex; justify-content: space-between; align-items: center;}
  .forma_header .tit {display: inline-block; width: 160px; height: 24px; border-radius: 12px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; margin: 0 16px 0 0; background: -moz-linear-gradient(top, #00b3ed, #7dcdf3);  background: -webkit-linear-gradient(top, #00b3ed, #7dcdf3);  background: linear-gradient(to bottom, #00b3ed, #7dcdf3); box-shadow: 3px 3px 3px #ccc;}
  .forma_header .txt {font-size: 12px; line-height: 1.2;}
  
  .product {position: relative; margin: 48px 0 0 0;}
  .product_header {display: flex; justify-content: flex-start; align-items: center; margin: 16px 0 0 0;}
  .product_header .header_icon {display: none;}
  .product_header .header_tit {width: 100%}
  .product_header h2 {font-size: 18px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #c2c2c2; padding-left: 1.5em; text-indent: -1.5em;}
  .product_header h2:before {content: "●"; color: #bae2f8; margin-right: 0.5em;}
  .product_header h3 {font-size: 18px; font-weight: bold; padding-top: 8px; color: #44b034;}
  .product_header .corplogo {position: absolute; top: 64px; right: 0;}
  .product_header .corplogo img {height: 40px;}

  .product_cnts {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 32px 0 16px 0;}
  .product_img {margin-right: 16px; width: 240px;}
  .product_img img {width: 100%;}
  .img_comment {font-size: 12px; text-align: left;}

  .product_feat {width: 340px;}
  .feature_icon {display: inline-flex; justify-content: flex-start; align-items: center; list-style: none;}
  .feature_icon li {margin-right: 8px; width: 60px;}
  .feature_icon li img {width: 100%;}
  .features {list-style: none; line-height: 1.6; margin: 8px 0; width: 340px;}
  .features li {padding-left: 1.5em; text-indent: -1.5em;}
  .features li:before {content: "◆"; color: #00b3ed; margin-right: 0.5em;}
  .features_box {display: block; background: #fffac6; border: solid 1px #44b034; border-radius: 10px; padding: 10px; margin-right: 16px; line-height: 1.5;}
  .features_box dt {font-size: 18px; font-weight: bold; color: #e50011;}
  .features_box dd {color: #e50011; padding-left: 1em; text-indent: -1em;}

  .product_feat table {width: 100%; border: solid 1px #656464; font-size: 12px; font-weight: bold;}
  .product_feat table tr {height: 2em; line-height: 2em; border-bottom: solid 1px #656464;}
  .product_feat table tr:nth-child(4) {background: #e50011; color: #fff000; font-size: 1.2em; font-weight: bold;}
  .product_feat table tr:nth-child(2) {background: #eaf6fd;}
  .product_feat table tr:nth-child(n+4):nth-child(odd) {background: #eaf6fd;}
  .product_feat table th {background: #44b034; color: #fff; padding: 4px; border-right: solid 1px #656464;}
  .product_feat table th:last-child {border: none;}
  .product_feat table td {text-align: center; border-right: solid 1px #656464; padding: 4px; width: 8em;}
  .product_feat table td:first-child {text-align: left; width:  16em;}
  .product_feat table td:last-child {border: none;}
  
  .price_area {display: flex; justify-content: center; align-items: center;}
  .price_down {width: 160px; /*position: absolute; top: 80px; right: 0;*/}
  .price_down img {width: 100%;}
  
  .price_box {text-align: right; margin: 16px 0 0 16px;}
  .price_box p {margin: 6px 0; font-size: 14px;}
  .price_tag {display: inline-flex; align-items: center; justify-content: space-between; background: #e50011; color: #fff000; text-align: right; width: 340px; height: 40px; border-radius: 20px; font-weight: bold; font-size: 24px;}
  .price_tag p {font-size: 20px;}
  .price_tag p:first-child {display: inline-block; background: #fff; color: #e50011; text-align: center; width: 150px; height: 36px; line-height: 36px; border-radius: 18px; margin: 0 0 0 2px;}
  .price_tag p:nth-child(2) {margin: 0 40px 0 0;}
  .price_opt {display: inline-block; width: 200px; height: 24px; border-radius: 12px; line-height: 24px; font-weight: bold; text-align: center; background: #d7e598; color: #00683d; box-shadow: 2px 2px 2px #ccc; margin-left: 200px;}
  .price_comment {font-size: 12px; text-align: left; text-indent: 2em;}

  .column {background: #eeef98; width: 100%; padding: 16px 0;}
  .column_tit {background: #44b034; width: 100%; height: 40px; display: inline-flex; align-items: center;}
  .column_tit p {display: inline-block; background: #fff; color: #44b034; width: 400px; height: 36px; line-height: 36px; text-align: center; margin-left: 24px; border-radius: 18px; font-size: 18px; font-weight: bold;}
  .column_cnts {display: flex; justify-content: flex-start; align-items: center;}
  .column_img {width: 160px; margin: 0 8px 0 16px;}
  .column_img img {width: 100%;}
  .column_txt {width: 100%; margin: 16px 16px 0 0; position: relative;}
  .column_subtit {font-size: 20px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 1px #9f9fa0; margin-bottom: 16px; line-height: 1.5;}
  .stainless, .cupper {display: inline-flex; justify-content: flex-start; align-items: center; width: 100%; margin: 8px 0;}
  .stainless p, .cupper p {display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; margin: 0 16px; text-align: center;}
  .stainless p {background: #8ec31e; }
  .cupper p {background: #f6ac3b;}
  .stainless dl dt {font-size: 18px; color: #44b034; line-height: 1.5;}
  .cupper dl dt {font-size: 18px; color: #f6ac3b; line-height: 1.5;}
  .stainless dl dd:before {content: "◆"; color: #44b034; line-height: 1.5; margin-right: 0.5em;}
  .cupper dl dd:before {content: "◆"; color: #f6ac3b; line-height: 1.5; margin-right: 0.5em;}
  .column_img_2 {position: absolute; bottom: 0; right: 0; width: 120px;}
  .column_img_2 img {width: 100%;} 

  .DR_SR, .XC, .SC, .Vapor, .cryosystem {display: flex; justify-content: center; flex-wrap: wrap;}
  .DR, .SR, .XC_1, .XC_2, .SC_1, .SC_2, .vapor, .cryosystem_1, .cryosystem_2 {width: 100%;}
  .XC_2, .SC_2, .cryosystem_2 {display: none;}
  .vapor_1 {width: 100%;}
  .DR .product_feat ul,
  .SR .product_feat ul,
  .XC_1 .product_feat ul,
  .SC_1 .product_feat ul,
  .vapor_1 .product_feat ul {margin: -40px 0 0 0;}
  
  .SR .product_feat ul,
  .vapor_1 .product_feat ul {width: 100%;}
  .cryosystem .product_feat img {width: 100%;}
  
  .DR .product_feat,
  .SR .product_feat,
  .XC .product_feat,
  .SC .product_feat,
  .cryosystem_1 .product_feat,
  .vapor_1 .product_feat {width: calc(100% - 160px); }

  .DR_SR_table,
  .XC_table,
  .SC_table,
  .vapor_table {width: 100%; margin: 0;}

  .DR_SR_table .product_feat, 
  .XC_table .product_feat,
  .SC_table .product_feat,
  .cryosystem_table .product_feat,
  .vapor_table .product_feat {width: auto;}

  .XC_table .product_img,
  .SC_table .product_img,
  .cryosystem_table .product_img,
  .vapor_table .product_img {width: auto;}

  .DR_SR_table .product_feat p,
  .XC_table .product_feat p,
  .SC_table .product_feat p,
  .cryosystem_table .product_feat p,
  .vapor_table .product_feat p  {font-size: 12px; margin: 8px 0 0 0; line-height: 1.4;}
  .align-right {float: right;}
  
  .cryosystem .product_cnts {flex-wrap: wrap; justify-content: center;}
  .cryosystem .price_box {margin-top: 32px;}

  .cryosystem .price_box {background: #fffac6; height: fil-content; width: 380px; margin-left: 20px; position: relative; padding-bottom: 360px;}
  .cryosystem .price_box img.gift {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
  .cryosystem .price_box img.now_on {width: 33%; height: auto; position: absolute; top: 125px; right: 8px; z-index: 1;}
  p.present_header {display: inline-block; margin: 0; padding: 32px 0 16px 0; width: 100%; text-align: center; background: #01b3bb; border-top: solid 4px #00a0b8; color: #fff; position: relative; font-size:  24px; font-weight: bold; line-height: 1.2;}
  p.present_header:after {content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 0; border-style: solid; border-width: 20px 190px 0 190px; border-color: #01b3bb transparent transparent transparent;}
  p.present_tit {font-size: 24px; font-weight: bold; color: #003f98; text-align: left; margin: 32px 0 16px 8px; line-height: 1.6}
  p.present_txt {font-size: 16px; text-align: left; line-height: 1.6; margin: 8px;}


  
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  .wrapper {width: 960px; margin: 0 auto;}
  .tokutoku_circle {border: solid 6px #00a0e8; width: 80px; height: 80px; background: #fff; border-radius: 50%; position: absolute; top: -16px; left: 20px; display: inline-flex; align-items: center; justify-content: center;}
  .tokutoku_circle p {font-size: 12px;}
  .page_title {display: block; height: 48px; line-height: 48px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0 120px; font-size: 24px; font-weight: bold; color: #fff000;}
  .page_title:before {content: "▼"; display: inline-block; transform: rotate(270deg); margin-right: 0.5em;}

  .forma {magin: 48px 0 0 0;}
  .forma_header {display: inline-flex; justify-content: space-between; align-items: center;}
  .forma_header .tit {display: inline-block; width: 240px; height: 32px; border-radius: 16px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 32px; margin: 0 16px 0 0; background: -moz-linear-gradient(top, #00b3ed, #7dcdf3);  background: -webkit-linear-gradient(top, #00b3ed, #7dcdf3);  background: linear-gradient(to bottom, #00b3ed, #7dcdf3); box-shadow: 3px 3px 3px #ccc;}
  .forma_header .txt {font-size: 14px; line-height: 1.2;}
  
  .product {position: relative; margin: 48px 0 0 0;}
  .product_header {display: flex; justify-content: flex-start; align-items: center; margin: 16px 0 0 0;}
  .product_header .header_icon {display: inline-block; width: 64px; height: 64px; border-radius: 50%; background: #bae2f8;}
  .product_header .header_tit {width: 100%}
  .product_header h2 {font-size: 24px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #c2c2c2; text-indent: 0.5em;}
  .product_header h3 {font-size: 24px; font-weight: bold; padding-top: 8px; color: #44b034; margin-left: 0.5em;}
  .product_header .corplogo {position: absolute; top: 10px; right: 0;}
  .product_header .corplogo img {height: 40px;}

  .product_cnts {display: flex; justify-content: flex-start; align-items: stretch; margin: 16px 0;}
  .product_img {margin-right: 16px; width: 240px;}
  .product_img img {width: 100%;}
  .img_comment {font-size: 12px; text-align: left;}

  .product_feat {width: 364px;}
  .feature_icon {display: inline-flex; justify-content: flex-start; align-items: center; list-style: none;}
  .feature_icon li {margin-right: 8px; width: 80px;}
  .feature_icon li img {width: 100%;}
  .features {list-style: none; line-height: 1.6; margin: 8px 0; width: 100%;}
  .features li {padding-left: 1.5em; text-indent: -1.5em;}
  .features li:before {content: "◆"; color: #00b3ed; margin-right: 0.5em;}
  .features_box {display: block; background: #fffac6; border: solid 1px #44b034; border-radius: 10px; padding: 10px; margin-right: 16px; line-height: 1.5;}
  .features_box dt {font-size: 18px; font-weight: bold; color: #e50011;}
  .features_box dd {color: #e50011;}

  .product_feat table {width: 100%; border: solid 1px #656464; font-size: 14px; font-weight: bold;}
  .product_feat table tr {height: 2em; line-height: 2em; border-bottom: solid 1px #656464;}
  .product_feat table tr:nth-child(4) {background: #e50011; color: #fff000; font-size: 1.2em; font-weight: bold;}
  .product_feat table tr:nth-child(2) {background: #eaf6fd;}
  .product_feat table tr:nth-child(n+4):nth-child(odd) {background: #eaf6fd;}
  .product_feat table th {background: #44b034; color: #fff; padding: 4px; border-right: solid 1px #656464;}
  .product_feat table th:last-child {border: none;}
  .product_feat table td {text-align: center; border-right: solid 1px #656464; padding: 4px; width: 8em;}
  .product_feat table td:first-child {text-align: left; width:  16em;}
  .product_feat table td:last-child {border: none;}

  .price_area {width: 340px;}
  .price_down {width: 160px; position: absolute; top: 56px; right: 0;}
  .price_down img {width: 100%;}
  
  .price_box {text-align: right; margin: 150px 0 0 0;}
  .price_box p {margin: 6px 0; font-size: 14px;}
  .price_tag {display: inline-flex; align-items: center; justify-content: space-between; background: #e50011; color: #fff000; text-align: right; width: 340px; height: 40px; border-radius: 20px; font-weight: bold; font-size: 24px;}
  .price_tag p {font-size: 20px;}
  .price_tag p:first-child {display: inline-block; background: #fff; color: #e50011; text-align: center; width: 150px; height: 36px; line-height: 36px; border-radius: 18px; margin: 0 0 0 2px;}
  .price_tag p:nth-child(2) {margin: 0 40px 0 0;}
  .price_opt {display: inline-block; width: 200px; height: 24px; border-radius: 12px; line-height: 24px; font-weight: bold; text-align: center; background: #d7e598; color: #00683d; box-shadow: 2px 2px 2px #ccc; margin-left: 200px;}
  .price_comment {font-size: 12px; text-align: left; text-indent: 2em;}

  .column {background: #eeef98; width: 100%; padding: 16px 0;}
  .column_tit {background: #44b034; width: 100%; height: 40px; display: inline-flex; align-items: center;}
  .column_tit p {display: inline-block; background: #fff; color: #44b034; width: 400px; height: 36px; line-height: 36px; text-align: center; margin-left: 24px; border-radius: 18px; font-size: 18px; font-weight: bold;}
  .column_cnts {display: flex; justify-content: flex-start; align-items: center;}
  .column_img {width: 300px; margin: 0 16px;}
  .column_img img {width: 100%;}
  .column_txt {width: 100%; margin: 16px 16px 0 0; position: relative;}
  .column_subtit {font-size: 24px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 1px #9f9fa0; margin-bottom: 16px;}
  .stainless, .cupper {display: inline-flex; justify-content: flex-start; align-items: center; width: 60%; margin: 8px 0;}
  .stainless p, .cupper p {display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; margin: 0 16px; text-align: center;}
  .stainless p {background: #8ec31e; }
  .cupper p {background: #f6ac3b;}
  .stainless dl dt {font-size: 18px; color: #44b034; line-height: 1.5;}
  .cupper dl dt {font-size: 18px; color: #f6ac3b; line-height: 1.5;}
  .stainless dl dd:before {content: "◆"; color: #44b034; line-height: 1.5; margin-right: 0.5em;}
  .cupper dl dd:before {content: "◆"; color: #f6ac3b; line-height: 1.5; margin-right: 0.5em;}
  .column_img_2 {position: absolute; bottom: 0; right: 0; width: 160px;}
  .column_img_2 img {width: 100%;} 

  .DR_SR, .XC, .SC, .Vapor, .cryosystem {display: flex; justify-content: center; flex-wrap: wrap;}
  .DR, .SR, .XC_1, .XC_2, .SC_1, .SC_2, .cryosystem_1, .cryosystem_2  {width: 60%;}
  .XC_2, .SC_2, .cryosystem_2 {display: none;}
  .vapor_1 {width: 100%;}
  .DR .product_feat ul,
  .SR .product_feat ul,
  .XC_1 .product_feat ul,
  .SC_1 .product_feat ul,
  .cryosystem_1 .product_feat ul,
  .vapor_1 .product_feat ul {margin: -40px 0 0 80px;}

  .DR_SR_table,
  .XC_table,
  .SC_table,
  .vapor_table {width: 100%; margin: 32px 0 0 0;}

  .DR_SR_table .product_feat, 
  .XC_table .product_feat,
  .SC_table .product_feat,
  .vapor_table .product_feat {width: auto;}

  .XC_table .product_img,
  .SC_table .product_img,
  .vapor_table .product_img {width: auto;}
  
  .cryosystem_table .product_img {width: 600px;}
  .cryosystem_table .product_feat {width: 900px;}
  .cryosystem_table .product_feat table {width: 900px;}

  .DR_SR_table .product_feat p,
  .XC_table .product_feat p,
  .SC_table .product_feat p,
  .vapor_table .product_feat p,
  .cryosystem .product_feat p {font-size: 12px; margin: 8px 0 0 0; line-height: 1.4;}

  .align-right {float: right;}
  
  .cryosystem_1 .corplogo {top: -30px;}
  .cryosystem_table .product_cnts {flex-wrap: wrap; justify-content: center;}
  .cryosystem .price_box {margin-top: 32px;}
  
  .cryosystem .price_box {background: #fffac6; height: fil-content; width: 380px; margin-left: 20px; position: relative; padding-bottom: 360px;}
  .cryosystem .price_box img.gift {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
  .cryosystem .price_box img.now_on {width: 33%; height: auto; position: absolute; top: 125px; right: 8px; z-index: 1;}
  p.present_header {display: inline-block; margin: 0; padding: 32px 0 16px 0; width: 100%; text-align: center; background: #01b3bb; border-top: solid 4px #00a0b8; color: #fff; position: relative; font-size:  24px; font-weight: bold; line-height: 1.2;}
  p.present_header:after {content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 0; border-style: solid; border-width: 20px 190px 0 190px; border-color: #01b3bb transparent transparent transparent;}
  p.present_tit {font-size: 24px; font-weight: bold; color: #003f98; text-align: left; margin: 32px 0 16px 8px; line-height: 1.6}
  p.present_txt {font-size: 16px; text-align: left; line-height: 1.6; margin: 8px;}


}

@media screen and (min-width: 1280px) {
  .obi {max-width: 100%;}
  .wrapper {width: 1280px; margin: 0 auto;}
  .tokutoku_circle {border: solid 6px #00a0e8; width: 80px; height: 80px; background: #fff; border-radius: 50%; position: absolute; top: -16px; left: 20px; display: inline-flex; align-items: center; justify-content: center;}
  .tokutoku_circle p {font-size: 12px;}
  .page_title {display: block; height: 48px; line-height: 48px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0 120px; font-size: 24px; font-weight: bold; color: #fff000;}
  .page_title:before {content: "▼"; display: inline-block; transform: rotate(270deg); margin-right: 0.5em;}

  .forma {margin: 48px 0 0 0;}
  .forma_header {display: inline-flex; justify-content: space-between; align-items: center;}
  .forma_header .tit {display: inline-block; width: 240px; height: 32px; border-radius: 16px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 32px; margin: 0 16px 0 0; background: -moz-linear-gradient(top, #00b3ed, #7dcdf3);  background: -webkit-linear-gradient(top, #00b3ed, #7dcdf3);  background: linear-gradient(to bottom, #00b3ed, #7dcdf3); box-shadow: 3px 3px 3px #ccc;}
  .forma_header .txt {font-size: 14px; line-height: 1.2;}
  
  .product {position: relative; margin: 48px 0 0 0;}
  .product_header {display: flex; justify-content: flex-start; align-items: center; margin: 16px 0 0 0; position: relative;}
  .product_header .header_icon {display: inline-block; width: 64px; height: 64px; border-radius: 50%; background: #bae2f8;}
  .product_header .header_tit {width: 100%}
  .product_header h2 {font-size: 24px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #c2c2c2; text-indent: 0.5em;}
  .product_header h3 {font-size: 24px; font-weight: bold; padding-top: 8px; color: #44b034; margin-left: 0.5em;}
  .product_header .corplogo {position: absolute; top: 0; right: 0;}
  .product_header .corplogo img {height: 36px;}

  .product_cnts {display: flex; justify-content: flex-start; align-items: stretch; margin: 16px 0;}
  .product_img {margin-right: 16px; width: 240px;}
  .product_img img {width: 100%;}
  .img_comment {font-size: 12px; text-align: left;}
  
  .product_feat {width: 624px;}

  .feature_icon {display: inline-flex; justify-content: flex-start; align-items: center; list-style: none;}
  .feature_icon li {margin-right: 8px; width: 120px;}
  .feature_icon li img {width: 100%;}
  .features {list-style: none; line-height: 1.6; margin: 8px 0;}
  .features li {padding-left: 1.5em; text-indent: -1.5em;}
  .features li:before {content: "◆"; color: #00b3ed; margin-right: 0.5em;}
  .features_box {display: block; background: #fffac6; border: solid 1px #44b034; border-radius: 10px; padding: 10px; margin-right: 16px; line-height: 1.5;}
  .features_box dt {font-size: 18px; font-weight: bold; color: #e50011;}
  .features_box dd {color: #e50011;}
  .features_sub {}
  
  .product_feat table {width: 100%; border: solid 1px #656464; font-size: 14px; font-weight: bold;}
  .product_feat table tr {height: 2em; line-height: 2em; border-bottom: solid 1px #656464;}
  .product_feat table tr:nth-child(4) {background: #e50011; color: #fff000; font-size: 1.2em; font-weight: bold;}
  .product_feat table tr:nth-child(2) {background: #eaf6fd;}
  .product_feat table tr:nth-child(n+4):nth-child(odd) {background: #eaf6fd;}
  .product_feat table th {background: #44b034; color: #fff; padding: 4px; border-right: solid 1px #656464;}
  .product_feat table th:last-child {border: none;}
  .product_feat table td {text-align: center; border-right: solid 1px #656464; padding: 4px; width: 8em;}
  .product_feat table td:first-child {text-align: left; width:  16em;}
  .product_feat table td:last-child {border: none;}

  .price_area {width: 400px;}
  .price_down {width: 200px; position: absolute; top: 60px; right: 0;}
  .price_down img {width: 100%;}
  
  .price_box {text-align: right; margin: 150px 0 0 0;}
  .price_box p {margin: 6px 0;}
  .price_tag {display: inline-flex; align-items: center; justify-content: space-between; background: #e50011; color: #fff000; text-align: right; width: 400px; height: 40px; border-radius: 20px; font-weight: bold; font-size: 24px;}
  .price_tag p {font-size: 24px;}
  .price_tag p:first-child {display: inline-block; background: #fff; color: #e50011; text-align: center; width: 180px; height: 36px; line-height: 36px; border-radius: 18px; margin: 0 0 0 2px;}
  .price_tag p:nth-child(2) {margin: 0 40px 0 0;}
  .price_opt {display: inline-block; width: 200px; height: 24px; border-radius: 12px; line-height: 24px; font-weight: bold; text-align: center; background: #d7e598; color: #00683d; box-shadow: 2px 2px 2px #ccc; margin-left: 200px;}
  .price_comment {font-size: 12px; text-align: left; text-indent: 2em;}

  .column {background: #eeef98; width: 100%; padding: 16px 0;}
  .column_tit {background: #44b034; width: 100%; height: 40px; display: inline-flex; align-items: center;}
  .column_tit p {display: inline-block; background: #fff; color: #44b034; width: 400px; height: 36px; line-height: 36px; text-align: center; margin-left: 24px; border-radius: 18px; font-size: 18px; font-weight: bold;}
  .column_cnts {display: flex; justify-content: flex-start; align-items: center;}
  .column_img {width: 313px; margin: 0 16px;}
  .column_txt {width: 100%; margin: 0 16px; position: relative;}
  .column_subtit {font-size: 24px; font-weight: bold; padding-bottom: 8px; border-bottom: solid 1px #9f9fa0; margin-bottom: 16px;}
  .stainless, .cupper {display: inline-flex; justify-content: flex-start; align-items: center; width: 60%; margin: 8px 0;}
  .stainless p, .cupper p {display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; margin: 0 16px; text-align: center;}
  .stainless p {background: #8ec31e; }
  .cupper p {background: #f6ac3b;}
  .stainless dl dt {font-size: 18px; color: #44b034; line-height: 1.5;}
  .cupper dl dt {font-size: 18px; color: #f6ac3b; line-height: 1.5;}
  .stainless dl dd:before {content: "◆"; color: #44b034; line-height: 1.5; margin-right: 0.5em;}
  .cupper dl dd:before {content: "◆"; color: #f6ac3b; line-height: 1.5; margin-right: 0.5em;}
  .column_img_2 {position: absolute; bottom: 0; right: 0;}

  .DR_SR, .XC, .SC, .Vapor, .cryosystem {display: flex; justify-content: space-between; flex-wrap: wrap;}
  .DR, .SR, .XC_1, .XC_2, .SC_1, .SC_2 {width: 48%;}
  .vapor_1 {width: 100%;}
  .DR .product_feat ul,
  .SR .product_feat ul,
  .XC_1 .product_feat ul,
  .SC_1 .product_feat ul,
  .cryosystem_1 .product_feat ul,
  .vapor_1 .product_feat ul {margin: -40px 0 0 80px;}

  .DR_SR_table,
  .XC_table,
  .SC_table,
  .vapor_table {width: 100%; margin: 32px 0 0 0;}
  .DR_SR_table, .vapor_table {margin: 60px 0 0 0;}

  .cryosystem_2 {display: none;}
  .cryosystem_table {width: 100%; margin-top: -800px}

  .DR_SR_table .product_feat, 
  .XC_table .product_feat,
  .SC_table .product_feat,
  .vapor_table .product_feat {width: auto;}

  .XC_table .product_img,
  .SC_table .product_img,
  .vapor_table .product_img {width: auto;}

  .DR_SR_table .product_feat p,
  .XC_table .product_feat p,
  .SC_table .product_feat p,
  .vapor_table .product_feat p,
  .cryosystem .product_feat p {font-size: 12px; margin: 8px 0 0 0; line-height: 1.4;}

  .align-right {float: right;}
  
  .cryosystem .product_feat {width: 880px;}
  
  .cryosystem_1 .price_box {display: block;}
  .cryosystem_table .price_area {display: none}
  .cryosystem_table .product_cnts {flex-wrap: wrap;}
  .cryosystem_table .product_img {width: 600px;}
  
  .cryosystem .price_box {background: #fffac6; height: fil-content; width: 380px; margin-left: 20px; position: relative; padding-bottom: 360px;}
  .cryosystem .price_box img.gift {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
  .cryosystem .price_box img.now_on {width: 33%; height: auto; position: absolute; top: 125px; right: 8px; z-index: 1;}
  p.present_header {display: inline-block; margin: 0; padding: 32px 0 16px 0; width: 100%; text-align: center; background: #01b3bb; border-top: solid 4px #00a0b8; color: #fff; position: relative; font-size:  24px; font-weight: bold; line-height: 1.2;}
  p.present_header:after {content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 0; border-style: solid; border-width: 20px 190px 0 190px; border-color: #01b3bb transparent transparent transparent;}
  p.present_tit {font-size: 24px; font-weight: bold; color: #003f98; text-align: left; margin: 32px 0 16px 8px; line-height: 1.6}
  p.present_txt {font-size: 16px; text-align: left; line-height: 1.6; margin: 8px;}



}