@charset "UTF-8";
/* Scss Document */
/* 
---------------------------------------
#contact01
---------------------------------------
*/
#contact01 .txt {
  margin-bottom: clamp(25px, 5vw, 50px);
  font-size: 15px; }

#contact01 ul {
  margin-bottom: clamp(50px, 10vw, 100px); }

#contact01 ul li {
  font-size: 14px;
  padding-bottom: 5px; }

#contact01 .txt2 {
  margin-top: 20px; }

#contact01 .txt2 a {
  transition: all 0.6s;
  color: #0E7BDB;
  text-decoration: underline; }

#contact01 .txt2 a:hover {
  opacity: 0.7;
  transition: all 0.6s; }

/* 
---------------------------------------
#contact02（thanks）
---------------------------------------
*/
#contact02 {
  padding: 120px 0; }
  @media (max-width: 999px) {
    #contact02 {
      padding: 60px 0;
      margin-bottom: 5rem; } }

#contact02 .sttl {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px; }
  @media (max-width: 999px) {
    #contact02 .sttl {
      font-size: 20px;
      margin-bottom: 20px;
      text-align: left; } }

#contact02 .stxt {
  font-size: 16px;
  text-align: center; }
  @media (max-width: 999px) {
    #contact02 .stxt {
      font-size: 14px;
      text-align: left; } }

#contact02 .top a {
  text-align: center;
  text-decoration: underline;
  display: block; }
  @media (max-width: 999px) {
    #contact02 .top a {
      font-size: 14px;
      text-align: left; } }

/*タブ実装*/
.tab_box .btn_area {
  display: flex;
  justify-content: center; }

.tab_box {
  margin-bottom: 40px; }

.tab_box .tab_btn {
  width: 45%;
  font-size: 26px;
  padding: clamp(12px, 2.4vw, 24px) 0;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFCC26;
  border-radius: clamp(25px, 5vw, 50px) clamp(25px, 5vw, 50px) 0 0;
  line-height: normal; }
  @media (max-width: 999px) {
    .tab_box .tab_btn {
      font-size: 16px; } }

.tab_box .tab_btn + .tab_btn {
  margin-left: 10px; }

.tab_box .tab_btn:hover {
  background-color: #dce1e4; }

.tab_box .tab_btn.active {
  background: #FFF5D3; }

.tab_box .tab_btn span {
  font-size: 12px;
  margin-left: 2px; }
  @media (min-width: 1000px) {
    .tab_box .tab_btn span {
      font-size: 20px;
      margin-left: 10px; } }

.tab_box .panel_area {
  padding: 100px 120px;
  background: #FFF5D3;
  border-radius: clamp(25px, 5vw, 50px); }
  @media (max-width: 999px) {
    .tab_box .panel_area {
      padding: 20px 20px 0; } }

.none .tab_box .tab_panel {
  display: none; }

.tab_box .tab_panel.active {
  display: block;
  opacity: 1; }

.tab_box .tab_panel.active iframe {
  display: block; }

#contact01 .other {
  padding-top: 10px;
  font-size: 15px; }

#contact01 .txt span {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

.screen-reader-response {
  display: none; }