/*
Theme Name: 丸七住宅
Theme URI: https://07j.jp/
Description: K's Studio
Version: 1.0.0
Author: K's Studio
Author URI: https://ksstudio.jp/
*/

@charset 'UTF-8';

#wptime-plugin-preloader {
  background-size:150px 150px !important;
}

.home h1.title {
  margin:0 auto 40px auto;
  text-align:center;
}

h1 {
  font-family:'Shin Go Bold','Montserrat', sans-serif;
  font-size:50px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:5px;
}

body {
  /* background:url('../img/shoplink/shop_bg.png') repeat ; */
  background:#f4ebe4;
  color:#000000;
}

body.post-type-archive-shoplink,
body.single-shoplink{
  background:#f4ebe4;
  /* background:url('../img/shoplink/shop_bg.png') repeat ; */
}

body.home {
  background:#f4ebe4;
  /* background:url('../img/shoplink/shop_bg.png') repeat ; */
}

body.home:before {
  display:block;
  position:fixed;
  z-index:-1;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  /* background:url('../img/top/bg1_pc.jpg') center bottom no-repeat; */
  background-size:cover;
  content:'';
}
header{
  position:absolute;
  top:40px;
  left:50%;
  transform: translateX(-50%);
  width: 1240px;
  max-width:100%;
  height: 50px;
  z-index:99;
}

body.home header{
  display: none;
}
header a{
  display:block;
  width:200px;
  padding: 10px;
  height:auto;
  position: relative;
}
header a:after{
  /* display:block; */
  /* width:100%;
  height:100%; */
  /* position: absolute;
  z-index: 0;
  top: 0; */
  /* content:''; */
  /* left: 0; */
  /* background-color: rgba(255,255,255,0.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px); */
}
header a img{
  display:block;
  width:100%;
  object-fit: contain;
  height:auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  header{
    top:20px;
    left:50%;
    height: 30px;
  }
  
  header a{
    width:100px;
    padding: 8px;
  }
  
}

.contents {
  overflow:hidden;
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:0 10px 40px 10px;
}

.menuitem {
  display:block;
  position:relative;
  margin-bottom:15px;
  padding-left:40px;
  border-bottom:1px #ffffff solid;
  color:#ffffff;
  font-size:22px;
  line-height:50px;
}

.menuitem:before {
  display:block;
  position:absolute;
  left:0px;
  content:'＋';
}

.menuitem:hover:before,
.menuitem:active:before {
  color:#ffc700;
  transition:0.4s ease-in-out;
  transform:rotate(360deg);
}

.menuitem:hover,
.menuitem:active {
  border-bottom:1px #ffc700 solid;
  transition:0.4s ease-in-out;
}

.st-Header .header_inner {
  position:relative;
  max-width:1180px;
  width:100%;
  margin:0 auto;
}

.st-Header .logo {
  position:absolute;
  z-index:9999;
  top:0;
  left:10px;
  transition:1s all;
}

.st-Header .is-scroll .logo {
  transform:scale(0.65);
  transform-origin:top left;
}

.st-Header .navigation {
  height:76px;
  background:#001e5a;
}

.home .st-Header .navigation {
  background:transparent ;
}

.home .st-Header .is-scroll {
  background:rgba(0,30,90,0.6);
}

.home .pagenation {
  position:fixed;
  top:40%;
  right:0;
  padding:20px;
}

.home .pagenation li {
  list-style-type:none;
  margin-bottom:15px;
}

.home .pagenation a {
  display:block;
  width:10px;
  height:10px;
  border:1px solid #ffffff;
  border-radius:5px;
}

.home .pagenation a.active {
  background:#ffffff;
}

.st-Header .nav-list {
  display:block;
}

.st-Header nav {
  float:right;
  margin:20px 20px 0 0;
}

.st-Header nav ul {
  list-style:none;
  margin:0;
  padding:0;
}

.st-Header nav ul li {
  position:relative;
  float:left;
}

.st-Header nav ul li a,
.st-Header nav ul li a:visited {
  padding:0 10px;
}

.st-Header nav ul li a:hover,
.st-Header nav ul li a:active {
  color:#ffc700;
}

.st-Header nav ul li a:not(:only-child):after,
.st-Header nav ul li a:visited:not(:only-child):after {
  padding-left:4px;
  content:' ▾';
}

.st-Header nav ul li ul li {
  min-width:190px;
}

.st-Header nav ul li ul li a {
  padding:15px;
  line-height:20px;
}

.st-Header .nav-dropdown {
  display:none;
  position:absolute;
  z-index:1;
  box-shadow:0 3px 12px rgba(0, 0, 0, 0.15);
}

.st-Header .nav-mobile {
  display:none;
  position:absolute;
  top:5px;
  right:20px;
  width:60px;
  height:60px;
  border-radius:50%;
  background:none;
}

.st-Header #nav-toggle {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
}

.st-Header #nav-toggle p {
  position:absolute;
  top:18px;
  left:10px;
  padding:10px 35px 20px 0px;
}

.st-Header #nav-toggle span,
.st-Header #nav-toggle span:before,
.st-Header #nav-toggle span:after {
  display:block;
  position:absolute;
  width:40px;
  height:4px;
  border-radius:1px;
  background:#ffffff;
  content:'';
  cursor:pointer;
  transition:all 300ms ease-in-out;
}

.st-Header #nav-toggle span:before {
  top:-15px;
}

.st-Header #nav-toggle span:after {
  bottom:-15px;
}

.st-Header #nav-toggle.active span {
  background-color:transparent;
}

.st-Header #nav-toggle.active span:before,
.st-Header #nav-toggle.active span:after {
  top:0;
}

.st-Header #nav-toggle.active span:before {
  transform:rotate(45deg);
}

.st-Header #nav-toggle.active span:after {
  transform:rotate(-45deg);
}

.st-pagetop {
  position:fixed;
  z-index:99;
  right:5px;
  bottom:30px;
  line-height:1;
}

.st-pagetop a {
  color:#0066b6;
  font-size:48px;
}

.post-type-archive-shoplink .st-pagetop a ,
.single-shoplink .st-pagetop a{
  color: #523B1C;
}

.home .st-pagetop a {
  color:#000;
}

.st-pagetop a:hover,
.st-pagetop a:active {
  color:#ffc700;
}

.st-footer {
  margin-top:0px;
  padding:0px 0 10px 0;
  background:#d0af74;
  background:#fff;

}

.home .st-footer {
  margin-top:0px;
  padding:0px 0 10px 0;
  background:#fff;
}

.post-type-archive-shoplink .st-footer,
.single-shoplink .st-footer{
  margin-top:0px;
  padding:0px 0 10px 0;
  background:#fff;
}

.snsbanner {
  max-width:528px;
  margin:0 auto;
  text-align:center;
}

.st-footer_banner2{
  margin:0 0 0 0;
}

.st-footer_banner2 .col-4{
  padding:0 2px 0 2px;
}

.st-footer_banner2 .footer_banner{
  text-align: center;
  background:#ffffff;
}

.st-footer .snsicon {
  margin-bottom:15px;
}

.st-footer .address_area {
  width:600px;
  margin:25px auto 30px auto;
}

.st-footer .address_area .number {
  font-size:13px;
  line-height:1.4;
}

.st-footer .address_area .name {
  font-size:22px;
  line-height:1.6;
}

.st-footer .shoplink_logo{
  margin:5px 0;
  text-align: center;
}

.st-footer .contact_shoplink{
  text-align: center;
  padding:40px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;

}

.st-footer .contact_shoplink a{
  color:#ffffff;
  font-size:18px;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
  font-size: clamp(1.6rem,3vw,2.0rem);
  color: #ac6c34;
  

}
.st-footer .contact_shoplink a:after{
  content: '';
  display: block;
  width: 32px;
  height: 26px;
  background: url('../img/common/mail_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg') no-repeat center center;
  background-size: contain;

}

.st-footer .contact_shoplink a:hover{
  color:#FFC700;
}

.st-footer .copyright {
  font-size:14px;
  text-align:center;
  color:#666666;
}

.st-subtitle {
  margin-bottom:50px;
  padding-top:190px;
}

.st-subtitle .subtitleline {
  margin:15px 0 15px 0;
  border-bottom:1px #000000 solid;
}

.st-footer__text{
  text-align: center;
  color: #666;
  padding-top: 25px;
  margin-bottom: 25px;
}
.st-footer__text p:nth-of-type(1){
  text-align: center;
  font-size: clamp(1.4rem,3vw,1.8rem);
  color: #666;
  font-weight: 700;
}
.st-footer__text p:nth-of-type(2){
  text-align: center;
  font-size: clamp(1.2rem,2vw,1.4rem);
  color: #666;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .st-footer__text{
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .st-footer__text p:nth-of-type(1){
    font-size:14px;
    color: #ac6c34;

  }
  .st-footer__text p:nth-of-type(2){
    font-size: 12px;
  }
  
}

/*------------------------------------------------------
  サイドバー（お知らせ）
-------------------------------------------------------*/
.st-sidebar {
  float:right;
  width:260px;
  margin:0px 0px 0 0px;
}

.st-sidebar .categories_title {
  margin-bottom:5px;
  padding:8px 15px;
  background:#0f58b6;
  color:#ffffff;
  font-size:16px;
  text-align:left;
}

.st-sidebar .categories_title_shop {
  background:#BC8044;
}

.st-sidebar .categories {
  margin-bottom:30px;
}

.st-sidebar .categories li a {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
  padding:0 15px;
  background:#f8f8f8;
  color:#000000;
  font-size:16px;
  text-decoration:none;
  text-align:left;
  line-height:2.4em;
}

.st-sidebar .categories_shop li a{
  color:#503B1E;
}

.st-sidebar .categories li a:hover,
.st-sidebar .categories li a:active {
  background:#ffc700;
}

.st-sidebar .categories_shop li a:hover,
.st-sidebar .categories_shop li a:active {
  background:#ffc700;
  color:#ffffff;
}

.st-sidebar .categories li span {
  float:right;
  margin:8px 0 0 6px;
  padding:4px 8px;
  border-radius:4px;
  background:#0f58b6;
  color:#ffffff;
  line-height:1em;
}

.st-sidebar .categories_shop li span {
  background:#BC8044;
}

.st-sidebar .categories li a:hover span,
.st-sidebar .categories li a:active span {
  background:#0f58b6;
}

.st-sidebar .categories_shop li a:hover span,
.st-sidebar .categories_shop li a:active span {
  background:#BC8044;
}

.st-sidebar .categories_shop ul.children li a{
  padding:0 15px 0 25px;
}

.st-sidebar .categories_shop ul.children li a:before{
  margin-right:10px;
  font-weight:bold;
  content:'-';
}

.st-sidebar .categories li .year {
  display:block;
  position:relative;
  margin-bottom:5px;
  padding:0 15px 0 50px;
  background:#f8f8f8;
  font-size:16px;
  text-align:left;
  line-height:2.4em;

  columns:#000000;
}

.st-sidebar .categories li div::before {
  position:absolute;
  top:5px;
  left:10px;
  content:url('../img/common/arrow.png');
}

.st-sidebar .categories li div.open::before {
  content:url('../img/common/arrow_on.png') !important;
}

.st-sidebar .categories li .year:hover,
.st-sidebar .categories li .year:active {
  background:#ffc700;
  color:#000000;
}

.st-sidebar .categories li.month a {
  padding-left:60px;
}

/*タグ*/
.st-sidebar .taglist,
.st-sidebar .taglist_shop {
  margin-bottom:30px;
}

.st-sidebar .taglist li,
.st-sidebar .taglist_shop li{
  float:left;
  line-height:2.4em;
}

.st-sidebar .taglist a {
  margin:3px 3px 7px 3px;
  padding:3px 10px 3px;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  background-color:rgba(255,255,255,0.9);
  color:#000000;
  text-decoration:none;
  line-height:1.0;
  white-space:nowrap;
  font-size:13px;
}

.st-sidebar .taglist_shop a {
  margin:0 5px 5px 0;
  padding:3px 8px 3px 8px;
  border:1px solid #E5811E;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  background-color:rgba(255,255,255,0.9);
  color:#E5811E;
  text-decoration:none;
  line-height:1.0;
  white-space:nowrap;
  font-size:13px;
}

.st-sidebar .taglist a::before,
.st-sidebar .taglist_shop a::before {
  margin-right:3px;
  font-family:'Font Awesome 5 Free';
  font-weight:bold;
  content:'\f02b';
}

.st-sidebar .taglist a:hover,
.st-sidebar .taglist a:active {
  background-color:#ffc700;
  color:#ffffff !important;
}

.st-sidebar .taglist_shop a:hover,
.st-sidebar .taglist_shop a:active {
  background-color:#ffc700;
  color:#ffffff !important;
}





/*------------------------------------------------------
  トップページ
-------------------------------------------------------*/
.home .box {
  height:100vh;
  color:#ffffff;
}

.home .menubox {
  width:340px;
}

.home .section_inner {
  min-height:100vh;
  height:auto;
  padding:125px 0 40px 0;
}

.home .photo {
  text-align:center;
}

.home .bg_type1 {
  background:rgba(0,30,90,0.7) url('../img/top/bg_type1_pc.png') center bottom no-repeat;
}

.home .bg_type2 {
  background:rgba(0,30,90,0.7) url('../img/top/bg_type2_pc.png') center bottom no-repeat;
}

.home-mirai .mirai_inner {
  padding-top:100px;
  background:rgba(0,30,90,0.2);
}

.home-mirai .contents {
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
}

.home-mirai .mirai {
  margin:40px auto 40px auto;
  text-align:center;
}

.home-mirai .scroll {
  margin:-50px auto 0 auto;
  padding-top: 50px;
  text-align:center;
}

.home-news a {
  color:#ffffff;
}

.home-news a:hover {
  color:#ffc700;
}

.home-news .space {
  margin:0 -15px;
}

.home-news .space .col-6 {
  padding:0 15px 0 15px;
}

.home-news .newslist{
  max-width: 300px;
  margin-bottom:40px;
}

.home-news .newslist .photo {
  overflow:hidden;
  margin-bottom:10px;
}

.home-news .newslist .photo img {
  width:100%;
}

.home-news .newslist .title {
  padding-top:10px;
  line-height:1.4;
}

.home-news .newslist .date_category li.date {
  float:left;
  text-align:right;
}

.home-news .newslist li.categoly {
  float:right;
  margin-left:1px;
  padding:0px 5px 2px 5px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  color:#ffffff;
  font-size:14px;
}

.home-news .ichiran_btn {
  margin:10px auto 30px auto;
  text-align:center;
}

.home-news .ichiran_btn a {
  position:relative;
  padding:3px 40px 3px 20px;
  border:3px solid #ffffff;
  border-radius:25px;
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  background-color:rgba(255,255,255,0.0);
  color:#ffffff !important;
  font-size:16px;
}

.home-news .ichiran_btn a:hover,
.home-news .ichiran_btn a:active,
.home-news .ichiran_btn a:focus {
  border:3px solid #ffc700;
  color:#ffffff !important;
}

.home-news .ichiran_btn a:after {
  position:absolute;
  top:1px;
  right:20px;
  font-family:'Font Awesome 5 Free';
  font-size:18px;
  font-weight:700;
  content:'\f105';
}

.home-about .about_logo {
  width:80%;
  margin:0 auto;
  text-align:center;
}

.home-business .menubox {
  margin-left:auto;
}

.home-brunch .menubox {
  margin-left:auto;
}

.home-contact .contect_inner {
  padding-bottom:10px;
}

.home-contact .contactbox {
  max-width:520px;
  margin:0 auto 20px auto;
  padding:60px 0px 20px 0px;
  border:1px #ffffff solid;
}

.home-contact .menubox {
  margin-top:50px;
}

.home-contact .topbanner_area {
  margin:20px -10px 20px -10px;
  text-align:center;
}

.home-contact .topbanner_area .col-md-3,
.home-contact .topbanner_area .col-6{
  padding:0 10px;
}

.home-contact .topbanner {
  max-width:255px;
  margin:0 auto 20px auto;
}

.home-contact .topbanner_shop {
  text-align: center;
  max-width:366px;
  margin:0 auto 20px auto;
}

/*------------------------------------------------------
  丸七住宅について
-------------------------------------------------------*/
.st-message {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/about/message_bg_pc.png') center bottom ;
}

.st-message .ceo_photo {
  text-align:center;
}

.st-message .ceo_photo img {
  width:100%;
}

.st-message .ceo_message1 {
  margin:25px 0 25px 0;
  font-size:20px;
}

.st-message .ceo_name {
  text-align:right;
}

.st-manage_philosophy {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/about/management_philosophy_bg.jpg') center top ;
}

.st-manage_philosophy .philosophy_message1 {
  margin:10px 0 25px 0;
  font-size:18px;
}

.st-corp_philosophy {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-corp_philosophy .philosophy_message1 {
  margin:10px 0 25px 0;
  font-size:18px;
}

.st-new_logo {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-new_logo .logo_message {
  margin:20px 0 30px 0;
}

.st-new_logo .newlogo {
  width:200px;
  margin:0px auto 50px auto;
}

.st-new_logo .tagline {
  width:200px;
  margin:0px auto 0 auto;
}

.st-mission {
  padding:60px 0 60px 0;
  background:url('../img/about/mission_bg_pc.png') center top no-repeat;
}

.st-mission .mission_message1 {
  margin:10px 0 20px 0;
  font-size:18px;
}

.st-mission .mission_title {
  font-size:28px;
}

.st-mission .mission_title2 {
  margin-top:15px;
  font-size:22px;
}

.st-mission .mission_title3 {
  font-size:18px;
}

.st-mission .misson_area {
  margin-bottom:50px;
}

.st-mission .vision_area {
  margin-bottom:50px;
  margin-left:60px;
  padding:40px 40px 40px 80px;
  background:#ffffff;
}

.st-mission .white_area {
  margin-bottom:15px;
  padding:25px 40px 25px 40px;
  background:#ffffff;
}

.st-mission .team_frame {
  padding:15px 15px 15px 15px;
  border:1px #000000 solid;
}

.st-mission .vision_icon {
  max-width:286px;
  margin:0 auto;
  text-align:center;
}

/*------------------------------------------------------
  事業内容
-------------------------------------------------------*/
.st-business {
  margin-bottom:80px;
  padding:50px 0 20px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-business #business1,
.st-business #business2,
.st-business #business3,
.st-business #business4,
.st-business #business5,
.st-business #business6,
.st-business #business7 {
  margin-top:-120px;
  padding-top:120px;
}

.st-business table th {
  width:80px;
  vertical-align:top;
}

.st-business table td {
  padding-bottom:50px;
}

.st-business .number {
  width:50px;
  text-align:center;
}

.st-business .title {
  font-size:22px;
}

.st-other_business {
  margin-bottom:60px;
  padding:10px 0 20px 0;
  background:url('../img/business/other_business_bg.png') center top no-repeat;
}

.st-other_business .title_area {
  width:350px;
  margin-bottom:30px;
  padding:10px 20px 10px 20px;
  background:#008a34;
}

.st-other_business .title {
  font-size:22px;
}

.st-other_business .business_list {
  margin-bottom:30px;
  padding-left:20px;
  border-left:3px #ffffff solid;
}

.st-other_business  .contact_button {
  width:320px;
  margin:0 auto 20px auto;
}

/*------------------------------------------------------
  会社概要
-------------------------------------------------------*/
.st-profile {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-profile table {
  width:768px;
  margin:40px auto 0px auto;
  border-top:1px #000000 solid;
}

.st-profile table tr {
  border-bottom:1px #000000 solid;
}

.st-profile table th,
.st-profile table td {
  padding:10px 0 10px 0;
}

.st-profile table th {
  position:relative;
  width:160px;
  padding-left:15px;
  vertical-align:middle;
}

.st-profile table dl {
  padding:10px 0 10px 0;
}

.st-profile table .border_bt {
  border-bottom:1px #000000 solid;
}

.st-profile table dt {
  float:left;
  font-weight:normal;
}

.st-profile table dd {
  margin-left:80px;
}

.st-profile .button_brunch {
  display:inline-block;
  margin-left:20px;
  padding:1px 30px 5px 30px;
  border-radius:10px;
  background:#fd8533;
  color:#ffffff;
  text-align:center;
  transition:background 0.5s;
}

.st-profile .button_brunch:hover,
.st-profile .button_brunch:active {
  background:#ffc700;
  color:#ffffff;
}

.st-history {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-history .row {
  margin-top:30px;
}

.st-history table {
  margin:40px auto 0px auto;
}

.st-history table th {
  position:relative;
  width:150px;
  padding:8px 0 0px 0;
  background:url('../img/company/history_line.png') right bottom repeat-y;
  line-height:1.2;
}

.st-history table th:before {
  position:absolute;
  right:0;
  content:'●';
}

.st-history table th span {
  font-size:13px;
}

.st-history table td {
  padding:8px 0 8px 16px;
}

.st-history .history_table tr:first-child th {
  background:url('../img/company/history_line_first.png') right top no-repeat;
}

.st-history .history_table tr:last-child th {
  background:url('../img/company/history_line_last.png') right bottom no-repeat;
}

.st-organization {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-organization .organization_chart {
  margin-top:20px;
  text-align:center;
}

/*------------------------------------------------------
  CSR/SDGs
-------------------------------------------------------*/
.st-sdgs {
  margin-bottom:45px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-sdgs .sdgs_message {
  margin:25px 0 25px 0;
  font-size:18px;
}

.st-sdgs .sdgs_image1 {
  text-align:center;
}

.st-sdgs .icon {
  text-align:center;
  margin:0 auto;
}

.st-sdgs .title1 {
  color:#f5a200;
  font-size:24px;
}

.st-sdgs .title2 {
  color:#28a838;
  font-size:24px;
}

.st-sdgs .message1 {
  padding-left:40px;
}

.st-sdgs .message2 {
  padding-left:56px;
}

.st-sdgs .message3 {
  padding-right:10px;
  text-align:right;
}

.st-sdgs .line {
  margin:30px 0 30px 0;
  border-bottom:1px dashed #666666;
}

.st-sdgs .sdgs_image2 {
  text-align:right;
}

.st-csr {
  margin-bottom:45px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-csr .csr_message1 {
  margin:25px 0 25px 0;
  font-size:18px;
}

.st-csr .csr_message2 {
  margin-bottom:50px;
}

.st-csr .year {
  margin:10px 0 10px 0;
  padding:5px 0px 5px 10px;
  background:#fd7640;
  color:#ffffff;
  font-size:16px;
}

.st-csr .row {
  margin:0px -5px 0px -5px;
}

.st-csr .row .col-md-3,
.st-csr .row .col-6 {
  padding:0 5px;
}

/*------------------------------------------------------
  BRUNCH
-------------------------------------------------------*/
.tenpolink {
  margin:25px auto 0 auto;
}

.st-tenpo {
  margin-bottom:60px;
}

.st-tenpo .tenpo_area {
  padding:40px 40px 40px 40px;
  background:#ffffff;
  ;
}

.st-tenpo .title {
  margin:20px 0 0px 0;
  font-size:18px;
}

.st-tenpo .line {
  margin:5px 0 5px 0;
  border-bottom:1px #000000 solid;
}

.st-tenpo table th {
  width:80px;
  padding:3px 0 3px 0;
}

.st-tenpo .right-area {
  padding-top:70px;
}

.st-tenpo .photolist {
  margin:10px -5px 30px -5px;
}

.st-tenpo .photolist .col-4 {
  padding:0 5px;
}

.st-tenpo .photo img {
  width:100%;
}

.st-tenpo .snsbanner {
  margin-bottom:30px;
}

.st-tenpo .botton_area {
  margin:0px -5px 0px -5px;
}

.st-tenpo .botton_area .col-6 {
  padding:0 5px;
}

/*------------------------------------------------------
  採用情報
-------------------------------------------------------*/
.recruit .st-subtitle .message {
  margin:30px 0 30px 0;
}

.recruit .recruit_button {
  width:320px;
  margin:0 auto 20px auto;
}

.st-torikumi {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white_bg.png') center top repeat-y;
}

.st-torikumi .message {
  font-size:18px;
}

.st-torikumi .title {
  font-size:22px;
}

.st-torikumi .line {
  margin:25px 0 25px 0;
  border-bottom:1px #000000 solid;
}

.st-torikumi table th {
  width:120px;
  padding-right:20px;
  vertical-align:middle;
}

/*------------------------------------------------------
  お問い合わせ
-------------------------------------------------------*/
.st-contactlist {
  margin-bottom:60px;
  padding:50px 0 50px 0;
  background:url('../img/common/white2_bg.png') center top repeat-y;
}

.st-contactlist .menubox {
  width:370px;
  margin:0 auto 40px auto;
}

.st-contactlist .menubox .title {
  margin-bottom:10px;
  border-bottom:1px #000000 solid;
  font-size:22px;
}

.st-contactlist  .menuitem {
  border-bottom:1px #000000 solid;
  color:#000000;
}

.st-contactlist  .menuitem:hover,
.st-contactlist  .menuitem:active {
  border-bottom:1px #ffc700 solid;
  color:#ffc700;
}

.st-contactlist .menubox table {
  width:100%;
}

.st-contactlist .menubox table th {
  width:146px;
  border-bottom:1px #000000 solid;
  font-size:22px;
  vertical-align:middle;
  line-height:1.2;
}

.st-contactlist .menubox table td {
  padding:5px 0;
  border-bottom:1px #000000 solid;
}

.st-contactlist .menubox table .tel {
  font-size:24px;
  line-height:1.2;
}

.st-contactform {
  margin-bottom:0;
  padding:50px 0px 50px 0px;
  background:url('../img/common/white2_bg.png') center top repeat-y;
}

.st-contactform .form_area {
  max-width:900px;
  margin:0 auto;
  padding:0 10px;
}

.st-contactform  table th {
  width:260px;
  background-color:#0279ca;
  color:#ffffff;
  text-align:left;
  vertical-align:middle;
}

.st-contactform  table th,
.st-contactform  table td {
  border:1px #0066b6 solid;
}

.st-contactform  table th.need {
  background-image:url(/site/img/common/icon_need.png);
  background-repeat:no-repeat;
  background-position:180px center;
}

.st-contactform  .confirm_button {
  width:320px;
  margin:30px auto  0 auto;
  border:none;
}

.st-contactform  .privacy_button {
  position:relative;
  width:320px;
  margin:30px auto 30px auto;
  border:none;
}

.st-contactform  .privacy_button:after {
  position:absolute;
  top:12px;
  right:20px;
  color:#ffffff;
  font-family:'Font Awesome 5 Free';
  font-size:30px;
  font-weight:bold;
  content:'\f107';
}

/*aria-expanded="true"はコンテンツが開いている状態のときに動的に記述される要素です。*/
.st-contactform  .privacy_button[aria-expanded='true']:after {
  position:absolute;
  top:12px;
  right:20px;
  color:#ffffff;
  font-family:'Font Awesome 5 Free';
  font-size:30px;
  font-weight:bold;
  content:'\f106';
}

.st-privacy {
  overflow-y:scroll;
  height:350px;
  margin:30px 0 0 0;
  padding:8px 13px;
  border:2px solid #e7e7e7;
  line-height:1.4;
}

.st-privacy .message {
  margin-bottom:20px;
}

.st-privacy .plivacytitle {
  margin:10px 0 20px 0;
  font-size:20px;
  text-align:center;
}

.st-privacy .plivacytitle span {
  padding-bottom:5px;
  border-bottom:4px #0279ca solid;
}

.st-privacy .plivacylist {
  margin:0 0 30px;
}

.st-privacy .plivacylist dt {
  margin-bottom:10px;
  font-weight:bold;
}

.st-privacy .plivacylist dd {
  padding-left:1.4em;
}

.st-privacy .plivacylist dd ul {
  margin:10px 0;
}

.st-privacy .plivacylist dd ul>li {
  padding-left:1em;
  text-indent:-1em;
}

.st-privacy .plivacylist dd ul ul>li {
  padding-left:1em;
  text-indent:0;
}

.st-privacy .plivacylist dd dl {
  margin:20px 0;
}

.st-privacy .plivacylist dd dl dt {
  margin-bottom:0;
  font-weight:normal;
}

.st-privacy .plivacylist dd dl dd {
  padding-left:1em;
}

.st-privacy .plivacylist dd dl dd ul {
  margin:0;
}

/*------------------------------------------------------
  お知らせ
-------------------------------------------------------*/
.st-news {
  float:left;
  clear:both;
  width:calc(100% - 40px - 260px);
  margin:0px 20px 0 0;
}

.st-news .space {
  margin:0 -5px;
}

.st-news .space .col-lg-4,
.st-news .space .col-md-6{
  padding:0 5px 50px 5px;
}

.st-news .newslist{
  max-width: 300px;
  margin: 0 auto;
}

.st-news .newslist a,
.st-news .news_content a {
  color:#000000;
}

.st-news .newslist a:hover,
.st-news .newslist a:active,
.st-news .news_content a:hover,
.st-news .news_content a:active {
  color:#ffc700;
}

.st-news  .newslist .photo {
  overflow:hidden;
  margin-bottom:10px;
}

.st-news  .newslist .photo img {
  width:100%;
}

.st-news .newslist .title {
  padding-top:7px;
  line-height:1.4;
}

.st-news .newslist .date_category li.date {
  float:left;
  text-align:right;
}

.st-news .newslist li.categoly {
  float:right;
  margin-left:1px;
  padding:0px 5px 0px 5px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  color:#ffffff;
  font-size:14px;
}

.st-news .post-date {
  margin-right:10px;
  font-size:18px;
}

.st-news p {
  margin-bottom:10px;
}

.st-news .categoly {
  margin-bottom:10px;
}

.st-news .categoly li {
  float:left;
}

.st-news .news_content {
  margin:30px 0 50px 0;
}

.st-news .categoly li a {
  margin-left:10px;
  padding:5px 10px 5px 10px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  color:#ffffff;
}

.st-news .categoly li a:hover,
.st-news .categoly li a:active {
  opacity:0.75;

  filter:alpha(opacity=75);
  -moz-opacity:0.75;
}

.st-news .video-container {
  position:relative;
  height:0;
  padding-top:30px;
  padding-bottom:56.25%;
  /*  overflow: hidden; */
}

.st-news .video-container iframe,
.st-news .video-container object,
.st-news .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.st-news .botton_area {
  margin-bottom:30px;
}

.st-news .aligncenter {
  display: block;
  text-align: center;
  margin:0 auto;
}

.st-news .alignright{
  float: right;
}

/*------------------------------------------------------
  店舗紹介
-------------------------------------------------------*/
.st-shophead .searchform_area{
  position: relative;
  max-width:1200px;
  margin:0 auto;
}

.st-shophead .searchform{
  position:absolute;
  top:30px;
  right:10px;
}

.st-shophead .searchform input[type="text"]{
  float: left;
  width: 200px;
  height: 30px;
  padding: 0 40px 0 10px;
  background: none;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #ffffff;
  border:1px solid #503B1E;
  font-size:16px;
}

.st-shophead .searchform input[type="text"]:hover,
.st-shophead .searchform input[type="text"]:focus {
  border:1px solid #503B1E;
}

.searchform input[type="submit"]{
  float: left;
  width: 24px;
  height: 24px;
  margin: 3px 0 0 -34px;
  padding: 0;
  background: url(/site/img/shoplink/searchicon.png) no-repeat;
  border: none; /* デフォルトCSSリセット */
  box-shadow: none; /* デフォルトCSSリセット */
}

.searchform input[type="submit"]:hover{
  filter: alpha(opacity=75); /* マウスホバーでちょっと薄くする */
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.st-shophead .fixed_news{
  font-size:20px;
  color:#503B1E;
  font-weight: bold;
  text-align:center;
  margin: 40px 0 30px 0;
}

.st-shophead .shop_message{
  font-size:24px;
  color:#503B1E;
  font-weight: bold;
  text-align:center;
  margin: 20px 0 30px 0;
}

.st-shophead .shoplist_title{
  text-align: center;
  margin-bottom:30px;
}

.st-shophead .shoplist_title img{
  width:260px;
}

.st-shophead .archive_title{
  color:#503B1E;
  font-weight: bold;
  margin-bottom:20px;
}

.st-shophead .shopslider_area{
  margin:0px auto 50px auto;
}

.st-shophead .shopslider_area .slider-main{
  margin-bottom:10px;
}

.st-shophead .shopslider_area .slider-main img{
  width:100%;
  height:auto;
}

.st-shophead .shopslider_area .slider-nav{
  margin:0 -5px 0 -5px;
}

.st-shophead .shopslider_area .slider-nav li{
  padding:0 5px 0 5px;
}

.st-shophead .news_table{
  max-width:800px;
  margin:0 auto;
  color:#503B1E;
  font-size:18px;
}

.st-shophead .news_table th.cat{
  width:70px;
  vertical-align:middle;
  padding-bottom:10px;
}

.st-shophead .news_table .catmark{
  background:#F0ADCE;
  color:#ffffff;
  padding:5px 10px 5px 10px;
}

.st-shophead .news_table td{
  padding-bottom:10px;
  vertical-align:middle;
}

.st-shophead .news_table td.date{
  width:140px;
}

.st-shophead .news_table a{
  color:#503B1E;
  text-decoration: underline;
}

.st-shophead .news_table a:hover{
  color:#FFC700;
}

.st-shop {
  float:left;
  width:calc(100% - 20px - 260px);
  margin:0px 20px 0 0;
  color:#503B1E;
}

.st-shop .shopspace {
  margin:0 -10px;
}

.st-shop .shopspace .col-lg-4,
.st-shop .shopspace .col-md-6{
  padding:0 10px 20px 10px;
}

.st-shop .shoplist{
  margin-bottom:30px;
  padding:15px 10px 20px 10px;
  background:#ffffff;
  position: relative;
}

.st-shop .shoplist a:hover,
.st-shop .shoplist a:active{
  color:#ffc700;
}

.st-shop .shoplist .photo {
  overflow:hidden;
  margin-bottom:10px;
}

.st-shop .shoplist .photo img {
  width:100%;
}

.st-shop .shoplist .view{
  position:absolute;
  right:20px;
  bottom: -15px;
}

.st-shop .shoptitle {
  padding:5px 0 5px 0;
  line-height:1.4;
  font-size:19px;
  color:#BB8049;
  font-weight: bold;
  border-bottom: 2px dashed #BB8049;
  margin-bottom:15px;
}

.st-shop a:hover .shoptitle{
  color:#FFC700;
}

.st-shop li.categoly {
  float: left;
  line-height:1.0;
  margin:0 5px 5px 0;
  padding:5px 8px 5px 8px;
  border:1px solid #E5811E;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  color:#E5811E;
  background-color:rgba(255,255,255,0.9);
  font-size:13px;
}

.st-shop li.taglist {
  float: left;
  line-height:1.0;
  margin:0 5px 5px 0;
  padding:5px 8px 5px 8px;
  border:1px solid #E5811E;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  color:#E5811E;
  background-color:rgba(255,255,255,0.9);
  font-size:13px;
}

.st-shop li.taglist::before {
  margin-right:3px;
  font-family:'Font Awesome 5 Free';
  font-weight:bold;
  content:'\f02b';
}

.st-shop .shopinfo_table{
  font-size:14px;
}

.st-shop .shopinfo_table th{
  width:60px;
  padding:0px 10px 0 0;
  vertical-align: middle;
}

.st-shop .shopinfo_table td{
  padding:10px 0 0 0;
  word-break : break-word;
}

.st-shop .shoptitle_detail {
  padding:10px 0 10px 0;
  line-height:1.4;
  font-size:26px;
  color:#503B1E;
  font-weight: bold;
  border-bottom: 2px dashed #503B1E;
  margin-bottom:15px;
}

.st-shop .shopinfo_table_detail{
  margin-bottom: 40px;
}

.st-shop .shopinfo_table_detail a{
  color:#503B1E;
}

.st-shop .shopinfo_table_detail a:hover{
  color:#FFC700;
}

.st-shop .shopinfo_table_detail a.ico_instagram{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.st-shop .shopinfo_table_detail a.ico_instagram::before{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('../img/common/ico_insta.png') no-repeat center center;
  background-size: contain;
  margin-top: 1px;
}

.st-shop .shopinfo_table_detail th{
  width:85px;
  padding:5px 15px 0 0;
  vertical-align: middle;
}

.st-shop .shopinfo_table_detail td{
  padding:15px 0 0 0;
  word-break : break-word;
}

.st-shop .description{
  margin-bottom: 50px;
}

.st-shop h4{
  margin-bottom:10px;
}

.st-shop h4::before{
  margin-right:5px;
  font-weight:bold;
  content:'●';
}

.st-shop .coupon_area{
  margin-bottom: 50px;
  text-align: center;
}

.st-shop .other_area{
  margin-bottom: 50px;
}

.st-shop .aligncenter {
  display: block;
  text-align: center;
  margin:0 auto;
}

.st-shop .alignright{
  float: right;
}

.st-shop .botton_area {
  margin-bottom:30px;
}

.st-shop .acf-map {
  width: 100%;
  height: 400px;
  margin-bottom:50px;
}

.st-shop .acf-map img {
  max-width: inherit !important;
}

.st-shop .none_shop{
  font-size:18px;
  margin-bottom:50px;
}

/*------------------------------------------------------
  NOT FOUND
-------------------------------------------------------*/
.st-notfound {
  margin:150px 0 150px 0;
}

@media (max-width: 992px) {

  .st-Header .nav-list {
    display:none;
  }

  .st-Header .nav-mobile {
    display:block;
  }

  .st-Header nav {
    width:100%;
    margin:0;
    padding:0px 0 15px;
  }

  .st-Header nav ul {
    display:none;
    padding-top:180px;
    background:url('../img/common/menu_sp_bg.png') center top repeat;
  }

  .st-Header .is-scroll nav ul {
    padding-top:120px;
  }

  .st-Header nav ul li {
    float:none;
  }

  .st-Header nav ul li a:hover,
  .st-Header nav ul li a:active,
  .st-Header nav ul li a:visited:hover,
  .st-Header nav ul li a:visited:active {
    background:#ffc700;
    color:#ffffff;
  }

  .st-Header nav ul li a,
  .st-Header nav ul li a:visited {
    padding:15px 10px 15px 20px;
    color:#ffffff;
    line-height:20px;
  }

  .st-Header nav ul li a:before {
    height:0px;
  }

  .st-Header nav ul li ul li a,
  .st-Header nav ul li ul li a:visited {
    padding:15px;
    color:#ffffff;
    line-height:20px;
  }

  .st-Header nav ul li ul li:last-child {
    border-bottom:none;
  }

  .st-Header nav ul li ul li a {
    padding-left:40px;
  }

  .st-Header .nav-dropdown {
    position:static;
  }

  .st-Header nav ul li a:not(:only-child):after {
    position:absolute;
    top:10px;
    right:15px;
    font-weight:bold;
    content:'▼';
  }

  .st-Header nav ul li a.active:not(:only-child):after {
    position:absolute;
    top:10px;
    right:15px;
    font-weight:bold;
    content:'▲';
  }

  .home-news .space {
    margin:0 -10px;
  }

  .home-news .space .col-6 {
    padding:0 10px;
  }

  .home .st-contact .contactbox {
    max-width:450px;
    padding:50px 20px 10px 20px;
  }

  .st-news {
    width:calc(100% - 20px - 260px);
  }

  .st-shop {
    width:calc(100% - 20px - 260px);
  }

  .st-shop .shopspace {
    margin:0 -7px;
  }

  .st-shop .shopspace .col-lg-4,
  .st-shop .shopspace .col-md-6{
    padding:0 7px 20px 7px;
  }

  .st-shop .shoplist{
    margin-bottom:30px;
    padding:15px 7px 20px 7px;
    background:#ffffff;
  }

}

@media (max-width: 992px) {
  .st-Header .navigation {
    height:70px;
  }

  .home-contact .contactbox {
    max-width:380px;
    padding:40px 15px 0px 15px;
  }

  .st-mission .mission_title {
    font-size:24px;
  }

  .st-new_logo .tagline {
    width:90%;
  }

  .st-tenpo .right-area {
    padding-top:40px;
  }

}

@media (max-width: 767px) {
  html,
  body {
    font-size:14px;
  }

  h1 {
    font-size:28px;
    letter-spacing:2px;
  }

  h4 {
    font-size:18px;
  }

  h1.title {
    max-width:320px;
  }

  h1.title2 {
    width:250px;
  }

  .home h1.title {
    margin-bottom:25px;
  }

  .menuitem {
    margin-bottom:12px;
    padding-left:30px;
    font-size:18px;
    line-height:40px;
  }

  .st-Header .logo {
    width:90px;
  }

  .st-Header .is-scroll .logo {
    transform:none;
  }

  .st-Header nav {
    padding:0px 0 15px;
  }

  .st-Header nav ul,
  .st-Header .is-scroll nav ul {
    padding-top:105px;
  }

  .st-subtitle {
    margin-bottom:30px;
    padding-top:110px;
  }

  .st-pagetop {
    bottom:50px;
  }

  .st-footer {
    /* margin-top:40px; */
    padding-top: 40px;
  }

  .home .st-footer {
    margin-top:20px;
  }

  .st-footer .address_area {
    width:100%;
    margin:25px auto 25px auto;
  }

  .st-footer .address_area .number {
    text-align:center;
  }

  .st-footer .address_area .name {
    margin-bottom:10px;
    text-align:center;
  }

  .st-footer .address_area .address {
    font-size:13px;
    text-align:center;
  }

  .st-footer .address_area .tel {
    font-size:13px;
    text-align:center;
  }

  .st-footer .copyright {
    margin-bottom:35px;
    font-size:10px;
  }

  .post-type-archive-shoplink .st-footer .copyright ,
  .single-shoplink .st-footer .copyright{
    margin-bottom:0px;
  }

  .st-sidebar {
    float:none;
    width:100%;
  }

  .st-sidebar .taglist a {
    padding:5px 7px 5px 7px;
    font-size:13px;
  }

  .st-sidebar .taglist_shop a {
    padding:5px 7px 5px 7px;
    font-size:13px;
  }

  .st-footer_banner {
    position:fixed;
    z-index:1;
    bottom:0px;
    width:100%;
    font-size:20px;
  }

  .st-footer_banner2{
    margin:0 0 0 0;
  }

  .st-footer_banner .button {
    padding:15px 0 15px 0;
  }

  .st-sidebar .taglist a {
    padding:5px 8px 5px;
    font-size:13px;
  }

  .st-sidebar .taglist_shop a {
    padding:3px 7px 3px 7px;
    font-size:13px;
  }

  /*------------------------------------------------------
  トップページ
-------------------------------------------------------*/
  .home .pagenation {
    display:none;
  }

  .home .bg_type1 {
    background:rgba(0,30,90,0.7) url('../img/top/bg_type1_sp.png') center bottom no-repeat;
    background-size:contain;
  }

  .home .bg_type2 {
    background:rgba(0,30,90,0.7) url('../img/top/bg_type2_sp.png') center bottom no-repeat;
    background-size:cover;
  }

  .home .section_inner {
    padding:95px 0 30px 0;
  }

  .home .menubox {
    width:280px;
    margin:0 auto 0 auto;
  }

  .home .photo {
    width:80%;
    margin:0 auto 20px auto;
  }

  .home-mirai .contents {
    max-width:380px;
    width:70%;
  }

  .home-mirai .mirai {
    margin:20px auto 30px auto;
  }

  .home-mirai .scroll {
    width:48px;
  }

  .home .st-home-news .space {
    margin:0 -5px;
  }

  .home-news .space .col-6 {
    padding:0 5px 0px 5px;
  }

  .home-news .newslist{
    margin-bottom:30px;
  }

  .home-news .newslist .photo {
    width:100%;
    padding-bottom:0px;
  }

  .home-news .newslist .title {
    padding-top:5px;
  }

  .home-news .newslist .date_category li.date {
    float:left;
  }

  .home-news .newslist li.categoly {
    float:none;
    max-width:80px;
    text-align: center;
    margin-bottom:6px;
    font-size:13px;
  }

  .home-about .about_logo {
    width:220px;
    margin:0 auto 10px auto;
  }

  .home-recruit .menubox {
    margin-top:0px;
  }

  .home-contact .contect_inner {
    padding:95px 0 10px 0;
  }

  .home-contact .contactbox {
    max-width:310px;
    padding:25px 5px 0px 5px;
  }

  .home-contact .topbanner_area {
    margin:10px 0 40px 0;
  }

  .home-contact .menubox {
    margin-top:25px;
  }

  /*------------------------------------------------------
  丸七住宅について
-------------------------------------------------------*/
  .st-message {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:url('../img/about/message_bg_sp.png') center bottom no-repeat;
    background-size:cover;
  }

  .st-message .ceo_photo {
    max-width:500px;
    margin:30px auto 0 auto;
  }

  .st-message .ceo_message1 {
    margin:15px 0 15px 0;
    font-size:18px;
  }

  .st-manage_philosophy {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:#0279ca;
  }

  .st-manage_philosophy .philosophy_message1 {
    margin:10px 0 15px 0;
    font-size:18px;
  }

  .st-manage_philosophy .philosophy_img {
    margin:30px auto 0 auto;
    text-align:center;
  }

  .st-corp_philosophy {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:#ffffff ;
  }

  .st-corp_philosophy .philosophy_message1 {
    margin:10px 0 15px 0;
    font-size:18px;
  }

  .st-corp_philosophy .philosophy_img {
    margin:30px auto 0 auto;
    text-align:center;
  }

  .st-new_logo {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:#ffffff ;
  }

  .st-new_logo .tagline {
    width:70%;
  }

  .st-mission {
    padding:35px 0 35px 0;
    background:#0279ca;
  }

  .st-mission .mission_message1 {
    margin:10px 0 10px 0;
    font-size:16px;
  }

  .st-mission .mission_title {
    font-size:20px;
  }

  .st-mission .mission_title2 {
    margin-top:10px;
    font-size:18px;
  }

  .st-mission .mission_title3 {
    font-size:18px;
  }

  .st-mission .misson_area {
    margin-bottom:30px;
  }

  .st-mission .vision_area {
    margin-bottom:30px;
    margin-left:0px;
    padding:20px 15px 20px 15px;
  }

  .st-mission .white_area {
    margin-bottom:10px;
    padding:15px 20px 15px 20px;
  }

  .st-mission .team_frame {
    padding:10px 10px 10px 10px;
  }

  /*------------------------------------------------------
  事業内容
-------------------------------------------------------*/
  .st-business {
    margin-bottom:50px;
    padding:35px 0 10px 0;
    background:#ffffff;
  }

  .st-business table th {
    width:60px;
  }

  .st-business table td {
    padding-bottom:30px;
  }

  .st-business .number {
    width:40px;
  }

  .st-business .title {
    font-size:18px;
  }

  .st-other_business {
    margin-bottom:40px;
    padding:15px 0 10px 0;
  }

  .st-other_business .title_area {
    width:310px;
    margin-bottom:25px;
    padding:10px 20px 10px 20px;
  }

  .st-other_business .title {
    font-size:18px;
  }

  .st-other_business .business_list {
    margin-bottom:25px;
    padding-left:15px;
    border-left:2px #ffffff solid;
  }

  .st-other_business  .contact_button {
    width:300px;
    margin:0 auto 20px auto;
  }

  /*------------------------------------------------------
  会社概要
-------------------------------------------------------*/
  .st-profile {
    margin-bottom:40px;
    padding:35px 0 35px 0;
  }

  .st-profile table {
    width:auto;
    margin:30px auto 0px auto;
  }

  .st-profile table th {
    width:86px;
    padding:7px 0 7px 0px;
    line-height:1.4;
  }

  .st-profile table td {
    padding:7px 0 7px 8px;
  }

  .st-profile table dl {
    padding:0px 0 0px 0;
  }

  .st-profile table .border_bt {
    border-bottom:none;
  }

  .st-profile table dd {
    margin-left:70px;
  }

  .st-history {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:#ffffff;
  }

  .st-history .row {
    margin-top:20px;
  }

  .st-history table {
    width:auto;
    margin:30px auto 0px auto;
  }

  .st-history table th {
    width:80px;
  }

  .st-organization {
    margin-bottom:40px;
    padding:35px 0 35px 0;
    background:#ffffff;
  }

  .st-organization .organization_chart {
    margin:15px auto 0 auto;
  }

  /*------------------------------------------------------
  SCR/SDGs
-------------------------------------------------------*/
  .st-sdgs {
    margin-bottom:30px;
    padding:35px 0 35px 0;
    background:#ffffff;
  }

  .st-sdgs .sdgs_message {
    margin:15px 0 15px 0;
    font-size:16px;
  }

  .st-sdgs .icon {
    max-width:90%;
  }

  .st-sdgs .title1 {
    font-size:16px;
  }

  .st-sdgs .title2 {
    font-size:16px;
  }

  .st-sdgs .message1 {
    padding-left: 1em
  }

  .st-sdgs .message2 {
    padding-left: 3em;
    text-indent:-1em;
  }

  .st-sdgs .line {
    margin:20px 0 20px 0;
  }

  .st-csr {
    margin-bottom:30px;
    padding:35px 0 35px 0;
    background:#ffffff;
  }

  .st-csr .csr_message1 {
    margin:15px 0 15px 0;
    font-size:16px;
  }

  .st-csr .csr_message2 {
    margin-bottom:30px;
  }

  /*------------------------------------------------------
  店舗情報
-------------------------------------------------------*/
  .tenpolink .row {
    margin:0 -5px 0 -5px;
  }

  .tenpolink .col-3,
  .tenpolink .col-6 {
    padding:0 5px;
  }

  .st-tenpo {
    margin-bottom:30px;
  }

  .st-tenpo .tenpo_area {
    padding:30px 0px 30px 0px;
    background:#ffffff;
  }

  .st-tenpo .title {
    margin:15px 0 0px 0;
  }

  .st-tenpo table th {
    width:80px;
    padding:5px 0 5px 0;
  }

  .st-tenpo .right-area {
    padding-top:20px;
  }

  .st-tenpo .photolist {
    margin:10px -5px 25px -5px;
  }

  .st-tenpo .snsbanner {
    margin-bottom:25px;
  }

  /*------------------------------------------------------
  採用情報
-------------------------------------------------------*/
  .recruit .st-subtitle .message {
    margin:20px 0 20px 0;
  }

  .recruit .recruit_button {
    width:300px;
    margin:0 auto 20px auto;
  }

  .st-torikumi .line {
    margin:15px 0 15px 0;
  }

  .st-torikumi .message {
    font-size:16px;
  }

  .st-torikumi .title {
    margin-bottom:3px;
    font-size:18px;
  }

  .st-torikumi table {
    margin-bottom:20px;
  }

  .st-torikumi table th {
    width:80px;
    padding-right:10px;
  }

  /*------------------------------------------------------
  お問い合わせ
-------------------------------------------------------*/
  .st-contactlist {
    margin-bottom:30px;
    padding:35px 0px 35px 0px;
    background:#ffffff;
  }

  .st-contactlist .menubox {
    width:300px;
    margin:0 auto 30px auto;
  }

  .st-contactlist .menubox .title {
    font-size:18px;
  }

  .st-contactlist .menubox table th {
    width:110px;
    font-size:18px;
  }

  .st-contactlist .menubox table .tel {
    font-size:21px;
  }

  .st-contactform {
    margin-bottom:0;
    padding:35px 0px 35px 0px;
    background:#ffffff;
  }

  .st-contactform .form_area {
    padding:0;
  }

  .st-contactform  table th {
    width:100%;
    padding:7px 0  7px 10px;
  }

  .st-contactform  table th,
  .st-contactform  table td {
    display:block;
    border:1px #0279ca solid;
  }

  .st-contactform  table th.need {
    background-position:150px 10px;
  }

  .st-contactform  .confirm_button {
    width:300px;
  }

  .st-contactform  .privacy_button {
    width:300px;
  }

  /*------------------------------------------------------
  お知らせ
-------------------------------------------------------*/
  .st-news {
    float:none;
    width:100%;
  }

  .st-news .newslist .date_category li.date {
    float:left;
  }

  .st-news .newslist li.categoly {
    float:none;
    max-width:80px;
    text-align: center;
    margin-bottom:6px;
    font-size:13px;
  }

  .st-news .newslist .photo{
    float:left;
/*    width:50%;*/
    width:100%;
  }

  .st-news .newslist .title_area{
    float:right;
    width:50%;
    padding-left:10px;
  }

  .st-news .space .col-12{
    padding:0 5px 30px 5px;
  }

  /*------------------------------------------------------
  提携店舗
-------------------------------------------------------*/
  .st-shophead .fixed_news{
    font-size:16px;
    text-align: left;
    margin: 30px 10px 20px 10px;
  }

  .st-shophead .shop_message{
    font-size:20px;
    margin: 30px 0 20px 0;
  }

  .st-shophead .shoplist_title{
    margin-bottom:20px;
  }

  .st-shophead .shoplist_title img{
    width:180px;
  }

  .st-shophead .shopslider_area{
    margin:25px auto 30px auto;
  }

  .st-shophead .news_table{
    max-width:100%;
    font-size:14px;
    margin:0 10px 0 15px;
  }

  .st-shophead .news_table th.cat{
    width:58px;
  }

  .st-shophead .news_table .catmark{
    padding:5px 10px 5px 10px;
  }

  .st-shophead .news_table td.date{
    width:100px;
  }

  .st-shop {
    float:none;
    width:100%;
  }

  .st-shop .shopspace {
    margin:0 -5px;
  }

  .st-shop .shopspace .col-12{
    padding:0 5px 20px 5px;
  }

  .st-shop .shoplist{
    max-width:400px;
    margin:0 auto 20px auto;
    padding:8px 10px 20px 10px;
  }

  .st-shop .photo{
    margin-top: 10px;
    padding-right:6px;
  }

  .st-shop li.categoly {
    padding:5px 7px 5px 7px;
    font-size:13px;
  }

  .st-shop li.taglist {
    padding:5px 7px 5px 7px;
    font-size:13px;
  }

  .st-shop .shopinfo_table{
    font-size:13px;
  }

  .st-shop .shopinfo_table th{
    width:52px;
    padding:0px 5px 0 0;
  }

  .st-shop .shopinfo_table td{
    padding:8px 0 0 0;
  }


  .st-shop .shoptitle_detail {
    padding:7px 0 7px 0;
    font-size:20px;
  }

  .st-shop .acf-map{
    height:250px;
  }
}

@media(max-width: 540px) {
  .st-pagetop {
    right:5px;
  }

  .st-pagetop a {
    font-size:40px;
  }
}

@media(max-width: 360px) {
  .st-footer .address_area .address,
  .st-footer .address_area .tel {
    font-size:11px;
  }
}