/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
font-size: 100%;
font-family: "Source Sans Pro", sans-serif;
color: rgba(2, 23, 37, 0.7);
background-color: white;
max-width: 1400px;
margin: 0 auto;
}

body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

a {
    text-decoration: none;
	color: #ffffff;
}

a:hover {
	transition: all 0.5s ease 0s;
	opacity: 0.7;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

/*== TOPに戻る ==*/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 50px;
  background: #eae8e1;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.topimg {
    margin-top: 80px;
    text-align: center;
}

.topimg img {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.topimg h2 {
    position: absolute;
    top: 22%;
    left: 10%;
    color: #ffffff;
    font: 600 2.4em/1.4em sans-serif;
    letter-spacing: 1px;
    text-align: left;
}

.topimg p {
    position: absolute;
    top: 29%;
    left: 10%;
    color: #ffffff;
}

.cd-header {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    height: 50px;
    width: 100%;
    z-index: 3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-logo {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .875em;
}

.cd-logo img {
  display: block;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-size: 1.4rem;
}

.cd-social {
    margin-left: 1em !important;
    font-size: 1.4em;
}

.cd-secondary-nav {
  position: absolute;
  top: 60%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 17em;
  /* hidden on small devices */
  display: none;
}

.navtop {
    top: 30% !important;
}

.cd-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.cd-secondary-nav a {
  display: inline-block;
  color: #383838;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}

.comtel {
    font: 800 14px sans-serif;
    color: #ffffff;
    background: #b52832;
    width: 170px;
    text-align: center;
    padding: 10px 8px;
    border-radius: 5px;
    position: absolute;
    right: 4.5em;
    top: 20%;
}

.comtel span {
    font-size: 0.8em;
}

.navtop a {
    color: #666666;
    font-size: 12px;
}

.cd-primary-nav-trigger {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background-color: #ffffff;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #383838;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
  background-color: #383838;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
  background-color: #383838;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: #383838;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.cd-primary-nav-trigger span {
    color: #383838 !important;
}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  margin-top: 50px;
height: 100%;
  width: 100%;
  background: rgba(255,255,255,0.95);
  z-index: 2;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1em 0;
  text-transform: capitalize;
}
.cd-primary-nav a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  color: #383838;
}
.no-touch .cd-primary-nav a:hover {
  background-color: #F8F9F9;
}
.cd-primary-nav .cd-label {
  color: #383838;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.cd-primary-nav .cd-social {
  display: inline-block;
  margin: 0 .4em;
  padding: 0;
}

.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/* ----- Top Page ----- */


.topsec {
    width: 100%;
    height: 400px;
    margin: 130px auto 100px;
    position: relative;
}

.tsone {
    width: 463px;
    height: 267px;
    position: absolute;
    background-color: #b52832;
    border-radius: 0 0 15px 0;
    top: 28%;
    left: 0;
}

.tsone img {
  position: absolute;
  top: -20%;
  left: 30%;
  width: 100%;
  height: auto;
}

.tssecond {
    width: 30%;
    height: 260px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    background-color: #eae8e1;
    border-radius: 15px 0 0 0;
    padding-left: 0%;
}

.tssecond img {
    position: absolute;
    top:  20%;
    left: -70%;
}

.tssecond div {
  position: absolute;
  top: 21%;
  right: 80%;
  width: 300px;
}

.tssecond h3,.tttwo h3 {
    font: 400 1.6em/1.5em "Noto Sans JP",sans-serif;
    margin-bottom: 15px;
}

.tssecond p,.tttwo p {
    font: 400 14px/1.8em "Noto Sans JP",sans-serif;
}

.tttwo h4 {
    font: 600 1.7em/2em "Noto Sans JP",sans-serif;
    letter-spacing: 1px;
}

.tttwo p {
    margin-bottom: 30px;
}

.tttwo span {
    font-size: 14px;
    font-weight: 600;
}

.tttitle {
    width: 100%;
    height: auto;
}

.tttitle div {
    display: flex;
    justify-content: flex-end;
}

.tttitle h3 {
  padding: 40px 20px;
  width: 30%;
  border-radius: 10px 0 0 0;
  background-color: #b52832;
  font: 400 1.3em/1.5em "Noto Sans JP",sans-serif;
  color: #ffffff;
  writing-mode: vertical-lr;
  letter-spacing: 5px;
}

.tttsec {
    width: 100%;
    height: auto;
}

.tttsec div {
    display: flex;
    justify-content: flex-end;
}

.tttsec h3 {
    padding: 40px 20px;
    width: 30%;
    border-radius: 10px 0 0 0;
    background-color: #b52832;
    font: 400 1.15em/1.5em "Noto Sans JP",sans-serif;
    color: #ffffff;
    writing-mode: vertical-lr;
    letter-spacing: 5px;
}

.sbrinst h3 {
  width: 20%;
}

.tt_inner {
    position: relative;
    margin: -40px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ttone {
    width: 237px;
    height: 323px;
    background-color: #eae8e1;
    border-radius: 0 0 15px 0;
    margin-right: 0px;
}

.ttone img {
    position: relative;
    top: -10%;
    left: 20%;
}

.tttwo {
    width: 250px;
    margin: -30px 180px 0 100px;
}

.tssecond h3, .tttwo h3 {
    font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
    margin-bottom: 15px;
}

.topforth {
    margin: 120px auto 90px;
    width: 100%;
    height: auto;
    background-color: #eae8e1;
}

.tf_inner {
  padding: 40px 0 0;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.tfin_last {
  top: -40px !important;
}

.tf_inner:last-child {
  padding: 90px 0 90px;
}

.tf_inner img {
  display: inline-block;
  width: 42%;
  height: auto;
  margin: 0 auto;
  border-radius: 0 20px 0 0;
  position: relative;
  top: 10px;
  left: 30px;
}

.tf_inner div {
  display: inline-block;
  width: 45%;
  background-color: #ffffff;
  padding: 40px 50px 60px 70px;
  text-align: left;
}

.tf_inner h3 {
  font: 500 1.15em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}

.tf_inner p {
    font: 400 14px/1.8em "Noto Sans JP",sans-serif;
    margin-bottom: 30px;
}

.tf_inner ul {
	text-align: center;
}

.tf_inner li {
  display: inline-block;
  width: 48%;
}

.tf_inner a {
  color: #666666;
  background-color: #efefef;
  box-shadow: 0 3px 0 0;
  border-radius: 3px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 2px;
  padding: 10px 15px;
  white-space: nowrap;
}

.ti_btm li {
  display: block;
  width: 100%;
}

.tf_inner span {
    margin-left: 10px;
}

.insuarance li {
    text-align: left;
}

.ti_btm {
    width: 100% !important;
    margin: 0;
    padding: 0 !important;
}

.ti_btm div {
    width: 40%;
    padding: 0;
    background: none;
}

.ti_btm img {
    width: 35% !important;
    display: inline-block;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
}

.ti_btm li {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 10px 0 12px;
}

.ti_btm h4 {
    margin: 0 0 5px;
    font: 600 12px/1em "Noto Sans JP",sans-serif;
}

.ti_btm a {
    background: none;
    box-shadow: 0 0 0 0;
    padding: 0;
    vertical-align: top;
}

/*== 最新情報==*/

.instagram {
  width: 50%;
  margin: -30px auto 0;
}

.sbrinst h4 {
  width: 50%;
  margin: 50px auto;
  color: #b52832;
  font: 500 1em/1em "Noto Sans JP",sans-serif;
  position: relative;
  top: -130px;
}

.instagram {
  width: 50%;
  margin: -20px auto 0;
  position: relative;
  top: -130px;
}

.moreinfo {
  width: 50%;
  position: relative;
  top: -120px;
  padding: 30px 0 0 !important;
}

.moreinfo div {
  padding: 0;
  margin: 0 auto;
  text-align: right;
  width: 100%;
}

.moreinfo a {
  margin: 0;
}

.moreinfo a {
  padding: 10px 35px;
}

/*== ショップ情報==*/

.sititle {
    width: 100%;
    height: auto;
}

.sititle div {
    display: flex;
    justify-content: flex-start;
}

.sititle h3 {
  padding: 40px 20px;
  width: 30%;
  border-radius: 0 10px 0 0;
  background-color: #b52832;
  font: 400 1.15em/1.5em "Noto Sans JP",sans-serif;
  color: #ffffff;
  writing-mode: vertical-rl;
  letter-spacing: 5px;
}

.shopinner h3 {
    font: bold 1em/1.8em "Noto Sans JP",sans-serif;
    color: #b52832;
    margin: 0 auto 10px;
}

.shopinner li {
  font: 400 14px/1.8em "Noto Sans JP",sans-serif;
}

.shopinfo {
  margin: 10px auto 130px;
}

.shopdata {
    display: flex;
    justify-content: flex-end;
    margin: -110px auto 0;
    align-items: end;
}

.shopdata img {
    width: 60%;
    height: auto;
    border-radius: 20px 0 0 0;
}

.sdtxt {
    height: auto;
    width: 22%;
	position: relative;
	left: -10px;
}

.snslink {
    margin: 10px 0;
}

.snslink li {
    display: inline-block;
	margin: 0 20px 0 0;
}

.snslink li:first-child {
	margin: 0 20px 0 0;
}

.snslink a {
    color: #000000;
	font-size: 1.4em;
}

.shopdatasec {
    display: flex;
    justify-content: flex-start;
    margin: 130px auto 0;
    align-items: flex-end;
}

.sdtxt h4 {
    font: 600 1rem/1.8em "Noto Sans JP",sans-serif;
}

.sdtxt h4:last-child {
	margin-bottom: 20px;
}

.sdtxt p {
    font: 400 14px/1.8em "Noto Sans JP",sans-serif;
}

.shopdatasec iframe {
    width: 60%;
    height: 500px;
    margin-right: 60px;
	border-radius: 0 20px 0 0;
}

.sdlc {
    margin-top: 20px;
}

.areaouter {
    text-align: center;
    background-color: #eae8e1;
    padding: 30px 0;
    width: 70%;
    margin: -130px auto 0;
    border-radius: 0 10px 0 0;
}

.areainner p {
    font-size: 12px;
    line-height: 2em;
}

.areainner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 40px;
}

.areainner div {
    display: block;
    width: 27%;
    height: auto;
    font: 500 12px/1.7em "Noto Sans JP",sans-seri;
}

.areainner h4 {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    letter-spacing: 2px;
}

.mapchiba, .mapibaraki {
    text-align: left;
    padding: 40px;
}

.mapchiba {
	background-image: url("../img/mapchiba.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.mapibaraki {
	background-image: url("../img/mapibaraki.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.taiou {
  margin: 0 0 20px 0;
  font-size: 14px;
}


/*=== Footer ===*/

footer a {
    color: #ffffff;
}

.ftcontact {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 130px auto 0;
    padding: 50px 0;
    background-image: url(../img/contact_bk.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.contacttab h3 {
  padding: 40px 20px 30px;
  width: 60px;
  height: 210px;
  border-radius: 0 10px 0 0;
  background-color: #b52832;
  font: 400 1.1em/1em "Noto Sans JP",sans-serif;
  color: #ffffff;
  writing-mode: vertical-rl;
  letter-spacing: 5px;
  margin-right: 70px;
}

.fttel {
    width: 20%;
    text-align: center;
    height: 210px;
    background-color: #ffffff;
    border-radius: 10px 0 0 10px;
    padding: 25px 0;
}

.fttel p {
  font: 600 1.4em/1.5em "Noto Sans JP",sans-serif;
}

.fttel span {
    font: 500 13px/2em "Noto Sans JP",sans-serif;
}

.ftmail {
    width: 20%;
    text-align: center;
    height: 210px;
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    margin-left: 5px;
    padding: 30px 0;
}

.ftmail p {
    margin: 15px auto;
}

.ftmail a {
    color: #666666;
    background-color: #efefef;
    padding: 10px;
    box-shadow: 0 3px 0 0;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.ftmail span {
    margin-left: 5px;
}

.ftcontact h4 {
    font: 600 14px/1.5em "Noto Sans JP",sans-serif;
    margin: 0 auto;
}

.fticon {
    font-size: 2.5em;
    margin: 20px auto;
}

.ftmail a {
    color: #666666;
    background-color: #efefef;
    padding: 10px;
    box-shadow: 0 3px 0 0;
    border-radius: 3px;
}

footer {
    background-color: #b52832;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 50px 0;
	white-space: nowrap;
}

.fttxt h3 {
    font: bold 1.1em/1.8em "Noto Sans JP",sans-serif;
    color: #ffffff;
    margin: 0 auto 5px;
}

.fttxt li {
    font: 400 .785em/1.7em "Noto Sans JP",sans-serif;
}

.ftlink {
    margin: 10px auto 15px;
    font-size: 10px;
}

.fttxt p {
    font-size: 11px;
}

.ftlink a {
    text-decoration: underline;
    margin: 0 20px 0 0;
}

.ftshopmenu h3 {
    font: bold 1em/1.5em "Noto Sans JP",sans-serif;
    color: #ffffff;
    margin: 0 auto 2px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
}

.ftshopmenu ul {
    display: inline-block;
    margin-right: 30px;
}

.ftmenulink {
    margin: 10px 0 10px;
}

.ftsnslink li {
  display: inline-block;
  padding: 0 10px 0 0;
  font-size: 1.3em;
  margin-left: 0 !important;
}

.ftsnslink p, .ftsnslink li, .ftsnslink a {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
    margin: -6px auto 0px;
}

.fttxt, .ftshopmenu {
    margin: 0 40px;
}

.ftsm_inner {
    text-align: left;
	vertical-align: top;
}

.ftsnslink ul {
	margin-right: 0 !important;
}

.ftmenulink {
    margin: 10px 0 10px;
}

.ftmenulink li {
    font-size: 0.785em;
    line-height: 2em;
}

.suzukisec {
    margin-top: 30px !important;
}

.slsize {
    width: 150px;
    height: auto;
    padding: 0;
	position: relative;
	left: 80px;
}

.suzukich {
    margin-top: 20px !important;
}

.ftsnslink {
    margin: 0 0 10px 0;
}

/* -------------------------------- 

車検・修理 

-------------------------------- */

.viptop {
    margin: 80px 0 130px 0;
    text-align: right;
}

.viptop div {
    width: 70%;
    background-color: #b52832;
    height: 220px;
    border-radius: 0 20px 0 0;
    position: relative;
    z-index: -1;
}

.viptop h2 {
  position: absolute;
  top: 35%;
  left: 20%;
  color: #ffffff;
  font: 600 1.4em/1em sans-serif;
  letter-spacing: 1px;
  text-align: left;
}

.viptop p {
    position: absolute;
    top: 55%;
    left: 20%;
    color: #ffffff;
}

.viptop img {
    width: 60%;
    height: 240px;
    margin: -180px 0 0;
    border-radius: 15px 0 0 0px;
}

.ourmission {
    width: 100%;
    height: auto;
    margin: 0 auto 130px;
}

.om_inner {
  position: relative;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.omone img {
    margin-right: 50px;
    width: 500px;
    height: auto;
}

.omtwo {
    width: 400px;
    margin: 0;
}

.omtwo h3 {
    font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
    margin-bottom: 15px;
}

.omtwo h4 {
    font: 600 1.2em/2em "Noto Sans JP",sans-serif;
    letter-spacing: 1px;
}

.omtwo p {
    margin-bottom: 30px;
    font: 500 11px/1.8em "Noto Sans JP",sans-serif;
}

.omtwo span {
    font-size: 14px;
    font-weight: 600;
}

.ostitle h3 {
    padding: 70px 50px 70px 0;
    width: 40%;
    border-radius: 0 10px 0 0;
    background-color: #b52832;
    font: 600 1.3em/1.5em "Noto Sans JP",sans-serif;
    color: #ffffff;
    writing-mode: horizontal-tb;
    letter-spacing: 5px;
    text-align: right;
}

.servicedetail {
    text-align: center;
    margin: -30px auto 0;
}

.servicedetail img {
    width: 60%;
    height: auto;
    margin: 0 auto;
}

.servicetxt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 60px auto 80px;
}

.servicetxt h4, .servicetxt p {
    width: 50%;
    margin: 0 auto;
}

.servicetxt h4 {
  font: 600 1.3em/1.7em "Noto Sans JP",sans-serif;
}

.servicetxt p {
    font: 400 13px/1.6em "Noto Sans JP",sans-serif;
}

.aboutservice {
    margin: 40px auto 90px;
    width: 100%;
    height: auto;
}

.as_inner {
  padding: 0 0 20px 0;
  width: 70%;
  margin: 0 auto 40px;
  text-align: center;
}

.as_inner img {
    display: inline-block;
    width: 45%;
    height: auto;
    margin: 0 auto;
    border-radius: 20px 0 0 0;
    position: relative;
    top: 60px;
    left: -30px;
}

.as_inner div {
    display: inline-block;
    width: 47%;
    background-color: #eae8e1;
    padding: 50px 70px 30px;
    text-align: left;
    border-radius: 0 20px 0 0;
    position: relative;
    left: 15px;
    top: -60px;
}

.as_inner h3 {
    font: 500 1em/1.5em "Noto Sans JP",sans-serif;
    margin-bottom: 15px;
    color: #b52832;
}

.as_inner p {
    font: 500 13px / 1.75em "Noto Sans JP", sans-serif;
    margin-bottom: 30px;
}

.after {
    width: 100%;
    height: auto;
    margin: -20px auto 130px;
    padding: 60px 0;
    background-color: chartreuse;
    background-image: url("../img/afterservice_bk_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
}

.ftcontact {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 130px auto 0;
    padding: 50px 0;
    background-image: url("../img/contact_back_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.after div {
    width: 50%;
    margin: 0 auto;
    height: auto;
}

.after h3 {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
	margin-bottom: 20px;
}

.after p {
    font: 500 13px/1.8em "Noto Sans JP",sans-serif;
    margin-bottom: 30px;
}

.after ul {
    text-align: center;
}

.after li {
    display: inline-block;
    margin: 0 20px;
}

.afterimg {
  color: #666666;
  background-color: #efefef;
  padding: 10px;
  box-shadow: 0 3px 0 0;
  border-radius: 3px;
  margin: 5px;
  width: 70%;
}

.after a:hover{
	opacity: 0.9;
}

.apptitle h3 {
    padding: 50px 50px 50px 0;
    width: 40%;
    border-radius: 0 10px 0 0;
    background-color: #b52832;
    font: 600 1.3em/1.5em "Noto Sans JP",sans-serif;
    color: #ffffff;
    writing-mode: horizontal-tb;
    letter-spacing: 5px;
    text-align: right;
}

.ssapp h3 {
  background-color: #1c305e;
}

.apptxt {
    width: 300px;
    margin: 0;
}

.apptxt h3 {
    font:  600 1.3em/1.7em "Noto Sans JP",sans-serif;
    margin-bottom: 15px;
}

.apptxt h4 {
    font: 600 12px/2em "Noto Sans JP",sans-serif;
    letter-spacing: 1px;
    margin: 60px 0 10px;
}

.apptxt p {
    margin-bottom: 30px;
    font: 500 11px/1.8em "Noto Sans JP",sans-serif;
}

.apptxt span {
    font-size: 14px;
    font-weight: 600;
}

.apptxt a {
    color: #666666;
    background-color: #efefef;
    padding: 10px;
    box-shadow: 0 3px 0 0;
    border-radius: 3px;
    margin-right: 10px;
}

.appinner {
  display: flex;
  justify-content: center;
  align-items: end;
  margin: -30px auto;
  position: relative;
  width: 90%;
}

.appfree {
  width: 110px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  top: -40px;
  left: 50px;
}

.appphone {
    width: 220px;
    height: auto;
    margin: 0 70px 0 0;
    padding: 0;
}

.apptxt li {
    display: inline-block;
}

.apptxt li:first-child {
    display: inline-block;
    margin: 0 10px 0 0;
}

.dlicon {
    display: inline-block;
    margin: 0 10px 0 0;
}

.dlicon img {
    width: auto;
    height: 38px;
}

.dlicon a {
    background: none;
    box-shadow: none;
    padding: 0;
}



/* -------------------------------- 

レスポンシブ　設定 

-------------------------------- */

@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -80px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: rgba(255, 255, 255, 0.96);
  }

.tf_inner a {
        font-size: 14px;
        width: 95%;
        display: inline-block;
        padding: 20px;
        font-weight: 600;
        letter-spacing: 2px;
    }

}

@media only screen and (min-width: 1024px) {
	.cd-primary-nav-trigger {
		display: none;
	}

	.cd-primary-nav {
		display: none;
	}
	
.cd-secondary-nav {
    display: block;
	right: 260px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1270px) {

.slsize {
margin-left: 0;
position: relative;
left: 0;
}
	
.cd-secondary-nav li {
  display: inline-block;
  margin-left: 1.1em;
  font-size: 12px;
}
	
.viptop img {
  top: -170px;
  width: 60%;
}
	
.viptop div {
  width: 60%;
}
	
.viptop h2 {
  top: 40%;
  left: 25%;
  font: 600 1.4em/1em sans-serif;
}

.viptop p {
  font-size: 12px;
  top: 55%;
  left: 25%;

}
	
.servicetxt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 60px auto 120px;
}
	
.servicetxt h4 {
  font: 600 1.2em/1.6em "Noto Sans JP",sans-serif;
}
	
.as_inner div {
    display: inline-block;
    width: 50%;
    background-color: #eae8e1;
    padding: 30px 50px 10px;
    text-align: left;
    border-radius: 0 20px 0 0;
    position: relative;
    left: 0;
    top: -80px;
}
	
.as_inner img {
    width: 45%;
    position: relative;
    top: -20px;
    left: -30px;
}
	
.aboutservice {
    margin: 40px auto 20px;
}
	
.apptitle h3 {
    font-size: 1.3em;
    padding: 60px 50px 60px 0;
}

.contacttab h3 {
  padding: 40px 22px 30px;
  font-size: 16px;
}
	
.fttel, .ftmail {
	width: 30%;
}

.ftcontact h4 {
  font: 600 14px/1.5em "Noto Sans JP",sans-serif;
}

.fticon {
  font-size: 2em;
  margin: 20px auto;
}
	
.fttel p {
  font: 600 1.3em/1.5em "Noto Sans JP",sans-serif;
}
	
.feapp {
  font-size: 2em;
}

.contact {
  margin: -40px auto 0;
}

/*====*/
	
.tsone img {
  position: absolute;
  top: -20%;
  left: 20%;
  width: 100%;
  height: auto;
}

.tssecond div {
  right: 40%;
}
	
.tttwo {
  width: 250px;
  margin: 0 220px 0 80px;
}
	
.tf_inner {
  width: 90%;
}
	
.tf_inner a {
        font-size: 14px;
        width: 95%;
        display: inline-block;
        padding: 20px;
        font-weight: 600;
        letter-spacing: 2px;
    }
	
.tf_inner p {
  font: 400 13px/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 30px;
}
	
.moreinfo {
  width: 50%;
}
	
.shopdatasec iframe {
  width: 60%;
  height: 420px;
  margin-right: 60px;
}

}


@media only screen and (max-width: 1023px) {
 .cd-primary-nav-trigger {
	display: block;
 }

 p.comtel {
    display: none;
 }

 .cd-primary-nav .cd-social {
 display: inline-block;
 margin: 0 .4em;
 padding: 0;
 }

 .cds-first {
    margin: 0 0.4em 0 0 !important;
 }
 .svg-inline--fa {
    font-size: 2.2em;
 }

.shoplink div {
    position: relative;
    top: -30px;
    right: -40px;
    text-align: left;
    margin-right: 60px;
}

.topsec_inner {
    margin-top: -300px;
}

.topsec h3 {
    right: 150px;
}

.topsec img {
    width: 240px;
    height: auto;
    border-radius: 20px 0 0 0;
}

.topsec img {
    width: 240px;
    height: auto;
    border-radius: 20px 0 0 0;
}

.topsec p {
    position: relative;
    top: -46px;
    color: #ffffff;
    font: 600 1em/1em "Noto Sans JP",sans-serif;
    margin-left: 30px;
}
	
.comtwo span {
    margin-left: 10px;
    font-size: 1em;
}

.ttouter {
    z-index: -1;
}

.com_inner {
    width: 80%;
}

.comtwo h3 {
    font: 500 1.4em/1.4em "Noto Sans JP",sans-serif;
    margin-bottom: 10px;
    text-align: left;
}

.greetingtop {
    width: 80%;
    margin-left: 0;
    height: auto;
}

.tpouter {
    position: relative;
    top: 30px;
    width: 90%;
    margin: 30px auto;
}

.omone img {
    width: 500px;
    height: auto;
}

.topshoptitle h3 {
    font: 500 1.15em/1.5em "Noto Sans JP",sans-serif !important;
    margin-bottom: 8px;
}

.svg-inline--fa {
    font-size: 1.1em;
}

.tpouter:last-child {
    margin-top: 70px;
    margin-bottom: 130px;
}

.omtwo {
    width: 250px;
    margin: 0;
}
	
.shopinner {
    margin-top: 130px;
}

.afterservice {
    width: 100%;
}

.shopinner h3 {
    font: bold 1.2rem/1.8em "Noto Sans JP",sans-serif;
}

.afterservice {
    width: 100%;
}

.tttitle h3 {
  width: 30%;
}

.sbrinst h3 {
  width: 20% !important;
}
	
.topshoplist h3 {
    width: 30%;
}

.shopdata {
    align-items: start;
}

.sdtxt {
    width: 35%;
}

.topappinner {
    margin: -10px auto 130px;
    flex-direction: inherit;
}

.topappinner {
    margin: 0 auto 130px;
    flex-direction: inherit;
    width: 90%;
}

.topappfree {
    width: 100px;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    top: -50px;
    left: 40px;
    z-index: 1;
}

.topappphone {
    position: relative;
    top: -90px;
}
	
.topappfree {
    position: relative;
    top: -150px;
}

.areainner div {
    width: 35%;
}

.areaouter {
    padding: 30px 0;
    width: 80%;
    margin: -20px auto 0;
}

.area {
        position: relative;
        top: 0;
        margin-bottom: 0;
    }
	
.ftcontact {
    margin: 50px auto 0;
}

.fttel {
    width: 30%;
     height: auto;
}

.ftmail {
    width: 30%;
    height: auto;
    padding: 24px 0;
}
	
.shopdata:first-child {
  margin-top: -170px;
  align-items: end;
}

.ftcontact {
    align-items: inherit;
}
	
.fttel svg, .ftmail svg {
  font-size: 2em;
}
	
.contacttab h3 {
  padding: 40px 23px 30px;
  font-size: 16px;
}
	
.fttel p {
  font: 600 1.4em/1.5em "Noto Sans JP",sans-serif;
}
	
.fabtmarw {
    font-size: 15px !important;
}

.afterlinks a {
    font-size: 15px;
}

.sdtwo {
    align-items: end;
}
	
.fttxt, .ftshopmenu {
    margin: 0 20px;
}
	
.topshoplist h3 {
    font: 400 1.2em/1.5em "Noto Sans JP",sans-serif;
}
	
.slsize {
        margin: 0 auto;
        position: relative;
        left: 130px;
    }

 .afterlinks a {
    padding: 16px 5px;
}

.viptop p {
  top: 42%;
  left: 25%;
  font-size: 12px;
}

.viptop {
  margin: 75px 0 0 0;
}
	
.viptop div {
  width: 70%;
  height: 170px;
}

.viptop h2 {
  top: 20%;
  left: 25%;
  font: 600 1em/1em sans-serif;
    line-height: 1em;
  line-height: 2.5rem;
}

.viptop p {
  top: 42%;
  left: 25%;
  font-size: 12px;
}

.viptop img {
  width: 80%;
  height: 170px;
  top: -60px;
}
	
.viptop div {
    width: 570px;
    height: 200px;
    position: relative;
}
	
.apptop {
  margin-top: 70px;
}

.goriyou {
  margin-top: 130px;
  padding-bottom: 40px;
  margin-bottom: 130px;
}	
	
.viptop h2 {
  top: 40%;
  left: 30%;
  font: 500 1.3em/1em sans-serif;
}

.viptop p {
  top: 55%;
  left: 30%;
  font-size: 12px;
}

.viptop img {
    width: auto;
    height: 200px;
    top: 20px;
    position: relative;
}
	
.policyfirst {
  margin-top: 20px;
}
	
.policyright {
  margin-bottom: 100px;
}

.appphone {
  width: 190px;
  height: auto;
  margin: 0 70px 0 0;
  padding: 0;
}
	
.apptxt li {
  width: 45%;
  height: auto;
}

.apptxt {
  width: 240px;
  margin: 0;
}

.apptxt h3 {
  font: 600 15px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
  writing-mode: horizontal-tb;
  margin: 0 auto 20px;
}

.apptxt h4 {
  margin: 50px 0 10px;
}
	
.apptxt a {
  font-size: 12px;
}

.apptxt span {
  margin-left: 10px;
}

.appinner {
width: 80%;
margin: -30px auto 120px;
}
	
.appfree {
width: 80px;
height: auto;
margin: 0 auto;
padding: 0;
position: absolute;
top: 250px;
left: 90px;
z-index: 2;
}	

.appbg {
  top: -140px;
}
	
.aboutus h3 {
  font: 600 1.1em/1.2em "Noto Sans JP",sans-serif;
}

.caution {
  margin: 25px 0 0 0;
}
	
.htuinner {
  width: 200px;
  height: auto;
  margin: 40px 30px;
}

.ourmission {
  width: 100%;
  height: auto;
  margin: 130px auto 120px;
}
	
.servicetxt h4 {
  font: 600 1em/1.7em "Noto Sans JP",sans-serif;
}
	
.shoptel h4 {
  font-size: 1em !important;
}
	
.ostitle h3 {
  font: 600 1.1em/1.5em "Noto Sans JP",sans-serif;
}

.aboutservice {
  margin: 100px auto 90px;
}
	
.as_inner h3 {
  font: 500 1em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
  color: #b52832;
}
	
.as_inner div {
width: 50%;
padding: 40px 40px 20px;
left: 15px;
top: -50px;
}
	
.as_inner {
  padding: 0 0 20px 0;
  width: 70%;
  margin: 0 auto 40px;
  text-align: center;
}
	
.as_inner img {
  display: inline-block;
  width: 48%;
  height: auto;
  margin: 0 auto;
  border-radius: 20px 0 0 0;
  position: relative;
  top: 60px;
  left: -10px;
}
	
.after {
  margin: -20px auto 120px;
}
	
/*====*/
	
.tsone img {
  position: absolute;
  top: -25%;
  left: -10%;
  width: 100%;
  height: auto;
}

.tssecond div {
  right: 40%;
}
	
.tttwo {
  width: 250px;
  margin: 0 220px 0 70px;
}
	
.tf_inner {
  width: 90%;
}
	
.tf_inner a {
	font-size: 12px;
}
	
.tf_inner p {
  font: 400 13px/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 30px;
}
	
.moreinfo {
  width: 50%;
}
	
.shopdatasec iframe {
  width: 60%;
  height: 400px;
  margin-right: 60px;
}

.topsec {
  width: 100%;
  height: 400px;
  margin: 110px auto 0;
  position: relative;
}	

.tssecond h3, .tttwo h3 {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}

.tssecond p {
  color: #383838;
  font: 400 13px/1.5em "Noto Sans JP",sans-serif;
  top: 0px;
  margin-left: 0;
}

.tsone {
  width: 400px;
  height: 250px;
  position: absolute;
  background-color: #b52832;
  border-radius: 0 0 15px 0;
  top: 28%;
  right: 0;
}

.tsone img {
  position: absolute;
  top: -20%;
  left: 20%;
  width: 100%;
  height: auto;
}
	
.tf_inner:first-child {
  padding-top: 90px;
}
	
.sbrinst h4 {
  font: 500 1.2em/1em "Noto Sans JP",sans-serif;
}
	
.shopinfo {
  margin: -10px auto 130px;
}
	
.sdtxt {
  width: 30%;
}
	
.shopdatasec {
  margin: 80px auto 0;
}
	
}

@media only screen and (min-width: 768px) {
  .cd-logo {
    left: 4em;
  }
	
.cd-logo img {
  display: block;
  width: 80%;
}

  .cd-header {
    height: 80px;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
  }

	.cd-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }

  .cd-menu-text {
  right: 1em;
  position: relative;
  }

  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  .cd-primary-nav {
    padding: 80px 0;
  }	

	.cd-menu-text {
  position: relative;
  right: 20px;
}

}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 769px) and (max-width: 980px) {
	
.shoplink div {
    position: relative;
    top: -30px;
    right: -40px;
    text-align: left;
    margin-right: 60px;
}
	
.comtwo span {
    margin-left: 10px;
    font-size: 1em;
}

.ttouter {
    z-index: -1;
}

.com_inner {
    width: 80%;
}

.comtwo h3 {
    font: 500 1.4em/1.4em "Noto Sans JP",sans-serif;
    margin-bottom: 10px;
    text-align: left;
}

.greetingtop {
    width: 80%;
    margin-left: 0;
    height: auto;
}

.tpouter {
    position: relative;
    top: 30px;
    width: 90%;
    margin: 30px auto;
}

.omone img {
    width: 400px;
    height: auto;
}
	
.omtwo h3 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}

.omtwo h4 {
  font: 600 1em/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}
	
.omtwo p {
  margin-bottom: 20px;
}

.topshoptitle h3 {
    font: 500 1.15em/1.5em "Noto Sans JP",sans-serif !important;
    margin-bottom: 8px;
}

.svg-inline--fa {
    font-size: 1.1em;
}

.tpouter:last-child {
    margin-top: 70px;
    margin-bottom: 130px;
}

.omtwo {
    width: 250px;
    margin: 0;
}
	
.shopinner {
    margin-top: 90px;
}
	
.shopinner h3 {
    font: bold 16px/1.8em "Noto Sans JP",sans-serif;
}

.tttitle h3 {
  width: 30%;
  font-size: 16px;
  padding: 30px 20px;
}

.topshoplist h3 {
    width: 30%;
}

.shopdata {
    align-items: start;
}

.sdtxt {
    width: 35%;
}
	
.ftcontact {
    margin: 100px auto 0;
}

.fttel {
    width: 30%;
     height: auto;
}

.ftmail {
    width: 30%;
    height: auto;
    padding: 24px 0;
}
	
.shopdata:first-child {
    margin-top: -80px;
    align-items: flex-end;
}

.ftcontact {
    align-items: inherit;
}
	
.fttel svg, .ftmail svg {
    font-size: 3em;
}
	
.fabtmarw {
  font-size: 10px !important;
}
	
.ftsnslink {
  margin: 0;
}

.afterlinks a {
    font-size: 15px;
}

.sdtwo {
    align-items: end;
}
	
.fttxt, .ftshopmenu {
    margin: 0 10px;
}
	
.topshoplist h3 {
    font: 400 1.2em/1.5em "Noto Sans JP",sans-serif;
}
	
.slsize {
        margin: 0 auto;
        position: relative;
        left: 100px;
    }

.viptop {
  margin: 75px 0 0 0;
}

.viptop div {
    width: 60%;
    height: 160px;
}

.viptop h2 {
  top: 38%;
  left: 30%;
  font: 500 1.15em/1em sans-serif;
}

.viptop p {
  top: 55%;
  left: 30%;
  font-size: 12px;
}

.viptop img {
    width: 60%;
    height: 160px;
    top: 20px;
}

.policyfirst {
  margin: 0 auto 50px;
  width: 70%;
}

.policytxt {
  width: 70%;
  height: auto;
  margin: 0 auto 50px;
}
	
.contacttab h3 {
  font: 400 14px/1em "Noto Sans JP",sans-serif;
}

.fttel svg, .ftmail svg {
  font-size: 2em;
}
	
.ftcontact h4 {
  font: 600 14px/1.5em "Noto Sans JP",sans-serif;
  margin: 0 auto;
}

.fttel p {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
}
	
.secondrow {
  margin-left: 70px;
}
	
.leftlist {
  margin: 0 auto 60px;
  width: 100%;
}

.leftlist h3 {
  font: 600 1.1em/1.2em "Noto Sans JP",sans-serif;
  writing-mode: horizontal-tb;
  display: inline-block;
  margin: 0 auto;
}

.aboutus span {
  font-size: 1em;
  margin-left: 0px;
}

.ourmission {
  width: 100%;
  height: auto;
  margin: 110px auto 90px;
}
	
.ostitle h3 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  padding: 60px 50px;
}
	
.servicetxt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 60%;
  margin: 60px auto 0;
}
	
.as_inner h3 {
  font: 500 14px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
  color: #b52832;
}
	
.as_inner {
  padding: 0 0 20px 0;
  width: 85%;
  margin: 0 auto 40px;
  text-align: center;
}
	
.apptitle h3 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
}
	
.rightlist {
  width: 70%;
}
	
.contactinner {
  margin-bottom: 80px;
}
	
.contact {
  margin: 50px auto 0;
}
	
.cd-logo img {
  display: block;
  width: 80%;
}
	
.appinner {
width: 80%;
margin: -30px auto;
}
	
.appfree {
width: 80px;
height: auto;
margin: 0 auto;
padding: 0;
position: absolute;
top: 250px;
left: 80px;
z-index: 2;
}

/*====*/
	
.tsone img {
  position: absolute;
  top: -25%;
  left: -10%;
  width: 100%;
  height: auto;
}

.tssecond div {
  right: 20%;
  width: 100%;
  top: 40px;
}
	
.inssales {
  top: -60px !important;
}
	
.tttwo {
  width: 250px;
  margin: 0 0 0 90px;
}

.topforth {
  margin: 80px auto 90px;
}

.tssecond {
  width: 40%;
}
	
.tf_inner {
  width: 90%;
  margin: 30px auto 0;
}

.ti_btm {
  width: 100% !important;
  margin: 0 auto;
  padding: 0 !important;
  left: 0 !important;
}	

.tfibtm {
  padding-bottom: 30px !important;
}
	
.ti_btm img {
  width: 30% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

.insuarance {
  width: 48% !important;
  padding:  0 !important;
}
	
.tf_inner a {
  font-size: 12px;
  white-space: nowrap;
  margin-right: 30px;
}
	
.tf_inner:last-child {
  padding: 50px 0 80px;
}
	
.sbrinst h3 {
  width: 20%;
  font-size: 16px;
}
	
.moreinfo div {
  padding: 0 !important;
  margin: 10px auto 0;
  width: 100% !important;
  left: 0 !important;
}
	
.moreinfo {
  width: 50%;
  margin: 0 auto;
  padding: 0 !important;
}
	
.instagram {
  margin: -20px auto 10px;
}
	
.sititle h3 {
  font-size: 16px;
}
	
.tf_inner div {
  display: inline-block;
  width: 50%;
  background-color: #ffffff;
  padding: 30px 50px 50px 60px;
  text-align: left;
  position: relative;
  left: 0;
}
	
.tf_inner p {
  font: 400 12px/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 30px;
}

.tf_inner img {
  display: inline-block;
  width: 45%;
  height: auto;
  margin: 0 auto;
  border-radius: 0 20px 0 0;
  position: relative;
  top: -20px;
  left: 20px;
  z-index: 2;
}
	
.moreinfo {
  width: 50%;
}
	
.shopdatasec iframe {
  width: 60%;
  height: 330px;
  margin-right: 40px;
}
	
.taiou {
  margin: 0 0 20px 0;
  font-size: 12px;
}
	
.sdtxt h4 {
  font: 600 14px/1.8em "Noto Sans JP",sans-serif;
}
	
.sdtxt p {
  font: 400 13px/1.8em "Noto Sans JP",sans-serif;
}

.topsec {
  width: 100%;
  height: 310px;
  margin: 80px auto 0;
  position: relative;
}	

.topthird {
  margin-top: 40px;
}	
	
.tssecond h3, .tttwo h3 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}

.tssecond p {
  color: #383838;
  font: 400 12px/1.5em "Noto Sans JP",sans-serif;
  top: 0px;
  margin-left: 0;
}
	
.tttwo h4 {
  font: 600 16px/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}

.tt_inner {
  margin: 70px auto;	
}
	
.tsone {
  width: 300px;
  height: 180px;
  position: absolute;
  background-color: #b52832;
  border-radius: 0 0 15px 0;
  top: 28%;
  right: 0;
}

.tsone img {
  position: absolute;
  top: -25%;
  left: 10%;
  width: 100%;
  height: auto;
}
	
.tf_inner:first-child {
  padding-top: 90px;
}
	
.sbrinst h4 {
  font: 500 1.2em/1em "Noto Sans JP",sans-serif;
}
	
.shopinfo {
  margin: -10px auto 130px;
}
	
.sdtxt {
  width: 30%;
}
	
.shopdatasec {
  margin: 80px auto 0;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 768px) {

.insuarance li {
    display: block !important;
    text-align: left !important;
}
	
.topsec {
  margin: -40px auto 40px;
  position: relative;
}	
	
.topsec p {
  top: -50px;
  font-size: 13px;
}

.topsec img {
  width: 100%;
  height: auto;
  border-radius: 20px 0 0 0;
}
	
.topsec_inner {
  margin-top: -80px;
}

.topsec h3 {
  right: 140px;
  top: -20px;
  font-size: 16px;
}
	
/*== Footer ==*/
	
.areainner {
  flex-flow: column;
}	

.ftcontact {
  flex-flow: column;
}

.fttel {
  width: 60%;
  text-align: center;
  height: 210px;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 35px 0;
  border-bottom: 1px solid #383838;
  margin: 0 auto;
}

.ftmail {
  width: 60%;
  text-align: center;
  height: auto;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  margin-left: 0;
  padding: 30px 0;
  margin: 0 auto;
}

.contacttab {
    width: 60%;
    margin: 0 auto 20px;
}

.ftcontact {
  margin: 0 auto;
}
	
.ftcontact h4 {
  font: 600 14px/1.5em "Noto Sans JP",sans-serif;
}

.fttel p {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
}
	
.policytxt {
  width: 70%;
  height: auto;
}

.viptop {
  margin: 60px 0 0 0;
  text-align: right;
  position: relative;
}	
	
.viptop div {
  width: 60%;
  background-color: #b52832;
  height: 130px;
  border-radius: 0 20px 0 0;
  position: relative;
  z-index: 1;
}

.viptop h2 {
  position: absolute;
  top: 25%;
  left: 15%;
  color: #ffffff;
  font: 600 14px/1em sans-serif;
  letter-spacing: 1px;
  text-align: left;
  line-height: 2.5rem;
}

.viptop p {
  font-size: 10px;
  top:55%;
  left: 15%;
}
	
.cd-logo img {
    display: block;
    width: 70%;
}
	
.viptop img {
    width: 60%;
    height: 130px;
    margin: 0;
    border-radius: 15px 0 0 0px;
    position: relative;
    top: -80px;
}
	
.policyfirst {
  margin-top: 30px;
}
	
footer {
  flex-flow: column;
}

.fttxt {
  margin: 0 auto 40px;
  width: 80%;
}

.ftcontact {
  flex-flow: column;
}
	
.contacttab h3 {
  padding: 10px 20px;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #b52832;
  font: 400 1.15em/1.5em "Noto Sans JP",sans-serif;
  color: #ffffff;
  writing-mode: horizontal-tb;
  letter-spacing: 4px;
  margin-right: 0;
  text-align: center;
}
	
.ftsnslink {
  margin: 0 0 10px;
}
	
.ftshopmenu {
  margin: 0 auto 30px;
  width: 80%;
}
	
.ftshopmenu h3 {
  font: bold 1em/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 10px;
}

.svg-inline--fa {
        font-size: 1.5em;
        padding-top: 4px;
    }
	
.ftcontact h4 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  margin: 0 auto;
}

.fttel p {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
}

.fttel svg, .ftmail svg {
  font-size: 2.2em;
}

.contacttab h3 {
  width: 100%;
  font-size: 1em;
  line-height: 2em;
}
	
.leftlist {
  margin: 0 auto 60px;
  width: 100%;
}

.leftlist h3 {
  font: 600 1.1em/1.2em "Noto Sans JP",sans-serif;
  writing-mode: horizontal-tb;
  display: inline-block;
  margin: 0 auto;
}

.aboutus span {
  font-size: 1em;
  margin-left: 0px;
}

.secondrow {
  margin-left: 0px;
}
	
.howtoimg {
  width: 300px;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 0;
}

.om_inner {
  flex-flow: column;
  width: 80%;
  margin: 0 auto;
}
	
.omone img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
	
.omtwo {
  width: 100%;
  margin: 30px auto 0;
  height: auto;
}
	
.ourmission {
  width: 100%;
  height: auto;
  margin: 0 auto 80px;
}
	
.omtwo h3 {
  font: 600 1.1em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}
	
.omtwo h4 {
  font: 600 1.1em/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}
	
.ostitle h3 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  width: 60%;
  padding: 40px 30px;
}
	
.servicedetail {
  text-align: center;
  margin: 40px auto 0;
}
	
.servicedetail img {
  width: 80%;
  height: auto;
  margin: 20px auto;
}
	
.servicetxt h4 {
  font: 600 14px/1.7em "Noto Sans JP",sans-serif;
  width: 45%;
}
	
.servicetxt {
  width: 90%;
  margin-top: 20px;
  flex-flow: column;
}
	
.servicetxt h4, .servicetxt p {
  width: 80%;
  margin: 0 auto 10px;
}
	
.as_inner div {
  width: 80%;
  padding: 30px 30px 10px;
  left: 0;
  top: 0;
  display: block;
}
	
.as_inner img {
  width: 80%;
  margin: 0 auto;
  top: -25px;
  left: 40px;
}
	
.as_inner h3 {
  font: 500 14px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
  color: #b52832;
}
	
.as_inner {
  width: 80%;
  margin: 0 auto 10px;
}
	
.after div {
  width: 80%;
  margin: 0 auto;
  height: auto;
}
	
.aboutservice {
  margin: 40px auto 50px;
}

.after {
  margin: -20px auto 100px;
}

.after p {
  font: 500 12px/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 30px;
}

.apptitle h3 {
  width: 60%;
  font-size: 1em;
  padding: 40px;
}
	
.appinner {
  flex-flow: column;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.appphone {
  width: 190px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 30px;
  top: -20px;
}

.appfree {
  width: 80px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 310px;
  left: -65px;
  z-index: 2;
}
	
.apptxt {
  margin: 20px auto 0;
  width: 70%;
}
	
/*====*/
	
.cd-header {
  top: 10px;
}
	
.tssecond {
  width: 50%;
  height: 220px;
  margin: 40px 0;
  position: absolute;
  right: 0;
  background-color: #eae8e1;
  border-radius: 15px 0 0 0;
  padding-left: 0%;
  display: block;
  top: 260px;
}
	
.tsone {
  width: 300px;
  height: 180px;
  top: 70px;
  position: absolute;
}
	
.tsone img {
  width: 100% !important;
}
	
.tssecond h3 {
        font-size: 1.2em;
        line-height: 1.5em;
    }
	
.tssecond p {
        top: 0;
        font-size: 13px;
        letter-spacing: 3px;
    }
	
.tssecond div {
        top: 18%;
        left: -80%;
	width: 350px;
    }
	
.topsec {
  margin: 30px auto 40px;
  position: relative;
}
	
.topthird {
  margin-top: 200px;
}
	
.tttitle h3 {
  width: 50%;
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: right;
}
	
.tt_inner {
  margin: 80px auto 0;
}
	
.tttwo {
  width: 50%;
  margin: 0 auto;
}
	
.tttwo h4 {
  font: 600 16px/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}
	
.tttwo h3 {
  font: 600 16px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}
	
.tt_inner {
  margin: 80px auto 0;
  flex-flow: column;
}
	
.ttone {
  width: 237px;
  height: 323px;
  margin: 0 auto 30px;
  left: -30px;
  position: relative;
}

.topforth {
  margin: 80px auto 90px;
}	

.tf_inner img {
        display: inline-block;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
	
    .tf_inner div {
        display: inline-block;
        width: 100%;
        background-color: #ffffff;
        padding: 30px 30px 50px;
        text-align: left;
        position: relative;
        left: 0;
        border-radius: 0 0 20px 20px;
        margin: 0 auto;
    }
	
.ti_btm {
    width: 97% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    left: 0 !important;
}
	
.insuarance {
    width: 100% !important;
}
	
.tf_inner ul {
	text-align: center;
}
	
.tf_inner li {
        display: inline-block;
        width: 48%;
        text-align: center;
        padding: 8px 0;
    }
	
    .tf_inner a {
        font-size: 12px;
        width: 98%;
        display: inline-block;
        text-align: center;
        padding: 15px 0;
        border-radius: 26px;
        margin: 0 auto;
    }
	
.tf_inner:first-child {
  padding-top: 70px;
}

.tf_inner:last-child {
  padding: 50px 0 80px;
}	
	
.tf_inner h3 {
  font: 600 16px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}
	
.insuarance {
        width: 80% !important;
        display: inline-block !important;
        padding: 0 !important;
        margin: 0 auto;
        left: 0 !important;
    }
	
.tfibtm {
  padding-bottom: 40px !important;
}
	
.sbrinst  h3 {
  width: 50%;
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: left;
}
	
.instagram {
  width: 80%;
  margin: 0 auto 0;
  position: relative;
  top: -30px;
}
	
.sbrinst h4 {
  font: 500 1.2em/1em "Noto Sans JP",sans-serif;
  top: -20px;
  width: 80%;
  margin-bottom: 30px;
}
	
.moreinfo {
  width: 90%;
}

    .moreinfo div {
        margin: 60px auto 0;
        width: 100% !important;
        background-color: rgba(255, 255, 255, 0) !important;
        text-align: center;
        left: 0;
    }
	
.cd-primary-nav {
    margin-top: 0 !important;
    /* background: rgba(255, 255, 255, 0.95); */
}
	
.shopinfo {
  margin: -70px auto 100px;
}
	
.sititle h3 {
  width: 50%;
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: right;
}
	
.shopdata {
  flex-flow: column-reverse;
}
	
.shopdata:first-child {
  margin-top: -70px;
  align-items: flex-end;
}
	
.shopdata img {
  width: 80%;
  height: auto;
  border-radius: 20px 0 0 0;
}
	
.sdtxt {
  width: 80%;
  margin-top: 30px;
}
	
.shopinner h3 {
  font: bold 16px/1.8em "Noto Sans JP",sans-serif;
}
	
.snslink a {
  color: #000000;
  font-size: 1em;
}
	
.shopdatasec {
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
	
.shopdatasec iframe {
  width: 80%;
  height: 350px;
  margin-right: 60px;
  border-radius: 0 20px 0 0;
  margin-bottom: 0;
}
	
.sdtxttwo {
  width: 70%;
  margin: 30px 0 0 40px;
}
	
.areainner div {
  width: 60%;
  margin: 5px auto;
}
	
.areaouter {
        padding: 70px 0;
        width: 100%;
        margin: 0 auto;
    }
	
.taiou {
  width: 80%;
  margin: 0 auto;
  line-height: 1.5em;
  text-align: center;
  font-size: 12px;
}
	
.tfin_last {
  top: 0px !important;
}
	
.sbrinst h3 {
    width: 60% !important;
  }

.mapchiba, .mapibaraki {
    text-align: center;
    padding: 40px;
}
	
.mapchiba p, .mapibaraki p {
    line-height: 2.5em;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

/*== トップ ==*/		

 .cd-primary-nav {
    padding: 50px 0;
    margin-top: 0 !important;
  }
	
 .cd-primary-nav li {
    font-size: 1.175em;
    font-weight: 400;
    padding: 4px 0;
  }
	
.cd-primary-nav a {
  padding: 7px 0;
}
	
.cd-logo img {
  width: 70%;
  height: auto;
}	

.topsec p {
  top: -50px;
  font-size: 13px;
}

.topsec img {
  width: 260px;
  height: auto;
  border-radius: 20px 0 0 0;
}
	
.topsec_inner {
  margin-top: -80px;
}

.topsec h3 {
  right: 140px;
  top: -20px;
  font-size: 16px;
}
	
.dlicon {
  display: inline-block;
  margin: 0 10px 5px 0;
}
	
.dlicon img {
  width: auto;
  height: 35px;
}
	
/*== Footer ==*/
	
.areainner {
  flex-flow: column;
}	

.ftcontact {
  flex-flow: column;
}

.fttel {
  width: 60%;
  text-align: center;
  height: 210px;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 35px 0;
  border-bottom: 1px solid #383838;
}

.ftmail {
  width: 60%;
  text-align: center;
  height: auto;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  margin-left: 0;
  padding: 30px 0;
}

.contacttab {
  width: 60%;
  margin-bottom: 10px;
}

.ftcontact {
  margin: 0 auto 0;
}	
	
.ftcontact h4 {
  font: 600 14px/1.5em "Noto Sans JP",sans-serif;
}

.fttel p {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
}
	
.policytxt {
  width: 80%;
  height: auto;
}

.viptop {
  margin: 70px 0 0 0;
}	
	
.viptop div {
  width: 60%;
  height: 100px;
  z-index: 1;
}

.viptop h2 {
  top: 35%;
  left: 20%;
  font: 500 14px/1em sans-serif;
}

.viptop p {
  font-size: 12px;
  top: 55%;
  left: 20%;
}
	
.viptop img {
  width: auto;
  height: 100px;
  margin: 0;
  border-radius: 15px 0 0 0px;
  position: relative;
  top: -70px;
}

.policyfirst {
  margin-top: 10px;
}
	
footer {
  flex-flow: column;
}

.fttxt {
  margin: 0 auto 40px;
  width: 80%;
}

.ftcontact {
  flex-flow: column;
  align-items: center;
}
	
.contacttab h3 {
  padding: 10px 20px;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #b52832;
  font: 400 1.15em/1.5em "Noto Sans JP",sans-serif;
  color: #ffffff;
  writing-mode: horizontal-tb;
  letter-spacing: 4px;
  margin-right: 0;
  text-align: center;
}
	
.ftsnslink {
  width: 100%;
  white-space: nowrap;
  margin: 0 auto;
}
	
.ftshopmenu {
  margin: 0 auto 30px;
  width: 80%;
}
	
.ftshopmenu h3 {
  font: bold 1em/1.8em "Noto Sans JP",sans-serif;
  margin: 0 auto 10px;
}

.svg-inline--fa {
  font-size: 1.5em;
}

.ftcontact h4 {
  font: 600 1em/1.5em "Noto Sans JP",sans-serif;
  margin: 0 auto;
}

.fttel p {
  font: 600 1.2em/1.5em "Noto Sans JP",sans-serif;
}

.fttel svg, .ftmail svg {
  font-size: 1.3em;
}

.contacttab h3 {
  width: 100%;
  font-size: 1em;
  line-height: 2em;
}
	
.ftsnslink ul {
width: 30%;
}
	
.ftsnslink {
  margin: 0 0 10px;
}
	
.contact {
  margin: 40px auto 0;
}

.om_inner {
  flex-flow: column;
  width: 80%;
  margin: 0 auto;
}
	
.omone img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
	
.omtwo {
  width: 100%;
  margin: 30px auto 0;
  height: auto;
}
	
.ourmission {
  width: 100%;
  height: auto;
  margin: 0 auto 80px;
}
	
.omtwo h3 {
  font: 600 1.1em/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}
	
.omtwo h4 {
  font: 600 1.1em/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}
	
.ostitle h3 {
  font: 600 16px/1.5em "Noto Sans JP",sans-serif;
  width: 60%;
  padding: 40px 30px;
}
	
.servicedetail {
  text-align: center;
  margin: 40px auto 0;
}
	
.servicedetail img {
  width: 80%;
  height: auto;
  margin: 20px auto;
}
	
.servicetxt h4 {
  font: 600 14px/1.7em "Noto Sans JP",sans-serif;
  width: 45%;
}
	
.servicetxt {
  width: 90%;
  margin-top: 20px;
  flex-flow: column;
}
	
.servicetxt h4, .servicetxt p {
  width: 80%;
  margin: 0 auto 10px;
}
	
.as_inner div {
  width: 80%;
  padding: 30px 30px 10px;
  left: 0;
  top: 0;
  display: block;
}
	
.as_inner img {
  width: 80%;
  margin: 0 auto;
  top: -25px;
  left: 40px;
}
	
.as_inner h3 {
  font: 500 14px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
  color: #b52832;
}
	
.as_inner {
  width: 80%;
  margin: 0 auto 10px;
}
	
.after div {
  width: 80%;
  margin: 0 auto;
  height: auto;
}
	
.aboutservice {
  margin: 40px auto 50px;
}

.after {
  margin: -20px auto 100px;
}

.after p {
  font: 500 12px/1.8em "Noto Sans JP",sans-serif;
  margin-bottom: 30px;
}

.apptitle h3 {
  width: 60%;
  font-size: 16px;
  padding: 40px;
}
	
.after h3 {
  font-size: 16px;
}
	
.appinner {
  flex-flow: column;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.appphone {
  width: 190px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 30px;
  top: -20px;
}

.appfree {
  width: 80px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 310px;
  left: -65px;
  z-index: 2;
}
	
.apptxt {
  margin: 20px auto 0;
  width: 70%;
}

/*====*/
	
.cd-header {
  top: 10px;
}
	
.tssecond {
  width: 50%;
  height: 220px;
  margin: 40px 0;
  position: absolute;
  right: 0;
  background-color: #eae8e1;
  border-radius: 15px 0 0 0;
  padding-left: 0%;
  display: block;
  top: 260px;
}
	
.tsone {
  width: 300px;
  height: 180px;
  top: 70px;
  position: absolute;
}
	
.tsone img {
  width: 100% !important;
}
	
.tssecond h3 {
  font-size: 20px;
  line-height: 1.5em;
}
	
.tssecond p {
  top: 0;
  font-size: 13px;
	line-height: 1.8em;
}
	
.tssecond div {
  top: 13%;
  left: -74%;
}

	
.topsec {
  margin: 30px auto 40px;
  position: relative;
}
	
.topthird {
  margin-top: 200px;
}
	
.tttitle h3 {
  width: 50%;
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: right;
}
	
.tt_inner {
  margin: 80px auto 0;
}
	
.tttwo {
  width: 55%;
  margin: 0 auto;
}
	
.tttwo h4 {
  font: 600 16px/2em "Noto Sans JP",sans-serif;
  letter-spacing: 1px;
}
	
.tttwo h3 {
  font: 600 16px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
}
	
.tt_inner {
  margin: 80px auto 0;
  flex-flow: column;
}
	
.ttone {
  width: 237px;
  height: 323px;
  margin: 0 auto 30px;
  left: -40px;
  position: relative;
}

.topforth {
  margin: 80px auto 90px;
}	

 .tf_inner img {
    display: inline-block;
    top: 0;
    left: -25px;
    width: 100%;
  }
	
.tf_inner div {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    padding: 30px 30px 50px;
    text-align: left;
    left: -25px;
    position: relative;
    top: 0;
    border-radius: 0 0 20px 0;
  }

.tf_inner ul {
	text-align: center;
}
	
.tf_inner li {
        display: inline-block;
        width: 48%;
        text-align: center;
        padding: 8px 0;
    }
	
    .tf_inner a {
        font-size: 12px;
        width: 98%;
        display: inline-block;
        text-align: center;
        padding: 15px 0;
        border-radius: 26px;
        margin: 0 auto;
    }

.insuarance li {
    display: block !important;
    text-align: left !important;
}
	
.tf_inner:first-child {
  padding-top: 70px;
}

.tf_inner:last-child {
  padding: 50px 0 80px;
}	
	
.tf_inner h3 {
  font: 600 16px/1.5em "Noto Sans JP",sans-serif;
  margin-bottom: 15px;
	text-align: left;
}
	
 .insuarance {
    width: 80% !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 auto !important;
    left: 0 !important;
  }
	
.ti_btm {
  width: 100% !important;
  margin: 0;
  padding: 0 !important;
  left: 0 !important;
}
	
.tfibtm {
  padding-bottom: 40px !important;
}

.sbrinst h3 {
        width: 60% !important;
}
	
.sbrinst h3 {
        width: 20% !important;
    }
	
.sbrinst  h3 {
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: left;
  width: 50% !important;
}
	
.instagram {
  width: 80%;
  margin: 0 auto 0;
  position: relative;
  top: -30px;
}
	
.sbrinst h4 {
  font: 500 1.2em/1em "Noto Sans JP",sans-serif;
  top: -20px;
  width: 80%;
  margin-bottom: 30px;
}
	
.moreinfo {
  width: 90%;
}

.moreinfo div {
  margin: 60px auto 0;
  width: 100% !important;
  background-color: rgba(255,255,255,0) !important;
}
	
.shopinfo {
  margin: -70px auto 100px;
}
	
.sititle h3 {
  width: 50%;
  font-size: 16px;
  writing-mode: horizontal-tb;
  text-align: right;
}
	
.shopdata {
  flex-flow: column-reverse;
}
	
.shopdata:first-child {
  margin-top: -70px;
  align-items: flex-end;
}
	
.shopdata img {
  width: 80%;
  height: auto;
  border-radius: 20px 0 0 0;
}
	
.sdtxt {
  width: 60%;
  margin: 30px auto 0;
}
	
.shopinner h3 {
  font: bold 16px/1.8em "Noto Sans JP",sans-serif;
}
	
.snslink a {
  color: #000000;
  font-size: 1em;
}
	
.shopdatasec {
  flex-flow: column;
  align-items: flex-end;
}
	
.shopdatasec iframe {
  width: 90%;
  height: 250px;
  margin-right: 60px;
  border-radius: 0 20px 0 0;
  margin-bottom: 0;
}
	
.sdtxttwo {
  width: 70%;
  margin: 30px auto 40px;
}
	
.areainner div {
    width: 60%;
    margin: 20px auto;
  }
	
 .areaouter {
    padding: 50px 0;
    width: 100%;
    margin: 0 auto 0;
  }
	
.taiou {
  width: 80%;
  margin: 0 auto;
  line-height: 1.5em;
  text-align: left;
  font-size: 12px;
}

.tfin_last {
  top: 0px !important;
}
	
}