@charset "utf-8";@charset "utf-8";html {width: 100%;font-size: 100%; }body {-webkit-text-size-adjust: 100%;width: 100%;margin: 0;padding: 0;color: #333;font-size: 16px;font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height: 1.75;letter-spacing: 0; }* {max-width: 100%;max-height: 999999px;margin: 0;padding: 0;color: #333;font-size: 16px;font-family: inherit;font-weight: normal;font-style: normal;letter-spacing: inherit;line-height: inherit;outline: none;box-sizing: border-box; }*:before, *:after {box-sizing: border-box; }* * {color: inherit;font-size: inherit; }a {color: #333;outline: none;text-decoration: none; }a:active, a:hover {text-decoration: underline; }a * {color: inherit; }input {border: none;vertical-align: bottom; }input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: none; }input[type="checkbox"], input[type="radio"] {margin-right: 5px; }input[type="search"] {-webkit-appearance: textfield; }input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto; }input[disabled] {cursor: default; }button {border: none;cursor: pointer;vertical-align: bottom;-webkit-appearance: button;background-color: transparent; }button[disabled] {cursor: default; }select, textarea {vertical-align: bottom; }@media (min-width: 769px) {a:hover img, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; } }b, strong {font-weight: bold; }img {max-width: 100%;height: auto;border: 0;vertical-align: top; }img[src*=".svg"], img[src*=".svgz"] {width: 100%; }ul, ol {list-style-type: none;list-style-image: none;list-style-position: outside; }ul li, ol li {list-style: none; }audio, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, progress, video {display: block; }audio:not([controls]) {display: none;height: 0; }[hidden], template {display: none; }svg {width: auto;height: auto;vertical-align: bottom; }svg:not(:root) {overflow: hidden; }pre {overflow: auto; }code, kbd, pre, samp {font-family: monospace, monospace; }table {table-layout: fixed;width: 100%;border-spacing: 0;border-collapse: collapse; }table th, table td {text-align: left;font-weight: normal;vertical-align: top; }hr {display: block;width: 0;height: 0;border: 0; }.load a, .load img, .load input, .load svg, .load *:before, .load *:after {transition: opacity 0.7s; }.entry:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }.entry > * {margin-top: 1.5em; }.entry > *:first-child {margin-top: 0; }.entry ul, .entry ol {margin-top: 0.7em; }.entry .alignleft, .entry .alignright, .entry .aligncenter {margin-bottom: 5px; }.entry .alignleft {float: left;display: inline;margin-right: 10px;margin-top: 4px; }.entry .alignright {float: right;display: inline;margin-left: 10px;margin-top: 4px; }.entry .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto; }@media (min-width: 769px) {.sp {display: none !important; } }@media screen and (max-width: 768px) {body {min-width: inherit; }a {-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent; }.pc {display: none !important; } }.inner {width: 1100px;max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }#wrapper {position: relative;min-height: 100vh;overflow: hidden;padding-top: 60px; }nav {position: fixed;z-index: 100000;left: 0;top: 0;display: block;width: 100%;height: 60px;background-color: #71c7d1; }@media screen and (max-width: 768px) {nav.open > ul {right: 0; } }nav #spMenu {display: none; }@media screen and (max-width: 768px) {nav #spMenu {position: fixed;right: 10px;top: 5px;display: block;width: 50px;height: 50px;padding-top: 11px;overflow: hidden; }nav #spMenu:hover {text-decoration: none; }nav #spMenu > * {position: relative;display: block;width: 30px;height: 4px;margin: 0 auto; }nav #spMenu > * + * {margin-top: 8px; }nav #spMenu > *:before, nav #spMenu > *:after {content: "";position: absolute;top: 0;display: block;width: 50%;height: 4px;background-color: #fff;transition: all 0.5s; }nav #spMenu > *:before {left: 0; }nav #spMenu > *:after {right: 0; }nav #spMenu.open > *.t:before {left: 2px;top: 6.5px;transform: rotate(45deg); }nav #spMenu.open > *.t:after {right: 2px;top: 6.5px;transform: rotate(-45deg); }nav #spMenu.open > *.m:before {left: -100%; }nav #spMenu.open > *.m:after {right: -100%; }nav #spMenu.open > *.b:before {left: 2px;top: -6.5px;transform: rotate(-45deg); }nav #spMenu.open > *.b:after {right: 2px;top: -6.5px;transform: rotate(45deg); } }nav > ul {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 100%; }@media screen and (max-width: 768px) {nav > ul {position: fixed;z-index: 1000;right: -180px;top: 60px;display: block;width: 180px !important;height: auto;margin: 0 !important;padding: 0 !important;transition: all 0.7s;overflow-y: auto;background-color: rgba(255, 255, 255, .7);-webkit-overflow-scrolling: touch; } }nav > ul > li {height: 100%; }@media screen and (max-width: 768px) {nav > ul > li {display: block;width: 100%;height: auto;border-bottom: 1px #71c7d1 solid; } }nav > ul > li a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;height: 100%;margin: 0 35px;padding: 0 10px;color: #fff;font-size: 16px;font-family: 'Cormorant Garamond';font-weight: 700;font-style: italic;text-decoration: none;transition: opacity 0.7s; }nav > ul > li a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {nav > ul > li a:hover {opacity: 1; } }nav > ul > li a:hover img {opacity: 1; }@media screen and (max-width: 768px) {nav > ul > li a {display: block;height: auto;margin: 0;padding: 10px 15px;color: #71c7d1; } }header {padding: 25px 0; }@media screen and (max-width: 768px) {header {padding: 15px 0; } }header .inner {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center; }@media screen and (max-width: 768px) {header .inner {display: block; } }header .inner h1 {width: 48.14%;padding: 0 15px;margin-right: auto; }@media screen and (max-width: 768px) {header .inner h1 {width: 90%;padding: 0;margin: 0 auto;text-align: center; } }header .inner > div {width: 47.68%;padding: 0 15px;margin-left: auto; }@media screen and (max-width: 768px) {header .inner > div {width: 100%;padding: 0;margin: 15px 0 0; } }header .inner > div em {display: block;margin-bottom: 10px;padding-bottom: 10px;color: #71c7d1;font-size: 23px;text-align: center;border-bottom: 2px dotted #71c7d1; }@media screen and (max-width: 768px) {header .inner > div em {margin-bottom: 5px;padding-bottom: 5px;font-size: 16px; } }header .inner > div p {font-size: 16px;text-align: center;line-height: 2.26667; }@media screen and (max-width: 768px) {header .inner > div p {font-size: 14px; } }main .ttl01 {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 30px; }@media screen and (max-width: 768px) {main .ttl01 {margin-bottom: 20px; } }main .ttl01.pink > * {color: #f09ca0; }main .ttl01.pink > *:before, main .ttl01.pink > *:after {background-image: url(../images/iconTtl01Pink.svg); }main .ttl01 > * {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;flex-flow: column;position: relative;padding: 0 245px;color: #71c7d1;font-size: 40px;text-align: center;line-height: 1;font-family: 'Cormorant Garamond';font-weight: 700;font-style: italic; }@media screen and (max-width: 768px) {main .ttl01 > * {padding: 0 120px;font-size: 30px; } }main .ttl01 > *:before, main .ttl01 > *:after {content: "";position: absolute;top: 50%;display: block;width: 235px;height: 62px;background: url(../images/iconTtl01Blue.svg) no-repeat center / cover;transform: translateY(-50%); }@media screen and (max-width: 768px) {main .ttl01 > *:before, main .ttl01 > *:after {width: 110px;height: 30px; } }main .ttl01 > *:before {left: 0; }main .ttl01 > *:after {right: 0;transform: translateY(-50%) rotateY(180deg); }main .ttl01 > * i {display: block;color: #333;font-size: 16px;font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: normal;font-style: normal; }@media screen and (max-width: 768px) {main .ttl01 > * i {font-size: 12px; } }main .ttl03 {display: block;color: #71c7d1;margin-bottom: 15px;font-size: 24px;line-height: 1.41667; }@media screen and (max-width: 768px) {main .ttl03 {margin-bottom: 10px;font-size: 18px; } }main .box {padding: 0 55px; }@media screen and (max-width: 768px) {main .box {padding: 0; } }main #profile {padding: 140px 0 100px;background-color: rgba(113, 199, 209, .1); }@media screen and (max-width: 768px) {main #profile {margin-top: 50px;padding: 20px 0 35px; } }main #profile .inner .profile {-js-display: flex;display: flex;flex-wrap: wrap;align-items: flex-start;flex-flow: row-reverse;margin-bottom: 80px; }@media screen and (max-width: 768px) {main #profile .inner .profile {display: block;margin-bottom: 35px; } }main #profile .inner .profile figure {position: relative;z-index: 1;width: 58.33%; }@media screen and (max-width: 768px) {main #profile .inner .profile figure {width: 100%; } }main #profile .inner .profile > div {position: relative;top: -40px;width: 450px;padding: 50px 60px 65px; }@media screen and (max-width: 768px) {main #profile .inner .profile > div {top: 0;width: 100%;padding: 15px; } }main #profile .inner .profile > div:before {content: "";position: absolute;left: 0;top: 0;width: calc(100% + 35px);max-width: none;height: 100%;background-color: #71c7d1; }@media screen and (max-width: 768px) {main #profile .inner .profile > div:before {width: 100%; } }main #profile .inner .profile > div > * {position: relative;z-index: 1;color: #fff;text-align: center; }main #profile .inner .profile > div em {display: block;font-size: 40px;font-family: 'Cormorant Garamond';font-weight: 700;font-style: italic;line-height: 1; }@media screen and (max-width: 768px) {main #profile .inner .profile > div em {font-size: 20px; } }main #profile .inner .profile > div strong {display: block;margin-top: 30px;font-size: 30px; }@media screen and (max-width: 768px) {main #profile .inner .profile > div strong {margin-top: 20px;font-size: 16px; } }main #profile .inner .profile > div strong i {display: block;font-size: 16px;line-height: 1; }@media screen and (max-width: 768px) {main #profile .inner .profile > div strong i {font-size: 11px; } }main #profile .inner .profile > div p {margin-top: 15px;font-size: 16px; }@media screen and (max-width: 768px) {main #profile .inner .profile > div p {font-size: 11px; } }main #profile .inner .box {margin-top: 35px; }@media screen and (max-width: 768px) {main #profile .inner .box {margin-top: 30px; } }main #profile .inner .box em {display: block;margin-bottom: 15px;color: #71c7d1;font-size: 30px;line-height: 1.43333; }@media screen and (max-width: 768px) {main #profile .inner .box em {font-size: 18px;text-align: center;line-height: 1.55556; } }main #profile .inner .box p {line-height: 2.125; }@media screen and (max-width: 768px) {main #profile .inner .box p {font-size: 14px;text-align: center;line-height: 2; } }main #profile .inner .about {-js-display: flex;display: flex;flex-wrap: wrap;align-items: flex-end;margin-top: 40px;padding: 35px 70px 25px;border-radius: 25px;background-color: #fff; }@media screen and (max-width: 768px) {main #profile .inner .about {position: relative;left: -15px;width: calc(100% + 30px);max-width: none;margin-top: 30px;padding: 20px 15px;border-radius: 0; } }main #profile .inner .about > div {order: 2;width: 62.76%;padding-bottom: 5px; }@media screen and (max-width: 768px) {main #profile .inner .about > div {order: 1;width: 100%;margin-bottom: 25px;padding: 0; } }@media screen and (max-width: 768px) {main #profile .inner .about > div p {font-size: 12px; } }main #profile .inner .about > div p big {position: relative;display: inline-block;padding-right: 120px; }@media screen and (max-width: 768px) {main #profile .inner .about > div p big {display: block;padding-right: 0; }main #profile .inner .about > div p big + br {display: none; } }main #profile .inner .about > div p big:before {content: "";position: absolute;left: 0;top: 50%;display: block;width: 100%;height: 0.5px;background-color: #333; }main #profile .inner .about > div p big i {position: relative;z-index: 1;display: inline-block;padding-right: 5px;font-size: 20px;background-color: #fff; }@media screen and (max-width: 768px) {main #profile .inner .about > div p big i {font-size: 16px; } }main #profile .inner .about > figure {width: 18.61%; }main #profile .inner .about > figure:nth-child(2) {order: 1; }@media screen and (max-width: 768px) {main #profile .inner .about > figure:nth-child(2) {order: 2;width: 38.8%;margin-right: auto; } }main #profile .inner .about > figure:nth-child(2) img {width: 74.28%; }@media screen and (max-width: 768px) {main #profile .inner .about > figure:nth-child(2) img {width: 100%; } }main #profile .inner .about > figure:last-child {order: 3;text-align: right; }@media screen and (max-width: 768px) {main #profile .inner .about > figure:last-child {order: 3;width: 52.53%;margin: 0 0 0 auto; } }main #profile .inner .about > figure:last-child img {width: 94.28%; }@media screen and (max-width: 768px) {main #profile .inner .about > figure:last-child img {width: 100%; } }main #menu {padding: 95px 0 100px; }@media screen and (max-width: 768px) {main #menu {padding: 30px 0 60px; } }@media screen and (max-width: 768px) {main #menu .inner .box p {font-size: 12px;text-align: center; } }main #menu .inner .box p b {color: #f09d9f; }main #menu .inner .box .note1 {margin: 15px 0;padding: 10px 0;border-top: 2px dotted #6cc9d3;border-bottom: 2px dotted #6cc9d3; }main #menu .inner .box .note1 > li {position: relative;padding-left: 1.2em;color: #6cc9d3;line-height: 2; }main #menu .inner .box .note1 > li + li {margin-top: 10px; }@media screen and (max-width: 768px) {main #menu .inner .box .note1 > li {font-size: 12px; } }main #menu .inner .box .note1 > li:before {content: "◉";position: absolute;left: 0;top: 0; }main #menu .inner .course {margin-top: 50px; }main #menu .inner .course > li {-js-display: flex;display: flex;flex-wrap: wrap;flex-flow: row;background-color: rgba(113, 199, 209, .1); }@media screen and (max-width: 768px) {main #menu .inner .course > li {position: relative;left: -15px;display: block;width: calc(100% + 30px);max-width: none; } }main #menu .inner .course > li:nth-child(even) {flex-flow: row-reverse; }main #menu .inner .course > li:nth-child(even) > ul {padding-right: 55px; }main #menu .inner .course > li:nth-child(odd) > ul {padding-left: 55px; }main #menu .inner .course > li + li {margin-top: 50px; }main #menu .inner .course > li > figure {width: 35.55%; }@media screen and (max-width: 768px) {main #menu .inner .course > li > figure {width: 100%; } }main #menu .inner .course > li > ul {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;width: 64.44%;padding: 0 25px;background: url(../images/topSec02Bg01.png) no-repeat center / 100% auto; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul {width: 100%;padding: 15px 20px !important; } }main #menu .inner .course > li > ul > li + li {margin-top: 35px; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li + li {margin-top: 40px; } }main #menu .inner .course > li > ul > li em {position: relative;padding-left: 28px;margin-bottom: 10px;color: #6cc9d3;font-size: 24px; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li em {font-size: 22px; } }main #menu .inner .course > li > ul > li em:before {content: "";position: absolute;left: 0;top: 8px;display: block;width: 23px;height: 20px;background: url(../images/iconTtl02.svg) no-repeat center / cover; }main #menu .inner .course > li > ul > li em i {display: inline-block;margin-left: 10px;height: 24px;padding: 2px 12px 0;border-radius: 12px;color: #fff;font-size: 18px;line-height: 1;background-color: #f09d9f; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li em i {display: none; } }main #menu .inner .course > li > ul > li em b {display: block;color: #333;font-size: 20px; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li em b {display: none; } }main #menu .inner .course > li > ul > li em span {display: block;font-size: 18px; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li em span {font-size: 15px; } }main #menu .inner .course > li > ul > li dl {display: none; }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li dl {-js-display: flex;display: flex;flex-wrap: wrap; }main #menu .inner .course > li > ul > li dl dt {width: 120px;padding-right: 10px;padding-top: 3px; }main #menu .inner .course > li > ul > li dl dt i {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;height: 24px;padding: 0 12px;border-radius: 12px;color: #fff;font-size: 16px;line-height: 1;background-color: #f09d9f; }main #menu .inner .course > li > ul > li dl dd {width: calc(100% - 120px);font-size: 20px;line-height: 1.5; } }@media screen and (max-width: 768px) {main #menu .inner .course > li > ul > li p {font-size: 12px;line-height: 2; } }main #menu .inner .course > li > ul > li .note2 {margin-top: 10px; }main #menu .inner .course > li > ul > li .note2 > li {position: relative;padding-left: 1em;font-size: 12px; }main #menu .inner .course > li > ul > li .note2 > li:before {content: "＊";position: absolute;left: 0;top: 0; }main #menu .inner .note3 {position: relative;width: 810px;margin: 60px auto 0;padding: 25px 15px;background-color: #fff; }@media screen and (max-width: 768px) {main #menu .inner .note3 {position: relative;left: -15px;width: calc(100% + 30px);max-width: none;padding: 15px;border-top: 10px solid rgba(113, 199, 209, .1);border-bottom: 10px solid rgba(113, 199, 209, .1); } }main #menu .inner .note3:before, main #menu .inner .note3:after {content: "";position: absolute;width: 100%;height: 100%; }@media screen and (max-width: 768px) {main #menu .inner .note3:before, main #menu .inner .note3:after {display: none; } }main #menu .inner .note3:before {left: -10px;top: -10px;border-left: 10px solid rgba(113, 199, 209, .1);border-top: 10px solid rgba(113, 199, 209, .1); }main #menu .inner .note3:after {right: -10px;bottom: -10px;border-right: 10px solid rgba(113, 199, 209, .1);border-bottom: 10px solid rgba(113, 199, 209, .1); }main #menu .inner .note3 > * {position: relative;z-index: 1; }main #menu .inner .note3 em {display: block;font-size: 24px;text-align: center; }main #menu .inner .note3 ul {width: 670px;margin: 20px auto 0; }main #menu .inner .note3 ul > li {position: relative;padding-left: 1.2em; }@media screen and (max-width: 768px) {main #menu .inner .note3 ul > li + li {margin-top: 15px; } }main #menu .inner .note3 ul > li:before {content: "＊";position: absolute;left: 0;top: 0; }main #goods {margin-top: 100px;padding: 50px 0 100px;background-color: rgba(240, 156, 160, .1); }@media screen and (max-width: 768px) {main #goods {margin-top: 0;padding: 20px 0 50px; } }main #goods .inner p.alc {text-align: center; }@media screen and (max-width: 768px) {main #goods .inner p.alc {font-size: 12px; } }main #goods .inner .box {width: 800px;margin: 15px auto 0;padding: 15px 20px;background-color: #fff; }main #goods .inner .box small {display: block;font-size: 12px; }main #goods .inner .box p {position: relative;padding-left: 1.2em;font-size: 14px; }main #goods .inner .box p::before {content: "＊";position: absolute;left: 0;top: 0; }main #goods .inner em {display: block;margin: 45px 0 25px; }@media screen and (max-width: 768px) {main #goods .inner em {margin: 35px 0 20px; } }main #goods .inner em i {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 235px;height: 45px;margin: 0 auto;padding-bottom: 3px;color: #f09ca0;font-size: 24px;line-height: 1;background: url(../images/bgTtl03.svg) no-repeat center / cover; }@media screen and (max-width: 768px) {main #goods .inner em i {width: 220px;height: 42px;font-size: 22px; } }main #goods .inner ul {-js-display: flex;display: flex;flex-wrap: wrap; }main #goods .inner ul > li {width: calc((100% - 120px) / 4);margin-right: 40px; }main #goods .inner ul > li:nth-child(4n) {margin-right: 0; }main #goods .inner ul > li:nth-child(n+5) {margin-top: 40px; }@media screen and (max-width: 768px) {main #goods .inner ul > li {width: calc((100% - 15px) / 2);margin-right: 15px; }main #goods .inner ul > li:nth-child(2n) {margin-right: 0; }main #goods .inner ul > li:nth-child(n+3) {margin-top: 15px; } }main #family {margin-top: 100px; }main #family .inner .family {position: relative;left: -15px;width: calc(100% + 30px);max-width: none; }main #family .inner .family > li {-js-display: flex;display: flex;flex-wrap: wrap;align-items: flex-end; }@media screen and (max-width: 768px) {main #family .inner .family > li {display: block; } }main #family .inner .family > li + li {margin-top: 40px; }@media screen and (max-width: 768px) {main #family .inner .family > li + li {margin-top: 25px; } }main #family .inner .family > li:nth-child(odd) {flex-flow: row-reverse; }main #family .inner .family > li:last-child > div {background-color: rgba(240, 156, 160, .1); }main #family .inner .family > li:last-child > div .ttl span {color: #f09ca0; }main #family .inner .family > li > figure {width: 48.14%; }@media screen and (max-width: 768px) {main #family .inner .family > li > figure {width: 100%; } }main #family .inner .family > li > div {width: 51.85%;padding: 45px 60px 40px;background-color: rgba(113, 199, 209, .1); }@media screen and (max-width: 768px) {main #family .inner .family > li > div {width: 100%;padding: 15px 15px 25px; } }main #family .inner .family > li > div .ttl {-js-display: flex;display: flex;flex-wrap: wrap;align-items: flex-end;margin-bottom: 15px; }@media screen and (max-width: 768px) {main #family .inner .family > li > div .ttl {display: block;margin-bottom: 10px; } }main #family .inner .family > li > div .ttl img {display: block;width: 235px; }@media screen and (max-width: 768px) {main #family .inner .family > li > div .ttl img {margin: 0 auto 10px; } }main #family .inner .family > li > div .ttl span {display: block;width: calc(100% - 235px);padding-left: 15px;color: #6cc9d3;font-size: 12px; }@media screen and (max-width: 768px) {main #family .inner .family > li > div .ttl span {width: 100%;padding-left: 0;text-align: center; } }main #family .inner .family > li > div p {font-size: 15px;line-height: 1.86667; }@media screen and (max-width: 768px) {main #family .inner .family > li > div p {font-size: 12px;text-align: center;line-height: 2; } }main #contact {padding: 100px 0; }main #contact .inner p.alc {text-align: center; }@media screen and (max-width: 768px) {main #contact .inner p.alc {font-size: 12px; } }main #contact .inner .box {margin-top: 30px; }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form table {display: block; } }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form table tbody {display: block; } }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form table tbody tr {display: block; }main #contact .inner .box .wpcf7 form table tbody tr + tr {margin-top: 20px; } }main #contact .inner .box .wpcf7 form table tbody tr th, main #contact .inner .box .wpcf7 form table tbody tr td {padding: 20px;border: 1px #ccc solid; }main #contact .inner .box .wpcf7 form table tbody tr th {width: 278px;color: #6cc9d3;font-size: 16px;vertical-align: middle;text-align: center;background-color: rgba(108, 201, 211, .1); }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form table tbody tr th {display: none; } }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form table tbody tr td {padding: 0; } }main #contact .inner .box .wpcf7 form table tbody tr td input {width: 100%;height: 40px;padding: 0 10px;border: 1px solid #e6e6e6; }@media (min-width: 769px) {main #contact .inner .box .wpcf7 form table tbody tr td input::placeholder {color: transparent; } }main #contact .inner .box .wpcf7 form table tbody tr td textarea {width: 100%;height: 120px;padding: 10px;border: 1px solid #e6e6e6; }@media (min-width: 769px) {main #contact .inner .box .wpcf7 form table tbody tr td textarea::placeholder {color: transparent; } }main #contact .inner .box .wpcf7 form .btn {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: center;flex-flow: column;margin-top: 55px; }main #contact .inner .box .wpcf7 form .btn input {display: block;width: 278px;height: 60px;margin: 0 auto;border-radius: 10px;color: #fff;font-size: 20px;background-color: #6cc9d3;text-decoration: none;transition: opacity 0.7s; }main #contact .inner .box .wpcf7 form .btn input:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {main #contact .inner .box .wpcf7 form .btn input:hover {opacity: 1; } }main #contact .inner .box .wpcf7 form .btn input:hover img {opacity: 1; }@media screen and (max-width: 768px) {main #contact .inner .box .wpcf7 form .btn input {width: 100px; } }main #contact .inner .box .wpcf7 form .btn .wpcf7-spinner {display: block;margin: 15px auto 0; }main #contact .inner .sns {width: 520px;margin: 100px auto 0; }@media screen and (max-width: 768px) {main #contact .inner .sns {margin-top: 30px; } }main #contact .inner .sns p {padding: 15px 10px;text-align: center;background-color: rgba(108, 201, 211, .1); }main #contact .inner .sns ul {-js-display: flex;display: flex;flex-wrap: wrap;margin-top: 30px; }@media screen and (max-width: 768px) {main #contact .inner .sns ul {width: 210px;margin: 30px auto 0; } }main #contact .inner .sns ul > li:nth-child(odd) {margin-right: auto; }main #contact .inner .sns ul > li:nth-child(even) {margin-left: auto; }@media screen and (max-width: 768px) {main #contact .inner .sns ul > li:nth-child(even) {margin-top: 25px; } }@media screen and (max-width: 768px) {main #contact .inner .sns ul > li {margin-left: 0 !important; } }main #contact .inner .sns ul > li a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;color: #6cc9d3;font-size: 40px;line-height: 1;text-decoration: none;transition: opacity 0.7s; }main #contact .inner .sns ul > li a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {main #contact .inner .sns ul > li a:hover {opacity: 1; } }main #contact .inner .sns ul > li a:hover img {opacity: 1; }@media screen and (max-width: 768px) {main #contact .inner .sns ul > li a {font-size: 32px; } }main #contact .inner .sns ul > li a img {width: 50px;margin-right: 25px; }@media screen and (max-width: 768px) {main #contact .inner .sns ul > li a img {width: 40px;margin-right: 15px; } }main #contact .inner .sns ul > li a i {line-height: 1; }