@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
.pc {
  display: block;
}
.sp {
  display: none;
}
.i-b {
  display: inline-block;
}
th {
  vertical-align: top;
}
td {
  vertical-align: top;
}
body {
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.overflow-x {
	overflow-x: hidden;
}

.one-point {
  text-align: center;
  margin: 100px auto;
}
.one-point img {
  width: 100px;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}









/* header */
#head_wrap {
  top: -100px;
  position: relative;
  width: 100%;
  margin: 100px auto 0;
  line-height: 1;
  z-index: 999;
  height: 0px;
  color: #ffffff;
  text-decoration: none;
}
#head_wrap a {
  text-decoration: none;
}
#head_wrap .inner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
#head_wrap .inner:after {
  content: "";
  clear: both;
  display: block;
}
#head_wrap .logo {
  float: left;
  font-size: 36px;
}
#global-nav {
  position: absolute;
  right: 0;
  top: 0;
}
#global-nav ul {
  list-style: none;
  font-size: 14px;
  margin-right: 10px;
  display: inline-flex;
}
#global-nav ul li {
  padding: 20px 10px;
}
#global-nav ul li:last-child {
  border-right: none;
}
#global-nav ul li a {
  padding: 0 5px;
  padding: 2px;
  transition: all .6s ease 0s;
  box-sizing: border-box;
  font-weight: bold;
  color: #222222;
}
#global-nav ul li a:hover {
  color: #fbb909;
}
.moushikomi a {
  background-color: #f8b551;
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px !important;
  font-size: 1.1rem;
  transition: 0.3s;
}
.moushikomi a:hover {
  background-color: #ffffff;
  border: #f8b551 solid 2px;
  color: #f8b551 !important;
}
/* Fixed */
#head_wrap.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  height: 100px;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.9);
}
#head_wrap.fixed .logo {
  font-size: 36px;
  color: #333;
}
#head_wrap.fixed #global-nav ul li a {
  //color: #333;
  padding: 0 20px;
}
/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}
#nav-toggle div {
  position: relative;
}
.logo img {
  width: 250px;
  margin-top: 5px;
}
/* メイン */
main {
  text-align: center;
  margin-top: 100px;
}
h1 {
  display: inline-block;
  text-align: left;
  background-color: #36a8ff;
  border-radius: 10px;
  padding: 10px;
  color: #ffffff;
}
.h1-line {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.h1-line:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #ffff44;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.h1-line:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #ffff44;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.h1-line:before {
  left: 0;
}
.h1-line:after {
  right: 0;
}
.h1-small {
  font-size: 2rem;
}
.h1-big {
  font-size: 3rem;
  font-weight: 900;
  color: #ffffff;
}
.main-logo {
  font-size: 3rem;
  margin-top: 100px;
  font-weight: bold;
}
.main-text {
  text-align: center;
}
#top img {
  max-width: 100%;
}
.top-phone {
  position: relative;
  filter: drop-shadow(0 0 0.25rem #0098ff);
}
.top-phone p {
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 90%;
}
.top-phone-big {
  font-size: 3rem;
  font-weight: 900;
  color: #ffffff;
}
.top-phone img {
  width: 100%;
}
.top-circle {
  position: absolute;
  top: 0%;
  left: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  background-color: #fbb909;
  border-radius: 50%;
  width: 170px;
  height: 170px;
}
.top-circle p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 90%;
}
.top-aria {
  position: absolute;
  top: 65%;
  left: 110%;
/*  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);*/
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
/*  background-color: #fbb909;
  border-radius: 50%;*/
  width: 50%;
/*  height: 170px;*/
}
.smart-text {
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff;
}
.smart-text-2 {
  font-size: 2rem;
  font-weight: bold;
}
.count {
  font-size: 4rem;
  font-weight: 900;
}
#top .talking-fukidashi {
  top: 0px;
}
#top h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 50px;
}
.main-info {
  padding: 20px 20px 100px 20px;
  margin: 100px auto 100px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
}
.main-info h3 {
  font-size: 2rem;
  color: #fbb909;
}
.main-info p {
  font-size: 1.2rem;
  line-height: 200%;
}
.main-info li {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-right: 40px;
  padding-bottom: 10px;
  border-bottom: solid 1px #b1b1b1;
  align-items: flex-end;
  font-size: 1.5rem;
}
.main-info li span {
/*  line-height: 17px;*/
  line-height: 1em;
}
.main-info-90 {
  font-size: 4rem;
  color: #fbb909;
}
.main-info-85 {
  font-size: 3rem;
}
.main-info-subtxt {
  font-size: 1rem !important;
  margin-bottom: 80px;
}
.main-info-moushikomi a {
  background-color: #f8b551;
  border-radius: 30px;
  color: #ffffff !important;
  padding: 20px 70px;
  font-size: 1.2rem;
  transition: 0.3s;
  text-decoration: none;
  margin: 100px auto;
}
.main-info-moushikomi a:hover {
  background-color: #ffffff;
  border: #f8b551 solid 2px;
  color: #f8b551 !important;
}
.top-txt {
  font-size: 6rem;
  text-align: left;
}
.top-txt-2 {
  font-size: 7.5rem;
  text-align: left;
}
.top-txt-3 {
  font-size: 2.5rem;
  text-align: left;
}
.top-txt-4 {
  font-size: 6rem;
  text-align: left;
}
/* サービス */
#service h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 50px;
}
.service-midashi {
  font-size: 2rem;
  margin-bottom: 50px;
}
.service-circle {
  text-align: center;
}
.service-circle img {
  max-width: 400px;
}
.service-info {
  background-color: #36a8ff;
  border-radius: 10px;
  text-align: center;
  padding: 50px;
  color: #ffffff;
  font-weight: bold !important;
  margin-bottom: 50px;
}
.service-info h3 {
  margin-bottom: 50px;
}
.service-info p {
  text-align: left;
  display: inline-block;
}
.service-prepaid-info {
  padding: 20px;
  margin: 0 auto 100px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
  text-align: center;
}
.service-prepaid-info h3 {
  margin: 20px auto;
}
.service-prepaid-info p {
  font-size: 1.2rem;
  line-height: 200%;
  display: inline-block;
  text-align: left
}
/* ご入金までの流れ */
#flow {
  text-align: center;
  margin-bottom: 100px;
}
#flow h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  padding: 15px 0;
  margin-bottom: 100px;
}
.flow-info {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 1.5rem;
  width: 300px;
  height: 300px;
  text-align: center;
  font-weight: bold;
}
.flow-info-inner {
  padding-top: 50px;
}
.flow-info h4 span {
  background-color: #ffffff;
  color: #0098ff;
  padding: 0 10px;
}
.flow-img img {
  border: 3px solid #0098ff;
  background-color: #ffffff;
  width: 300px;
  height: 300px;
}
.flow-l {
  float: right;
}
.flow-r {
  float: left;
}
.flow-small-txt {
  font-size: 1rem;
}
/* キャリア決済・プリペイドカードについて */
#carrier {
  margin-top: 100px;
}
.carrier-card {
  text-align: center;
  margin-bottom: 100px;
}
.carrier-card img {
  width: 500px;
}
.carrier-link {
  text-align: center;
}
.carrier-link img {
  width: 200px;
  margin: 50px;
}
.carrier-example-heading {
  color: #222222;
  font-size: 2.5rem;
  margin-top: 100px;
}
.carrier-example {
  background-color: #36a8ff;
  border-radius: 10px;
  padding: 20px;
  color: #ffffff;
  margin-bottom: 100px;
  text-align: center;
  height: 500px;
}
.carrier-example-text {
  display: inline-block;
  text-align: left;
}
.carrier-example img {
  width: 100%;
}
/* 安心・安全の理由 */
#reason .talking {
  position: relative;
  right: 50%
}
.safety-reason {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.s-3 {
  background-color: #36a8ff;
  color: #ffff00;
  text-shadow:
    2px 2px 1px #222222, -2px 2px 1px #222222, 2px -2px 1px #222222, -2px -2px 1px #222222, 2px 0px 1px #222222, 0px 2px 1px #222222, -2px 0px 1px #222222, 0px -2px 1px #222222;
  padding: 20px 0 10px 10px;
  border-radius: 10px;
}
.reason-3 {
  background-color: #36a8ff;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  padding: 20px 0;
  margin: 0 30px;
  font-weight: bold;
  height: 420px;
}
.reason-3 h3 {
  font-size: 3rem;
  font-style: italic;
}
.reason-font-big {
  font-size: 3rem;
}
.reason-font-big-s {
  font-size: 3rem;
  margin-left: -20px;
  margin-right: -15px;
}
.card-entry h3 {
  text-align: center !important;
}
/* 4つの理由 */
#chosen h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 100px;
}
.chosen-4-top {
  margin-bottom: 50px;
}
.chosen-4 {
  padding: 20px 10px;
  text-align: center;
  box-shadow: 0 2.5rem 2rem -2rem hsl(200deg 50% 20% / 40%);
  border: 1px solid #222222;
  background-color: #fff;
  height: 370px;
}
.chosen-4 img {
  max-width: 200px;
}
.chosen-cancel {
  text-align: center;
}
/* 業界の真実 */
#truth h2 {
  background-color: #EB8888;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 100px;
}
#truth img {
  width: 100%;
}
.truth-info {
  padding: 20px;
  margin: 0 auto 100px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../image/truth-bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  text-align: center;
}
.truth-info p {
  font-size: 1.2rem;
  line-height: 200%;
  display: inline-block;
  text-align: left
}
.truth-info table {
  display: inline-block;
  text-align: left;
  width: 600px;
}
.truth-info table p {
  margin-bottom: 0px;
}
/* しっかりとした運営 */
#company h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 100px;
}
.company-info {
  padding: 20px;
  margin: 0 auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)), url("../image/aria-inc-logo.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  text-align: center;
}
.company-info h3 {
  font-style: italic;
  margin: 20px auto;
  text-align: center;
}
.company-info p {
  font-size: 1.2rem;
  line-height: 200%;
  display: inline-block;
  text-align: left
}
/* アマゾンギフト */
#amazon h2 {
  text-align: center;
  font-weight: bold;
  background-color: #222222;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffff66), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ffff66), color-stop(.75, #ffff66), color-stop(.75, transparent), to(transparent));
  -webkit-background-size: 150px 150px;
  color: #ff0000;
  font-size: 3rem;
  padding: 15px 0;
  margin-bottom: 100px;
}
.amazon-bg {
  background-color: #ffff66;
  padding: 0px 5px;
}
.amazon-info {
  padding: 20px;
  margin: 0 auto 100px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../image/amazon-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.amazon-info p {
  font-size: 1.2rem;
  line-height: 200%;
}
.promise {
  text-align: center;
  margin-bottom: 100px;
}
.promise h3 {
  font-size: 1.5rem;
}
.promise .talking {
  margin: 0 auto;
  text-align: center;
}
.promise img {
  max-width: 400px;
}
/* よくある質問 */
#q_and_a h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 100px;
}
#q_and_a img {
  width: 100%;
}
.accordion-wrap {
  border-bottom: 1px solid #0098ff;
}
.accordion-item {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 30px;
}
.accordion-header {
  transition: ease-in-out 100ms;
}
.accordion-text {
  width: 100%;
  display: none;
  padding-top: 5px;
  padding-bottom: 20px;
}
.fa {
  transition: ease-in-out 300ms;
}
.rotate-fa {
  transform: rotate(180deg);
}
.accordion-header .fa {
  float: right;
  line-height: 35px;
}
.accordion-text-on {
  color: #0098ff;
}
.accordion-no-bar {
  border-bottom: 0;
}
.qa-list {
  margin: 0 auto 100px auto;
  max-width: 800px;
}
.arrow {
  text-align: center;
}
#message .talking {
  position: relative;
  right: 50%;
  z-index: -1;
}
.triangle {
  border-top: 50px solid #eb8888;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  width: 100px;
  margin: 0 auto 30px auto;
}
.message {
  text-align: center;
  padding: 100px 0;
  margin-bottom: 100px;
}
.message h3 {
  font-size: 3rem;
}
.message-small {
  font-size: 2rem;
}
/* お申し込みフォーム */
#form h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 100px;
}
#form ul {
  list-style: none;
}
.hissu {
  color: #ff4444;
  font-size: 0.7rem;
  margin-left: 10px;
}
.form-list {
  text-align: center;
}
.form-1 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  background-color: #f8b551;
  box-shadow: 0 0 10px rgba(0 0 0 / .2);
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}
.form-1 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  transform: rotate(45deg);
}
.form-1 a:hover {
  text-decoration: none;
  background-color: #fac773;
  box-shadow: 0 0 10px rgba(0 0 0 / 0);
}
.form-2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  background-color: #f8b551;
  box-shadow: 0 0 10px rgba(0 0 0 / .2);
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}
.form-2 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fffffff;
  border-right: 3px solid #ffffff;
  transform: rotate(45deg);
}
.form-2 a:hover {
  text-decoration: none;
  background-color: #fac773;
  box-shadow: 0 0 10px rgba(0 0 0 / 0);
}
.hide-area {
  display: none;
}
/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, .modaal-close:before {
  background: #ccc;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #666;
}
.b-submit {
  background-color: #f8b551;
  padding: 10px 50px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
}
.b-submit input:hover {
  background-color: #fbe884;
}
.b-reset {
  background-color: #888888;
  padding: 10px 30px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
}
.b-submit input:hover {
  background-color: #aaaaaa;
}
/* フォームデザイン */
.modaal-content-container {}
.modaal-content-container h2 {
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  background-color: #0098ff;
  color: #FFFFFF;
  text-align: center;
  padding: 18px 0 18px 0;
}
.modaal-container {
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  background: transparent;
}
.formTable {
  padding-left: 20px;
}
.formTable h5 {
  font-weight: normal !important;
}
input {
  border: 1px solid #ccc;
}

input[type=text]:required,
input[type=tel]:required,
input[type=email]:required,
input[type=email]:invalid,
textarea:required {
	color: #630015;
	border-color: #c20c33;
	background-color: #ffd9e1;
}

/* 入力値が正常な時のスタイル */
input[type=text]:valid,
input[type=tel]:valid,
input[type=email]:valid,
textarea:valid {
	color: #333;
	border-color: #ccc;
	background: #fff;
}

.p-policy {
  background: #e8e8e8;
  border: 1px solid #808080;
  border-radius: 8px;
  font-size: 0.7rem;
  height: 120px;
  margin: 32px auto;
  max-width: 568px;
  overflow-y: scroll;
  padding: 16px;
}
/* notice */
#notice h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 30px;
}
/* お知らせブログ */
#blog h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 30px;
}
/* 事業者情報 */
#about h2 {
  background-color: #0098ff;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 15px 0;
	 margin-top: 30px;
  margin-bottom: 100px;
}
.profile {
  padding: 20px;
  margin: 0 auto 50px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  background-image: url("../image/aria-inc-logo.jpg");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: right bottom;
  border-radius: 10px;
}
.profile p {
  margin-bottom: 0.5rem;
}
.profile h6 {
  border-bottom: solid 1px #0098ff;
  width: 100%;
  margin-bottom: 30px;
}
.profile img {
  width: 100%;
}
/* アリアちゃんの想い */
.wisdom-info {
  text-align: center;
  padding: 20px 20px 20px 20px;
  margin: 50px auto 50px auto;
  max-width: 700px;
  box-shadow: 0 0 20px #0098ff;
  border-radius: 10px;
}
.wisdom-info h2 {
  font-size: 2rem
}
.wisdom-info p {
  font-size: 1rem;
  display: inline-block;
  text-align: left;
}
#wisdom .talking {
  margin: 150px auto 50px auto;
}
#wisdom .talking-aria-chan {
  margin-left: 0px !important;
}
/* フッター */
footer {
  background-color: #888888;
  color: #ffffff;
  text-align: center;
}
footer p {
  padding: 5px 0;
  margin: 0;
  font-size: 14px;
}
/* フォントカラー */
.yellow {
  color: #ffff00 !important;
}
.red {
  color: #ff0000;
}
.blue {
  color: #0098ff;
}
.orange {
  color: #fbb909;
}
.green {
  color: #15debc;
}
.bold {
  font-weight: bold;
}
.m-100 {
  margin-bottom: 100px !important;
}
.m-t-100 {
  margin-top: 100px;
}
/* マーカーアニメーション */
.marker-animation.active {
  background-position: -100% .5em;
}
.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
  background-image: linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
.m-blue {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(107, 182, 255, 0.24) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(107, 182, 255, 0.24) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(107, 182, 255, 0.24) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(107, 182, 255, 0.24) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(107, 182, 255, 0.24) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
.m-green {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(151, 232, 154, 0.69) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(151, 232, 154, 0.69) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(151, 232, 154, 0.69) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(151, 232, 154, 0.69) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(151, 232, 154, 0.69) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
.m-red {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 88, 88, 0.2) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(255, 88, 88, 0.2) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(255, 88, 88, 0.2) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 88, 88, 0.2) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(255, 88, 88, 0.2) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
.m-orange {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(248, 181, 81, 0.5) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(248, 181, 81, 0.5) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(248, 181, 81, 0.5) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(248, 181, 81, 0.5) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(248, 181, 81, 0.5) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
/* 吹き出し */
.talking-fukidashi {
  top: 100px;
}
.talking:before, .talking:after {
  clear: both;
  content: "";
  display: block;
}
/*アイコン*/
.talking figure {
  width: 300px; /*アイコンの横幅*/
  height: 300px; /*アイコンの縦幅*/
}
.talking-aria-chan {
  float: left;
  margin-left: 20px; /*アイコンの左の余白(右の吹き出し)*/
}
.talking figure img {
  width: 100%;
  height: 100%;
  margin: 0;
}
/*吹き出しのセリフ部分*/
.talking-fukidashi {
  position: relative;
  padding: 10px;
  border-style: solid; /*枠線の線種*/
  border-radius: 10px; /*セリフを入れる部分の角丸*/
  max-width: calc(100% - 80px);
}
.talking p {
  margin: 0;
}
.talking p :last-child {
  margin: 0;
}
.talking-fukidashi {
  float: right;
  border: 3px #0098ff solid;
  background-color: #0098ff;
  color: #ffffff;
}
/*吹き出しの三角*/
.talking-fukidashi:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #0098ff; /*三角の線になる部分*/
  top: 15px;
  right: -22px;
}
.talking-fukidashi:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #0098ff;
  top: 15px;
  right: -19px;
}
/* お申し込みボタン */
@keyframes anime {
  0% {
    transform: scale(.95);
    opacity: 1
  }
  90% {
    opacity: .1
  }
  to {
    transform: scale(1.2, 1.5);
    opacity: 0
  }
}
.button {
  position: relative;
  width: 500px;
  margin: 100px auto;
  transition: .2s;
  font-size: 28px;
}
.button:before, .button:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 32px;
  background: #fac773;
  border: 1px solid #fac773;
  transform: translate3d(0, 0, 0);
}
.button:before {
  animation: anime 2s ease-out infinite;
}
.button:after {
  animation: anime 2s ease-out 1s infinite;
}
.button a {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #fac773;
}
.button a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #f8b551;
  border-radius: 32px;
  transition: .2s;
  transform: translate3d(0, 0, 0);
}
.button2 {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  transition: .2s;
}
.button a:hover {
  top: 3px;
}
.button a:hover:after {
  top: 0;
  background: #f8b551;
}
.button a:hover .button2 {
  top: 0;
}
.button a:hover .button2:after {
  right: 27px;
}
.button:hover {
  opacity: 0.6;
}






.img_b {
  position: relative;
  max-width: 500px;
  margin: 100px auto;
/*
  transition: .2s;
  font-size: 28px;
*/
}
.img_b:before, .img_b:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 50px;
  background: #9bd6fb;
  border: 1px solid #9bd6fb;
  transform: translate3d(0, 0, 0);
}
.img_b:before {
  animation: anime 2s ease-out infinite;
}
.img_b:after {
  animation: anime 2s ease-out 1s infinite;
}
/*
.img_b a {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #fac773;
}
*/
.img_b a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
/*  background: #f8b551;*/
  border-radius: 32px;
  transition: .2s;
  transform: translate3d(0, 0, 0);
}






/* 追従バナー */
.banner {
  position: fixed;
  display: flex;
  width: 300px;
  align-items: center;
  justify-content: center;
  text-align: center;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  background-color: #f8b551;
  color: #ffffff;
  z-index: 999;
  border-radius: 5px !important;
  padding: 10px 20px;
  filter: drop-shadow(0 0 0.75rem #3da3ea);
}
.banner a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}















/* 追従バナー2 */
.entrance_banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 70px;
  background: rgba(255,255,255,1);
  z-index: 99;
}

/* 追従バナー2re */
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}

.shiny-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    /*background-color: #000;*/
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}



/* ここからメディアクエリ */
@media (max-width:1399px) {
  .h1-small {
    font-size: 1.6rem;
  }
  .h1-big {
    font-size: 2.4rem;
  }
  .top-phone-big {
    font-size: 2.4rem;
  }
  .top-txt {
    font-size: 5rem;
  }
  .top-txt-2 {
    font-size: 5rem;
  }
  .toptxt-3 {
    font-size: 2.8rem;
  }
  .top-txt-4 {
    font-size: 5rem;
  }
} /* メディアクエリ1399閉じ */

@media (max-width:1199px)  {
  .h1-small {
    font-size: 1.2rem;
  }
  .h1-big {
    font-size: 1.8rem;
  }
  .top-phone-big {
    font-size: 1.8rem;
  }
  .top-txt {
    font-size: 3.5rem;
  }
  .top-txt-2 {
    font-size: 3.5rem;
  }
  .top-txt-3 {
    font-size: 2rem;
  }
  .top-txt-4 {
    font-size: 3.5rem;
  }
  .service-info {
    padding: 30px;
  }
  .service-info h3 {
    font-size: 1.5rem;
  }
  .service-info-mini-txt {
    font-size: 1rem;
  }
  .carrier-example {
    height: 410px;
  }
  .carrier-example-text {
    font-size: 1.1rem;
  }
  .reason-3 {
    height: 450px;
  }
} /* メディアクエリ1199閉じ */


@media (max-width:1040px){
	
	
	#head_wrap.fixed .logo img{
    width: 200px;
    margin-top: 13px;
}
	
	
	
} /* メディアクエリ1040閉じ */

@media (max-width:991px){
	
	
#head_wrap.fixed .logo img{
    width: 180px;
    margin-top: 16px;
}	

#head_wrap.fixed #global-nav ul li a {
    padding: 0 0px;
}
	
	
  .h1-small {
    font-size: 0.9rem;
  }
  .h1-big {
    font-size: 1.4rem;
  }
  .top-phone-big {
    font-size: 1.4rem;
  }
  .top-txt {
    font-size: 3rem;
  }
  .top-txt-2 {
    font-size: 3rem;
  }
  .top-txt-3 {
    font-size: 1.5rem;
  }
  .top-txt4 {
    font-size: 3rem;
  }
  .service-info {
    padding: 20px;
  }
  .service-info h3 {
    font-size: 1.2rem;
  }
  .service-info p {
    font-size: 0.9rem;
  }
  .service-info-mini-txt {
    font-size: 0.7rem;
  }
  .carrier-example {
    height: 400px;
  }
  .reason-3 {
    margin: 0px;
    height: 420px;
  }
  .reason-3 h3 {
    font-size: 2rem;
  }
  /* 選ばれる理由 */
  .chosen-4 {
    height: 300px;
  }
  .chosen-4 img {
    max-width: 130px;
  }
  .chosen-4 h5 {
    font-size: 1rem;
  }
  .talking-fukidashi h3 {
    font-size: 1.3rem;
  }
  .message h3 {
    font-size: 2.2rem;
  }
  .message-small {
    font-size: 1.5rem;
  }
} /* メディアクエリ991閉じ */


@media (max-width:900px){
	
	.logo img {
    width: 200px;
    margin-top: 13px;
}
	
} /* メディアクエリ900閉じ */

@media (max-width:850px){
	
	.logo img {
    width: 170px;
    margin-top: 17px;
}
	
} /* メディアクエリ850閉じ */


@media (max-width:810px){
	
	.logo img {
    width: 130px;
    margin-top: 22px;
}
	
	#head_wrap.fixed .logo img{
    width: 130px;
    margin-top: 22px;
}
	
} /* メディアクエリ810閉じ */

@media (max-width:767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  body {
    font-size: 1rem;
  }
  /* スマホでは追従バナー非表示 */
  .banner {
    display: none;
  }
  /* 追従バナー2 */
  .entrance_banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    height:70px;
    background: rgba(255,255,255,1);
    z-index: 99;
  }
  .shiny-btn {
    height: auto;
  }

  /* スマホ用メニュー */
  .logo img {
    width: 150px;
    padding: 0;
	margin-top: 5px;
  }
	
	#head_wrap.fixed .logo img{
    width: 150px;
    margin-top: 5px;
	}
	
	
  #global-nav ul {
    display: block;
    margin-right: 0px;
  }
  #global-nav ul li {
    border-right: none;
  }
  #head_wrap {
    top: 0;
    position: fixed;
    margin-top: 0;
    width: 100%;
    padding: 0;
    /* Fixed reset */
  }
  #head_wrap .inner {
    width: 100%;
    padding: 0;
  }
  #head_wrap.fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 65px;
    z-index: 999;
    position: relative;
  }
  #head_wrap.fixed .logo, #head_wrap .logo {
    position: absolute;
    left: 13px;
    top: 7px;
    color: #333;
    font-size: 26px;
  }
  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -491px;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 0px;
  }
  #global-nav ul li {
    float: none;
    position: static;
  }
  #head_wrap #global-nav ul li a, #head_wrap.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  #nav-toggle p {
    width: 43px;
    padding-top: 35px;
    font-size: 10px;
    color: #666;
    margin-bottom: 0px;
    letter-spacing: normal;
    display: block;
    transform: scale(0.85);
    transform-origin: left top;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
  .moushikomi a {
    background-color: #f8b551;
    border-radius: 5px;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 1.1rem;
    transition: 0.3s;
    display: inline !important;
  }
  .moushikomi a:hover {
    background-color: #ffffff;
    border: #f8b551 solid 2px;
    color: #f8b551 !important;
  }
  /* スマホ用メニュー 以上 */
  /* スマホ用 吹き出し */
  .talking-fukidashi {
    top: auto;
    float: none;
    margin: 0 auto;
  }
  .talking-fukidashi:before {
    border: 0px solid transparent;
    border-left: 0px solid #0098ff;
    top: 0px;
    right: 0px;
  }
  .talking-fukidashi:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 20px solid transparent;
    border-top: 20px solid #0098ff;
    width: 0;
    height: 0;
  }
  .talking-aria-chan {
    float: none;
    margin: 30px auto 50px auto;
  }
  /* トップ */
  #top {
    margin-top: 66px;
  }
  #top h2 {
    font-size: 1.2rem;
  }
  h1 {
    line-height: 25px !important;
  }
  /*右の吹き出し 三角*/
  #top .talking-fukidashi:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #0098ff; /*三角の線になる部分*/
    top: 15px;
    right: -22px;
  }
  #top .talking-fukidashi:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #0098ff;
    top: 15px;
    right: -19px;
    display: none;
  }
  .h1-small {
    font-size: 1rem;
    padding-bottom: 20px;
  }
  .h1-small h1 {
    line-height: 15px !important;
  }
  .h1-big {
    font-size: 1.6rem;
  }
  .top-phone-big {
    font-size: 1.6rem;
  }
  .top-circle {
    position: absolute;
    top: 5%;
    left: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    background-color: #fbb909;
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }
  .top-circle p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 90%;
  }
  .top-aria {
    position: absolute;
    top: 65%;
    left: 110%;
/*    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
/*    background-color: #fbb909;
    border-radius: 50%;*/
    width: 50%;
/*    height: 100px;*/
  }

  .main-logo {
    font-size: 1.5rem;
  }
  .top-txt {
    font-size: 1.3rem !important;
  }
  .top-txt-2 {
    font-size: 1.5rem;
  }
  .top-txt-3 {
    font-size: 1rem;
  }
  .top-txt-4 {
    font-size: 1.5rem;
  }
  .smart-text {
    font-size: 0.8rem;
    font-weight: bold;
  }
  .smart-text-2 {
    font-size: 0.8rem;
    font-weight: bold;
  }
  .count {
    font-size: 1.2rem;
    font-weight: bold;
  }
  #top h2 {
    padding: 2px 0;
  }
  #top .talking-fukidashi {
    max-width: 100%;
  }
  .main-info-subtxt {
    font-size: 0.8rem !important;
  }
  /* サービス */
  #service h2 {
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .service-midashi {
    font-size: 1.5rem;
  }
  .service-circle {
    margin-bottom: 100px;
  }
  .service-circle img {
    max-width: 300px;
  }
  .service-info {
    padding: 20px 10px;
  }
  .service-info h3 {
    font-size: 1rem;
  }
  .service-info p {
    font-size: 0.9rem;
  }
  .service-prepaid-info h3 {
    font-size: 1rem;
  }
  .service-prepaid-info p {
    font-size: 0.9rem;
  }
  /* ご入金までの流れ */
  #flow h2 {
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .flow-l {
    float: none;
    margin: 0 auto;
  }
  .flow-r {
    float: none;
    margin: 0 auto;
  }
  .flow-info {
    margin-bottom: 16px;
  }
  #flow h3 {
    text-align: left;
  }
  /* キャリア決済・プリペイドカードについて */
  .carrier-link h3 {
    font-size: 1rem;
  }
  .carrier-link img {
    width: 100px;
    margin: 0px;
  }
  .carrier-card {
    margin-bottom: 50px;
  }
  .carrier-card img {
    width: 300px;
  }
  .carrier-example-heading {
    font-size: 1.5rem;
    text-align: left;
    margin-left: 0px;
  }
  .carrier-example img {
    max-width: 200px;
  }
  .carrier-example {
    height: auto;
    max-width: 350px;
    margin: 0 auto 50px auto;
  }
  /* 安心・安全の理由 */
  #reason .talking {
    position: static;
    margin-bottom: 50px;
  }
  .safety-reason {
    font-size: 1.5rem;
  }
  .s-3 {
    text-shadow: 1px 1px 0.5px #222222, -1px 1px 0.5px #222222, 1px -1px 0.5px #222222, -1px -1px 0.5px #222222, 1px 0px 0.5px #222222, 0px 1px 0.5px #222222, -1px 0px 0.5px #222222, 0px -1px 0.5px #222222;
    padding: 10px 0 5px 5px;
  }
  .reason-font-big {
    font-size: 2rem;
  }
  .reason-font-big-s {
    font-size: 2rem;
    margin-left: -15px;
    margin-right: -10px;
  }
  .reason-3 {
    height: auto;
    max-width: 350px;
    margin: 0 auto 50px auto;
  }
  .reason-3 h3 {
    font-size: 2rem;
  }
  .reason-3 img {
    max-width: 120px;
  }
  /* 選ばれる理由 */
  #chosen h2 {
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .chosen-4 {
    padding: 10px 5px;
    height: 220px;
    margin-bottom: 30px;
  }
  .chosen-4 h4 {
    font-size: 1.2rem;
  }
  .chosen-4 h5 {
    font-size: 0.8rem;
  }
  .chosen-4 img {
    width: 100px;
  }
  /* アリアの新サービス・バンドルカード  */
  .new-service {
    margin-left: 0;
    margin: 0 auto;
    font-size: 1.5rem;
    z-index: 10;
    margin-bottom: 10px;
  }
  /* 業界の真実 */
  #truth h2 {
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .truth-info {
    background-size: 50%;
    background-position: center right;
  }
  .truth-info p {
    font-size: 0.9rem;
  }
  /* しっかりとした運営 */
  #company h2 {
    font-size: 1.5rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .company-info h3 {
    font-size: 1rem;
  }
  .company-info p {
    font-size: 0.9rem;
  }
  /* アマゾンギフト */
  #amazon h2 {
    color: #ff0000;
    text-align: center;
    font-weight: bold;
    background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffff66), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ffff66), color-stop(.75, #ffff66), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 75px 75px;
    padding: 0;
    color: #ff0000;
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .amazon-info p {
    font-size: 0.9rem;
  }
  .promise {
    margin-bottom: 50px;
  }
  .promise h3 {
    font-size: 1rem;
  }
  .promise img {
    max-width: 300px;
  }
  /* よくある質問 */
  #q_and_a h2 {
    font-size: 2rem;
    padding: 10px 5px;
    margin-bottom: 50px;
  }
  .qa-list {
    padding: 0 20px;
    max-width: 500px;
  }
  /* 最後のメッセージ */
  .message h3 {
    font-size: 2rem;
  }
  .message {
    padding: 50px 0 0 0;
    margin-bottom: 0px;
  }
  #q_and_a img {
    margin-bottom: 50px;
  }
  #message .talking {
    position: static;
    margin-bottom: 50px;
  }
  /* お申し込みフォーム */
  #form h2 {
    font-size: 2rem;
    padding: 10px 0;
  }
  .modaal-inner-wrapper {
    padding: 0px !important;
  }
  input.tenpu {
    width: 270px;
  }
  input.b-submit {
    width: 150px;
  }
  input.b-reset {
    width: 150px;
  }
  /* お知らせブログ */
  #blog h2 {
    font-size: 2rem;
    padding: 10px 5px;
  }
  /* 事業者情報 */
  #about h2 {
    font-size: 2rem;
    padding: 10px 5px;
  }
  /* アリアちゃんの想い */
  .wisdom-info h2 {
    font-size: 1rem
  }
  .wisdom-info p {
    font-size: 0.9rem;
    display: inline-block;
    text-align: left;
  }
  #wisdom .talking {
    margin-top: 0px;
  }
  /* お申し込みボタン */
  .button {
    position: relative;
    width: 250px;
    margin: 60px auto;
    transition: .2s;
    font-size: 20px;
  }
	
iframe {width: 330px;height: 700px;}

.modaal-content-container {
	}
	
.modaal-content-container h2 {
  padding: 20px 0 20px 0;
}
	
	
	
	
} /* メディアクエリ閉じ */