.container{padding: 0}
.container img {vertical-align: bottom;}
#message {position: relative;display: inline-block;margin: 0 0 30px;padding: 30px 20px;min-width: 120px;max-width: 100%;background: #F5E5F7;}
#message:before {content: "";position: absolute;top: -30px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #F5E5F7;}
#message .txt p{font-size: 18px;}
#message h2 {font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;font-weight: normal;text-align: center;font-size: 2.4rem;position: relative;margin-bottom: 35px;}
#message h2::after {content: "";position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);width: 35px;height: 1px;background: #000;}
.trial {padding: 35px 0;background: #fff;}
.caution {background: #FAFAFA;border: solid 1px #CBCBCB;padding: 10px 30px 30px;margin: 0 auto;width: 70%;}
.caution h3{text-align: center}
.cart h4 {position: relative;padding: 0px 50px;text-align: center;font-size: 20px;width: 60%;margin: 50px auto 0;}
.cart h4:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 1px;content: '';background: #000;}
.cart h4 span {position: relative;padding: 0 1em;background: #FFEFEF;}
.cart p {text-align: center;margin-top: 5px;margin-bottom: 30px;}
.cart_box {text-align: center;margin-bottom: 80px;}
.cart_box img {border: solid 1px #E2E2E2;width: 90%;}
.cart_box .box_02 {font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;font-weight: normal;font-size: 3rem;padding: 0 0 30px 0;}
.button {display: inline-block;padding: 13px 0;letter-spacing: 0.15rem;border-radius: 10rem;text-transform: uppercase;transition: all 0.3s;position: relative;color: #fff;background: #DF0077;overflow: hidden;z-index: 1;margin: 15px 0 0 0;width: 90%;}
.button::after {content: '';width: 5px;height: 5px;border: 0px;border-top: solid 2px #fff;border-right: solid 2px #fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 22px;margin-top: -2px;}
.button2 {background: #FFAB39 !important;}
.button a {text-decoration: none;}

@media screen and (min-width: 768px){
#message {margin: 0 auto 30px auto;display: block;padding: 50px;max-width: 100%;}
#message:before {top: -50px;margin-left: -25px;border: 25px solid transparent;border-bottom: 25px solid #F5E5F7;}
#message img {float: left;width: 400px;margin-right: 35px;}
#message .txt {overflow: hidden;}
.cart_box {display: flex;}
.container{background: #fff;padding: 30px;border-radius: 10px;margin-bottom: 80px;margin-top: 80px;}
.trial {padding: 60px 0;}
.caution {margin: 70px auto;}
.cart h4 span {background: #fff;}
.cart h4 {font-size: 30px;letter-spacing: 0.15em;width: 85%;}
.cart p {font-size: 15px;}
.cart_box .box_02 {font-size: 3em;padding: 105px 17px 30px 17px;}
}