@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
input,
select {
  vertical-align: middle;
}

select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

select,
input,
button,
textarea {
  font-family: "Noto Sans JP", sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*Mobile font size adjust*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

p {
  line-height: 1.6;
}

abbr,
acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  font-style: italic;
}

p,
fieldset,
table,
pre {
  font-size: 100%;
  margin-bottom: 1.2em;
}

img {
  vertical-align: bottom;
}

blockquote {
  background-color: #f0f0f0;
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 5px;
  border: solid 1px #acacac;
  display: block;
}

pre {
  background-color: #f9fffd;
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 5px;
  border: solid 1px #acacac;
  display: block;
}

/*@font-face {
	font-family: YuGothicMedium;
	src: local("Yu Gothic Medium");
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}*/
body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.7;
}

/*body {
	font-family: "メイリオ",
		Meiryo;
}*/
/*[lang=ja] body {

	// for IE10+
	@media all and (-ms-high-contrast: none) {
		& {
			font-family: Verdana, Meiryo, sans-serif;
		}
	}

	@media all and (-ms-high-contrast: active) {
		& {
			font-family: Verdana, Meiryo, sans-serif;
		}
	}

}*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.625rem;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.4;
}

h1,
.h1 {
  font-size: 2.375rem;
}

h2,
.h2 {
  font-size: 1.875rem;
}

h3,
.h3 {
  font-size: 1.625rem;
}

h4,
.h4 {
  font-size: 1.375rem;
}

h5,
.h5 {
  font-size: 1.125rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-weight: 500;
  font-size: 1.125rem;
}

.display-1 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 5.75rem;
}

.display-2 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 5.25rem;
}

.display-3 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 4.25rem;
}

.display-4 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 3.25rem;
}

/*====Basic Table Style ====================================*/
table {
  width: 100%;
  margin-bottom: 1rem;
}

th,
td {
  padding: 0.5rem;
  border: 1px solid #bbb;
  vertical-align: middle;
}

th {
  font-weight: normal;
  text-align: left;
}

caption {
  margin-bottom: 0.5em;
  text-align: center;
}

/*====Basic List Style ====================================*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #bbb;
  margin: 2rem 0;
  padding: 0;
}

p {
  line-height: 1.8;
}

/*Mobile*/
@media screen and (max-width: 767px) {
  p {
    line-height: 1.6;
  }
}
ol,
ul {
  /*bringing lists on to the page with breathing room */
  margin-left: 0;
  margin-bottom: 1.2em;
}

ol {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}

ul {
  /*giving UL's LIs generated disc markers*/
  list-style-type: disc;
}

ul li {
  margin-bottom: 0.3em;
  padding-left: 0;
}

ol li {
  margin-bottom: 0.3em;
  padding-left: 0;
}

li ul,
li ol {
  margin-left: 0;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
  margin: 0 0px 0 0em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-left: 0em;
  margin-bottom: 0;
}

ul.no_dots {
  list-style: none;
  margin-left: 0em;
}

/*+++++++++++++++++++++++++++++++++*/
/*      Link Icons                 */
/*+++++++++++++++++++++++++++++++++*/
/* https://icomoon.io/app/  */
.txt_icon {
  padding-left: 1.8em;
  position: relative;
}

.txt_icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -0.7em;
  width: 1.4em;
  height: 1.4em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*border-radius: 0.4rem;*/
  background-position: center center;
}

.icon_home:after {
  background-image: url(../img/def/css/svg/home.svg);
}

.icon_arrow:after {
  background-image: url(../img/def/css/svg/circle-right.svg);
}

.icon_arrow_rev:after {
  background-image: url(../img/def/css/svg/circle-right.svg);
}

.icon_arrow_up:after {
  background-image: url(../img/def/css/svg/circle-up.svg);
}

.icon_arrow_down:after {
  background-image: url(../img/def/css/svg/circle-down.svg);
}

.icon_pdf:after {
  background-image: url(../img/def/css/svg/file-pdf.svg);
}

.icon_word:after {
  background-image: url(../img/def/css/svg/file-word.svg);
}

.icon_excel:after {
  background-image: url(../img/def/css/svg/file-excel.svg);
}

.icon_zip:after {
  background-image: url(../img/def/css/svg/file-zip.svg);
}

.icon_down:after {
  background-image: url(../img/def/css/svg/download.svg);
}

.icon_image:after {
  background-image: url(../img/def/css/svg/image.svg);
}

.icon_page:after {
  background-image: url(../img/def/css/svg/page.svg);
}

.icon_feed:after {
  background-image: url(../img/def/css/svg/feed.svg);
}

.icon_facebook:after {
  background-image: url(../img/def/css/svg/facebook.svg);
}

.icon_twitter:after {
  background-image: url(../img/def/css/svg/twitter.svg);
}

.icon_youtube:after {
  background-image: url(../img/def/css/svg/youtube.svg);
}

/*==== Paragraph & Font Settings ====================================*/
.min {
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝M, "ＭＳ Ｐ明朝", serif;
  transform: rotate(0.03deg);
}

.atten {
  color: #A10000;
}

.green {
  color: #0f660a;
}

.blue {
  color: #1369af;
}

.orange {
  color: #F90;
}

.red {
  color: red;
}

/*=====Basic Tag Utility====*/
.clb {
  clear: both;
}

ul.mg_bot,
p.mg_bot,
.mg_bot {
  margin-bottom: 2rem;
}

ul.nmg,
p.nmg,
.nmg {
  margin-bottom: 0;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.full_width {
  width: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .pc_content {
    display: none;
  }
}
/*PC / Tablet*/
@media screen and (min-width: 737px) {
  .sp_content {
    display: none;
  }
}
/*=== Basic Link Style ============================================================*/
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

/*=====lazyload======*/
.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: all 2s;
}

/*=====Clear fix======*/
/* For modern browsers */
.clf:before,
.clf:after {
  content: "";
  display: table;
}

.clf:after {
  clear: both;
}

/*+++++++++++++++++++++++++++++++++*/
/*Web Site BODY.CSS   Ver.*/
/*+++++++++++++++++++++++++++++++++*/
/*Mobile*/
/*=== Page Body ============================================*/
body {
  /*color: #676767;*/
  color: #707070;
  background-color: #fff;
  margin: 0;
  padding: 0 0 0 200px;
  font-family: "Noto Sans JP", sans-serif;
}
body.overflow {
  overflow: hidden;
}

a {
  color: #707070;
}

ul li {
  list-style: none;
  margin: 0;
}

a[href^="tel:"] {
  pointer-events: none;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 20px);
  transition: 0.7s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn {
  opacity: 0;
  transition: 0.7s;
}
.fadeIn.is-show {
  opacity: 1;
}

.sp_br {
  display: none;
}

.sp_img {
  display: none;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  body {
    padding: 60px 0 0 0;
  }
  .content_inner {
    width: 90%;
  }
  a[href^="tel:"] {
    pointer-events: auto;
  }
  .pc_br {
    display: none;
  }
  .sp_br {
    display: block;
  }
  .pc_img {
    display: none;
  }
  .sp_img {
    display: block;
  }
}
/*=== header ============================================*/
header {
  width: 200px;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  overflow: scroll;
}
header .header_inner {
  padding-bottom: 40px;
}
header .logo {
  width: 100%;
  height: 200px;
  text-align: center;
  border-bottom: 1px solid #707070;
  padding: 23px 0;
}
header .logo a {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.3s ease;
}
header .logo a img {
  width: auto;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  header .logo a:hover {
    opacity: 0.7;
  }
}
header .site_nav {
  padding: 30px 21px 0px 21px;
}
header .site_nav ul li {
  transition: all 0.3s ease;
}
header .site_nav ul li a {
  font-size: 1.1rem;
  display: block;
  padding: 10px 0;
}
header .site_nav ul li.maker {
  border: 1px solid #707070;
  text-align: center;
  margin-bottom: 6px;
  height: 64px;
}
header .site_nav ul li.maker a {
  padding-left: 7px 0 7px 6px;
  position: relative;
  color: #533915;
  font-weight: 600;
  line-height: 1.3;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
header .site_nav ul li.maker a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background-color: #FD8700;
}
header .site_nav ul li.maker:nth-child(7) {
  margin-bottom: 15px;
}
header .site_nav ul li.note a {
  position: relative;
}
header .site_nav ul li.note a:after {
  content: "";
  display: block;
  position: absolute;
  width: 27px;
  height: 27px;
  background-image: url(../img/global/note_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  header .site_nav ul li:hover {
    opacity: 0.7;
  }
}
header .banner {
  width: 156px;
  margin: 0 auto 40px;
}
header .banner .item {
  width: 100%;
  height: 64px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #707070;
  text-align: center;
  transition: all 0.3s ease;
}
header .banner .item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) and (pointer: fine) {
  header .banner .item:hover {
    opacity: 0.7;
  }
}
header .sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
header .sns .item {
  width: 35px;
  height: 35px;
  margin: 0 5px;
  transition: all 0.3s ease;
}
header .sns .item a {
  -o-object-fit: contain;
     object-fit: contain;
}
header .sns .item a img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  header .sns .item:hover {
    opacity: 0.7;
  }
}

/*高さ調整*/
@media screen and (max-height: 1120px) {
  header .site_nav {
    padding: 10px 21px 0px 21px;
  }
  header .site_nav ul li a {
    font-size: 1rem;
    padding: 7px 0;
  }
  header .site_nav ul li.maker {
    height: 60px;
  }
  header .banner {
    margin: 0 auto 25px;
  }
}
@media screen and (max-height: 995px) {
  header .logo {
    height: 185px;
  }
  header .site_nav {
    padding: 10px 21px 0px 21px;
  }
  header .site_nav ul li a {
    padding: 5px 0;
    font-size: 0.95rem;
  }
  header .site_nav ul li.maker {
    height: 55px;
  }
}
/*Mobile*/
@media screen and (max-width: 736px) {
  header {
    width: 100%;
    height: 60px;
  }
  header .site_nav,
  header .banner,
  header .sns {
    display: none;
  }
  header .header_inner {
    padding: 0;
  }
  header .logo {
    width: 100%;
    height: 60px;
    padding: 6px 0 6px 10px;
    border-bottom: none;
  }
  header .logo a img {
    width: auto;
    height: 100%;
  }
}
/*=== fixed tel con ============================================*/
.fixed_tel_con {
  width: 500px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 8888;
  display: flex;
  flex-wrap: wrap;
}
.fixed_tel_con .item {
  width: 250px;
  height: 60px;
}
.fixed_tel_con .item a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .fixed_tel_con .item a:hover {
    opacity: 0.7;
  }
}
.fixed_tel_con .item.tel {
  background-color: #6F5C42;
}
.fixed_tel_con .item.tel a {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  padding: 8px 0;
}
.fixed_tel_con .item.tel a span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 0.85rem;
  display: block;
  margin-top: 5px;
}
.fixed_tel_con .item.contact {
  background-color: #533915;
}
.fixed_tel_con .item.contact a {
  font-size: 1.3rem;
  position: relative;
  font-weight: 600;
  padding: 10px 17px;
}
.fixed_tel_con .item.contact a:after {
  content: "";
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  background-image: url(../img/global/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .fixed_tel_con {
    top: auto;
    bottom: 0;
    width: 100%;
  }
  .fixed_tel_con .item {
    width: 50%;
  }
  .fixed_tel_con .item.tel a {
    font-size: 1.2rem;
    padding: 10px 0;
  }
  .fixed_tel_con .item.tel a span {
    font-size: 0.8rem;
  }
  .fixed_tel_con .item.tel a img {
    width: 20px;
  }
  .fixed_tel_con .item.contact a {
    font-size: 1rem;
    padding: 16px 17px;
  }
  .fixed_tel_con .item.contact a:after {
    width: 19px;
    height: 19px;
  }
}
/*=== sp nav ============================================*/
.sp_nav {
  display: none;
}

.sp_nav_list {
  display: none;
  position: fixed;
  background-color: #F8F5F0;
  top: 60px;
  left: 0;
  width: 80%;
  height: calc(100vh - 60px);
  z-index: 8888;
  padding: 7vw 10vw 10vw 10vw;
  overflow: scroll;
}
.sp_nav_list .nav ul li a {
  display: block;
  padding: 5px 0;
  font-size: 1rem;
}
.sp_nav_list .banner {
  margin-bottom: 7vw;
}
.sp_nav_list .banner .item {
  height: 80px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #707070;
}
.sp_nav_list .banner .item a {
  display: block;
  text-align: center;
  height: 100%;
}
.sp_nav_list .banner .item a img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sp_nav_list .sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sp_nav_list .sns .item {
  width: 55px;
  margin: 0 10px;
}
.sp_nav_list .sns .item a {
  display: block;
}
.sp_nav_list .sns .item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sp_nav {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    z-index: 9999;
    right: 5px;
    top: 0;
  }
  .sp_nav span {
    width: 60px;
    height: 3px;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .sp_nav span:before {
    content: "";
    position: absolute;
    display: block;
    width: 45px;
    height: 3px;
    background-color: #533915;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease;
  }
  .sp_nav span:after {
    content: "";
    position: absolute;
    display: block;
    width: 45px;
    height: 3px;
    background-color: #533915;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease;
  }
  .sp_nav.open span:before {
    transform: rotate(200deg);
    top: 0;
  }
  .sp_nav.open span:after {
    transform: rotate(-200deg);
    bottom: 0;
  }
}
/*=== footer contact ============================================*/
.foot_contact_online {
  background-image: url(../img/global/contact_sec_back.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
}
.foot_contact_online:before {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  height: var(--before-height, 50%);
  background-color: #6F5C42;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}
.foot_contact_online .content_inner {
  padding: 65px 0;
}
.foot_contact_online .foot_contact_sec {
  position: relative;
  z-index: 0;
}
.foot_contact_online .foot_contact_sec .foot_contact_title {
  height: 190px;
  overflow: hidden;
  margin-bottom: 65px;
}
.foot_contact_online .foot_contact_sec .foot_contact_title h3 {
  font-size: 3.6rem;
  color: #FD8700;
  float: left;
  width: 490px;
  font-weight: 900;
  padding: 53px 0;
}
.foot_contact_online .foot_contact_sec .foot_contact_title .filodashi {
  background-color: #fff;
  float: right;
  width: 540px;
  position: relative;
  color: #707070;
  font-weight: 600;
  padding: 23px;
}
.foot_contact_online .foot_contact_sec .foot_contact_title .filodashi:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 45px;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/global/triangle.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.foot_contact_online .foot_contact_sec .foot_contact_title .filodashi ul {
  margin: 0;
}
.foot_contact_online .foot_contact_sec .foot_contact_title .filodashi ul li {
  font-size: 1.2rem;
  padding-left: 15px;
  position: relative;
  line-height: 1.5;
}
.foot_contact_online .foot_contact_sec .foot_contact_title .filodashi ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #707070;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.foot_contact_online .foot_contact_sec .foot_contact_container {
  overflow: hidden;
  margin-bottom: 25px;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l {
  width: 490px;
  float: left;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l .title {
  margin-bottom: 18px;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l .title a {
  color: #fff;
  font-size: 2.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 1;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l .title a span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l .title a img {
  width: 38px;
  height: auto;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l p {
  font-size: 0.85rem;
  line-height: 1.6;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_l p span {
  font-size: 1.2rem;
  margin-bottom: -12px;
  display: block;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r {
  width: 540px;
  float: right;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r p {
  font-size: 1.3rem;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r p.bold {
  font-weight: 700;
  margin-bottom: 14px;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn {
  width: 446px;
  border: 1px solid #fff;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 12px 20px 14px;
  font-weight: 600;
}
.foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn a:after {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  background-image: url(../img/global/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.foot_contact_online .foot_contact_sec .foot_contact_business {
  border: 1px solid #fff;
  text-align: center;
  padding: 12px 0 13px;
  font-weight: 600;
  font-size: 1.2rem;
}
.foot_contact_online .foot_online_sec {
  position: relative;
  z-index: 0;
}
.foot_contact_online .foot_online_sec:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #030034;
  opacity: 0.8;
  z-index: -1;
}
.foot_contact_online .foot_online_sec .foot_online_title {
  margin-bottom: 20px;
}
.foot_contact_online .foot_online_sec .foot_online_title h3 {
  font-weight: 900;
  font-size: 3rem;
  color: #FD8700;
}
.foot_contact_online .foot_online_sec .foot_online_container {
  overflow: hidden;
  margin-bottom: 30px;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_l {
  width: 550px;
  float: left;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_l p {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 12px;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_l ul {
  margin: 0;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_l ul li {
  padding-left: 18px;
  position: relative;
  font-size: 1.1rem;
  line-height: 1.5;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_l ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_r {
  width: 446px;
  float: right;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_r .btn {
  width: 100%;
  border: 1px solid #fff;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_r .btn a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 20px 25px 22px;
  font-weight: 600;
}
.foot_contact_online .foot_online_sec .foot_online_container .content_r .btn a:after {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  background-image: url(../img/global/icon_yoyaku.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  .foot_contact_online .foot_online_sec .foot_online_container .content_r .btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

/*Mobile*/
/*=== footer contact ============================================*/
footer {
  background-color: #EEEEF0;
}
footer .footer_inner {
  width: 1080px;
  margin: auto;
  padding: 55px 0;
  overflow: hidden;
  position: relative;
}
footer .footer_inner .footer_left {
  width: 500px;
  position: absolute;
  left: 0;
  bottom: 55px;
}
footer .footer_inner .footer_left .footer_logo {
  width: 360px;
  margin-bottom: 30px;
}
footer .footer_inner .footer_left .footer_access {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 25px;
}
footer .footer_inner .footer_left .footer_access .area {
  display: flex;
}
footer .footer_inner .footer_left p {
  font-size: 0.85rem;
}
footer .footer_inner .footer_right {
  width: 524px;
  float: right;
}
footer .footer_inner .footer_right .footer_nav {
  display: flex;
  flex-wrap: wrap;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l,
footer .footer_inner .footer_right .footer_nav .footer_nav_r {
  width: 50%;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li,
footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li {
  transition: all 0.3s ease;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li a,
footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li a {
  font-size: 1.1rem;
  display: block;
  padding: 5px 0 5px 10px;
  position: relative;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li a:before,
footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: #707070;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li.main a,
footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li.main a {
  font-weight: 600;
  padding: 5px 0;
}
footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li.main a:before,
footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li.main a:before {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_inner .footer_right .footer_nav .footer_nav_l ul li:hover,
  footer .footer_inner .footer_right .footer_nav .footer_nav_r ul li:hover {
    opacity: 0.7;
  }
}
footer .footer_inner .footer_right .footer_banner {
  display: flex;
  flex-wrap: wrap;
}
footer .footer_inner .footer_right .footer_banner .item {
  width: 224px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #707070;
  margin-right: 18px;
  transition: all 0.3s ease;
}
footer .footer_inner .footer_right .footer_banner .item a {
  display: block;
  height: 100%;
  padding: 0 15px;
}
footer .footer_inner .footer_right .footer_banner .item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footer_inner .footer_right .footer_banner .item:nth-child(2n) {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_inner .footer_right .footer_banner .item:hover {
    opacity: 0.7;
  }
}
footer .footer_sns_container {
  background-color: #E4E4E4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 0;
}
footer .footer_sns_container .item {
  width: 42px;
  height: 42px;
  margin: 0 10px;
  transition: all 0.3s ease;
}
footer .footer_sns_container .item a {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footer_sns_container .item a img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_sns_container .item:hover {
    opacity: 0.7;
  }
}
footer .copyright {
  background-color: #fff;
}
footer .copyright .copyright_inner {
  width: 1080px;
  margin: auto;
  padding: 15px 0;
}
footer .copyright .copyright_inner small {
  font-size: 0.85rem;
  font-family: "Inter", sans-serif;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .foot_contact_online .foot_contact_sec .foot_contact_title {
    overflow: initial;
    height: auto;
    margin-bottom: 9vw;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_title h3 {
    width: 100%;
    font-size: 2.3rem;
    text-align: center;
    padding: 0;
    margin-bottom: 9vw;
    float: none;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_title .filodashi {
    width: 100%;
    float: none;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_title .filodashi ul li {
    font-size: 1rem;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_title .filodashi:before {
    left: 0;
    right: 0;
    top: -30px;
    bottom: auto;
    transform: rotate(90deg);
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_l {
    width: 100%;
    margin-bottom: 9vw;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_r {
    width: 100%;
    margin-bottom: 5vw;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn {
    width: 100%;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn a {
    font-size: 1.1rem;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .content_r .btn a:after {
    width: 35px;
    height: 35px;
  }
  .foot_contact_online .foot_contact_sec .foot_contact_container .foot_contact_business {
    font-size: 1rem;
  }
  .foot_contact_online .foot_online_sec .foot_online_title h3 {
    font-size: 2.3rem;
    text-align: center;
  }
  .foot_contact_online .foot_online_sec .foot_online_container .content_l {
    width: 100%;
  }
  .foot_contact_online .foot_online_sec .foot_online_container .content_l p {
    font-size: 1.2rem;
    margin-bottom: 5vw;
  }
  .foot_contact_online .foot_online_sec .foot_online_container .content_l ul {
    margin-bottom: 10vw;
  }
  .foot_contact_online .foot_online_sec .foot_online_container .content_l ul li {
    font-size: 1rem;
  }
  .foot_contact_online .foot_online_sec .foot_online_container .content_r {
    width: 100%;
  }
  footer {
    padding-bottom: 60px;
  }
  footer .footer_inner {
    width: 90%;
  }
  footer .footer_inner .footer_left {
    width: 100%;
    float: none;
    text-align: left;
    position: static;
    margin-bottom: 10vw;
  }
  footer .footer_inner .footer_left .footer_logo {
    width: 70%;
    margin-bottom: 5vw;
  }
  footer .footer_inner .footer_left .footer_logo img {
    width: 100%;
    height: auto;
  }
  footer .footer_inner .footer_left .footer_access {
    font-size: 0.8rem;
  }
  footer .footer_inner .footer_right {
    width: 100%;
    float: none;
    display: block;
  }
  footer .footer_inner .footer_right .footer_nav {
    display: none;
  }
  footer .footer_inner .footer_right .footer_banner {
    justify-content: center;
  }
  footer .footer_inner .footer_right .footer_banner .item {
    width: 40%;
    margin: 0 10px;
  }
  footer .copyright .copyright_inner {
    width: 90%;
  }
}
/*=== 共通パーツ ============================================*/
.contents_inner {
  width: 1080px;
  margin: auto;
  padding: 120px 0;
  position: relative;
}
.contents_inner.padding_none {
  padding: 0;
}

section.color_sec {
  background-color: #F8F5F0;
}
section.color_sec.decoration {
  position: relative;
}
section.color_sec.decoration .contents_inner {
  padding-top: 60px;
}
section.color_sec.decoration .decoration_item {
  display: block;
  position: absolute;
  width: 50%;
  height: 100px;
  top: -100px;
}
section.color_sec.decoration .decoration_item:before {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: url(../img/maker/parts/contents_under01.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
}
section.color_sec.decoration .decoration_item:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 100px);
  height: 100px;
  right: 0;
  background-color: #F8F5F0;
}
section.color_sec.decoration .decoration_item.item01 {
  transform: scale(-1, 1);
}
section.color_sec.decoration .decoration_item.item02 {
  right: 0;
}
section.color02_sec {
  background-color: #F2EBE1;
}
section.color02_sec.decoration {
  position: relative;
}
section.color02_sec.decoration .contents_inner {
  padding-top: 60px;
}
section.color02_sec.decoration .decoration_item {
  display: block;
  position: absolute;
  width: 50%;
  height: 100px;
  top: -100px;
}
section.color02_sec.decoration .decoration_item:before {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: url(../img/maker/parts/contents_under02.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
}
section.color02_sec.decoration .decoration_item:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 100px);
  height: 100px;
  right: 0;
  background-color: #F2EBE1;
}
section.color02_sec.decoration .decoration_item.item01 {
  transform: scale(-1, 1);
}
section.color02_sec.decoration .decoration_item.item02 {
  right: 0;
}
section.brown_sec {
  background-color: #6F5C42;
}
section.brown02_sec {
  background-color: #AA9C88;
}
section.decoration_under .contents_inner {
  padding-bottom: 220px;
}

.contents_title {
  margin-bottom: 25px;
}
.contents_title h3 {
  font-size: 4rem;
  color: #533915;
  line-height: 1.1;
}
.contents_title h3 span {
  font-size: 3rem;
  color: #FD8700;
  display: block;
  margin-bottom: 10px;
}
.contents_title p {
  line-height: 1.6;
  margin-top: 10px;
}
.contents_title p.copy {
  font-size: 1.3rem;
  font-weight: 600;
  border-top: none;
  margin-top: 15px;
}
.contents_title.example {
  padding-left: 540px;
}

.contents_header {
  position: relative;
  height: 370px;
  background-image: url(../img/global/contents_header_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
  margin-bottom: -70px;
}
.contents_header:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #91836F;
  mix-blend-mode: multiply;
  left: 0;
  top: 0;
  z-index: -1;
}
.contents_header .contents_header_inner {
  width: 1080px;
  margin: auto;
}
.contents_header .contents_header_inner h1 {
  color: #fff;
  font-size: 4.8rem;
  font-weight: 800;
  padding-top: 58px;
}
.contents_header.nakamura_note .contents_header_inner {
  position: relative;
}
.contents_header.nakamura_note .contents_header_inner p {
  position: absolute;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  left: 0;
  top: 52px;
}
.contents_header.nakamura_note .contents_header_inner h1 {
  padding-top: 80px;
}
.contents_header.maker .contents_header_inner {
  position: relative;
}
.contents_header.maker .contents_header_inner p {
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  padding-top: 38px;
}
.contents_header.maker .contents_header_inner p.sub {
  font-size: 1.45rem;
  top: auto;
  position: static;
  padding-top: 0;
}
.contents_header.maker .contents_header_inner h1 {
  padding-top: 0;
  line-height: 1.1;
  margin-bottom: 8px;
}
.contents_header.maker.custom .contents_header_inner p.sub {
  margin-left: -10px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .contents_inner {
    width: 90%;
    padding: 13vw 0;
  }
  section.decoration_under .contents_inner {
    padding-bottom: 40vw;
  }
  section.color_sec.decoration .decoration_item {
    height: 70px;
    top: -70px;
  }
  section.color_sec.decoration .decoration_item:before {
    width: 70px;
    height: 70px;
  }
  section.color_sec.decoration .decoration_item:after {
    height: 70px;
    width: calc(100% - 70px);
  }
  .contents_title h3 {
    font-size: 2.5rem;
  }
  .contents_title h3 span {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .contents_title.example {
    padding-left: 0;
  }
  .contents_header {
    height: 65vw;
    margin-bottom: -5vw;
  }
  .contents_header .contents_header_inner {
    width: 90%;
  }
  .contents_header .contents_header_inner h1 {
    font-size: 2.2rem;
    padding-top: 60px;
  }
  .contents_header.nakamura_note .contents_header_inner p {
    font-size: 1rem;
    line-height: 1.3;
    top: 35px;
  }
  .contents_header.maker {
    min-height: 65vw;
    height: auto;
  }
  .contents_header.maker .contents_header_inner p {
    font-size: 1rem;
    line-height: 1.3;
    top: 35px;
  }
  .contents_header.maker .contents_header_inner p.sub {
    font-size: 1.05rem;
    padding-bottom: 25vw;
  }
}
/*Mobile*/
/*=== Main Visual ============================================*/
.main_MV {
  width: 100%;
  height: 800px;
  position: relative;
  background-image: url(../img/index/mv_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main_MV .mv_inner {
  position: relative;
  width: 90%;
  height: 100%;
  margin: auto;
}
.main_MV .mv_inner h1 {
  position: absolute;
  color: #fff;
  font-weight: 900;
  font-size: 4.7rem;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  bottom: 140px;
  left: 0;
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.main_MV .mv_inner h1 span {
  font-size: 3rem;
  margin-top: 7px;
  display: block;
}
.main_MV .mv_inner .illust_item {
  position: absolute;
  width: 158px;
}
.main_MV .mv_inner .illust_item.item01 {
  bottom: 293px;
  right: 90px;
}
.main_MV .mv_inner .illust_item.item02 {
  bottom: 138px;
  right: 200px;
}
.main_MV .mv_inner .illust_item.item03 {
  bottom: 350px;
  right: 280px;
}

.head_under {
  display: block;
  position: absolute;
  width: 50%;
  height: 100px;
  bottom: 0;
}
.head_under:before {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: url(../img/global/visual_under.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.head_under:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 100px);
  height: 100px;
  background-color: #fff;
}
.head_under.under01 {
  left: 0;
}
.head_under.under01:before {
  transform: scale(-1, 1);
  right: 0;
  bottom: 0;
}
.head_under.under01:after {
  left: 0;
  bottom: 0;
}
.head_under.under02 {
  right: 0;
}
.head_under.under02:before {
  left: 0;
  bottom: 0;
}
.head_under.under02:after {
  right: 0;
  bottom: 0;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .main_MV {
    height: 500px;
  }
  .main_MV .mv_inner h1 {
    font-size: 2rem;
    bottom: 95px;
  }
  .main_MV .mv_inner h1 span {
    font-size: 1.3rem;
  }
  .main_MV .mv_inner .illust_item {
    width: 95px;
  }
  .main_MV .mv_inner .illust_item img {
    width: 100%;
    height: auto;
  }
  .main_MV .mv_inner .illust_item.item01 {
    bottom: auto;
    right: -8px;
    top: 70px;
  }
  .main_MV .mv_inner .illust_item.item02 {
    bottom: auto;
    right: 52px;
    top: 155px;
  }
  .main_MV .mv_inner .illust_item.item03 {
    bottom: auto;
    right: 87px;
    top: 15px;
  }
  .head_under {
    height: 70px;
  }
  .head_under:before {
    width: 70px;
    height: 70px;
  }
  .head_under:after {
    width: calc(100% - 70px);
    height: 70px;
  }
}
/*=== contents_btn ============================================*/
.contents_btn {
  width: 420px;
  transition: all 0.3s ease;
}
.contents_btn a {
  display: block;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  font-size: 1.25rem;
  width: 99%;
  padding: 8px 0;
  letter-spacing: 0.01em;
}
.contents_btn a:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  background-image: url(../img/global/btn_line.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  bottom: -1px;
  right: -1%;
}
.contents_btn a span {
  position: relative;
}
.contents_btn a span:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #707070;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  .contents_btn:hover {
    width: 430px;
  }
}

.back_btn,
.single_pre_btn {
  width: 230px;
  margin: auto;
  transition: all 0.3s ease;
}
.back_btn a,
.single_pre_btn a {
  display: block;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  font-size: 1.25rem;
  width: 99%;
  padding: 8px 0;
  letter-spacing: 0.01em;
  text-align: right;
}
.back_btn a:after,
.single_pre_btn a:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  background-image: url(../img/global/btn_line.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  bottom: -1px;
  left: -1%;
  transform: scale(-1, 1);
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .back_btn:hover a:after,
  .single_pre_btn:hover a:after {
    left: -15px;
  }
}

.single_netx_btn {
  width: 230px;
  margin: auto;
  transition: all 0.3s ease;
}
.single_netx_btn a {
  display: block;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  font-size: 1.25rem;
  width: 99%;
  padding: 8px 0;
  letter-spacing: 0.01em;
}
.single_netx_btn a:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  background-image: url(../img/global/btn_line.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  bottom: -1px;
  right: -1%;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .single_netx_btn:hover a:after {
    right: -15px;
  }
}

.single_pre_next {
  width: 550px;
  margin: 100px auto 50px;
  position: relative;
  height: 60px;
}
.single_pre_next .single_pre_btn {
  left: 0;
  margin: auto;
  position: absolute;
}
.single_pre_next .single_netx_btn {
  right: 0;
  margin: auto;
  position: absolute;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .contents_btn {
    width: 80%;
  }
}
/*=== NAKAMURA BRAND ============================================*/
.brand_sec {
  margin-top: -120px;
}
.brand_sec h4 {
  font-family: "Inter", sans-serif;
  text-align: center;
  font-weight: 900;
  color: #533915;
  font-size: 5rem;
}
.brand_sec .brand_contain {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
}
.brand_sec .brand_contain .illust {
  width: 406px;
}
.brand_sec .brand_contain p {
  width: 446px;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.5;
  padding-top: 75px;
}
.brand_sec .determination {
  color: #533915;
  font-size: 3.45rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 85px;
}
.brand_sec .determination span.small {
  display: block;
  font-size: 2.2rem;
  text-align: left;
  padding-left: 3px;
}
.brand_sec .determination span.color {
  color: #FD8700;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .brand_sec h4 {
    font-size: 3rem;
    line-height: 1;
    margin-top: 22vw;
  }
  .brand_sec .brand_contain {
    margin-bottom: 7vw;
  }
  .brand_sec .brand_contain .illust {
    width: 70%;
  }
  .brand_sec .brand_contain .illust img {
    width: 100%;
    height: auto;
  }
  .brand_sec .brand_contain p {
    font-size: 1.2rem;
    padding-top: 6vw;
  }
  .brand_sec .determination {
    font-size: 2rem;
    margin-bottom: 15vw;
  }
  .brand_sec .determination span.small {
    font-size: 1.5rem;
    padding-left: 13px;
  }
}
/*=== purpose ============================================*/
.purpose_title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.purpose_title .illust {
  width: 218px;
  text-align: center;
  margin-right: 20px;
}
.purpose_title .contents_title {
  width: 350px;
  padding-top: 65px;
}
.purpose_title .contents_title h3 {
  color: #533915;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.1em;
}
.purpose_title .contents_title h3 span {
  display: block;
  font-size: 2.8rem;
  font-weight: 600;
  color: #FD8700;
}

.purpose_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.purpose_container .item {
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
  width: 510px;
  margin-bottom: 45px;
}
.purpose_container .item:nth-child(2n) {
  margin-left: 60px;
}
.purpose_container .item a {
  display: block;
  height: 100%;
  padding: 20px 27px;
  position: relative;
  transition: all 0.3s ease;
}
.purpose_container .item a .thumbnail {
  width: 455px;
  height: 228px;
  overflow: hidden;
  border-radius: 0 20px 20px 0;
  margin-bottom: 14px;
}
.purpose_container .item a .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.purpose_container .item a h4 {
  font-size: 1.8rem;
  color: #533915;
  margin-bottom: 17px;
}
.purpose_container .item a p {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 46px;
}
.purpose_container .item a:after {
  content: "";
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid #707070;
  background-image: url(../img/global/btn_line02.svg);
  background-repeat: no-repeat;
  background-position: 53% 42%;
  background-size: 50%;
  right: 27px;
  bottom: 19px;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .purpose_container .item:hover a {
    opacity: 0.7;
  }
  .purpose_container .item:hover a:after {
    right: 20px;
  }
}
.purpose_container .item.brank {
  width: 666px;
  border-radius: 20px;
  margin-bottom: 0;
}
.purpose_container .item.brank a .thumbnail {
  height: 160px;
  width: 100%;
}
.purpose_container .item.brank a .thumbnail img {
  -o-object-fit: contain;
     object-fit: contain;
}
.purpose_container .item.brank a p {
  margin-bottom: 0;
  font-size: 1.35rem;
}
.purpose_container .item.brank a:after {
  display: none;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .purpose_title .illust {
    width: 37%;
    margin-right: 3%;
  }
  .purpose_title .illust img {
    width: 100%;
    height: auto;
  }
  .purpose_title .contents_title {
    padding-top: 62px;
    width: 60%;
    margin-bottom: 0;
  }
  .purpose_title .contents_title h3 {
    font-size: 2.4rem;
  }
  .purpose_title .contents_title h3 span {
    font-size: 1.5rem;
    line-height: 1;
  }
  .purpose_container .item {
    width: 100%;
    margin-bottom: 5vw;
  }
  .purpose_container .item a .thumbnail {
    width: 100%;
    height: 45vw;
  }
  .purpose_container .item a h4 {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }
  .purpose_container .item a p {
    font-size: 1rem;
  }
  .purpose_container .item a:after {
    width: 38px;
    height: 38px;
  }
  .purpose_container .item:nth-child(2n) {
    margin-left: 0;
  }
  .purpose_container .item.brank a .thumbnail {
    height: 120px;
  }
  .purpose_container .item.brank a p {
    font-size: 1.1rem;
  }
}
/*=== 中村Topics ============================================*/
.topics_title {
  text-align: center;
  color: #fff;
  margin-top: -50px;
  margin-bottom: 30px;
}
.topics_title h3 {
  font-size: 3rem;
  font-weight: 600;
}
.topics_title h3 span {
  font-family: "Inter", sans-serif;
  font-weight: 800;
}

.topics_contents {
  background-color: #fff;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: -25px;
}
.topics_contents a {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 35px;
  transition: all 0.13s ease;
}
.topics_contents a .thumbnail {
  width: 475px;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  margin-right: 49px;
}
.topics_contents a .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topics_contents a .text {
  width: 478px;
}
.topics_contents a .text h4 {
  color: #533915;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 25px;
}
.topics_contents a .text p {
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 66px;
}
.topics_contents a:after {
  content: "";
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid #707070;
  background-image: url(../img/global/btn_line02.svg);
  background-repeat: no-repeat;
  background-position: 53% 42%;
  background-size: 50%;
  right: 43px;
  bottom: 33px;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .topics_contents:hover a {
    opacity: 0.7;
  }
  .topics_contents:hover a:after {
    right: 36px;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .topics_title {
    margin-top: -5vw;
  }
  .topics_title h3 {
    font-size: 2.5rem;
  }
  .topics_contents a {
    padding: 5vw;
  }
  .topics_contents a .thumbnail {
    margin-right: 0;
    width: 100%;
    border-radius: 20px 20px 0 0;
    margin-bottom: 4vw;
  }
  .topics_contents a .text h4 {
    font-size: 1.5rem;
    margin-bottom: 4vw;
  }
  .topics_contents a:after {
    width: 38px;
    height: 38px;
    right: 20px;
    bottom: 22px;
  }
}
/*=== 施工事例 ============================================*/
.example_slider_container {
  width: calc((100vw - 200px - 1080px) / 2 + 100%);
  height: 655px;
  overflow: hidden;
  margin-top: -120px;
  position: relative;
}
.example_slider_container .example_slider {
  position: static !important;
  width: calc(100vw - 1790px + 200%) !important;
  margin-left: calc(((100vw - 200px - 1080px) / 2 + 100% - 510px) * -1);
}
.example_slider_container .example_slider .item {
  width: 510px;
  margin: 75px -75px 0;
  transition: all 0.5s ease;
  transform: scale(0.67);
}
.example_slider_container .example_slider .item a {
  display: block;
  height: 100%;
  transition: all 0.6s ease;
}
.example_slider_container .example_slider .item a .thumbnail {
  width: 100%;
  height: 510px;
  border-radius: 0 20px 20px 0;
  position: relative;
  background-color: #6F5C42;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 12px;
  transition: all 0.5s ease;
}
.example_slider_container .example_slider .item a .thumbnail ul {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.example_slider_container .example_slider .item a .thumbnail ul li {
  color: #fff;
  background-color: #533915;
  padding: 10px 15px 12px;
  margin-right: 10px;
  line-height: 1;
  transition: all 0.5s ease;
  font-size: 1.5rem;
}
.example_slider_container .example_slider .item a .thumbnail ul li:last-child {
  margin-right: 0;
}
.example_slider_container .example_slider .item a h4 {
  font-size: 1.7rem;
}
.example_slider_container .example_slider .item.slick-center {
  transform: scale(1);
  margin: 0 10px 0;
}
.example_slider_container .example_slider .item.slick-center a .thumbnail {
  height: 510px;
}
.example_slider_container .example_slider .item.slick-center a .thumbnail ul li {
  font-size: 1.2rem;
  padding: 8px 12px 9px;
}
.example_slider_container .example_slider .item.slick-center a h4 {
  font-size: 1.2rem;
}
@media (hover: hover) and (pointer: fine) {
  .example_slider_container .example_slider .item:hover {
    opacity: 0.7;
  }
}

.slick-arrow {
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: 0 !important;
  background-image: url(../img/global/btn_line02.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 53% 42% !important;
  background-size: 50% !important;
  border: 2px solid #707070 !important;
  background-color: rgb(255, 255, 255) !important;
  width: 69px !important;
  height: 69px !important;
  border-radius: 50% !important;
  transition: all 0.3s ease;
}
.slick-arrow:before {
  background-image: none !important;
  display: none !important;
}
.slick-arrow.slick-prev {
  left: 0 !important;
  transform: scale(-1, 1);
}
.slick-arrow.slick-next {
  left: 105px !important;
}
@media (hover: hover) and (pointer: fine) {
  .slick-arrow:hover {
    opacity: 0.7;
  }
}

.example_btn_sec {
  padding-left: 660px;
  margin-top: -70px;
  margin-bottom: 115px;
}
.example_btn_sec .contents_btn {
  margin-bottom: 13px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .example_slider_container {
    width: 100vw;
    height: auto;
    margin-left: -5vw;
    margin-top: 0;
  }
  .example_slider_container .example_slider {
    width: 100vw !important;
    margin-left: 0;
  }
  .example_slider_container .example_slider .item {
    width: 250px;
    margin: 32px -40px 0;
  }
  .example_slider_container .example_slider .item a .thumbnail {
    height: 250px;
  }
  .example_slider_container .example_slider .item a h4 {
    font-size: 1.4rem;
  }
  .example_slider_container .example_slider .item.slick-center a .thumbnail {
    height: 250px;
  }
  .example_slider_container .example_slider .item.slick-center a h4 {
    font-size: 1rem;
  }
  .slick-arrow {
    width: 50px !important;
    height: 50px !important;
  }
  .slick-arrow.slick-prev {
    left: -75px !important;
    right: 0 !important;
    margin: auto !important;
  }
  .slick-arrow.slick-next {
    left: 0 !important;
    right: -75px !important;
    margin: auto !important;
  }
  .example_btn_sec {
    padding-left: 0;
    margin-top: 10vw;
    overflow: hidden;
  }
  .example_btn_sec .contents_btn {
    float: right;
  }
}
/*=== sec_contact_item ============================================*/
.sec_contact_item {
  width: 960px;
  margin: auto;
}
.sec_contact_item .fukidashi {
  background-color: #fff;
  width: 397px;
  border: 2px solid #533915;
  padding: 20px 25px;
  position: relative;
  margin: 0 auto -43px;
  z-index: 1;
}
.sec_contact_item .fukidashi ul {
  margin: 0;
}
.sec_contact_item .fukidashi ul li {
  position: relative;
  padding-left: 15px;
  font-size: 0.9rem;
  font-weight: 500;
}
.sec_contact_item .fukidashi ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #707070;
  border-radius: 50%;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sec_contact_item .fukidashi:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url(../img/global/contact_triangle.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  bottom: -19px;
  left: 0;
  right: 0;
  margin: auto;
}
.sec_contact_item .contents {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(../img/global/contact_sec_back.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 0;
  padding: 60px 65px 42px;
}
.sec_contact_item .contents:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #6F5C42;
  mix-blend-mode: multiply;
  left: 0;
  top: 0;
  z-index: -1;
}
.sec_contact_item .contents h5 {
  font-size: 2.5rem;
  color: #FD8700;
  text-align: center;
  margin-bottom: 15px;
}
.sec_contact_item .contents .container {
  overflow: hidden;
  margin-bottom: 25px;
  color: #fff;
}
.sec_contact_item .contents .container .contents_l {
  width: 50%;
  float: left;
}
.sec_contact_item .contents .container .contents_l .title {
  margin-bottom: 10px;
}
.sec_contact_item .contents .container .contents_l .title a {
  color: #fff;
  font-size: 2.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 1;
}
.sec_contact_item .contents .container .contents_l .title a span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.sec_contact_item .contents .container .contents_l .title a img {
  width: 38px;
  height: auto;
}
.sec_contact_item .contents .container .contents_l p {
  font-size: 0.85rem;
  line-height: 1.6;
}
.sec_contact_item .contents .container .contents_l p span {
  font-size: 1.2rem;
  margin-bottom: -12px;
  display: block;
}
.sec_contact_item .contents .container .content_r {
  width: 50%;
  float: right;
}
.sec_contact_item .contents .container .content_r p {
  font-size: 1.3rem;
}
.sec_contact_item .contents .container .content_r p.bold {
  font-weight: 700;
  margin-bottom: 14px;
}
.sec_contact_item .contents .container .content_r .btn {
  width: 100%;
  border: 1px solid #fff;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease;
}
.sec_contact_item .contents .container .content_r .btn a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 12px 20px 14px;
  font-weight: 600;
}
.sec_contact_item .contents .container .content_r .btn a:after {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  background-image: url(../img/global/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  .sec_contact_item .contents .container .content_r .btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.sec_contact_item .under {
  width: 368px;
  margin: -25px auto 0;
  background-color: #fff;
  border: 2px solid #6F5C42;
  text-align: center;
  padding: 8px 0 9px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sec_contact_item {
    width: 100%;
  }
  .sec_contact_item .fukidashi {
    width: 85%;
    padding: 14px 10px;
  }
  .sec_contact_item .fukidashi ul li {
    padding-left: 11px;
    line-height: 1.3;
  }
  .sec_contact_item .fukidashi ul li:before {
    left: 3px;
    top: 9px;
    bottom: auto;
  }
  .sec_contact_item .fukidashi:after {
    bottom: -19.5px;
  }
  .sec_contact_item .contents {
    padding: 70px 7vw 25px;
  }
  .sec_contact_item .contents h5 {
    font-size: 2rem;
    margin-bottom: 6vw;
  }
  .sec_contact_item .contents .container .contents_l {
    width: 100%;
    margin-bottom: 7vw;
  }
  .sec_contact_item .contents .container .contents_l .title a {
    font-size: 2.2rem;
  }
  .sec_contact_item .contents .container .contents_l .title a span {
    margin-bottom: 10px;
  }
  .sec_contact_item .contents .container .contents_l .title a img {
    width: 30px;
  }
  .sec_contact_item .contents .container .contents_l p span {
    font-size: 1.1rem;
  }
  .sec_contact_item .contents .container .content_r {
    width: 100%;
  }
  .sec_contact_item .contents .container .content_r .btn a {
    font-size: 1rem;
  }
  .sec_contact_item .contents .container .content_r p {
    font-size: 1.1rem;
  }
  .sec_contact_item .under {
    width: 80%;
    font-size: 0.85rem;
  }
}
/*=== can do ============================================*/
.cando_contents {
  display: flex;
  flex-wrap: wrap;
  margin: 55px 0 20px;
}
.cando_contents .item {
  width: 256px;
  height: 256px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-right: 18px;
}
.cando_contents .item:last-child {
  margin-right: 0;
}
.cando_contents .item .band {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  background-color: rgba(136, 115, 89, 0.8);
  text-align: center;
  color: #fff;
  font-weight: 500;
  padding-top: 17px;
}
.cando_contents .item .band p {
  font-size: 2rem;
  line-height: 1.3;
  margin-bottom: 5px;
}
.cando_contents .item .band p.small {
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 0;
}
.cando_contents .item.tree {
  background-image: url(../img/index/constraction_item01.jpg);
}
.cando_contents .item.steel {
  background-image: url(../img/index/constraction_item02.jpg);
}
.cando_contents .item.concrete {
  background-image: url(../img/index/constraction_item03.jpg);
}
.cando_contents .item.concrete .band {
  padding-top: 10px;
}
.cando_contents .item.concrete .band p {
  font-size: 1.5rem;
}
.cando_contents .item.techno {
  background-image: url(../img/index/constraction_item04.jpg);
}
.cando_contents .item.techno .band {
  padding-top: 5px;
}
.cando_contents .item.techno .band p {
  font-size: 1.5rem;
}
.cando_contents .item.techno .band p.small {
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: -0.03em;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .cando_contents .item {
    margin: 0 auto 7vw;
  }
  .cando_contents .item:last-child {
    margin: 0 auto;
  }
}
/*=== story ============================================*/
.story_sec {
  position: relative;
}
.story_sec:before {
  content: "";
  display: block;
  position: absolute;
  width: calc((100vw - 200px - 1080px) / 2 + 540px);
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0 40px 40px 0;
  background-image: url(../img/index/concept_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.story_sec .contents_inner {
  padding: 80px 0;
}

.story_content {
  padding-left: 540px;
}
.story_content h3 {
  font-size: 5rem;
  color: #FD8700;
  font-weight: 400;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 15px;
}
.story_content .copy {
  border-top: none;
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.3;
  padding-left: 48px;
  margin-bottom: 10px;
}
.story_content p {
  color: #fff;
  padding-left: 48px;
  font-size: 1.7rem;
  margin-bottom: 75px;
}
.story_content .contents_btn {
  padding-left: 48px;
}
.story_content .contents_btn a {
  color: #fff;
  border-color: #fff;
}
.story_content .contents_btn a:after {
  background-image: url(../img/global/btn_line_w.svg);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .story_sec:before {
    width: 100%;
    height: 60vw;
    border-radius: 0 0 40px 40px;
  }
  .story_sec .contents_inner {
    padding: 65vw 0 80px;
  }
  .story_content {
    padding-left: 0;
  }
  .story_content h3 {
    font-size: 3rem;
    margin-bottom: 0;
    margin-left: -2vw;
  }
  .story_content .copy {
    font-size: 2rem;
    padding-left: 5vw;
    padding-bottom: 5vw;
  }
  .story_content p {
    padding-left: 5vw;
    font-size: 1.2rem;
    margin-bottom: 8vw;
  }
  .story_content .contents_btn {
    padding-left: 5vw;
  }
}
/*=== promise ============================================*/
.promise_sec .contents_inner {
  padding: 70px 0;
}

.promise {
  position: relative;
}
.promise .contents {
  width: 670px;
}
.promise .contents h4 {
  color: #533915;
  font-size: 2.5rem;
  margin-bottom: 35px;
}
.promise .contents ol {
  margin: 0;
  padding-left: 27px;
  margin-bottom: 40px;
}
.promise .contents ol li {
  font-size: 1.15rem;
  margin: 0;
  padding-left: 7px;
  letter-spacing: 0.05em;
}
.promise .contents .sign {
  text-align: right;
  margin-bottom: 45px;
  line-height: 3;
  font-size: 1.1rem;
  padding-right: 20px;
}
.promise .contents .sign img {
  margin-left: 5px;
}
.promise .contents .online {
  width: 95%;
  text-align: center;
  background-color: #F8F5F0;
  border: 1px solid #533915;
  line-height: 1.3;
  padding: 19px 0 18px;
}
.promise .promise_image {
  position: absolute;
  width: calc((100vw - 200px - 1080px) / 2 + 376px);
  height: calc(100% + 140px);
  right: calc((100vw - 200px - 1080px) / 2 * -1);
  top: -70px;
  border-radius: 40px 0 0 40px;
  overflow: hidden;
}
.promise .promise_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .promise .contents {
    width: 100%;
    padding-bottom: 60vw;
  }
  .promise .contents h4 {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  .promise .contents ol {
    margin-bottom: 3vw;
  }
  .promise .contents ol li {
    font-size: 1.1;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .promise .contents .online {
    width: 100%;
    padding: 19px 20px 18px;
    text-align: left;
  }
  .promise .promise_image {
    width: 105%;
    height: 60vw;
    right: -5vw;
    bottom: -50px;
    top: auto;
  }
}
/*=== shrine ============================================*/
.shrine_sec .contents_inner {
  padding: 45px 0;
}

.shrine_container {
  display: flex;
  flex-wrap: wrap;
}
.shrine_container .image {
  width: 515px;
  height: 390px;
  border-radius: 40px;
  overflow: hidden;
  margin-right: 25px;
}
.shrine_container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shrine_container .contents {
  width: 450px;
  color: #fff;
}
.shrine_container .contents .title {
  font-size: 3rem;
  line-height: 1.4;
  margin-bottom: 25px;
  font-weight: 700;
}
.shrine_container .contents p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .shrine_container .image {
    width: 100%;
    height: 55vw;
    margin-right: 0;
    border-radius: 30px;
    margin-bottom: 5vw;
  }
  .shrine_container .contents {
    width: 100%;
  }
  .shrine_container .contents .title {
    font-size: 2rem;
  }
}
/*=== customer ============================================*/
.customer_container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.customer_container .customer_item {
  width: 340px;
  margin-right: 30px;
  transition: all 0.3s ease;
}
.customer_container .customer_item a {
  display: block;
  height: 100%;
  position: relative;
  padding-bottom: 25px;
}
.customer_container .customer_item a .thumbnail {
  width: 100%;
  height: 260px;
  border-radius: 0 40px 40px 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 15px;
  position: relative;
}
.customer_container .customer_item a .name {
  font-size: 1.1rem;
  margin-bottom: 5px;
}
.customer_container .customer_item a h4 {
  font-weight: 600;
  line-height: 1.3;
  font-size: 1.3rem;
  margin-bottom: 18px;
}
.customer_container .customer_item a .voice_cat {
  position: absolute;
  bottom: 0;
  left: 0;
}
.customer_container .customer_item a .voice_cat ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.customer_container .customer_item a .voice_cat ul li {
  position: relative;
  padding-left: 30px;
  color: #533915;
  font-size: 0.9rem;
  margin-right: 30px;
  font-weight: 600;
}
.customer_container .customer_item a .voice_cat ul li:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background-image: url(../img/global/icon_checkbox.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.customer_container .customer_item a .voice_cat ul li:last-child {
  margin-right: 0;
}
.customer_container .customer_item:last-child {
  margin-right: 0;
}
.customer_container .customer_item.movie a .thumbnail:before {
  content: "MOVIE";
  display: block;
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  padding: 6px 16px 5px;
  background-color: #AA9C88;
  border-radius: 6px;
  top: 10px;
  left: 8px;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .customer_container .customer_item:hover {
    opacity: 0.7;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .customer_container .customer_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10vw;
  }
  .customer_container .customer_item:last-child {
    margin-bottom: 0;
  }
}
/*=== present ============================================*/
.present_contents {
  display: flex;
  flex-wrap: wrap;
}
.present_contents .image {
  width: 228px;
  border: 1px solid #fff;
  margin-right: 48px;
}
.present_contents .image img {
  width: 100%;
  height: auto;
}
.present_contents .content {
  width: 782px;
  color: #fff;
  margin-top: -15px;
}
.present_contents .content h5 {
  font-size: 2.85rem;
  line-height: 1.4;
}
.present_contents .content h5 span {
  color: #FD8700;
  display: block;
}
.present_contents .content p {
  margin-bottom: 40px;
}
.present_contents .content .contents_btn a {
  color: #fff;
  border-color: #fff;
  font-size: 1.1rem;
}
.present_contents .content .contents_btn a:after {
  background-image: url(../img/global/btn_line_w.svg);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .present_contents .image {
    width: 50%;
    margin: 0 auto 10vw;
  }
  .present_contents .content {
    width: 100%;
  }
  .present_contents .content h5 {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
}
/*=== news note ============================================*/
.news_note_container {
  overflow: hidden;
}
.news_note_container .news_note_title {
  position: relative;
  padding-top: 25px;
  margin-bottom: 35px;
}
.news_note_container .news_note_title h3 {
  color: #533915;
  font-size: 3.8rem;
  line-height: 1.2;
  font-weight: 800;
}
.news_note_container .news_note_title p {
  position: absolute;
  top: 0;
  left: 0;
  color: #533915;
  font-weight: 700;
}
.news_note_container .news_note_list {
  margin-bottom: 30px;
}
.news_note_container .news_note_list .item {
  border-bottom: 1px solid #707070;
  margin-bottom: 14px;
  transition: all 0.3s ease;
}
.news_note_container .news_note_list .item a {
  padding-bottom: 17px;
  display: block;
}
.news_note_container .news_note_list .item a .date {
  font-size: 0.9rem;
}
.news_note_container .news_note_list .item a h5 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0;
}
@media (hover: hover) and (pointer: fine) {
  .news_note_container .news_note_list .item:hover {
    opacity: 0.7;
  }
}
.news_note_container .news_contents {
  width: 520px;
  float: left;
}
.news_note_container .note_contents {
  width: 520px;
  float: right;
}
.news_note_container .contents_btn {
  width: 306px;
}
@media (hover: hover) and (pointer: fine) {
  .news_note_container .contents_btn:hover {
    width: 316px;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .news_note_container .news_note_title {
    margin-bottom: 5vw;
    padding-top: 43px;
  }
  .news_note_container .news_note_title h3 {
    font-size: 2.5rem;
  }
  .news_note_container .news_note_title p {
    line-height: 1.2;
  }
  .news_note_container .news_contents,
  .news_note_container .note_contents {
    width: 100%;
    margin-bottom: 15vw;
  }
}
/*=== staff ============================================*/
.staff_sec .contents_btn {
  width: 306px;
}
@media (hover: hover) and (pointer: fine) {
  .staff_sec .contents_btn:hover {
    width: 316px;
  }
}

.staff_title {
  margin-bottom: 30px;
}
.staff_title .copy {
  border-top: none;
  font-size: 2.8rem;
  color: #FD8700;
  display: block;
  font-weight: 600;
}
.staff_title .title_text {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px;
}
.staff_title .title_text h3 {
  font-size: 4rem;
  color: #533915;
  line-height: 1.1;
  margin-right: 35px;
  width: 385px;
}
.staff_title .title_text p {
  width: 650px;
  line-height: 1.5;
  align-items: center;
  display: flex;
  justify-content: center;
}

.staff_slider_container {
  width: calc(100vw - 200px - 1080px + 100%);
  margin-left: calc((100vw - 200px - 1080px) / 2 * -1);
  margin-bottom: 50px;
}
.staff_slider_container .staff_slider .item {
  width: 260px;
  height: 390px;
  margin: 0 10px;
}
.staff_slider_container .staff_slider .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .staff_title .copy {
    font-size: 1.5rem;
    line-height: 1.4;
    padding-bottom: 3vw;
  }
  .staff_title .title_text h3 {
    width: 100%;
    font-size: 2.5rem;
    margin-bottom: 5vw;
  }
  .staff_title .title_text p {
    width: 100%;
  }
  .staff_slider_container {
    width: 100vw;
    margin-left: -5vw;
  }
  .staff_slider_container .staff_slider .item {
    width: 150px;
    height: 230px;
    margin: 0 5px;
  }
}
/*=== casa ============================================*/
.casa_contents {
  width: 800px;
  margin: auto;
  border: 1px solid #707070;
  border-radius: 10px;
}
.casa_contents a {
  display: block;
  position: relative;
  padding: 30px 80px;
  overflow: hidden;
  transition: all 1.3s ease;
}
.casa_contents a .logo {
  width: 135px;
  height: 135px;
  float: left;
  margin-right: 18px;
}
.casa_contents a .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.casa_contents a .text {
  width: 480px;
  float: left;
  padding-top: 30px;
}
.casa_contents a .text h5 {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 1;
  margin-bottom: 15px;
  letter-spacing: 0.15em;
}
.casa_contents a .text p {
  letter-spacing: 0.1em;
  padding-left: 15px;
  font-size: 1.05rem;
}
.casa_contents a:after {
  content: "";
  display: block;
  position: absolute;
  width: 51px;
  height: 11px;
  background-image: url(../img/global/btn_line03.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  right: 38px;
  bottom: 28px;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .casa_contents:hover a {
    opacity: 0.7;
  }
  .casa_contents:hover a:after {
    right: 33px;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .casa_contents {
    width: 100%;
  }
  .casa_contents a {
    padding: 5vw 5vw 15vw 5vw;
  }
  .casa_contents a .logo {
    float: none;
    margin: auto;
  }
  .casa_contents a .text {
    width: 100%;
  }
}
/*Mobile*/
/*=== archive ============================================*/
.customer_archive_list .customer_item {
  margin-bottom: 64px;
}
.customer_archive_list .customer_item a {
  display: block;
  overflow: hidden;
}
.customer_archive_list .customer_item a .thumbnail_container {
  width: 540px;
  height: 540px;
  border-radius: 0 40px 40px 0;
  overflow: hidden;
  float: left;
}
.customer_archive_list .customer_item a .thumbnail_container .main {
  width: 100%;
  height: 370px;
}
.customer_archive_list .customer_item a .thumbnail_container .main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer_archive_list .customer_item a .thumbnail_container .sub {
  display: flex;
  flex-wrap: wrap;
}
.customer_archive_list .customer_item a .thumbnail_container .sub .item {
  width: 180px;
  height: 180px;
  overflow: hidden;
}
.customer_archive_list .customer_item a .thumbnail_container .sub .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer_archive_list .customer_item a .contents {
  width: 493px;
  float: right;
  position: relative;
  padding-top: 53px;
  padding-right: 40px;
}
.customer_archive_list .customer_item a .contents .movie_icon {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  padding: 6px 16px 5px;
  background-color: #AA9C88;
  border-radius: 6px;
  font-size: 1.1rem;
  top: 0;
  left: 0;
  line-height: 1;
}
.customer_archive_list .customer_item a .contents .title {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 10px;
}
.customer_archive_list .customer_item a .contents .title span {
  display: inline-block;
  border: 1px solid #707070;
  padding: 9px 17px 11px;
  margin-right: 10px;
}
.customer_archive_list .customer_item a .contents h4 {
  color: #533915;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 45px;
}
.customer_archive_list .customer_item a .contents .voice_cat {
  margin-bottom: 70px;
}
.customer_archive_list .customer_item a .contents .voice_cat ul {
  display: flex;
  flex-wrap: wrap;
}
.customer_archive_list .customer_item a .contents .voice_cat ul li {
  position: relative;
  padding-left: 45px;
  color: #533915;
  font-size: 1.5rem;
  margin-right: 30px;
  font-weight: 600;
}
.customer_archive_list .customer_item a .contents .voice_cat ul li:before {
  content: "";
  width: 37px;
  height: 37px;
  display: block;
  position: absolute;
  background-image: url(../img/global/icon_checkbox.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.customer_archive_list .customer_item a .contents .contents_btn {
  width: 418px !important;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  font-size: 1.25rem;
  width: 99%;
  padding: 8px 0;
  letter-spacing: 0.01em;
  transition: all 0.3s ease;
}
.customer_archive_list .customer_item a .contents .contents_btn:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  background-image: url(../img/global/btn_line.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  bottom: -1px;
  right: -1%;
}
@media (hover: hover) and (pointer: fine) {
  .customer_archive_list .customer_item:hover {
    opacity: 0.7;
  }
  .customer_archive_list .customer_item:hover a .contents .contents_btn {
    width: 428px !important;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .customer_archive_list .customer_item a .thumbnail_container {
    width: 100%;
    height: 90vw;
    margin-bottom: 5vw;
  }
  .customer_archive_list .customer_item a .thumbnail_container .main {
    height: 65%;
  }
  .customer_archive_list .customer_item a .thumbnail_container .sub .item {
    width: 33.3333333333%;
    height: 33vw;
  }
  .customer_archive_list .customer_item a .contents {
    width: 100%;
    padding: 0;
  }
  .customer_archive_list .customer_item a .contents .movie_icon {
    position: static;
    display: inline-block;
    margin-bottom: 3vw;
  }
  .customer_archive_list .customer_item a .contents .title {
    font-size: 0.9rem;
  }
  .customer_archive_list .customer_item a .contents h4 {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 8vw;
  }
  .customer_archive_list .customer_item a .contents .voice_cat {
    margin-bottom: 8vw;
  }
  .customer_archive_list .customer_item a .contents .voice_cat ul {
    margin: 0;
  }
  .customer_archive_list .customer_item a .contents .voice_cat ul li {
    font-size: 1.1rem;
    padding-left: 35px;
  }
  .customer_archive_list .customer_item a .contents .voice_cat ul li:before {
    width: 27px;
    height: 27px;
  }
  .customer_archive_list .customer_item a .contents .contents_btn {
    width: 85% !important;
  }
}
/*=== post ============================================*/
.voice_page_head {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.voice_page_head .main_image {
  width: 660px;
  height: 450px;
  overflow: hidden;
  border-radius: 0 40px 40px 0;
  margin-bottom: 0;
  margin-right: 46px;
}
.voice_page_head .main_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice_page_head .contents {
  width: 374px;
  position: relative;
}
.voice_page_head .contents .midashi {
  font-size: 1.2rem;
  border: 1px solid #707070;
  text-align: center;
  padding: 4px 0 5px;
  margin-bottom: 10px;
}
.voice_page_head .contents h3 {
  color: #533915;
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 40px;
  letter-spacing: -0.02em;
}
.voice_page_head .contents .voice_cat ul li {
  position: relative;
  padding-left: 45px;
  color: #533915;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.voice_page_head .contents .voice_cat ul li:before {
  content: "";
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  background-image: url(../img/global/icon_checkbox.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.voice_page_head .contents .name {
  font-size: 1.15rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.voice_movie_container {
  margin-bottom: 100px;
}
.voice_movie_container .iframe_container {
  width: 100%;
  height: 646px;
  overflow: hidden;
  border-radius: 40px;
}
.voice_movie_container .iframe_container iframe {
  width: 100%;
  height: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .voice_page_head .main_image {
    width: calc(100% + 5vw);
    height: 60vw;
    margin-right: 0;
    margin-left: -5vw;
    margin-bottom: 5vw;
  }
  .voice_page_head .contents {
    width: 100%;
  }
  .voice_page_head .contents .midashi {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .voice_page_head .contents h3 {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  .voice_page_head .contents .voice_cat {
    margin-bottom: 3vw;
  }
  .voice_page_head .contents .voice_cat ul {
    display: flex;
    flex-wrap: wrap;
  }
  .voice_page_head .contents .voice_cat ul li {
    font-size: 1.2rem;
    padding-left: 33px;
    margin-right: 6vw;
  }
  .voice_page_head .contents .voice_cat ul li:before {
    width: 25px;
    height: 25px;
  }
  .voice_page_head .contents .voice_cat ul li:last-child {
    margin-right: 0;
  }
  .voice_page_head .contents .name {
    position: static;
  }
  .voice_movie_container .iframe_container {
    height: 55vw;
    border-radius: 30px;
  }
}
/*=== post unit parts ============================================*/
.interview_item {
  margin-bottom: 70px;
}

.unit_h4 {
  margin-bottom: 30px;
}
.unit_h4 h4 {
  margin: 0;
  color: #533915;
  font-size: 2.8rem;
  line-height: 1.2;
}

@media screen and (max-width: 736px) {
  .unit_h4 H4 {
    font-size: 1.6rem;
  }
}
.unit_sub_h5 {
  margin-bottom: 15px;
}
.unit_sub_h5 h5 {
  font-size: 2rem;
  padding-left: 33px;
  position: relative;
  line-height: 1.3;
  margin: 0;
}
.unit_sub_h5 h5:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 1.5px;
  background-color: #707070;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 736px) {
  .unit_sub_h5 h5 {
    font-size: 1.2rem;
  }
}
.unit_q,
.unit_a {
  position: relative;
  padding-left: 224px;
}
.unit_q .q_image,
.unit_a .q_image {
  position: absolute;
  width: 152px;
  height: 152px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.unit_q .q_image .image,
.unit_a .q_image .image {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.unit_q .q_image .image img,
.unit_a .q_image .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_q .q_image p,
.unit_a .q_image p {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #707070;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 1.05rem;
  padding: 20px 0;
  bottom: -11px;
  left: 0;
}
.unit_q .text p,
.unit_a .text p {
  min-height: 165px;
  align-items: center;
  display: flex;
  justify-content: left;
  font-size: 1.05rem;
}
.unit_q .text p span,
.unit_a .text p span {
  display: contents;
  color: #FD8700;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.2;
}

.unit_q .text p {
  font-size: 1.4rem;
  font-weight: 600;
  color: #000;
}

.unit_a .q_image p {
  left: auto;
  right: 0;
}

@media screen and (max-width: 736px) {
  .unit_q,
  .unit_a {
    padding-left: 100px;
  }
  .unit_q .q_image,
  .unit_a .q_image {
    width: 80px;
    height: 80px;
  }
  .unit_q .q_image .image,
  .unit_a .q_image .image {
    width: 80px;
    height: 80px;
  }
  .unit_q .q_image p,
  .unit_a .q_image p {
    width: 50px;
    height: 50px;
    font-size: 0.75rem;
    padding: 15px 0;
  }
  .unit_q .text p,
  .unit_a .text p {
    min-height: 80px;
  }
}
.unit_interview_image {
  position: relative;
}
.unit_interview_image .interview_image_contents {
  width: 735px;
}
.unit_interview_image .image_contents {
  position: absolute;
  width: calc((100vw - 200px - 1080px) / 2 + 304px);
  height: 100%;
  overflow: hidden;
  top: 0;
}
.unit_interview_image .image_contents img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_interview_image.left .image_contents {
  border-radius: 40px 0 0 40px;
  right: calc((100vw - 200px - 1080px) / 2 * -1);
}
.unit_interview_image.right .interview_image_contents {
  margin-left: 496px;
  width: 587px;
}
.unit_interview_image.right .interview_image_contents .unit_q,
.unit_interview_image.right .interview_image_contents .unit_a {
  padding-left: 200px;
}
.unit_interview_image.right .image_contents {
  border-radius: 0 40px 40px 0;
  left: calc((100vw - 200px - 1080px) / 2 * -1);
  width: calc((100vw - 200px - 1080px) / 2 + 450px);
}
.unit_interview_image .unit_q {
  margin-bottom: 45px;
}

@media screen and (max-width: 736px) {
  .unit_interview_image .interview_image_contents {
    width: 100%;
    margin-bottom: 5vw;
  }
  .unit_interview_image .image_contents {
    width: calc(100% + 5vw);
    position: static;
  }
  .unit_interview_image.left .image_contents {
    right: -5vw;
  }
  .unit_interview_image.right .interview_image_contents {
    width: 100%;
    margin-left: 0;
  }
  .unit_interview_image.right .interview_image_contents .unit_q,
  .unit_interview_image.right .interview_image_contents .unit_a {
    padding-left: 100px;
  }
  .unit_interview_image.right .image_contents {
    width: calc(100% + 5vw);
    position: static;
    margin-left: -5vw;
  }
}
.unit_img01 .image {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 40px;
}
.unit_img01 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_img01.left .image {
  width: calc((100vw - 200px - 1080px) / 2 + 950px);
  margin-left: calc((100vw - 200px - 1080px) / 2 * -1);
  border-radius: 0 40px 40px 0;
}

@media screen and (max-width: 736px) {
  .unit_img01 .image {
    height: 60vw;
  }
  .unit_img01.left .image {
    width: calc(100% + 5vw);
    margin-left: -5vw;
  }
}
.unit_image02 {
  overflow: hidden;
}
.unit_image02 .image_l,
.unit_image02 .image_r {
  width: 540px;
  float: left;
  overflow: hidden;
}
.unit_image02 .image_l img,
.unit_image02 .image_r img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_image02 .image_l {
  border-radius: 40px 0 0 40px;
}
.unit_image02 .image_r {
  border-radius: 0 40px 40px 0;
}
.unit_image02.h490 .image_l,
.unit_image02.h490 .image_r {
  height: 490px;
}
.unit_image02.h700 .image_l,
.unit_image02.h700 .image_r {
  height: 700px;
}

@media screen and (max-width: 736px) {
  .unit_image02 .image_l,
  .unit_image02 .image_r {
    width: 100%;
  }
  .unit_image02.h490 .image_l {
    height: 55vw;
    border-radius: 40px 40px 0 0;
  }
  .unit_image02.h490 .image_r {
    height: 55vw;
    border-radius: 0 0 40px 40px;
  }
  .unit_image02.h700 .image_l,
  .unit_image02.h700 .image_r {
    width: 50%;
    height: 70vw;
  }
}
.unit_img03 {
  overflow: hidden;
}
.unit_img03 .image_one {
  width: 540px;
  height: 700px;
  float: left;
  overflow: hidden;
}
.unit_img03 .image_one img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_img03 .image_two {
  width: 540px;
  height: 700px;
  overflow: hidden;
  float: left;
  overflow: hidden;
}
.unit_img03 .image_two .image {
  width: 100%;
  height: 350px;
}
.unit_img03 .image_two .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unit_img03 div:first-child {
  border-radius: 40px 0 0 40px;
}
.unit_img03 div:last-child {
  border-radius: 0 40px 40px 0;
}

@media screen and (max-width: 736px) {
  .unit_img03 .image_one {
    height: 70vw;
    width: 50%;
  }
  .unit_img03 .image_two {
    height: 70vw;
    width: 50%;
  }
  .unit_img03 .image_two .image {
    height: 50%;
  }
}
.unit_movie .movie_title {
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 600;
  color: #533915;
}
.unit_movie .movie_title span {
  display: inline-block;
  font-size: 1.5rem;
  color: #fff;
  background-color: #6F5C42;
  border-radius: 10px;
  margin-right: 10px;
  padding: 4px 20px 6px 21px;
}
.unit_movie .movie_iframe {
  width: 100%;
  height: 645px;
  overflow: hidden;
  border-radius: 40px;
}
.unit_movie .movie_iframe iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 736px) {
  .unit_movie .movie_title {
    font-size: 1.4rem;
    margin-bottom: 6vw;
  }
  .unit_movie .movie_title span {
    display: block;
    text-align: center;
    width: 50%;
    font-size: 1rem;
  }
  .unit_movie .movie_iframe {
    height: 55vw;
    border-radius: 30px;
  }
}
/*Mobile*/
/*=== archive ============================================*/
.example_index_info {
  text-align: center;
  font-weight: 800;
  font-size: 1.7rem;
  color: #533915;
  line-height: 1.5;
  margin-bottom: 70px;
}

.example_cat_list {
  margin-bottom: 40px;
}
.example_cat_list ul {
  display: flex;
  justify-content: center;
}
.example_cat_list ul li {
  border-right: 1px solid #707070;
}
.example_cat_list ul li a {
  display: block;
  padding: 3px 21px;
  position: relative;
}
.example_cat_list ul li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #AA9C88;
  bottom: 0;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.example_cat_list ul li:first-child {
  border-left: 1px solid #707070;
}
.example_cat_list ul li.current-cat a:after {
  transform: scale(1, 1);
}
@media (hover: hover) and (pointer: fine) {
  .example_cat_list ul li:hover a:after {
    transform: scale(1, 1);
  }
}

.example_post_list {
  display: flex;
  flex-wrap: wrap;
}
.example_post_list .item {
  width: 340px;
  margin-right: 30px;
  margin-bottom: 40px;
  transition: all 0.3s ease;
}
.example_post_list .item a {
  display: block;
}
.example_post_list .item a .image {
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
  border-radius: 0 20px 20px 0;
  position: relative;
}
.example_post_list .item a .image ul {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.example_post_list .item a .image ul li {
  color: #fff;
  background-color: #533915;
  padding: 9px 15px 11px;
  margin-right: 10px;
  line-height: 1;
  transition: all 0.5s ease;
  font-size: 0.9rem;
}
.example_post_list .item a .image ul li:last-child {
  margin-right: 0;
}
.example_post_list .item a h4 {
  line-height: 1.4em;
  font-size: 1.05rem;
  font-weight: 600;
}
@media (hover: hover) and (pointer: fine) {
  .example_post_list .item:hover {
    opacity: 0.7;
  }
}
.example_post_list .item:nth-child(3n) {
  margin-right: 0;
}

.pagenavi {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 50px;
}
.pagenavi .pages {
  display: none;
}
.pagenavi .wp-pagenavi {
  display: flex;
  justify-content: center;
  font-size: 1.1rem;
  text-align: center;
}
.pagenavi .wp-pagenavi .current {
  padding: 5px 10px;
  font-weight: bold;
  border: 2px solid #707070;
  border-radius: 50%;
  color: #707070;
  line-height: 1.1;
  width: 36px;
  height: 36px;
  margin: 0px 3px;
}
.pagenavi .wp-pagenavi a {
  color: #707070;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 600;
  line-height: 1.2;
  width: 36px;
  height: 36px;
  margin: 0px 1px;
}
@media (hover: hover) and (pointer: fine) {
  .pagenavi .wp-pagenavi a:hover {
    opacity: 0.7;
  }
}
.pagenavi .wp-pagenavi .nextpostslink,
.pagenavi .wp-pagenavi .previouspostslink {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 2px solid #707070;
  color: #fff;
  position: relative;
  margin-top: -16px;
}
.pagenavi .wp-pagenavi .nextpostslink:after,
.pagenavi .wp-pagenavi .previouspostslink:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/global/btn_line02.svg);
  background-repeat: no-repeat;
  background-position: 53% 42%;
  background-size: 43%;
}
.pagenavi .wp-pagenavi .nextpostslink {
  margin-left: 40px;
}
.pagenavi .wp-pagenavi .previouspostslink {
  margin-right: 40px;
  transform: scale(-1, 1);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .example_index_info {
    font-size: 1.3rem;
  }
  .example_cat_list {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }
  .example_cat_list .example_cat_list_inner {
    width: 1080px;
  }
  .example_post_list .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15vw;
  }
  .example_post_list .item a .image {
    height: 90vw;
  }
  .pagenavi .wp-pagenavi .nextpostslink,
  .pagenavi .wp-pagenavi .previouspostslink {
    width: 50px;
    height: 50px;
    margin-top: -7px;
  }
  .pagenavi .wp-pagenavi .nextpostslink {
    margin-left: 20px;
  }
  .pagenavi .wp-pagenavi .previouspostslink {
    margin-right: 20px;
  }
}
/*=== post info ============================================*/
.example_post_info h2 {
  font-size: 2rem;
  color: #533915;
  margin-bottom: 50px;
}
.example_post_info .image_info_container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.example_post_info .image_info_container .image {
  width: 770px;
  height: 606px;
  overflow: hidden;
  border-radius: 0 40px 40px 0;
  float: left;
  margin-right: 46px;
}
.example_post_info .image_info_container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.example_post_info .image_info_container .info {
  width: 264px;
  float: right;
  position: relative;
}
.example_post_info .image_info_container .info .example_cat ul {
  margin: 0;
}
.example_post_info .image_info_container .info .example_cat ul li {
  text-align: center;
  color: #fff;
  background-color: #533915;
  font-size: 1.2rem;
  padding: 6px 0 8px;
  margin-bottom: 14px;
}
.example_post_info .image_info_container .info table {
  color: #000;
  font-size: 1.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
}
.example_post_info .image_info_container .info table tr th {
  background-color: #E5DBCD;
  display: block;
  border: none !important;
  font-weight: 600;
  padding: 10px 15px;
}
.example_post_info .image_info_container .info table tr td {
  background-color: #F2EBE1;
  display: block;
  border: none !important;
  padding: 10px 15px;
}
.example_post_info .info_text {
  color: #000;
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 80px;
  line-height: 1.4;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .example_post_info h2 {
    font-size: 1.5rem;
    margin-bottom: 7vw;
  }
  .example_post_info .image_info_container .image {
    width: calc(100% + 5vw);
    margin-left: -5vw;
    height: 70vw;
    margin-right: 0;
    margin-bottom: 5vw;
  }
  .example_post_info .image_info_container .info {
    width: 100%;
  }
  .example_post_info .image_info_container .info .example_cat ul {
    display: flex;
  }
  .example_post_info .image_info_container .info .example_cat ul li {
    padding: 5px 15px 8px;
    margin-right: 3vw;
    font-size: 1rem;
  }
  .example_post_info .image_info_container .info .example_cat ul li:last-child {
    margin-right: 0;
  }
  .example_post_info .image_info_container .info table {
    position: static;
    font-size: 1rem;
  }
  .example_post_info .info_text {
    font-size: 1.2rem;
    margin-bottom: 10vw;
  }
}
/*=== nakamura note ============================================*/
.example_cat_list.nakamura_note ul li a {
  padding: 3px 28px;
}

.example_post_list.nakamura_note .item a .image ul {
  bottom: auto;
  top: 0;
}

/*Mobile*/
/*Mobile*/
/*=== archive ============================================*/
.news_post_list .item {
  border-bottom: 1px solid #000;
  transition: all 0.3s ease;
  text-align: left;
}
.news_post_list .item a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  padding: 17px 0;
}
.news_post_list .item a .text {
  width: 850px;
  float: left;
}
.news_post_list .item a .image {
  width: 120px;
  height: 120px;
  float: right;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.news_post_list .item a .cat {
  margin-bottom: 5px;
}
.news_post_list .item a .cat .item {
  border-bottom: none;
  margin-bottom: 0;
  width: 160px;
  background-color: #203C90;
  color: #fff;
  padding: 5px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}
.news_post_list .item a .cat.note_cat .item {
  background-color: #887359;
}
.news_post_list .item a .title {
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.news_post_list .item a .title h3 {
  color: #533915;
  font-size: 1.5rem;
  font-weight: 600;
}
.news_post_list .item a .day {
  font-size: 1.1rem;
}
.news_post_list .item:first-child {
  border-top: 1px solid #000;
}
@media (hover: hover) and (pointer: fine) {
  .news_post_list .item:hover {
    opacity: 0.7;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .news_post_list .item a .text {
    width: 75%;
  }
  .news_post_list .item a .image {
    width: 20%;
    height: 17vw;
  }
  .news_post_list .item a .title {
    margin-bottom: 12px;
  }
  .news_post_list .item a .title h3 {
    font-size: 1.2rem;
  }
  .news_post_list .item a .day {
    font-size: 0.9rem;
  }
}
/*Mobile*/
/*=== archive ============================================*/
.about_index_title {
  text-align: center;
  color: #533915;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 100px;
  font-weight: 800;
}

.about_index_list .item {
  height: 420px;
  margin-bottom: 50px;
  position: relative;
}
.about_index_list .item .image {
  width: calc((100vw - 200px - 1080px) / 2 + 510px);
  left: calc((100vw - 200px - 1080px) / 2 * -1);
  position: absolute;
  height: 420px;
  border-radius: 0 40px 40px 0;
  overflow: hidden;
}
.about_index_list .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about_index_list .item .info {
  padding-left: 550px;
}
.about_index_list .item .info h3 {
  font-size: 2.5rem;
  color: #533915;
  margin-bottom: 20px;
  font-weight: 600;
}
.about_index_list .item .info p {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 100px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .about_index_title {
    font-size: 1.3rem;
    margin-bottom: 15vw;
  }
  .about_index_list .item {
    height: auto;
    margin-bottom: 20vw;
  }
  .about_index_list .item .image {
    width: calc(100% + 5vw);
    height: 60vw;
    margin-left: -5vw;
    position: static;
    margin-bottom: 4vw;
  }
  .about_index_list .item .info {
    width: 100%;
    padding-left: 0;
  }
  .about_index_list .item .info h3 {
    font-size: 1.8rem;
    margin-bottom: 3vw;
  }
  .about_index_list .item .info p {
    font-size: 1rem;
    margin-bottom: 8vw;
  }
}
/*=== message ============================================*/
.message_contents {
  position: relative;
  margin-bottom: 75px;
}
.message_contents .text_contents h3 {
  font-size: 3.4rem;
  color: #533915;
  margin-bottom: 30px;
}
.message_contents .text_contents p {
  font-size: 1.1rem;
  line-height: 1.5;
}
.message_contents .text_contents .two_iamge {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 20px;
  margin: 40px 0;
}
.message_contents .text_contents .two_iamge .item {
  width: 50%;
  height: 200px;
}
.message_contents .text_contents .two_iamge .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message_contents .image_contents {
  overflow: hidden;
  height: 100%;
  position: absolute;
  top: 0;
}
.message_contents .image_contents img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message_contents.text_left .image_contents {
  border-radius: 40px 0 0 40px;
  right: calc((100vw - 200px - 1080px) / 2 * -1);
}
.message_contents.text_right .image_contents {
  border-radius: 0 40px 40px 0;
  left: calc((100vw - 200px - 1080px) / 2 * -1);
}
.message_contents.contents01 .text_contents {
  width: 786px;
}
.message_contents.contents01 .image_contents {
  width: calc((100vw - 200px - 1080px) / 2 + 228px);
}
.message_contents.contents02 .text_contents, .message_contents.contents04 .text_contents {
  padding-left: 400px;
}
.message_contents.contents02 .image_contents, .message_contents.contents04 .image_contents {
  width: calc((100vw - 200px - 1080px) / 2 + 353px);
}
.message_contents.contents03 .text_contents {
  width: 720px;
}
.message_contents.contents03 .image_contents {
  width: calc((100vw - 200px - 1080px) / 2 + 294px);
}
.message_contents.nakamura .name {
  height: 540px;
  width: 670px;
  padding-left: 400px;
  padding-top: 200px;
}
.message_contents.nakamura .name p {
  margin-bottom: 15px;
}
.message_contents.nakamura .nakamura_image {
  width: calc((100vw - 200px - 1080px) / 2 + 376px);
  height: 100%;
  position: absolute;
  border-radius: 40px 0 0 40px;
  right: calc((100vw - 200px - 1080px) / 2 * -1);
  top: 0;
  overflow: hidden;
}
.message_contents.nakamura .nakamura_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .message_contents .text_contents {
    width: 100% !important;
    padding-left: 0 !important;
    margin-bottom: 10vw;
  }
  .message_contents .text_contents h3 {
    font-size: 1.8rem;
    margin-bottom: 5vw;
  }
  .message_contents .text_contents p {
    font-size: 1rem;
  }
  .message_contents .text_contents .two_iamge .item {
    height: 34vw;
  }
  .message_contents .image_contents {
    width: calc(100% + 5vw) !important;
    position: static;
    height: 60vw;
  }
  .message_contents.text_left .image_contents {
    margin-right: -5vw;
  }
  .message_contents.text_right .image_contents {
    margin-left: -5vw;
  }
  .message_contents.nakamura .name {
    width: 100% !important;
    padding: 0;
    height: auto;
    margin-bottom: 5vw;
  }
  .message_contents.nakamura .nakamura_image {
    width: calc(100% + 5vw) !important;
    position: static;
    margin-right: -5vw;
  }
}
/*=== staff ============================================*/
.staff_list {
  display: flex;
  flex-wrap: wrap;
}
.staff_list .item {
  width: 540px;
  margin-bottom: 85px;
}
.staff_list .item .image {
  width: 100%;
  height: 440px;
  margin-bottom: 25px;
  overflow: hidden;
}
.staff_list .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.staff_list .item .text_container {
  padding: 0 40px;
}
.staff_list .item .text_container .name {
  font-size: 2.3rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.staff_list .item .text_container .name span {
  display: block;
  font-size: 1.3rem;
}
.staff_list .item .text_container .about {
  font-size: 1.1rem;
  line-height: 1.5;
}
.staff_list .item:nth-child(odd) .image {
  border-radius: 40px 0 0 40px;
}
.staff_list .item:nth-child(even) .image {
  border-radius: 0 40px 40px 0;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .staff_list .item {
    margin-bottom: 15vw;
    width: 100%;
  }
  .staff_list .item .image {
    height: 65vw;
    border-radius: 30px !important;
  }
  .staff_list .item .text_container {
    padding: 0;
  }
  .staff_list .item .text_container .name {
    font-size: 1.8rem;
  }
  .staff_list .item .text_container .name span {
    font-size: 1.1rem;
  }
  .staff_list .item .text_container .about {
    font-size: 1rem;
  }
}
/*=== company ============================================*/
.company_h3 {
  font-size: 3.7rem;
  color: #533915;
  margin-bottom: 20px;
}

.company_table {
  margin-bottom: 90px;
}
.company_table table tr {
  font-size: 1.1rem;
  border-bottom: 1px solid #000;
}
.company_table table tr th {
  border: none !important;
  width: 160px;
  padding: 12px 0;
  vertical-align: top;
}
.company_table table tr td {
  border: none !important;
  padding: 12px 0;
}
.company_table table tr:first-child {
  border-top: 1px solid #000;
}

.company_catchcopy {
  color: #533915;
  font-weight: 800;
  font-size: 1.85rem;
  margin-bottom: 90px;
  line-height: 1.3;
}

.company_text {
  font-size: 1.3rem;
  margin-bottom: 90px;
}

.company_map {
  width: 100%;
  height: 610px;
}
.company_map iframe {
  width: 100%;
  height: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .company_h3 {
    font-size: 2.2rem;
  }
  .company_table table tr th {
    display: block;
    width: 100%;
    background-color: #F8F5F0;
    padding: 8px 12px;
    font-weight: 600;
  }
  .company_table table tr td {
    display: block;
    width: 100%;
    padding: 11px 12px 13px;
    line-height: 1.5;
  }
  .company_catchcopy {
    font-size: 1.3rem;
  }
  .company_text {
    font-size: 1.2rem;
  }
  .company_map {
    height: 85vw;
  }
}
/*Mobile*/
/*=== custom ============================================*/
.maker_midashi {
  color: #533915;
  font-weight: 600;
  letter-spacing: -0.04em;
  margin-bottom: 30px;
  line-height: 1.2;
}
.maker_midashi span {
  color: #FD8700;
}
.maker_midashi.center {
  text-align: center;
}

/*Mobile*/
.maker_three_circle {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.maker_three_circle .item {
  width: 334px;
  height: 334px;
  border-radius: 50%;
  position: relative;
  margin-right: 39px;
  background-color: #533915;
  color: #fff;
  text-align: center;
}
.maker_three_circle .item .icon {
  width: 115px;
  height: 115px;
  margin: 27px auto 12px;
}
.maker_three_circle .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maker_three_circle .item p {
  font-weight: 600;
  font-size: 2.1rem;
  line-height: 1.3;
}
.maker_three_circle .item:last-child {
  margin-right: 0;
}
.maker_three_circle .item:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -18px;
  margin: auto;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_three_circle {
    justify-content: center;
  }
  .maker_three_circle .item {
    margin-right: 0;
    margin-top: -5vw;
    transform: scale(0.8);
  }
}
.maker_illust_copy01 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 130px;
}
.maker_illust_copy01 .illust {
  width: 308px;
  margin-right: 39px;
}
.maker_illust_copy01 .illust img {
  width: 100%;
  height: auto;
}
.maker_illust_copy01 .illust.w229 {
  width: 229px;
}
.maker_illust_copy01 h4 {
  font-size: 3.6rem;
  color: #533915;
  line-height: 1.2;
  padding-top: 63px;
}
.maker_illust_copy01 h4 span {
  color: #FD8700;
}
.maker_illust_copy01 h4 span.small {
  color: #533915;
  font-size: 1.7rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_illust_copy01 {
    margin-bottom: 20vw;
  }
  .maker_illust_copy01 .illust {
    width: 70%;
    margin: auto;
  }
  .maker_illust_copy01 h4 {
    width: 100%;
    font-size: 2rem;
    text-align: center;
    padding-top: 7vw;
  }
}
.maker_three_point {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.maker_three_point .item {
  width: 334px;
  margin-right: 39px;
}
.maker_three_point .item .circle {
  width: 100%;
  height: 334px;
  border-radius: 50%;
  background-color: #533915;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
.maker_three_point .item .circle .point {
  color: #FD8700;
  font-family: "Inter", sans-serif;
  font-size: 4.3rem;
  font-weight: 800;
  line-height: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 35px;
  margin-bottom: 25px;
}
.maker_three_point .item .circle .point span {
  font-size: 1.5rem;
  padding-right: 3px;
  padding-top: 10px;
}
.maker_three_point .item .circle p {
  font-size: 1.9rem;
  line-height: 1.4;
}
.maker_three_point .item:last-child {
  margin-right: 0;
}
.maker_three_point .item .contents_btn {
  width: 226px;
  margin: auto;
}
.maker_three_point .item .contents_btn a:after {
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .maker_three_point .item .contents_btn:hover a:after {
    right: -10px;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_three_point {
    justify-content: center;
  }
  .maker_three_point .item {
    margin-right: 0;
    transform: scale(0.9);
  }
  .maker_three_point .item .circle {
    margin-bottom: 8px;
  }
}
.maker_title_sec_title {
  margin-bottom: 40px;
  position: relative;
}
.maker_title_sec_title .sub_title {
  border-radius: 35px;
  background-color: #533915;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  font-size: 1.8rem;
  padding: 9px 30px 10px;
  margin-bottom: 15px;
}
.maker_title_sec_title .negai_icon {
  position: absolute;
  width: 114px;
  height: 114px;
  background-color: #533915;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 2.9rem;
  text-align: center;
  top: -50px;
  right: 170px;
  padding-top: 14px;
}
.maker_title_sec_title .negai_icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -12px;
  margin: auto;
}
.maker_title_sec_title .icon_title {
  display: flex;
  justify-content: center;
}
.maker_title_sec_title .icon_title .icon {
  width: 175px;
  height: 175%;
  margin-right: 40px;
}
.maker_title_sec_title .icon_title .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maker_title_sec_title .icon_title h3 {
  color: #533915;
  font-size: 3.6rem;
  line-height: 1.2;
  width: 720px;
}
.maker_title_sec_title.title01 .sub_title {
  margin-left: 270px;
}
.maker_title_sec_title.title01 .icon_title .icon {
  margin-top: -30px;
}
.maker_title_sec_title.title02 .icon_title .text {
  width: 840px;
}
.maker_title_sec_title.title02 .icon_title .text h3 {
  width: 100%;
  margin-bottom: 30px;
}
.maker_title_sec_title.title02 .icon_title .text .cat {
  border-radius: 4px;
  background-color: #533915;
  width: 285px;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  text-align: center;
  padding: 6px 0 8px;
  margin-bottom: 20px;
}
.maker_title_sec_title.title02 .icon_title .text p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.5;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_title_sec_title {
    text-align: center;
  }
  .maker_title_sec_title .sub_title {
    font-size: 1.1rem;
  }
  .maker_title_sec_title .icon_title {
    display: block;
  }
  .maker_title_sec_title .icon_title .icon {
    width: 30%;
    height: 30vw;
    margin: auto;
  }
  .maker_title_sec_title .icon_title h3 {
    font-size: 1.8rem;
    width: 100%;
    margin-top: 3vw;
  }
  .maker_title_sec_title.title01 {
    margin-top: 0;
  }
  .maker_title_sec_title.title01 .sub_title {
    margin-left: 0;
  }
  .maker_title_sec_title.title01 .icon_title .icon {
    margin-top: 0;
  }
  .maker_title_sec_title.title02 .icon_title .text {
    width: 100%;
  }
  .maker_title_sec_title .negai_icon {
    position: static;
    transform: scale(0.6);
    margin: auto;
  }
}
.fukidashi_three {
  overflow: hidden;
}
.fukidashi_three .item {
  color: #533915;
  font-size: 1.65rem;
  font-weight: 600;
  float: right;
  background-color: #F2EBE1;
  border: 1px solid #533915;
  border-radius: 8px;
  position: relative;
  padding: 9px 28px 12px;
  margin-bottom: 13px;
  margin-right: 230px;
  letter-spacing: -0.05em;
}
.fukidashi_three .item:after {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../img/maker/parts/fukidashi_parts01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  right: -22.5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.fukidashi_three .item:nth-child(2) {
  margin-right: 314px;
}
.fukidashi_three .item:last-child {
  margin-bottom: 0;
  margin-right: 146px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .fukidashi_three .item {
    margin-right: 25px !important;
    line-height: 1.4;
    padding: 9px 20px 12px;
    width: 70%;
    font-size: 1.3rem;
  }
  .fukidashi_three .item:first-child {
    margin-right: 45px !important;
  }
  .fukidashi_three .item:nth-child(2) {
    margin-right: 85px !important;
  }
}
.maker_midashi_yha {
  text-align: center;
  margin-bottom: 35px;
}
.maker_midashi_yha p {
  display: inline-block;
  font-weight: 800;
  font-size: 2.7rem;
  color: #533915;
  position: relative;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_midashi_yha {
    margin-bottom: 5vw;
  }
  .maker_midashi_yha p {
    font-size: 2rem;
  }
}
.maker_midashi_point {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FD8700;
  font-weight: 800;
  font-family: "Inter", sans-serif;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 65px;
}
.maker_midashi_point span {
  font-size: 1.3rem;
  padding-top: 5px;
  padding-right: 7px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_midashi_point {
    margin-bottom: 10vw;
  }
}
.maker_comparison_container {
  display: flex;
  flex-wrap: wrap;
  margin: 80px 0 25px;
}
.maker_comparison_container .item {
  width: 510px;
  margin-right: 60px;
  border-radius: 0 20px 20px 0;
  border: 4px solid #533915;
  background-color: #fff;
}
.maker_comparison_container .item .title {
  width: 324px;
  border: 4px solid #533915;
  background-color: #fff;
  font-weight: 600;
  font-size: 1.85rem;
  text-align: center;
  margin: -33px auto 0;
  color: #533915;
  border-radius: 40px;
  padding: 5px 0 7px;
  z-index: 5;
  position: relative;
  z-index: 5;
}
.maker_comparison_container .item .midashi {
  background-color: #6F5C42;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2.7rem;
  padding: 38px 0 15px;
  margin-top: -38px;
  border-radius: 0 16px 0 0;
  margin-bottom: 13px;
}
.maker_comparison_container .item .check_list {
  padding: 0 17px;
  margin-bottom: 15px;
}
.maker_comparison_container .item .check_list li {
  position: relative;
  padding-left: 57px;
  color: #533915;
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.maker_comparison_container .item .check_list li:before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background-image: url(../img/global/icon_checkbox.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
}
.maker_comparison_container .item .check_list:last-child {
  margin-bottom: 20px;
}
.maker_comparison_container .item .text {
  font-weight: 600;
  padding: 0 17px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.maker_comparison_container .item .text.font_30 {
  font-size: 1.9rem;
}
.maker_comparison_container .item p {
  padding: 0 17px;
  margin-bottom: 20px;
  font-size: 1.1rem;
  line-height: 1.4;
}
.maker_comparison_container .item p.tsumari {
  background-color: #6F5C42;
  font-size: 1.1rem;
  color: #fff;
  font-weight: 600;
  border-radius: 25px;
  margin: auto;
  width: 140px;
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: -0.05em;
  padding: 5px 0 7px;
}
.maker_comparison_container .item .band_image {
  width: 100%;
  height: 155px;
  margin-bottom: 15px;
}
.maker_comparison_container .item .band_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maker_comparison_container .item:last-child {
  margin-right: 0;
}
.maker_comparison_container .item.nakamura .title {
  background-color: #FD8700;
  color: #fff;
}
.maker_comparison_container .item.nakamura .midashi {
  background-color: #FD8700;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_comparison_container .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15vw;
  }
  .maker_comparison_container .item .image img {
    width: 100%;
  }
  .maker_comparison_container .item .title {
    font-size: 1.2rem;
    width: 230px;
  }
  .maker_comparison_container .item .midashi {
    font-size: 2rem;
    margin-top: -20px;
    padding: 26px 0 15px;
  }
  .maker_comparison_container .item .check_list li {
    font-size: 1.7rem;
    padding-left: 47px;
  }
  .maker_comparison_container .item .check_list li:before {
    width: 35px;
    height: 35px;
  }
  .maker_comparison_container .item:last-child {
    margin-bottom: 0;
  }
}
.maker_text {
  font-weight: 600;
}
.maker_text p {
  line-height: 1.4;
}

/*Mobile*/
.maker_quetion_midashi {
  width: 560px;
  background-color: #533915;
  position: relative;
  border-radius: 8px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 auto 30px;
  text-align: center;
  padding: 10px 0 12px;
}
.maker_quetion_midashi:before {
  content: "Q";
  display: block;
  width: 70px;
  height: 76px;
  text-align: center;
  color: #fff;
  background-image: url(../img/maker/parts/qa_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-family: "Inter", sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  position: absolute;
  top: -62px;
  left: -5px;
}
.maker_quetion_midashi:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -18px;
  margin: auto;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_quetion_midashi {
    width: 85%;
    font-size: 1rem;
    margin-bottom: 15vw;
  }
  .maker_quetion_midashi:before {
    font-size: 1.85rem;
    width: 50px;
    height: 55px;
    top: -44px;
  }
}
.maker_answer_midashi {
  text-align: center;
  margin-bottom: 25px;
}
.maker_answer_midashi h4 {
  display: inline-block;
  position: relative;
  font-size: 2.8rem;
  color: #533915;
  font-weight: 800;
}
.maker_answer_midashi h4 span {
  color: #FD8700;
}
.maker_answer_midashi h4:before {
  content: "A";
  display: block;
  width: 70px;
  height: 76px;
  text-align: center;
  color: #fff;
  background-image: url(../img/maker/parts/qa_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-family: "Inter", sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  position: absolute;
  top: -70px;
  left: -5px;
  line-height: 1.7;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_answer_midashi h4 {
    font-size: 1.8rem;
  }
  .maker_answer_midashi h4:before {
    font-size: 1.85rem;
    width: 50px;
    height: 55px;
    top: -52px;
  }
}
.maker_promise {
  margin: 30px 0 100px;
  background-color: #fff;
  border-radius: 0 20px 0 0;
  overflow: hidden;
  border: 4px solid #533915;
}
.maker_promise .title {
  background-color: #FD8700;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2.8rem;
  padding: 10px 0 12px;
}
.maker_promise .contens {
  padding: 30px 25px;
}
.maker_promise .contens ol {
  margin: 0;
  padding-left: 20px;
}
.maker_promise .contens ol li {
  font-weight: 600;
  font-size: 1.4rem;
  padding-left: 25px;
  margin: 0;
  line-height: 1.5;
}
.maker_promise .contens ol li::marker {
  content: counter(list-item);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_promise .title {
    font-size: 1.1rem;
    padding: 13px 0 15px;
  }
  .maker_promise .contens ol li {
    font-size: 1.1rem;
    padding-left: 13px;
  }
}
.maker_custom_sarani {
  text-align: center;
  margin-bottom: 25px;
}
.maker_custom_sarani p {
  color: #533915;
  font-weight: 800;
  font-size: 2.8rem;
  margin-bottom: 5px;
}
.maker_custom_sarani ul {
  display: flex;
  justify-content: center;
  margin: 0;
}
.maker_custom_sarani ul li {
  font-size: 2.1rem;
  font-weight: 800;
  padding: 0 30px 3px;
  background-color: #fff;
  border: 4px solid #533915;
  margin: 0 7px;
  border-radius: 35px;
  color: #533915;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_custom_sarani p {
    font-size: 1.6rem;
  }
  .maker_custom_sarani ul {
    flex-wrap: wrap;
  }
  .maker_custom_sarani ul li {
    font-size: 1.3rem;
    margin-bottom: 3vw;
    border-width: 3px;
  }
}
.maker_custom_image_band {
  width: calc(100vw - 200px);
  margin-left: calc((100vw - 200px - 1080px) / 2 * -1);
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: -120px;
}
.maker_custom_image_band .item {
  width: 50%;
  height: 526px;
}
.maker_custom_image_band .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_custom_image_band {
    width: 100vw;
    margin-left: -5vw;
    margin-bottom: -13vw;
  }
  .maker_custom_image_band .item {
    height: 40vw;
  }
}
.maker_voice_contents {
  display: flex;
  flex-wrap: wrap;
}
.maker_voice_contents .image_contents {
  width: 540px;
  margin-right: 47px;
}
.maker_voice_contents .image_contents .main {
  height: 480px;
  border-radius: 0 40px 40px 0;
  margin-bottom: 10px;
  overflow: hidden;
}
.maker_voice_contents .image_contents .main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maker_voice_contents .image_contents .three_image {
  display: flex;
  flex-wrap: wrap;
}
.maker_voice_contents .image_contents .three_image .item {
  width: calc((100% - 18px) / 3);
  height: 170px;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
  margin-right: 9px;
}
.maker_voice_contents .image_contents .three_image .item:last-child {
  margin-right: 0;
}
.maker_voice_contents .image_contents .three_image .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maker_voice_contents .text_contents {
  width: 493px;
  position: relative;
  color: #fff;
  padding-top: 170px;
}
.maker_voice_contents .text_contents .name {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 10px;
}
.maker_voice_contents .text_contents .name span {
  display: inline-block;
  border: 1px solid #fff;
  padding: 9px 17px 11px;
  margin-right: 10px;
}
.maker_voice_contents .text_contents h4 {
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 35px;
}
.maker_voice_contents .text_contents .voice_cat ul {
  display: flex;
  flex-wrap: wrap;
}
.maker_voice_contents .text_contents .voice_cat ul li {
  position: relative;
  padding-left: 45px;
  font-size: 1.5rem;
  margin-right: 30px;
  font-weight: 600;
}
.maker_voice_contents .text_contents .voice_cat ul li:before {
  content: "";
  width: 37px;
  height: 37px;
  display: block;
  position: absolute;
  background-image: url(../img/maker/parts/icon_check_w.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.maker_voice_contents .text_contents .contents_btn {
  position: absolute;
  bottom: 33px;
  left: 0;
}
.maker_voice_contents .text_contents .contents_btn a {
  color: #fff;
  border-color: #fff;
}
.maker_voice_contents .text_contents .contents_btn a:after {
  background-image: url(../img/global/btn_line_w.svg);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_voice_contents .image_contents {
    width: 100%;
    margin-right: 0;
  }
  .maker_voice_contents .image_contents .main {
    height: 70vw;
  }
  .maker_voice_contents .image_contents .three_image .item {
    height: 27vw;
  }
  .maker_voice_contents .text_contents {
    width: 100%;
    padding-top: 10vw;
    padding-bottom: 13vw;
  }
  .maker_voice_contents .text_contents .name {
    font-size: 1rem;
  }
  .maker_voice_contents .text_contents h4 {
    font-size: 2rem;
  }
  .maker_voice_contents .text_contents .voice_cat ul li {
    font-size: 1.2rem;
    padding-left: 40px;
  }
  .maker_voice_contents .text_contents .voice_cat ul li:before {
    width: 32px;
    height: 32px;
  }
  .maker_voice_contents .text_contents .contents_btn {
    position: static;
  }
}
.maker_example_title {
  padding: 60px 70px 35px calc((100vw - 200px - 1080px) / 2);
  left: calc((100vw - 200px - 1080px) / 2 * -1);
  top: 0;
  position: absolute;
  background-color: #6F5C42;
  border-radius: 0 0 40px 0;
}
.maker_example_title h3 {
  font-size: 4rem;
  color: #fff;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_example_title {
    left: -5vw;
    padding: 5vw 10vw 5vw 5vw;
  }
  .maker_example_title h3 {
    font-size: 2rem;
  }
}
.maker_example_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 105px;
}
.maker_example_list .item {
  width: 510px;
  margin-right: 60px;
  transition: all 0.3s ease;
}
.maker_example_list .item a {
  display: block;
  color: #fff;
}
.maker_example_list .item a .thumbnail {
  width: 100%;
  height: 510px;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.maker_example_list .item a .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maker_example_list .item a .thumbnail .example_cat {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  margin: 0;
}
.maker_example_list .item a .thumbnail .example_cat ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.maker_example_list .item a .thumbnail .example_cat ul li {
  color: #fff;
  background-color: #533915;
  padding: 9px 15px 11px;
  margin-right: 10px;
  line-height: 1;
  transition: all 0.5s ease;
  font-size: 1.1rem;
}
.maker_example_list .item a .thumbnail .example_cat ul li:last-child {
  margin-right: 0;
}
.maker_example_list .item a h4 {
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.maker_example_list .item a p {
  font-size: 1.05rem;
  line-height: 1.4;
}
.maker_example_list .item:last-child {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .maker_example_list .item:hover {
    opacity: 0.7;
  }
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_example_list .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10vw;
  }
  .maker_example_list .item a .thumbnail {
    height: 90vw;
  }
  .maker_example_list .item:last-child {
    margin-bottom: 0;
  }
}
/*=== standard ============================================*/
.maker_btn {
  position: relative;
}
.maker_btn:after {
  content: "";
  display: block;
  clear: both;
}
.maker_btn .contents_btn {
  width: 335px;
  float: right;
}
.maker_btn .contents_btn a:after {
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .maker_btn .contents_btn:hover a:after {
    right: -13px;
  }
}
.maker_btn.techno .contents_btn {
  width: 460px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_btn {
    margin-bottom: 15vw;
  }
  .maker_btn .contents_btn {
    width: 290px;
  }
  .maker_btn .contents_btn a {
    font-size: 1.1rem;
  }
  .maker_btn.techno .contents_btn {
    width: 290px;
  }
  .maker_btn.techno .contents_btn a {
    font-size: 1.1rem;
    padding-right: 45px;
  }
}
.maker_illust_copy02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 17px;
}
.maker_illust_copy02 .illust {
  width: 237px;
  margin-right: 49px;
}
.maker_illust_copy02 .illust img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maker_illust_copy02 h4 {
  width: 504px;
  color: #533915;
  font-size: 1.75rem;
  padding-top: 80px;
  font-weight: 800;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_illust_copy02 {
    margin-bottom: 15vw;
  }
  .maker_illust_copy02 .illust {
    width: 70%;
    margin-right: 0;
  }
  .maker_illust_copy02 h4 {
    width: 100%;
    text-align: center;
    padding-top: 7vw;
    font-size: 1.4rem;
  }
}
.maker_standard_tree_plan {
  display: flex;
  flex-wrap: wrap;
  width: 954px;
  margin: 0 auto 55px;
}
.maker_standard_tree_plan .item {
  width: 246px;
  margin-right: 108px;
}
.maker_standard_tree_plan .item:last-child {
  margin-right: 0;
}
.maker_standard_tree_plan .item .circle {
  width: 200px;
  height: 200px;
  background-color: #533915;
  text-align: center;
  position: relative;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  margin: 0 auto 43px;
  font-size: 1.7rem;
  line-height: 1.2;
  padding-top: 28px;
}
.maker_standard_tree_plan .item .circle span {
  color: #FD8700;
  font-size: 2.3rem;
}
.maker_standard_tree_plan .item .circle span.big {
  font-size: 3.5rem;
  display: inline-block;
  margin-top: 13px;
}
.maker_standard_tree_plan .item .circle:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -18px;
  margin: auto;
}
.maker_standard_tree_plan .item .image {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.maker_standard_tree_plan .item .image .item {
  border: 1px solid #000;
  height: 120px;
}
.maker_standard_tree_plan .item .image .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maker_standard_tree_plan .item .image.image_two .item {
  width: 120px;
}
.maker_standard_tree_plan .item .image.image_two .item:first-child {
  margin-right: 6px;
}
.maker_standard_tree_plan .item .image.image_one .item {
  width: 100%;
  margin-right: 0;
}
.maker_standard_tree_plan .item p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.45;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_standard_tree_plan {
    width: 100%;
    justify-content: center;
  }
  .maker_standard_tree_plan .item {
    margin-right: 0;
    margin-bottom: 10vw;
  }
  .maker_standard_tree_plan .item .image_two {
    height: 120px;
  }
  .maker_standard_tree_plan .item:last-child {
    margin-bottom: 0;
  }
}
.maker_gx_container {
  background-color: #F8F5F0;
  border-radius: 40px;
  padding: 50px 30px;
  overflow: hidden;
}
.maker_gx_container .image {
  width: 411px;
  float: left;
}
.maker_gx_container .image img {
  width: 100%;
}
.maker_gx_container .contents {
  width: 595px;
  float: right;
}
.maker_gx_container .contents h4 {
  font-weight: 800;
  color: #533915;
  font-size: 2.5rem;
  margin-bottom: 20px;
  padding-top: 25px;
}
.maker_gx_container .contents p {
  font-weight: 600;
  font-size: 1.35rem;
  line-height: 1.5;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_gx_container {
    width: 100%;
  }
  .maker_gx_container .image {
    width: 100%;
  }
  .maker_gx_container .contents {
    width: 100%;
  }
  .maker_gx_container .contents h4 {
    font-size: 2rem;
  }
  .maker_gx_container .contents p {
    font-size: 1.2rem;
  }
}
.maker_plan_title {
  position: relative;
  width: 815px;
  margin: 0 auto 50px;
  padding-left: 152px;
}
.maker_plan_title .icon {
  position: absolute;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color: #533915;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.1;
  padding-top: 21px;
}
.maker_plan_title .icon span {
  font-weight: 600;
  font-size: 1.3rem;
  display: block;
}
.maker_plan_title .icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -11px;
  margin: auto;
}
.maker_plan_title h3 {
  color: #533915;
  font-size: 3.6rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_plan_title {
    width: 100%;
    padding-left: 0;
    padding-top: 80px;
    margin-bottom: 8vw;
  }
  .maker_plan_title .icon {
    transform: scale(0.7);
    right: 0;
    top: -70px;
  }
  .maker_plan_title h3 {
    font-size: 2.5rem;
    text-align: center;
  }
}
.maker_plan_text {
  width: 815px;
  margin: 0 auto 29px;
}
.maker_plan_text p {
  font-weight: 600;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_plan_text {
    width: 100%;
  }
}
.makers_standard_three_image {
  width: 815px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.makers_standard_three_image .item {
  width: 260px;
  height: 260px;
}
.makers_standard_three_image .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .makers_standard_three_image {
    width: 100%;
  }
  .makers_standard_three_image .item {
    width: 33.3333333333%;
    height: 29vw;
  }
}
.maker_sample_plan_title {
  display: flex;
  color: #533915;
  margin-bottom: 38px;
  font-weight: 800;
  font-family: "Inter", sans-serif;
}
.maker_sample_plan_title p {
  font-size: 1.8rem;
  line-height: 1;
  padding-top: 18px;
  margin-right: 32px;
}
.maker_sample_plan_title h4 {
  font-size: 2.3rem;
  font-weight: 800;
}
.maker_sample_plan_title h4 span {
  background-color: #533915;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  display: inline-block;
  width: 152px;
  text-align: center;
  font-size: 1.35rem;
  font-weight: 600;
  padding: 4px 0 5px;
  margin-right: 19px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_sample_plan_title {
    display: block;
  }
  .maker_sample_plan_title h4 span {
    margin-right: 13px;
    width: 130px;
  }
}
.maker_sample_plan_image {
  width: 100%;
  height: 788px;
  margin-bottom: 100px;
}
.maker_sample_plan_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_sample_plan_image {
    height: 90vw;
    margin-bottom: 13vw;
  }
}
.maker_madori_container {
  overflow: scroll;
  width: calc((100vw - 200px - 1080px) / 2 + 1080px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.maker_madori_container::-webkit-scrollbar {
  display: none;
}

.madori_list {
  width: 2200px;
  display: flex;
  flex-wrap: wrap;
}
.madori_list .madori_item {
  width: 1080px;
  border-radius: 0 20px 0 0;
  overflow: hidden;
  border: 4px solid #533915;
  background-color: #fff;
  margin-right: 20px;
}
.madori_list .madori_item .title {
  background-color: #533915;
  color: #fff;
  font-weight: 800;
  line-height: 1;
  padding: 3px 5px 4px;
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
}
.madori_list .madori_item .about_container {
  overflow: hidden;
}
.madori_list .madori_item .about_container .madori {
  width: 504px;
  padding: 5px;
  float: left;
}
.madori_list .madori_item .about_container .about {
  width: 560px;
  float: right;
  padding: 20px 20px 20px 0;
}
.madori_list .madori_item .about_container .about .item {
  width: 100%;
  padding-left: 84px;
  margin-bottom: 37px;
  border: none;
  position: relative;
}
.madori_list .madori_item .about_container .about .item .point {
  position: absolute;
  left: 0;
  top: 5px;
  width: 55px;
  height: 55px;
  background-color: #533915;
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  border-radius: 50%;
  font-weight: 800;
  line-height: 1;
  font-size: 1.5rem;
  padding-top: 10px;
}
.madori_list .madori_item .about_container .about .item .point span {
  font-size: 0.5rem;
  font-weight: 400;
  display: block;
}
.madori_list .madori_item .about_container .about .item .text .cat {
  display: inline-block;
  background-color: #FD8700;
  min-width: 150px;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  padding: 8px 18px 10px;
  margin-bottom: 10px;
  font-weight: 600;
}
.madori_list .madori_item .about_container .about .item .text p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.3;
}
.madori_list .madori_item .about_container .about .item:last-child {
  margin-bottom: 0;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .madori_list {
    width: calc(150vw + 40px);
  }
  .maker_madori_container {
    width: calc(100% + 5vw);
  }
  .maker_madori_container .madori_item {
    width: 75vw;
  }
  .maker_madori_container .madori_item .about_container .madori {
    width: 100%;
  }
  .maker_madori_container .madori_item .about_container .madori img {
    width: 100%;
  }
  .maker_madori_container .madori_item .about_container .about {
    width: 100%;
    padding: 5vw;
  }
  .maker_madori_container .madori_item .about_container .about .item {
    padding-left: 70px;
  }
  .maker_madori_container .madori_item .about_container .about .item .cat {
    font-size: 1.1rem !important;
  }
  .maker_madori_container .madori_item .about_container .about .item p {
    font-size: 1.1rem !important;
  }
}
/*=== techno ============================================*/
.techno_main_contents h3 {
  text-align: center;
  color: #533915;
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: 15px;
}
.techno_main_contents p {
  font-weight: 800;
  text-align: center;
  font-size: 1.7rem;
  color: #533915;
  width: 796px;
  margin: 0 auto 10px;
  line-height: 1.3;
}
.techno_main_contents .two_image {
  width: 900px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.techno_main_contents .two_image .item {
  width: 450px;
  height: 322px;
}
.techno_main_contents .two_image .item img {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_main_contents {
    margin-bottom: 10vw;
  }
  .techno_main_contents h3 {
    font-size: 2rem;
  }
  .techno_main_contents p {
    width: 100%;
    font-size: 1.3rem;
  }
  .techno_main_contents .two_image {
    width: 100%;
    justify-content: center;
  }
  .techno_main_contents .two_image .item {
    width: 90%;
    height: auto;
  }
  .techno_main_contents .two_image .item img {
    width: 100%;
    height: 100%;
  }
}
.maker_illust_copy03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 17px;
  margin-bottom: 80px;
}
.maker_illust_copy03 .illust {
  width: 237px;
  margin-right: 49px;
}
.maker_illust_copy03 .illust img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maker_illust_copy03 h4 {
  width: 504px;
  color: #533915;
  font-size: 1.75rem;
  padding-top: 50px;
  font-weight: 800;
}
.maker_illust_copy03 h4 span {
  color: #FD8700;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_illust_copy03 .illust {
    margin-right: 0;
    width: 70%;
  }
  .maker_illust_copy03 h4 {
    font-size: 1.2rem;
    text-align: center;
  }
}
.maker_movie_container {
  width: 100%;
  height: 678px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.maker_movie_container iframe {
  width: 100%;
  height: 100%;
}

.maker_movie_text .maker_text p {
  font-weight: 400;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_movie_container {
    height: 60vw;
  }
  .maker_movie_text .maker_text p {
    font-weight: 400;
    font-size: 1.1rem;
  }
}
.techno_strengths {
  overflow: hidden;
  width: 1030px;
  margin: 0 auto;
}
.techno_strengths .icon {
  width: 134px;
  float: left;
}
.techno_strengths .icon .item {
  width: 134px;
  height: 134px;
  background-color: #533915;
  color: #fff;
  text-align: center;
  margin-bottom: 13px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 3rem;
  padding-top: 22px;
}
.techno_strengths .icon .item:last-child {
  margin-bottom: 0;
}
.techno_strengths h3 {
  font-size: 3.5rem;
  line-height: 1.1;
  width: 870px;
  float: right;
  color: #533915;
  padding-top: 44px;
}

.techno_strengths_text {
  width: 1030px;
  margin: auto;
  padding-left: 170px;
}
.techno_strengths_text p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.5;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_strengths {
    width: 100%;
  }
  .techno_strengths .icon {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .techno_strengths .icon .item {
    transform: scale(0.8);
  }
  .techno_strengths h3 {
    width: 100%;
    font-size: 2.2rem;
    text-align: center;
    padding-top: 0;
  }
  .techno_strengths_text {
    width: 100%;
    padding: 0;
    margin-top: 10vw;
  }
  .techno_strengths_text p {
    font-size: 1.1rem;
  }
}
.maker_image_one_1080 {
  margin: 20px 0;
}
.maker_image_one_1080 img {
  width: 100%;
}

/*Mobile*/
.techno_koho_title {
  display: flex;
  justify-content: center;
}
.techno_koho_title .icon {
  width: 110px;
  height: 110px;
  background-color: #FD8700;
  text-align: center;
  color: #fff;
  font-size: 2.6rem;
  border-radius: 50%;
  margin-right: 20px;
  font-weight: 700;
  padding-top: 16px;
}
.techno_koho_title .text {
  font-weight: 600;
}
.techno_koho_title .text p {
  font-size: 1.7rem;
  color: #533915;
}
.techno_koho_title .text h4 {
  color: #FD8700;
  font-size: 2.7rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_koho_title {
    display: block;
  }
  .techno_koho_title .icon {
    transform: scale(0.8);
    margin: auto;
  }
  .techno_koho_title .text p {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .techno_koho_title .text h4 {
    font-size: 2.2rem;
  }
}
.techno_image_text01 {
  overflow: hidden;
  margin-bottom: 50px;
}
.techno_image_text01 .image {
  width: 255px;
  height: 520px;
  float: left;
}
.techno_image_text01 .image img {
  width: 100%;
  height: 100%;
  justify-content: contain;
}
.techno_image_text01 .maker_text {
  width: 785px;
  float: right;
}
.techno_image_text01 .maker_text p {
  line-height: 1.7 !important;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_image_text01 .image {
    height: auto;
    width: 50%;
    float: none;
    margin: 0 auto 6vw;
  }
  .techno_image_text01 .maker_text {
    width: 100%;
  }
}
.techno_image_text02 {
  overflow: hidden;
}
.techno_image_text02 .image {
  width: 573px;
  height: 350px;
  float: left;
}
.techno_image_text02 .image img {
  width: 100%;
  height: 100%;
  justify-content: contain;
}
.techno_image_text02 .maker_text {
  width: 487px;
  float: right;
}
.techno_image_text02 .maker_text p {
  line-height: 1.5 !important;
  font-weight: 300;
  padding-top: 20px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_image_text02 .image {
    width: 100%;
    height: auto;
  }
  .techno_image_text02 .maker_text {
    width: 100%;
  }
}
.maker_simulation_4d h5 {
  text-align: center;
  color: #533915;
  font-size: 1.75rem;
  margin-bottom: 40px;
}
.maker_simulation_4d .simulation_container {
  display: flex;
  flex-wrap: wrap;
}
.maker_simulation_4d .simulation_container .item {
  width: 334px;
  margin-right: 39px;
  background-color: #fff;
  border: 4px solid #533915;
  overflow: hidden;
  border-radius: 0 20px 0 0;
}
.maker_simulation_4d .simulation_container .item:last-child {
  margin-right: 0;
}
.maker_simulation_4d .simulation_container .item .title {
  background-color: #533915;
  position: relative;
  padding: 5px 15px 1px 64px;
}
.maker_simulation_4d .simulation_container .item .title .num {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-weight: 900;
  font-family: "Inter", sans-serif;
  font-size: 1.55rem;
  color: #533915;
  background-color: #fff;
  line-height: 1.4;
}
.maker_simulation_4d .simulation_container .item .title h6 {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: 600;
}
.maker_simulation_4d .simulation_container .item .contents {
  padding: 15px;
}
.maker_simulation_4d .simulation_container .item .contents .image {
  width: 100%;
  height: 235px;
  margin-bottom: 25px;
}
.maker_simulation_4d .simulation_container .item .contents .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maker_simulation_4d .simulation_container .item .contents p {
  font-size: 1.3rem;
  line-height: 1.4;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_simulation_4d .simulation_container .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 7vw;
  }
}
.techno_6_features_title {
  text-align: center;
  color: #533915;
}
.techno_6_features_title p {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 15px;
}
.techno_6_features_title h3 {
  font-size: 4.8rem;
  line-height: 1;
  margin-bottom: 48px;
}
.techno_6_features_title .image_two {
  border-radius: 20px;
  overflow: hidden;
}
.techno_6_features_title .image_two .item {
  width: 50%;
  height: 360px;
}
.techno_6_features_title .image_two .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .techno_6_features_title p {
    font-size: 1rem;
  }
  .techno_6_features_title h3 {
    font-size: 3rem;
  }
  .techno_6_features_title .image_two .item {
    height: 40vw;
  }
}
.maker_three_circle_text {
  display: flex;
  flex-wrap: wrap;
}
.maker_three_circle_text .item {
  width: 334px;
  margin-right: 39px;
}
.maker_three_circle_text .item .circle {
  width: 100%;
  height: 334px;
  border-radius: 50%;
  color: #fff;
  position: relative;
  background-color: #533915;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 22px;
}
.maker_three_circle_text .item .circle .num {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  font-weight: 800;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  margin: auto;
  background-color: #fff;
  color: #533915;
  margin-bottom: 34px;
}
.maker_three_circle_text .item .circle p {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}
.maker_three_circle_text .item .circle:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -25px;
  margin: auto;
}
.maker_three_circle_text .item p {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5;
}
.maker_three_circle_text .item:last-child {
  margin-right: 0;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_three_circle_text .item {
    margin-right: 0;
  }
  .maker_three_circle_text .item .circle {
    transform: scale(0.8);
    margin-bottom: 2vw;
  }
}
.maker_voice_normal_text {
  padding: 20px 0 100px;
}
.maker_voice_normal_text p {
  color: #fff;
  font-size: 1.2rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_voice_normal_text {
    padding: 0 0 13vw;
  }
}
/*=== renovation ============================================*/
.four_circle_container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
.four_circle_container .item {
  width: 200px;
  height: 200px;
  margin-right: 20px;
  background-color: #533915;
  text-align: center;
  color: #fff;
  position: relative;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.2;
  border-radius: 50%;
  padding-top: 33px;
}
.four_circle_container .item:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -18px;
  margin: auto;
}
.four_circle_container .item span {
  color: #FD8700;
  font-size: 2.7rem;
}
.four_circle_container .item:last-child {
  margin-right: 0;
}
.four_circle_container .item:nth-child(2) {
  padding-top: 55px;
}
.four_circle_container .item:nth-child(4), .four_circle_container .item:nth-child(5) {
  padding-top: 15px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .four_circle_container {
    justify-content: center;
  }
  .four_circle_container .item {
    width: 150px;
    height: 150px;
    font-size: 1.2rem;
    margin-bottom: 8vw;
  }
  .four_circle_container .item span {
    font-size: 2rem;
  }
  .four_circle_container .item:nth-child(2n) {
    margin: 0;
  }
  .four_circle_container .item:nth-child(2) {
    padding-top: 44px;
  }
}
.maker_illust_copy04 {
  display: flex;
}
.maker_illust_copy04 .text {
  width: 830px;
}
.maker_illust_copy04 .text p {
  color: #533915;
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 800;
  margin-bottom: 25px;
}
.maker_illust_copy04 .text h4 {
  font-size: 3.4rem;
  color: #533915;
  line-height: 1.2;
}
.maker_illust_copy04 .text h4 span {
  color: #FD8700;
}
.maker_illust_copy04 .illust {
  width: 230px;
}
.maker_illust_copy04 .illust img {
  width: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_illust_copy04 {
    display: block;
  }
  .maker_illust_copy04 .text {
    width: 100%;
  }
  .maker_illust_copy04 .text p {
    font-size: 1.2rem;
  }
  .maker_illust_copy04 .text h4 {
    font-size: 1.8rem;
  }
  .maker_illust_copy04 .illust {
    width: 70%;
    margin: auto;
  }
}
.maker_kanaeta_icon {
  width: 156px;
  height: 156px;
  position: relative;
  border-radius: 50%;
  background-color: #533915;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.2rem;
  margin-bottom: 30px;
  line-height: 1.1;
  padding-top: 30px;
}
.maker_kanaeta_icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../img/maker/parts/triangle_brown.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -12px;
  margin: auto;
}
.maker_kanaeta_icon span {
  color: #FD8700;
  font-size: 2.8rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_kanaeta_icon {
    transform: scale(0.7) !important;
  }
}
.maker_before_after_container {
  width: calc((100vw - 200px - 1080px) / 2 + 1080px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.maker_before_after_container::-webkit-scrollbar {
  display: none;
}
.maker_before_after_container .before_after_list {
  width: 3360px;
  display: flex;
  flex-wrap: wrap;
}
.maker_before_after_container .before_after_list.list02 {
  width: 2240px;
}
.maker_before_after_container .before_after_list .list_item {
  width: 1080px;
  margin-right: 40px;
  background-color: #fff;
  border-radius: 0 20px 0 0;
  overflow: hidden;
  border: 4px solid #533915;
}
.maker_before_after_container .before_after_list .list_item .title {
  width: 100%;
  background-color: #533915;
  color: #fff;
  font-size: 2rem;
  font-family: "Inter", sans-serif;
  font-weight: 900;
  font-size: 3.3rem;
  line-height: 1;
  padding: 8px 20px 18px;
}
.maker_before_after_container .before_after_list .list_item .contents {
  padding: 55px;
  overflow: hidden;
}
.maker_before_after_container .before_after_list .list_item .contents .before {
  width: 50%;
  float: left;
}
.maker_before_after_container .before_after_list .list_item .contents .before h4 {
  width: 283px;
  margin: auto;
  color: #000;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 15px;
  padding-left: 18px;
}
.maker_before_after_container .before_after_list .list_item .contents .before .madori {
  width: 283px;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
}
.maker_before_after_container .before_after_list .list_item .contents .before .madori:after {
  content: "";
  display: block;
  position: absolute;
  width: 65px;
  height: 94px;
  background-image: url(../img/maker/parts/ba_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.maker_before_after_container .before_after_list .list_item .contents .before .about .item {
  width: 100%;
  padding-left: 84px;
  margin-bottom: 32px;
  border: none;
  position: relative;
}
.maker_before_after_container .before_after_list .list_item .contents .before .about .item .point {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 55px;
  height: 55px;
  background-color: #533915;
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  border-radius: 50%;
  font-weight: 800;
  line-height: 1;
  font-size: 1.5rem;
  padding-top: 10px;
}
.maker_before_after_container .before_after_list .list_item .contents .before .about .item .point span {
  font-size: 0.5rem;
  font-weight: 400;
  display: block;
}
.maker_before_after_container .before_after_list .list_item .contents .before .about .item .text p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 5px 0;
}
.maker_before_after_container .before_after_list .list_item .contents .after {
  width: 50%;
  float: right;
}
.maker_before_after_container .before_after_list .list_item .contents .after h4 {
  color: #000;
  font-weight: 900;
  font-size: 2.8rem;
  line-height: 1;
  padding-left: 38px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .maker_before_after_container {
    width: calc(100% + 5vw);
  }
  .maker_before_after_container .before_after_list {
    width: 2370;
  }
  .maker_before_after_container .before_after_list.list02 {
    width: 1580;
  }
  .maker_before_after_container .before_after_list .list_item {
    width: 750px;
  }
  .maker_before_after_container .before_after_list .list_item .contents {
    padding: 4vw;
  }
  .maker_before_after_container .before_after_list .list_item .contents .before .madori img {
    width: 100%;
  }
  .maker_before_after_container .before_after_list .list_item .contents .before .madori:after {
    width: 50px;
    height: 60px;
    right: -45px;
  }
  .maker_before_after_container .before_after_list .list_item .contents .after .madori img {
    width: 100%;
  }
}
/*=== sumairoof ============================================*/
.sumairoof_about .logo_img {
  width: 694px;
  margin: 0 auto 50px;
}
.sumairoof_about .logo_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sumairoof_about p {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #533915;
}
.sumairoof_about p span {
  color: #FD8700;
  font-size: 3.2rem;
  font-weight: 800;
}
.sumairoof_about p span span {
  font-size: 2rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sumairoof_about .logo_img {
    width: 100%;
  }
  .sumairoof_about p {
    font-size: 1.3rem;
  }
}
.sumairoof_sec_title {
  overflow: hidden;
  width: 980px;
  margin: auto;
}
.sumairoof_sec_title .icon {
  width: 265px;
  height: 265px;
  float: left;
}
.sumairoof_sec_title .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sumairoof_sec_title .text {
  width: 670px;
  float: right;
  padding-top: 10px;
}
.sumairoof_sec_title .text h3 {
  color: #533915;
  font-size: 3.8rem;
  line-height: 1.2;
  margin-bottom: 32px;
}
.sumairoof_sec_title .text p {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.5;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sumairoof_sec_title {
    width: 100%;
  }
  .sumairoof_sec_title .icon {
    width: 90px;
    height: auto;
    float: none;
    margin: auto;
  }
  .sumairoof_sec_title .text {
    width: 100%;
  }
  .sumairoof_sec_title .text h3 {
    font-size: 2.3rem;
    text-align: center;
  }
  .sumairoof_sec_title .text p {
    font-size: 1.1rem;
  }
}
.sumairoof_midashi01 .cat {
  width: 480px;
  background-color: #533915;
  border-radius: 35px;
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.9rem;
  padding: 9px 0 11px;
}
.sumairoof_midashi01 .cat_under {
  color: #533915;
  font-size: 3.1rem;
  font-weight: 600;
}
.sumairoof_midashi01 h3 {
  color: #FD8700;
  font-size: 4.2rem;
  margin-bottom: 25px;
}
.sumairoof_midashi01 p {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.6;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sumairoof_midashi01 {
    margin-bottom: 15vw;
  }
  .sumairoof_midashi01 .cat {
    width: 100%;
    font-size: 1.2rem;
  }
  .sumairoof_midashi01 .cat_under {
    font-size: 1.2rem;
    text-align: center;
  }
  .sumairoof_midashi01 h3 {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .sumairoof_midashi01 p {
    font-size: 1.1rem;
  }
}
.sumairoof_guideline h5 {
  color: #533915;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 45px;
}
.sumairoof_guideline .maker_three_circle .item .icon {
  width: 160px;
  height: 160px;
  margin-top: 30px;
}
.sumairoof_guideline .maker_three_circle .item p {
  line-height: 1.1 !important;
}
.sumairoof_guideline .maker_three_circle .item p span {
  font-size: 3rem;
}

/*Mobile*/
.sumairoof_price h5 {
  font-size: 1.3rem;
  color: #000;
  margin-bottom: 15px;
}
.sumairoof_price .table_container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.sumairoof_price .table_container .table_image {
  width: 820px;
  margin-right: 73px;
}
.sumairoof_price .table_container .table_image img {
  width: 100%;
}
.sumairoof_price .table_container .sumairoofs {
  width: 187px;
  background-color: #E5DBCD;
  text-align: center;
  position: relative;
}
.sumairoof_price .table_container .sumairoofs .head {
  background-color: #6F5C42;
  border-bottom: 4px solid #F8F5F0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.5;
  padding: 7px 0 10px;
}
.sumairoof_price .table_container .sumairoofs .body {
  padding: 30px;
}
.sumairoof_price .table_container .sumairoofs .body p {
  color: #000;
  font-size: 1.4rem;
  line-height: 1;
}
.sumairoof_price .table_container .sumairoofs .body p span {
  font-weight: 600;
  font-size: 2.3rem;
}
.sumairoof_price .table_container .sumairoofs .body .icon img {
  width: 100%;
}
.sumairoof_price .table_container .sumairoofs:before {
  content: "";
  width: 31px;
  height: 74px;
  position: absolute;
  display: block;
  background-image: url(../img/maker/parts/triangle_beige.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sumairoof_price .table_container .table_image {
    width: calc(100% + 5vw);
    overflow: scroll;
    margin-right: 0;
    margin-bottom: 65px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sumairoof_price .table_container .table_image::-webkit-scrollbar {
    display: none;
  }
  .sumairoof_price .table_container .table_image img {
    width: 870px;
  }
  .sumairoof_price .table_container .sumairoofs {
    width: 100%;
  }
  .sumairoof_price .table_container .sumairoofs .body .icon {
    width: 30%;
    margin: auto;
  }
  .sumairoof_price .table_container .sumairoofs:before {
    bottom: auto;
    right: 0;
    left: 0;
    top: -70px;
    transform: rotate(90deg);
  }
}
.sumairoof_otoku {
  margin: 30px 0 90px;
}
.sumairoof_otoku h3 {
  font-size: 3.1rem;
  color: #FD8700;
  line-height: 1.2;
  margin-bottom: 24px;
}

.sumairoof_atte {
  font-size: 1.1rem;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sumairoof_otoku h3 {
    font-size: 1.8rem;
  }
}
.mert_image_title {
  margin-bottom: 20px;
}
.mert_image_title h3 {
  text-align: center;
  color: #533915;
  font-size: 2.5rem;
}

.mert_image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mert_image .item {
  width: 480px;
}
.mert_image .item h4 {
  width: 100%;
  background-color: #533915;
  border-radius: 35px;
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 1.9rem;
  padding: 9px 0 11px;
}
.mert_image .item p {
  font-size: 1.35rem;
  height: 137px;
  margin-bottom: 15px;
  line-height: 1.5;
}
.mert_image .item p span {
  color: #FD8700;
  font-weight: 600;
}
.mert_image .item .image img {
  width: 100%;
}
.mert_image .item:first-child {
  margin-right: 85px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .mert_image_title h3 {
    font-size: 1.8rem;
  }
  .mert_image .item {
    width: 100%;
  }
  .mert_image .item h4 {
    font-size: 1.2rem;
  }
  .mert_image .item p {
    font-size: 1.1rem;
    height: auto;
  }
  .mert_image .item:first-child {
    margin-right: 0;
    margin-bottom: 12vw;
  }
}
/*=== 調整パーツ ============================================*/
.mb40 {
  margin-bottom: 40px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb150 {
  margin-bottom: 150px;
}

.font_60 {
  font-size: 3.6rem;
}

.font_40 {
  font-size: 2.3rem;
}

.font_46 {
  font-size: 3rem;
  font-weight: 800;
}

.font_30 {
  font-size: 1.7rem;
  font-weight: 800;
}

.font_24 {
  font-size: 1.5rem;
}

.font_22 {
  font-size: 1.3rem;
  line-height: 1.6;
}

.font_18 {
  font-size: 1.1rem;
}

.line_height4 {
  line-height: 1.4;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .font_60 {
    font-size: 2rem;
  }
  .font_40 {
    font-size: 1.8rem;
  }
  .font_46 {
    font-size: 2rem;
  }
  .font_30 {
    font-size: 1.4rem !important;
  }
  .font_22 {
    font-size: 1.2rem;
  }
}
/*==== Layout Module ==============================================*/
.local_navi {
  margin-bottom: 20px;
}

.local_navi a {
  display: inline-block;
  border: 1px #000 solid;
  width: 8em;
  margin-right: 1em;
  line-height: 2;
  text-align: center;
}

/*見出しタイプ*/
.unit_pageHeader {
  background-color: #1159B5;
  color: #fff;
  font-size: 3.8rem;
  padding: 0.8em;
  line-height: 1.2;
  margin-bottom: 1.2em;
  font-weight: normal;
}

.form_header {
  background-color: #000;
  color: #fff;
  font-size: 3.8rem;
  padding: 0.8em;
  line-height: 1.2;
  margin-bottom: 1.2em;
  font-weight: normal;
}

.unit_mid_type1 {
  font-family: "Noto Serif JP", serif;
  transform: rotate(0.03deg);
  font-weight: 200;
  color: #000;
  font-size: 1.875rem;
  margin-bottom: 1em;
}

.unit_mid_type1_wh {
  font-family: "Noto Serif JP", serif;
  transform: rotate(0.03deg);
  font-weight: 200;
  color: #fff;
  font-size: 1.875rem;
  margin-bottom: 1em;
}

.unit_mid_type2 {
  font-family: "Noto Serif JP", serif;
  transform: rotate(0.03deg);
  font-weight: 200;
  color: #000;
  font-size: 1.375rem;
  margin-bottom: 1em;
}

.unit_mid_type3 {
  color: #1159B5;
  font-size: 1.125rem;
  margin-bottom: 0.7em;
  position: relative;
  padding-left: 1.4em;
}

.unit_mid_type3:before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #1159B5;
  position: absolute;
  top: 0.1em;
  left: 0;
}

.unit_mid_layer_case {
  position: relative;
  height: 50px;
}

.unit_mid_layer {
  background-color: #000;
  width: 500px;
}

.unit_mid_layer h2 {
  font-family: "Noto Serif JP", serif;
  transform: rotate(0.03deg);
  color: #fff;
  font-size: 1.375rem;
  padding-left: 2em;
  padding-top: 0.7em;
  padding-bottom: 0.5em;
  line-height: 1.2;
}

.unit_mid_layer_left_top {
  position: absolute;
  bottom: -20px;
  left: -20px;
}

.unit_mid_layer_right_top {
  position: absolute;
  bottom: -20px;
  right: -20px;
}

.unit_mid_layer_left_bottom {
  position: absolute;
  top: -100px;
  left: -20px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_mid_layer {
    width: auto;
  }
  .unit_mid_layer_case {
    margin-bottom: 15px;
    height: auto;
  }
  .unit_mid_layer h2 {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  .unit_mid_layer_left_top {
    position: relative;
    bottom: auto;
    left: 0px;
  }
  .unit_mid_layer_left_bottom {
    position: relative;
    top: auto;
    left: auto;
  }
  .unit_mid_layer_right_top {
    position: relative;
    bottom: auto;
    right: auto;
  }
}
.unit_Block_center {
  /*width: 1024px;
  margin-left: auto;
  margin-right: auto;*/
  /*padding-top: 15px;*/
  padding-bottom: 15px;
}

.unit_mid_Block_center {
  /*width: 1024px;
  margin-left: auto;
  margin-right: auto;*/
}

.gmap_box {
  width: 100%;
  height: 450px;
}

.gmap_box iframe {
  width: 100%;
  height: 100%;
}

.unit_icon_fontsize_mini {
  font-size: 14px;
}

.unit_icon_fontsize_mid {
  font-size: 18px;
}

.unit_icon_fontsize_large {
  font-size: 22px;
}

.unit_btn_border {
  border: 1px #000 solid;
  width: 48%;
  padding: 8px;
  display: block;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_Block_center {
    width: 100%;
    padding-bottom: 8px;
  }
  .unit_mid_Block_center {
    width: 100%;
  }
  .gmap_box {
    width: 100%;
    height: 300px;
  }
  .gmap_box iframe {
    width: 100%;
    height: 100%;
  }
}
/*パーツ*/
ul.sq {
  list-style: none;
  margin: 0;
  margin-bottom: 1.5em;
  margin-left: 0.8em;
}

ul.sq li {
  list-style: none;
  position: relative;
  padding-left: 1.3em;
}

ul.sq li:before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #9FA0A0;
  position: absolute;
  top: 0.3em;
  left: 0;
}

/*メイン写真*/
.detail_main_ph {
  margin-bottom: 1rem;
}

.detail_main_ph img {
  width: 100%;
}

/*レイアウト*/
.unit_layout_twin {
  display: flex;
  justify-content: space-between;
}

.unit_layout_twin_fit {
  display: flex;
  justify-content: space-between;
}

.unit_layout_twin .unit_layout_box {
  width: 48%;
}

.unit_layout_twin_fit .unit_layout_box {
  width: 50%;
}

.unit_layout_photo_left .unit_layout_box {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 15px;
}

.unit_layout_photo_left .unit_mid_type3 {
  margin-left: 52%;
}

.unit_layout_photo_right .unit_layout_box {
  float: right;
  width: 48%;
  margin-left: 4%;
  margin-bottom: 15px;
}

.unit_layout_grid3 {
  display: flex;
  justify-content: space-between;
}

.unit_layout_box_3_1 {
  width: 38%;
  margin-bottom: 15px;
}

.unit_layout_box_3_2 {
  width: 60%;
  margin-bottom: 15px;
}

.unit_layout_grid3 img {
  width: 100%;
  margin-bottom: 15px;
}

/*PotoBox*/
.unit_photo_box {
  margin-bottom: 15px;
}

.unit_photo_box img {
  max-width: 100%;
  text-align: center;
}

.unit_photo_box p {
  color: #bbb;
  margin-top: 6px;
  margin-bottom: 0;
}

/*Thumb 3col*/
.unit_thumbs_group_3col {
  display: flex;
  justify-content: flex-start;
}

.unit_thumbs_group_5col {
  display: flex;
  justify-content: space-between;
}

.unit_thumb_box {
  margin-bottom: 0.6rem;
}

.unit_thumb_box img {
  width: 100%;
}

.unit_thumbs_group_3col .unit_thumb_box {
  width: 32%;
  margin-right: 2%;
}

.unit_thumbs_group_5col .unit_thumb_box {
  width: 18%;
}

.unit_thumbs_group_3col .unit_thumb_box img {
  border-radius: 8px;
}

.unit_thumbs_group_3col .unit_thumb_box:nth_child(3n) {
  margin-right: 0;
}

.unit_thumb_box_photo p {
  margin-top: 6px;
  margin-bottom: 0;
  color: #bbb;
}

.unit_thumb_box p {
  margin-top: 6px;
  margin-bottom: 0;
  color: #bbb;
}

.unit_thumb_box p span.rubi {
  font-size: small;
  font-style: italic;
  display: block;
}

.unit_line_box {
  border: 1px #000 solid;
  padding: 16px;
  padding-bottom: 3px;
  margin-bottom: 1.5em;
}

.unit_line_box_bg {
  background-color: #F6F4E1;
}

.unit_btn_group {
  padding-bottom: 10px;
}

.unit_btn_group_twin {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

a.unit_btn {
  border: 1px #000 solid;
  background-color: #EFEFEF;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 2em;
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.unit_btn_group_twin a.unit_btn {
  width: 48%;
}

a.unit_btn:after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -11px;
  background-image: url(../img/def/unit/icon_btn_arrow.svg);
}

a.unit_btn_img img {
  width: 100%;
}

a.unit_btn_img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.unit_btn_group_twin a.unit_btn_img {
  width: 48%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_layout_twin {
    display: block;
  }
  .unit_layout_twin_fit {
    display: block;
  }
  .unit_layout_twin .unit_layout_box {
    width: 100%;
  }
  .unit_layout_twin_fit .unit_layout_box {
    width: 100%;
  }
  .unit_layout_photo_left .unit_layout_box {
    float: none;
    width: 100%;
    margin-right: 0%;
  }
  .unit_layout_photo_left .unit_mid_type3 {
    margin-left: 0%;
  }
  .unit_layout_photo_right .unit_layout_box {
    float: none;
    width: 100%;
    margin-left: 0%;
  }
  .unit_btn_group_twin {
    display: block;
  }
  .unit_btn_group_twin a.unit_btn {
    width: 100%;
  }
  .unit_btn_group_twin a.unit_btn_img {
    width: 100%;
  }
  .unit_layout_grid3 {
    display: block;
  }
  .unit_layout_box_3_1 {
    width: 100%;
  }
  .unit_layout_box_3_2 {
    width: 100%;
  }
  .unit_thumbs_group_3col {
    display: block;
  }
  .unit_thumbs_group_5col {
    display: block;
  }
  .unit_thumbs_group_5col .unit_thumb_box {
    width: 100%;
  }
  .unit_thumbs_group_3col .unit_thumb_box {
    width: 100%;
  }
}
/*+++++ INDEX ThumbNail ++++++*/
.unit_index_col_header {
  position: relative;
}

.unit_index_col_header_btn {
  position: absolute;
  right: 0;
  top: 0px;
  text-align: right;
}

.unit_index_col2_listing {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.unit_col2_listing_box {
  width: 49%;
  border: 1px #bbb solid;
  overflow: hidden;
  margin-bottom: 1rem;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}

.unit_col2_listing_box:hover {
  opacity: 0.8;
}

.unit_col2_listing_box a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #000;
  text-decoration: none;
}

.unit_col2_listing_box_thumbside {
  width: 25%;
}

.unit_col2_listing_box_thumb_case {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.unit_icon_new:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 30%;
  background-position: center center;
  background-size: cover;
  z-index: 20;
  background-image: url(../img/page_module/icon/icon_new.svg);
}

.unit_col2_listing_box_thumb_case_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 10;
}

.unit_col2_listing_box_txtside {
  position: relative;
  width: 70%;
  padding-top: 20px;
  padding-bottom: 35px;
}

.unit_col2_listing_box_txtside h3 {
  font-size: 1.125rem;
}

.unit_col2_listing_box_txt_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 35px;
  width: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_index_col_header_btn {
    position: relative;
    padding-bottom: 10px;
  }
  .unit_index_col2_listing {
    display: block;
  }
  .unit_col2_listing_box {
    width: 100%;
  }
  .unit_col2_listing_box_txtside {
    padding-bottom: 10px;
  }
  .unit_col2_listing_box_txt_bottom {
    position: relative;
    right: auto;
    left: 0;
    height: auto;
  }
  .unit_col2_listing_box_txtside h3 {
    font-size: 1rem;
  }
}
.unit_index_col4_listing {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.unit_col4_listing_box {
  width: 22.7%;
  margin-right: 3%;
  margin-bottom: 8px;
  border: 1px #bbb solid;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}

.unit_col4_listing_box:nth-child(4n) {
  margin-right: 0;
}

.unit_col4_listing_box_thumb {
  position: relative;
  width: 100%;
  padding-top: 54%;
  overflow: hidden;
}

.unit_col4_listing_box_thumb_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 10;
}

.unit_col4_listing_box_txt {
  padding: 10px;
}

.unit_col4_listing_box_txt h3 {
  font-size: 1rem;
}

.unit_col4_icon_new:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-position: center center;
  background-size: cover;
  z-index: 20;
  background-image: url(../img/page_module/icon/icon_new.svg);
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_index_col4_listing {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .unit_col4_listing_box {
    width: 49%;
    margin-right: 0;
  }
}
/*ION*/
.unit_icon_group {
  position: absolute;
  top: 0;
  right: 8px;
  text-align: right;
}

.uni_entry_icon {
  display: inline-block;
  padding-left: 0.8em;
  padding-right: 0.8em;
  margin-left: 0.5em;
  font-size: 0.8rem;
  text-align: center;
  line-height: 25px;
  border-radius: 4px;
}

.unit_icon_type1 {
  border: 2px #3755B2 solid;
  background-color: #3755B2;
  color: #fff;
}

.unit_icon_type2 {
  border: 2px #3C8EB6 solid;
  background-color: #fff;
  color: #3C8EB6;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_icon_group {
    position: relative;
    right: auto;
    left: 0;
    text-align: left;
  }
}
/*TABLE*/
.unit_simple_table table {
  border-top: 1px #bbb solid;
}

.unit_simple_table table th {
  border: 0;
  font-weight: bold;
  vertical-align: top;
  width: 10em;
}

.unit_simple_table table td {
  border: 0;
  vertical-align: top;
}

.unit_simple_table table tr {
  border-bottom: 1px #bbb solid;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .unit_simple_table table th {
    display: block;
    width: 100%;
    background-color: #f0f0f0;
  }
  .unit_simple_table table td {
    display: block;
    width: 100%;
  }
}
h1,
h2,
h3,
h4,
p {
  margin-bottom: 0;
}

.page_title_inner {
  width: 1000px;
  margin: 40px auto;
  font-size: 2.2rem;
  padding-bottom: 10px;
  position: relative;
  color: #000;
}

.page_title_inner:after {
  content: "";
  width: 200px;
  height: 2px;
  display: block;
  background-color: #000;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
}

.main_image {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 20px;
}

.contents_item {
  width: 100%;
  padding: 30px 0;
}

.back_color {
  background-color: rgba(0, 0, 0, 0.1);
}

.contents_item.margin_top {
  padding-top: 60px;
}

.contents_item.margin_bottom {
  padding-bottom: 60px;
}

.contents_item_inner {
  width: 1000px;
  margin: auto;
}

.contents_item h1 {
  color: #000;
  font-size: 2rem;
  padding: 15px;
  margin-bottom: -30px;
}

.contents_item h2 {
  color: #000;
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: 5px;
}

.contents_item h3 {
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: -30px;
  padding-bottom: 5px;
  border-left: 5px solid #887359;
  padding-left: 20px;
}

.contents_item h4 {
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: -30px;
  padding-bottom: 5px;
  color: #505050;
}

.catchcopy {
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

.contents_item h4.align_left {
  text-align: left;
}

.contents_item h4.align_center {
  text-align: center;
}

.contents_item .text {
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
}

.contents_item .text p {
  margin-bottom: 20px;
}

.contents_item .text p:last-child {
  margin-bottom: 0;
}

.contents_item .text.bold {
  font-weight: bold;
}

.text_image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.text_image .image_box {
  width: 490px;
  margin-right: 20px;
}

.text_image .image_box .image {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 15px;
  border-radius: 40px;
  overflow: hidden;
}

.text_image .image_box .image img {
  width: 100%;
  height: auto;
}

.caption {
  color: #888888;
  font-size: 0.9rem;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
}

.text_image .text {
  width: 490px;
  margin-right: 20px;
}

.text_image .text p {
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 20px;
}

.text_image .text p:first-child {
  display: none;
}

.text_image .text p:last-child {
  margin-bottom: 0;
}

.text_image .text:last-child {
  margin-right: 0;
}

.text_image .image_box:last-child {
  margin-right: 0;
}

.image_one {
  width: 100%;
}

.image_one .image {
  width: 100%;
  height: 750px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 40px;
}

.image_one .image.tatenaga {
  width: 800px;
  height: 900px;
  margin: auto;
}

.image_two {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.image_two_item {
  width: 490px;
  margin-right: 20px;
}

.image_two_item .image {
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 15px;
  border-radius: 40px;
}

.image_two_item .image.square {
  height: 490px;
}

.image_two_item:last-child {
  margin-right: 0;
}

.image_three,
.image_four {
  display: flex;
  flex-wrap: wrap;
}

.image_three .image_three_item {
  width: 320px;
  margin-right: 20px;
}

.image_three .image_three_item:last-child {
  margin-right: 0;
}

.image_three .image_three_item .image {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 40px;
}

.image_three .image_three_item .image.square {
  height: 320px;
}

.image_four .image_four_item {
  width: 235px;
  margin-right: 20px;
}

.image_four .image_four_item:last-child {
  margin-right: 0;
}

.image_four .image_four_item .image {
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 40px;
}

.image_three_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

/*.image_three_item:last-child {
	margin-bottom: 0;
}*/
.image_three_item .image_three_image {
  width: 320px;
  height: 210px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 20px;
}

.image_three_item .image_three_image:last-child {
  margin-right: 0;
}

.image_three_item_item {
  width: 320px;
  margin-right: 20px;
}

.image_three_item_item:last-child {
  margin-right: 0;
}

.image_three_item_item_img {
  height: 210px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 15px;
}

.image_three_item_item h4 {
  margin-bottom: 0;
}

.image_three_item_item .text {
  margin-bottom: 20px;
}

.image_two_back .image_two_item {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 7px;
}

.image_two_back .image_two_item h4 {
  margin-bottom: 0;
}

.back_color .image_two_back .image_two_item {
  background-color: #fff;
}

.table tr {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #BEBEBE;
}

.table tr:last-child {
  border-bottom: 1px solid #BEBEBE;
}

.table tr th,
.table tr td {
  border: none;
  font-family: "Noto Sans JP", sans-serif;
}

.table tr th {
  width: 200px;
  padding: 10px;
  text-align: left;
}

.table tr td {
  width: 800px;
  text-align: left;
  padding: 10px;
}

.list_style02 ul {
  margin: 0;
}

.list_style02 ul li {
  text-align: left;
  border-bottom: 1px solid #bbb;
  font-family: "Noto Sans JP", sans-serif;
  padding: 5px 0;
  list-style-position: inside;
}

.list_style02.number ul li {
  list-style-type: decimal;
}

.map iframe {
  width: 100%;
  height: 550px;
}

.youtube iframe {
  width: 100%;
  height: 500px;
}

.link_btn {
  background-color: #fff;
  width: 750px;
  margin: auto;
  transition: all 0.3s ease;
  border-radius: 4px;
  border: 1px solid #888888;
  font-family: "Noto Sans JP", sans-serif;
}

.link_btn.back_color {
  background-color: #887359;
  border: none;
}

.link_btn:hover {
  opacity: 0.7;
}

.link_btn a {
  width: 100%;
  display: block;
  padding: 15px;
  color: #888888;
  position: relative;
  font-size: 1.2rem;
  text-decoration: none;
}

.link_btn.back_color a {
  color: #fff;
}

.link_btn a:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-top: 2px solid #887359;
  border-right: 2px solid #887359;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.link_btn.back_color a:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.link_btn a[href$=".xls"]:before,
.link_btn a[href$=".xlsx"]:before {
  content: "";
  width: 35px;
  height: 40px;
  background-image: url(../img/global/xcel_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 11px;
}

.link_btn a[href$=".pdf"]:before {
  content: "";
  width: 35px;
  height: 40px;
  background-image: url(../img/global/pdf_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 11px;
}

.link_btn a[href$=".doc"]:before,
.link_btn a[href$=".docm"]:before,
.link_btn a[href$=".docx"]:before {
  content: "";
  width: 35px;
  height: 40px;
  background-image: url(../img/global/word_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 11px;
}

.link_btn a[href$=".bmp"]:before {
  content: "";
  width: 35px;
  height: 40px;
  background-image: url(../img/global/pw_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 11px;
}

.link_btn_two {
  overflow: hidden;
}

.link_btn_two .link_btn {
  width: 480px;
  float: left;
  margin-right: 40px;
}

.link_btn_two .link_btn:last-child {
  margin-right: 0;
}

/*.contents_inner {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 60px;
}*/
.single_title {
  display: inline-block;
  padding: 5px 50px;
  font-size: 1.8rem;
  margin: 50px 0 35px;
  float: left;
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}

.single_main_title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 50px;
}

.blog_subtitle {
  margin-bottom: -20px;
  padding-top: 40px;
}

.blog_subtitle_inner {
  width: 100%;
  color: #000;
  text-align: center;
  padding: 10px 0;
  font-size: 1.3rem;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.single_main_title_l {
  width: 380px;
  text-align: left;
  margin-right: 20px;
}

.single_main_title_l .title {
  color: #000;
  margin-bottom: 5px;
  font-size: 1.7rem;
  line-height: 1.2em;
}

.single_main_title_l .day {
  color: #9A9A9A;
}

.single_main_title_r {
  width: 600px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #fff;
}

.single_main_title_r img {
  width: 100%;
  height: auto;
}

.single_title_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 25px;
}

.top_news {
  width: 100%;
  background-color: #6EB23E;
  padding: 20px 0;
  text-align: left;
}

.top_news_inner {
  width: 1000px;
  margin: auto;
  color: #fff;
  overflow: hidden;
}

.news_top_title {
  width: 200px;
  margin-right: 30px;
  float: left;
  border-right: 1px solid #fff;
  font-size: 1.3rem;
  padding: 9px 0;
}

.news_top_item {
  width: 770px;
  float: right;
}

.news_top_item .item {
  width: 100%;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}

.news_top_item .item:hover {
  opacity: 0.7;
}

.news_top_item .item:last-child {
  margin-bottom: 0;
}

.news_top_item .item a {
  overflow: hidden;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
}

.news_top_item .item a .item_date {
  width: 200px;
  font-size: 0.9rem;
  float: left;
}

.news_top_item .item a .item_title {
  width: 570px;
  float: right;
}

.shop_itme_container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

.shop_item_l {
  width: 325px;
  float: left;
  text-align: left;
}

.shop_item_l .title {
  color: #000;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.shop_item_l .item_about {
  margin-bottom: 70px;
}

.shop_item_l .item_about ul li {
  line-height: 1.3em;
  margin-bottom: 15px;
}

.shop_item_l .item_about ul li a {
  color: #505050;
  text-decoration: underline;
}

.shop_item_r {
  width: 600px;
  height: 600px;
  float: right;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #ddd;
}

.about_text {
  width: 100%;
  text-align: justify;
}

.cartjs_product_table table {
  width: 100% !important;
}

.cartjs_product_table table th,
.cartjs_product_table table td {
  border: none;
  padding: 0;
}

.cartjs_cart_in input {
  width: 100% !important;
  background-color: #000 !important;
}

.item_price {
  color: #000;
}

.item_price span {
  font-size: 1.3rem;
}

.shop_item_r_sp {
  display: none;
}

.pickup_item {
  width: 100%;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ddd;
  background-color: rgba(0, 0, 0, 0.02);
}

.Index .pickup_item {
  background-color: #fff;
}

.pickup_item:last-child {
  margin-bottom: 0;
}

.pickup_item_box {
  overflow: hidden;
}

.pickup_item .about_text {
  width: 100%;
  text-align: justify;
  margin-top: 10px;
  font-size: 0.95rem;
  color: #777;
}

.pickup_item_l {
  width: 430px;
  height: 430px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #ddd;
  background-color: #fff;
}

.pickup_item_l img {
  width: 100%;
  height: auto;
}

.pickup_item_r {
  width: 500px;
  float: right;
  text-align: left;
}

.pickup_item_r .title {
  color: #529835;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.pickup_item_r .about li {
  line-height: 1.3em;
  margin-bottom: 15px;
}

.item_status {
  width: 100%;
  background-color: #f49656;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  margin-bottom: 10px;
}

.shipping {
  font-size: 1rem;
  margin-top: 5px;
}

.pickup_item .cart_btn {
  width: 250px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .contents_item_inner {
    width: 90%;
  }
  .page_title_inner {
    width: 95%;
  }
  .header_logo_block .header_contact {
    display: none;
  }
  .header-navi-block {
    display: none;
  }
  .footer_right {
    display: none;
  }
  .footer_left {
    width: 100%;
    text-align: center;
  }
  .top_news_inner {
    width: 90%;
  }
  .news_top_title {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #fff;
  }
  .news_top_item {
    width: 100%;
    margin-top: 13px;
  }
  .news_top_item .item {
    display: inline-block;
  }
  .news_top_item .item a .item_date {
    width: 100%;
    font-size: 0.85rem;
  }
  .news_top_item .item a .item_title {
    width: 100%;
  }
  .item_list {
    margin-top: 5vw;
  }
  .item_list_item {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 10vw;
  }
  .item_list_item:nth-child(2n) {
    margin-right: 0;
  }
  .contents_item.margin_top {
    padding-top: 10vw;
  }
  .contents_item.margin_bottom {
    padding-bottom: 10vw;
  }
  .single_title {
    font-size: 1.3rem;
    margin-bottom: 2vw;
  }
  .shop_item_l {
    width: 100%;
  }
  .shop_item_r {
    width: 100%;
    height: 90vw;
    margin: 5vw 0;
  }
  /*.contents_inner {
  	width: 90%;
  }*/
  .shop_item_r_sp {
    display: block;
  }
  .shop_item_r_pc {
    display: none;
  }
  .shop_item_l .item_about {
    margin-bottom: 50px;
  }
  .item_price {
    margin-bottom: 5vw;
  }
  .cartjs_block {
    padding: 0 !important;
  }
  .cart_btn article {
    border: none !important;
  }
  .cartjs_product_num th,
  .cartjs_product_num td {
    border: none !important;
  }
  .cartjs_product_num th {
    background-color: #fff !important;
  }
  .cartjs_buy input {
    background-color: #000 !important;
    box-shadow: none !important;
    background-image: none !important;
    width: 100% !important;
    text-shadow: none !important;
    border: none !important;
  }
  .single_main_title_r {
    width: 100%;
    height: 60vw;
  }
  .single_main_title_l {
    width: 100%;
    margin: 6vw 0 5vw;
  }
  .single_main_title_l .title {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .text_image .image_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3vw;
  }
  .text_image .text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3vw;
  }
  .image_two {
    width: 100%;
  }
  .image_two_item {
    width: 47.5%;
    margin-right: 5%;
  }
  .image_two_item:nth-child(2n) {
    margin-right: 0;
  }
  .image_two_item .image {
    height: 30vw;
    border-radius: 20px;
  }
  .image_three_item .image_three_image {
    width: 47.5%;
    height: 30vw;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  .image_three_item .image_three_image:nth-child(2n) {
    margin-right: 0;
  }
  .image_three_item_item {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  .image_three_item_item:nth-child(2n) {
    margin-right: 0;
  }
  .image_three_item_item_img {
    height: 30vw;
  }
  .image_two_back .image_two_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5vw;
  }
  .image_two_item .image {
    height: 30vw;
    border-radius: 20px;
  }
  .table tr th {
    width: 100%;
    background-color: #EEE7DF;
    padding: 2vw 5vw;
  }
  .table tr {
    border: none;
  }
  .table tr td {
    text-align: left;
    padding: 2vw 5vw;
  }
  .table tr td {
    width: 100%;
    text-align: left;
  }
  .map iframe {
    height: 65vw;
  }
  .youtube iframe {
    height: 50vw;
  }
  .link_btn {
    width: 100%;
  }
  .link_btn a {
    font-size: 1rem;
  }
  .image_two_back .image_two_item .image {
    height: 50vw;
    border-radius: 20px;
  }
  .page_title_inner {
    font-size: 2rem;
  }
  #primary {
    padding-top: 1px;
  }
  .main_image {
    height: 55vw;
  }
  .pickup_item_l {
    width: 100%;
    margin-bottom: 5vw;
  }
  .pickup_item_r {
    width: 100%;
  }
  .shipping {
    margin-top: -3vw;
    margin-bottom: 5vw;
  }
  .pickup_item .cart_btn {
    width: 100%;
  }
  .image_three .image_three_item {
    width: 100%;
    margin-right: 0;
  }
  .image_three .image_three_item .image {
    height: 60vw;
    border-radius: 20px;
  }
  .image_three .image_three_item .image.square {
    height: 90vw;
  }
}
/* example */
.pankuzu_title_inner {
  width: 1000px;
  margin: auto;
}

.title_area {
  padding: 15px 0 30px;
}

.title_area h1 {
  text-align: left;
  color: #533915;
  font-size: 2.2rem;
  font-weight: 600;
}

.title_area .day {
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
}

.title_area .cat_list {
  margin-bottom: 10px;
}

.title_area .cat_list ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.title_area .cat_list ul li {
  list-style: none;
  background-color: #533915;
  margin-right: 10px;
  font-family: "Noto Sans JP", sans-serif;
  transition: all 0.3s ease;
}

.title_area .cat_list.news ul li {
  background-color: #203C90;
}

.title_area .cat_list ul li:hover {
  opacity: 0.7;
}

.title_area .cat_list ul li a {
  display: block;
  padding: 4px 15px 5px;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
}

.example_fixed_item {
  width: 100%;
  background-color: #F8F5F2;
  padding: 0 0 50px;
  margin-bottom: 70px;
}

.example_fixed_item_inner {
  width: 1000px;
  margin: auto;
}

.example_main_image {
  margin-bottom: 30px;
}

.example_main_image img {
  width: 100%;
  height: auto;
}

.example_info {
  font-family: "Noto Sans JP", sans-serif;
}

.example_info table {
  margin-bottom: 30px;
}

.example_info tr th {
  text-align: center;
  background-color: #EEE7DF;
  width: 180px;
}

.example_info tr td {
  width: 320px;
  text-align: left;
  padding-left: 25px;
}

.example_info .info_text {
  text-align: justify;
  font-weight: bold;
}

.line_block {
  border-bottom: 1px solid #bbb;
}

.example_main_image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 750px;
  margin-bottom: 30px;
}

.example_main_image.tatenaga {
  width: 800px;
  height: 900px;
  margin: 0 auto 30px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .pankuzu_title_inner {
    width: 100%;
  }
  .pankuzu {
    padding: 15px 5vw;
    border-bottom: 1px solid #bbb;
  }
  .example_fixed_item_inner {
    width: 90%;
  }
  .title_area {
    width: 100%;
    margin: auto;
  }
  .title_area h1 {
    font-size: 1.5rem;
  }
  .example_main_image {
    height: 60vw;
  }
  .example_main_image.tatenaga {
    height: 100vw;
    width: 100%;
  }
  .example_info tr {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  .example_info tr th {
    width: 30%;
  }
  .example_info tr td {
    width: 70%;
  }
  .example_fixed_item {
    padding-bottom: 5vw;
    margin-bottom: 0;
  }
  .image_two_item .image.square {
    height: 40vw;
  }
  .image_one .image {
    width: 100%;
    height: 60vw;
    border-radius: 20px;
  }
  .image_one .image.tatenaga {
    width: 100%;
    height: 100vw;
  }
  .title_area .cat_list ul li a {
    padding: 5px 16px;
    font-size: 0.9rem;
  }
  .link_btn_two .link_btn {
    width: 100%;
    margin-bottom: 5vw;
  }
}
/*Mobile*/
@media screen and (max-width: 736px) {
  .single_pre_next {
    width: 100%;
    margin: 15vw auto 5vw;
  }
  .single_pre_next .single_pre_btn,
  .single_pre_next .single_netx_btn {
    width: 48%;
  }
  .single_pre_next .single_pre_btn a,
  .single_pre_next .single_netx_btn a {
    font-size: 0.9rem;
    padding: 10px;
  }
}
/* archive */
.entry-content img {
  width: 80%;
  height: auto;
  margin: 30px auto;
  display: block;
}

.page_lp {
  font-family: "MS Pゴシック", sans-serif;
}
.page_lp .sp_img {
  display: none;
}
.page_lp .contents.back_green {
  background-color: #00A29A;
}
.page_lp .contents.back_blue {
  background-color: #203C90;
  position: relative;
  margin-top: 60px;
}
.page_lp .contents.back_blue:before {
  content: "＼中村建設なら／";
  font-size: 2.5rem;
  position: absolute;
  top: -70px;
  left: 365px;
  font-weight: bold;
}
.page_lp .contents.back_gray {
  background-color: #F5F5F5;
}
.page_lp .header_logo {
  width: 180px;
  height: 180px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  transition: all 0.3s ease;
  z-index: 1000;
}
.page_lp .header_logo a {
  padding: 20px;
  display: block;
}
.page_lp .header_logo a img {
  width: 100%;
  height: auto;
}
.page_lp .header_logo:hover {
  opacity: 0.7;
}
.page_lp.frenovation_lp .header_logo {
  width: 153px;
  height: 153px;
}

.mainvisual {
  position: relative;
  overflow: hidden;
  background-color: #00A29A;
  padding-bottom: 60px;
}
.mainvisual .visual_left {
  float: left;
  width: 50%;
  height: 680px;
  background-image: url(../img/lp/select/main_visual_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mainvisual .visual_right {
  float: right;
  width: 50%;
  height: 680px;
  background-image: url(../img/lp/select/main_visual_c.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mainvisual .visual_left:before {
  content: "";
  display: block;
  position: absolute;
  width: 440px;
  height: 420px;
  left: -50px;
  bottom: 0;
  background-image: url(../img/lp/select/mainvisual_man_bk.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.mainvisual .visual_left:after {
  content: "";
  display: block;
  position: absolute;
  width: 290px;
  height: 370px;
  left: 215px;
  bottom: 0;
  background-image: url(../img/lp/select/mainvisual_woman_bk.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  z-index: 500;
}
.mainvisual .visual_right:before {
  content: "";
  width: 440px;
  height: 420px;
  right: -50px;
  position: absolute;
  bottom: 0;
  background-image: url(../img/lp/select/mainvisual_man_c.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.mainvisual .visual_right:after {
  content: "";
  display: block;
  position: absolute;
  width: 290px;
  height: 370px;
  right: 215px;
  bottom: 0;
  background-image: url(../img/lp/select/mainvisual_woman_c.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  z-index: 500;
}
.mainvisual .mainvisual_title {
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
  width: 910px;
}
.mainvisual .mainvisual_title img {
  width: 100%;
  height: auto;
}
.mainvisual .mainvisual_text {
  position: absolute;
  width: 690px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  top: 400px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.2rem;
  line-height: 1.6em;
}
.mainvisual .mainvisual_text span {
  color: #FFFF00;
}

.revision_mainvisual {
  width: 100%;
}
.revision_mainvisual .visual_image {
  width: 100%;
  height: 650px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.revision_mainvisual .visual_text {
  background-color: #00A29A;
  color: #fff;
  padding: 25px 0;
  text-align: center;
}
.revision_mainvisual .visual_text h1 {
  font-size: 3.2rem;
  line-height: 1em;
  margin-bottom: 15px;
}
.revision_mainvisual .visual_text h1 br {
  display: none;
}
.revision_mainvisual .visual_text p {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1em;
}

.contents .contents_inner {
  padding: 50px 0;
}

.select_sec01 .title {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 30px;
  line-height: 1.2em;
}
.select_sec01 .regret_container {
  position: relative;
  width: 100%;
  height: 245px;
}
.select_sec01 .regret_container .regret_item {
  position: absolute;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 8px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1.4em;
}
.select_sec01 .regret_container .regret_item:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../img/lp/select/fukidashi.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  left: 0;
  bottom: -15px;
  margin: auto;
  transform: rotate(90deg);
}
.select_sec01 .regret_container .regret_item:first-child {
  left: 25px;
  top: 0;
}
.select_sec01 .regret_container .regret_item:nth-child(2) {
  right: 40px;
  top: 60px;
}
.select_sec01 .regret_container .regret_item:last-child {
  left: 130px;
  top: 160px;
}

.select_sec02 .title {
  color: #fff;
  font-weight: bold;
  font-size: 2.8rem;
}
.select_sec02 .promise_title {
  color: #FFFF00;
  font-weight: bold;
  font-size: 2.7rem;
  margin-bottom: 40px;
}
.select_sec02 .promise_container {
  display: flex;
  flex-wrap: wrap;
}
.select_sec02 .promise_container .promise_item {
  width: 306px;
  border-radius: 8px;
  margin-right: 41px;
  background-color: #203C90;
  position: relative;
  padding-bottom: 56px;
}
.select_sec02 .promise_container .promise_item .num {
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: auto;
  width: 65px;
  height: 65px;
  background-color: #FFFF00;
  border-radius: 50%;
  line-height: 1em;
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  padding-top: 14px;
}
.select_sec02 .promise_container .promise_item .title {
  font-size: 1.8rem;
  line-height: 1.4em;
  padding: 50px 20px 20px 20px;
  text-align: left;
  letter-spacing: -0.01em;
}
.select_sec02 .promise_container .promise_item .link {
  border-top: 1px solid #fff;
  font-size: 1.3rem;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.select_sec02 .promise_container .promise_item .link a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  text-align: left;
  position: relative;
}
.select_sec02 .promise_container .promise_item .link a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}
.select_sec02 .promise_container .promise_item .link:hover a:after {
  bottom: -7px;
}
.select_sec02 .promise_container .promise_item:last-child {
  margin-right: 0;
}

.can_not {
  overflow: hidden;
  width: 100%;
}
.can_not .can_not_voice {
  width: 720px;
  float: left;
  overflow: hidden;
}
.can_not .can_not_voice .item {
  display: inline-block;
  float: right;
  background-color: #000;
  padding: 25px;
  border-radius: 8px;
  position: relative;
  margin-right: 15px;
  color: #fff;
  font-size: 1.7rem;
  line-height: 1em;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
.can_not .can_not_voice .item:last-child {
  margin-bottom: 0;
}
.can_not .can_not_voice .item:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../img/lp/select/fukidashi.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: -15px;
  margin: auto;
}
.can_not .can_not_image {
  width: 255px;
  height: 255px;
  background-color: #EEEADA;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  border: 1px solid #000;
  float: right;
  border-radius: 50%;
}

.select_sec03 .title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
}
.select_sec03 .can_not_image {
  background-image: url(../img/lp/select/item01.png);
}

.select_sec06 .title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
}
.select_sec06 .can_not_image {
  background-image: url(../img/lp/select/item04.png);
}

.select_sec09 .title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
}
.select_sec09 .can_not_image {
  background-image: url(../img/lp/select/item06.png);
}

.contents .sec_number {
  position: absolute;
  right: 0;
  left: 0;
  top: -35px;
  margin: auto;
  width: 70px;
  height: 70px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background-color: #FFFF00;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3019607843);
  padding-top: 6px;
}

.select_sec04 .title {
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 2.3rem;
  margin-bottom: 30px;
}

.select_sec07 .title {
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 2.3rem;
  margin-bottom: 30px;
}

.select_sec10 .title {
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 2.3rem;
  margin-bottom: 30px;
}

.sec04_parts {
  display: flex;
  flex-wrap: wrap;
}
.sec04_parts .item {
  width: 480px;
  margin-right: 40px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 8px;
}
.sec04_parts .item .title {
  font-size: 2.3rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 5px 0;
}
.sec04_parts .item .title.men_icon {
  position: relative;
}
.sec04_parts .item .title.men_icon:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 100px;
  background-image: url(../img/lp/select/item02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  bottom: 0;
}
.sec04_parts .item .label {
  width: 100%;
  background-color: #707070;
  padding: 6px 0;
  color: #fff;
  font-weight: bold;
  font-size: 2.1rem;
}
.sec04_parts .item .image {
  width: 428px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid #707070;
  background-image: url(../img/lp/select/lp_zu_05.jpg);
  margin: 25px auto 0;
}
.sec04_parts .item .point {
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1.2em;
  margin: 25px 0 10px;
}
.sec04_parts .item .tsumari {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 2px 15px;
  border-radius: 20px;
  display: inline-block;
  font-size: 1.1rem;
}
.sec04_parts .item .text {
  font-size: 1.5rem;
  padding: 15px 20px;
  text-align: left;
  line-height: 1.4em;
}
.sec04_parts .item .bold_text {
  font-size: 1.5rem;
  padding: 15px 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
}
.sec04_parts .item:last-child {
  margin-right: 0;
  border: 4px solid #00A29A;
}
.sec04_parts .item:last-child .label {
  background-color: #00A29A;
}
.sec04_parts .item:last-child .image {
  background-image: url(../img/lp/select/lp_zu_06.jpg);
}
.sec04_parts .item:last-child .point {
  color: #00A29A;
}

.back_blue_text {
  text-align: justify;
  line-height: 1.5em;
  color: #fff;
  font-size: 1.3rem;
  margin-top: 30px;
}

.select_sec05 .title {
  font-weight: bold;
  font-size: 1.9rem;
  margin-bottom: 15px;
}
.select_sec05 .sec05_title {
  overflow: hidden;
}
.select_sec05 .sec05_title .title {
  width: 240px;
  float: left;
}
.select_sec05 .sec05_title .title img {
  width: 100%;
  height: auto;
}
.select_sec05 .sec05_title .text {
  width: 730px;
  float: right;
  text-align: justify;
  font-size: 1.4rem;
  line-height: 1.6em;
  padding: 120px 0;
}
.select_sec05 .handle {
  overflow: hidden;
  margin-bottom: 30px;
}
.select_sec05 .handle .item {
  width: 490px;
  margin-right: 20px;
  border: 1px solid #707070;
  float: left;
}
.select_sec05 .handle .item img {
  width: 100%;
  height: auto;
}
.select_sec05 .handle .item:last-child {
  margin-right: 0;
}
.select_sec05 .tex_box {
  background-color: #203C90;
  border-radius: 8px;
  padding: 45px;
  overflow: hidden;
  margin-bottom: 80px;
}
.select_sec05 .tex_box .image {
  width: 335px;
  height: 245px;
  background-image: url(../img/lp/select/item03.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  float: left;
}
.select_sec05 .tex_box .text {
  width: 535px;
  float: right;
  color: #fff;
  text-align: left;
  line-height: 1.5em;
  font-size: 1.25rem;
}
.select_sec05 .tex_box .text .title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1.3em;
}
.select_sec05 .sec05_title.title02 {
  margin-bottom: 20px;
}
.select_sec05 .sec05_title.title02 .title {
  width: 180px;
  height: 295px;
}
.select_sec05 .sec05_title.title02 .text {
  width: 760px;
}

.select_sec07 .text {
  text-align: justify;
  font-size: 1.3rem;
  line-height: 1.5em;
  margin-bottom: 40px;
  color: #fff;
}
.select_sec07 .sec04_parts .text {
  color: #000;
  margin: 0;
}

.sec08_parts {
  overflow: hidden;
}
.sec08_parts .title {
  width: 240px;
  height: 673px;
  float: left;
}
.sec08_parts .image {
  width: 695px;
  float: right;
  margin-top: 30px;
}
.sec08_parts .image .main {
  width: 100%;
  height: 400px;
  background-image: url(../img/lp/select/item05.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 20px;
}
.sec08_parts .image .name {
  font-weight: bold;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1em;
  margin-bottom: 10px;
}
.sec08_parts .image .text {
  text-align: left;
}
.sec08_parts .image .sec08_floor {
  overflow: hidden;
}
.sec08_parts .image .sec08_floor .item {
  width: 335px;
  float: left;
  margin-right: 20px;
}
.sec08_parts .image .sec08_floor .item img {
  width: 100%;
  height: auto;
}
.sec08_parts .image .sec08_floor .item:last-child {
  margin-right: 0;
}

.sec08_info {
  text-align: left;
  margin-top: 20px;
}
.sec08_info .belt {
  color: #fff;
  font-size: 1.1rem;
  display: inline-block;
  background-color: #000;
  padding: 5px 10px;
}
.sec08_info .price {
  font-size: 2.3rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.sec08_info .price span {
  font-size: 1.6rem;
}
.sec08_info .info_text {
  font-size: 1.1rem;
  line-height: 1.5em;
}

.select_sec10 .text {
  color: #fff;
  font-size: 1.3rem;
  text-align: left;
}
.select_sec10 .promise_container .title {
  font-family: "Noto Serif JP", serif;
  padding: 70px 0 20px;
  position: relative;
  margin: 0;
  font-size: 2.2rem;
}
.select_sec10 .promise_container .title:after {
  content: "";
  width: 160px;
  height: 150px;
  background-image: url(../img/lp/select/president.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 30px;
}
.select_sec10 .promise_container .promise_box {
  border: 1px solid #fff;
  padding: 30px 25px 30px 65px;
}
.select_sec10 .promise_container .promise_box ul {
  list-style: none;
  margin: 0;
}
.select_sec10 .promise_container .promise_box ul li {
  list-style: none;
  text-align: left;
  color: #fff;
  padding-left: 10px;
  font-size: 1.5rem;
  margin: 0;
  list-style-type: decimal;
  line-height: 1.5em;
}

.select_sec11 .contents_inner {
  overflow: hidden;
}

.select_sec12 .contents_inner {
  overflow: hidden;
}

.sec11_title {
  overflow: hidden;
  width: 845px;
  float: right;
  position: relative;
  z-index: 500;
}
.sec11_title .title {
  width: 250px;
  height: 530px;
  float: left;
}
.sec11_title .title img {
  width: 100%;
  height: auto;
}
.sec11_title .text {
  width: 560px;
  float: right;
  padding-top: 115px;
  text-align: justify;
  font-size: 1.3rem;
  line-height: 1.5em;
}

.sec11_image {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: -175px;
}
.sec11_image .left {
  width: 50%;
  height: 525px;
  float: left;
  background-image: url(../img/lp/select/item07.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.sec11_image .right {
  width: 50%;
  height: 525px;
  float: right;
  background-image: url(../img/lp/select/item08.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec11_image:before {
  content: "";
  width: 150px;
  height: 150px;
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/lp/select/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.select_sec12 .sec11_title {
  width: 940px;
}
.select_sec12 .sec11_title .title {
  width: 180px;
  height: 600px;
}
.select_sec12 .interview_title {
  width: 500px;
  float: left;
  text-align: left;
  margin-left: 40px;
  padding-top: 150px;
}
.select_sec12 .interview_title .label {
  background-color: #000;
  color: #fff;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 1.3rem;
}
.select_sec12 .interview_title .name {
  font-size: 1.3rem;
}

.sec12_image01 {
  width: 100%;
  height: 670px;
  background-image: url(../img/lp/select/item09.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -320px;
}

.interview_contents {
  text-align: justify;
}
.interview_contents .question {
  font-size: 1.5rem;
  color: #00A29A;
  margin-bottom: 10px;
}
.interview_contents .title {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.interview_contents .text {
  font-size: 1.3rem;
  margin-bottom: 30px;
  line-height: 1.4em;
}
.interview_contents .text span {
  font-size: 1.2rem;
  font-weight: bold;
}
.interview_contents .text_image {
  overflow: hidden;
  margin-bottom: 30px;
}
.interview_contents .text_image .text {
  float: left;
  width: 480px;
}
.interview_contents .text_image .image {
  width: 480px;
  height: 350px;
  float: right;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.interview_contents .image_text {
  overflow: hidden;
  margin-bottom: 30px;
}
.interview_contents .image_text .text {
  float: right;
  width: 480px;
}
.interview_contents .image_text .image {
  width: 480px;
  height: 350px;
  float: left;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.interview_contents .image.image01 {
  background-image: url(../img/lp/select/item10.jpg);
}
.interview_contents .image.image02 {
  background-image: url(../img/lp/select/item13.jpg);
}
.interview_contents .image.image03 {
  background-image: url(../img/lp/select/item14.jpg);
}
.interview_contents .image.image04 {
  background-image: url(../img/lp/select/item15.jpg);
}

.sec12_image02 {
  width: 100%;
  overflow: hidden;
}
.sec12_image02 .left {
  width: 60%;
  height: 615px;
  float: left;
  background-image: url(../img/lp/select/item11.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sec12_image02 .right {
  width: 40%;
  height: 615px;
  float: right;
  background-image: url(../img/lp/select/item12.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec12_image03 {
  width: 100%;
  height: 600px;
  background-image: url(../img/lp/select/item16.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mov_contents {
  margin: 50px 0;
}
.mov_contents .mov_title {
  text-align: left;
  font-size: 1.7rem;
  margin-bottom: 25px;
}
.mov_contents .mov_title span {
  background-color: #000;
  padding: 16px 25px;
  color: #FFFF00;
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.4rem;
}
.mov_contents .mov iframe {
  width: 100%;
  height: 600px;
}
.mov_contents .mov video {
  width: 100%;
}

.select_sec13 .sec13_title {
  overflow: hidden;
  width: 380px;
  margin: auto;
}
.select_sec13 .sec13_title .title01 {
  width: 125px;
  height: 456px;
  float: left;
}
.select_sec13 .sec13_title .title01 img {
  width: 100%;
  height: auto;
}
.select_sec13 .sec13_title .title02 {
  width: 200px;
  height: 200px;
  float: right;
  padding-top: 115px;
}
.select_sec13 .sec13_title .title02 img {
  width: 100%;
  height: auto;
}

.case01_image {
  overflow: hidden;
}
.case01_image .left {
  width: 50vw;
  height: 570px;
  float: left;
  background-image: url(../img/lp/select/item17.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.case01_image .right {
  width: 480px;
  height: 480px;
  margin-left: 20px;
  float: left;
  background-image: url(../img/lp/select/item18.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 90px;
}
.case01_image.case01_image_02 .left {
  background-image: url(../img/lp/select/item23.jpg);
}
.case01_image.case01_image_02 .right {
  background-image: url(../img/lp/select/item24.jpg);
}

.case_item {
  text-align: left;
}
.case_item .case_title {
  font-size: 2.3rem;
  font-weight: bold;
}
.case_item .case_info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.case_item .case_info .item {
  margin-right: 40px;
  font-size: 1.1rem;
}
.case_item .case_info .item span {
  width: 95px;
  padding: 2px 10px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
.case_item .case_text {
  font-size: 1.2rem;
}

.case_item.case02 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}
.case_item.case02 .case02_item.item01 {
  width: 500px;
  height: 720px;
  background-image: url(../img/lp/select/item19.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  float: left;
  margin-right: 20px;
}
.case_item.case02 .case02_item.item02 {
  width: 480px;
  float: right;
}
.case_item.case02 .case02_item.item02 .image {
  width: 48.5vw;
  height: 430px;
  background-image: url(../img/lp/select/item20.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 30px;
}
.case_item.case02 .case02_item.item02 .title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.2em;
}
.case_item.case02 .case02_item.item02 .case_info .item {
  width: 100%;
  margin-bottom: 10px;
}

.case_item.case02.case02_02 .case02_item.item01 {
  background-image: url(../img/lp/select/item19_02.jpg);
}
.case_item.case02.case02_02 .case02_item.item02 .image {
  background-image: url(../img/lp/select/item20_02.jpg);
}

.select_sec13 .sec13_copy {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 50px;
  width: 100%;
}
.select_sec13 .sec13_subtitle {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 40px;
  position: relative;
  padding-top: 66px;
}
.select_sec13 .sec13_subtitle:before {
  content: "";
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  background-image: url(../img/lp/select/icon_02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
}

.select_sec14 {
  display: flex;
  flex-wrap: wrap;
}
.select_sec14 .sec14_item_l {
  background-color: #00A29A;
  width: 50%;
}
.select_sec14 .sec14_item_l .inner {
  width: 500px;
  float: right;
  position: relative;
  padding: 75px 20px 20px 20px;
}
.select_sec14 .sec14_item_l .inner .icon {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  color: #00A29A;
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 50%;
  padding-top: 41px;
  line-height: 1.2em;
}
.select_sec14 .sec14_item_l .inner .title {
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
.select_sec14 .sec14_item_l .inner .text_image {
  overflow: hidden;
}
.select_sec14 .sec14_item_l .inner .text_image .text {
  width: 250px;
  text-align: justify;
  color: #fff;
  margin-right: 15px;
  line-height: 1.5em;
  font-size: 1.1rem;
}
.select_sec14 .sec14_item_l .inner .text_image .image {
  width: 188px;
  height: 266px;
}
.select_sec14 .sec14_item_l .inner .text_image .image img {
  width: 100%;
  height: auto;
}
.select_sec14 .sec14_item_l .btn {
  width: 100%;
  border: 2px solid #fff;
  border-radius: 10px;
  transition: all 0.3s ease;
  margin-top: 25px;
}
.select_sec14 .sec14_item_l .btn a {
  display: block;
  padding: 15px;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}
.select_sec14 .sec14_item_l .btn a:after {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}
.select_sec14 .sec14_item_l .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.select_sec14 .sec14_item_l .kome {
  text-align: left;
  color: #fff;
  margin-top: 15px;
}
.select_sec14 .sec14_item_r {
  background-color: #203C90;
  width: 50%;
}
.select_sec14 .sec14_item_r .inner {
  width: 500px;
  float: left;
  padding: 75px 20px 20px 20px;
  position: relative;
}
.select_sec14 .sec14_item_r .inner .icon {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  color: #203C90;
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 50%;
  padding-top: 41px;
  line-height: 1.2em;
}
.select_sec14 .sec14_item_r .inner .title {
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
.select_sec14 .sec14_item_r .inner .text_image {
  overflow: hidden;
}
.select_sec14 .sec14_item_r .inner .text_image .text {
  width: 250px;
  text-align: justify;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.1rem;
}
.select_sec14 .sec14_item_r .inner .text_image .image {
  width: 188px;
  height: 266px;
  margin-right: 15px;
}
.select_sec14 .sec14_item_r .inner .text_image .image img {
  width: 100%;
  height: auto;
}
.select_sec14 .sec14_item_r .btn {
  width: 100%;
  border: 2px solid #fff;
  border-radius: 10px;
  transition: all 0.3s ease;
  margin-top: 25px;
}
.select_sec14 .sec14_item_r .btn a {
  display: block;
  padding: 15px;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}
.select_sec14 .sec14_item_r .btn a:after {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}
.select_sec14 .sec14_item_r .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.select_sec14 .sec14_item_r .kome {
  text-align: left;
  color: #fff;
  margin-top: 15px;
}
.select_sec14 .contact_title {
  text-align: center;
  width: 100%;
  font-size: 2rem;
  font-weight: bold;
  padding: 20px 0 35px;
  position: relative;
}
.select_sec14 .contact_title:after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  margin: auto;
  transform: rotate(45deg);
}
.select_sec14 .sec14_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.select_sec14 .sec14_container .text_image {
  height: 160px;
}
.select_sec14 .sec14_container .inner {
  padding: 20px;
}
.select_sec14 .sec14_container .inner .icon {
  position: relative;
  top: -45px;
}
.select_sec14 .sec14_container .inner .title {
  margin-top: -25px;
}

.select_sec15 .nakamura_info {
  overflow: hidden;
}
.select_sec15 .nakamura_info .map {
  width: 480px;
  height: 300px;
  float: left;
}
.select_sec15 .nakamura_info .map img {
  width: 100%;
  height: auto;
}
.select_sec15 .nakamura_info .info {
  width: 480px;
  float: right;
}
.select_sec15 .nakamura_info .info .logo {
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}
.select_sec15 .nakamura_info .info .logo img {
  width: 80%;
  height: auto;
}
.select_sec15 .nakamura_info .info .address {
  text-align: left;
  line-height: 1.4em;
  font-size: 1.1rem;
}
.select_sec15 .motto {
  text-align: left;
  margin: 50px 0;
}
.select_sec15 .motto .midashi {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.select_sec15 .motto .text {
  line-height: 1.4em;
  font-size: 1.15rem;
}
.select_sec15 .about {
  text-align: left;
  margin: 50px 0;
}
.select_sec15 .about .midashi {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.select_sec15 .about table {
  font-size: 1.15rem;
}
.select_sec15 .about table tr {
  border-bottom: 1px solid #000;
}
.select_sec15 .about table tr th {
  border: none;
  width: 150px;
}
.select_sec15 .about table tr td {
  border: none;
  width: 850px;
}
.select_sec15 .company_kenchiku .title {
  line-height: 1.4em;
  font-family: "Noto Serif JP", serif;
}

.copy {
  width: 100%;
  border-top: 1px solid #000;
}
.copy .copy_inner {
  width: 1000px;
  margin: auto;
  padding: 20px 0;
  font-size: 0.9rem;
  text-align: left;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .sp_img {
    display: block !important;
  }
  .pc_img {
    display: none;
  }
  .header_logo {
    width: 100% !important;
    height: 70px !important;
    background-color: rgb(255, 255, 255) !important;
    text-align: left;
  }
  .header_logo a {
    padding: 10px !important;
  }
  .header_logo a img {
    height: 50px !important;
    width: auto !important;
  }
  .mainvisual {
    margin-top: 70px;
    padding-bottom: 0;
  }
  .mainvisual .visual_left {
    width: 100%;
    height: 85vw;
    border-bottom: 50px solid #00A29A;
    position: relative;
  }
  .mainvisual .visual_left:before {
    width: 45vw;
    height: 45vw;
    bottom: -50px;
    left: -8vw;
  }
  .mainvisual .visual_left:after {
    width: 30vw;
    height: 40vw;
    bottom: -50px;
    left: 24vw;
  }
  .mainvisual .visual_right {
    width: 100%;
    height: 100vw;
    border-bottom: 50px solid #00A29A;
    position: relative;
  }
  .mainvisual .visual_right:before {
    width: 45vw;
    height: 45vw;
    bottom: -50px;
    right: -6vw;
    z-index: 400;
  }
  .mainvisual .visual_right:after {
    width: 30vw;
    height: 40vw;
    bottom: -50px;
    right: 24vw;
  }
  .mainvisual .mainvisual_title {
    width: 90%;
    top: 7vw;
  }
  .mainvisual .mainvisual_text {
    width: 90%;
    font-size: 0.9rem;
    letter-spacing: -0.07em;
    top: 90vw;
  }
  .revision_mainvisual {
    margin-top: 70px;
  }
  .revision_mainvisual .visual_image {
    height: 100vw !important;
  }
  .revision_mainvisual .visual_text h1 {
    font-size: 2.2rem;
    line-height: 1.1em;
  }
  .revision_mainvisual .visual_text h1 br {
    display: block;
  }
  .revision_mainvisual .visual_text p {
    font-size: 1.5rem;
  }
  .can_not {
    width: 100%;
  }
  .sec11_title {
    width: 100%;
  }
  .select_sec01 .regret_container {
    height: auto;
  }
  .select_sec01 .regret_container .regret_item {
    position: relative;
    width: 100%;
    margin-bottom: 5vw;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    font-size: 1.1rem;
  }
  .select_sec02 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .select_sec02 .promise_title {
    font-size: 1.5rem;
  }
  .select_sec02 .promise_container .promise_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10vw;
  }
  .select_sec02 .promise_container .promise_item:last-child {
    margin-bottom: 0;
  }
  .select_sec03 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .select_sec06 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .select_sec09 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .can_not .can_not_voice {
    width: 100%;
    padding-bottom: 15px;
    float: none;
  }
  .can_not .can_not_voice .item {
    width: 95%;
    font-size: 1.1rem;
    margin-bottom: 6vw;
    margin-right: 0;
  }
  .can_not .can_not_voice .item:after {
    transform: rotate(90deg);
    bottom: -15px;
    right: 0;
    left: 0;
    top: auto;
    margin: auto;
  }
  .can_not .can_not_image {
    float: none;
    width: 60vw;
    height: 60vw;
    margin: auto;
    margin-top: 5vw;
  }
  .sec04_parts .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13vw;
  }
  .sec04_parts .item:last-child {
    margin-bottom: 0;
  }
  .select_sec05 .sec05_title .title {
    width: 100%;
  }
  .select_sec05 .sec05_title .title img {
    width: 55%;
  }
  .select_sec05 .sec05_title .text {
    width: 100%;
    padding: 5vw 0 7vw;
  }
  .select_sec05 .handle .item {
    width: 100%;
    margin-bottom: 5vw;
  }
  .select_sec05 .handle .item:last-child {
    margin-bottom: 0;
  }
  .select_sec05 .tex_box {
    padding: 7vw;
  }
  .select_sec05 .tex_box .image {
    width: 100%;
    height: 50vw;
    margin-bottom: 5vw;
  }
  .select_sec05 .tex_box .text {
    width: 100%;
  }
  .select_sec05 .sec05_title.title02 .title {
    width: 100%;
    height: auto;
  }
  .select_sec05 .sec05_title.title02 .title img {
    width: 40%;
  }
  .select_sec05 .sec05_title.title02 .text {
    width: 100%;
  }
  .sec04_parts .item .image {
    width: 90%;
  }
  .sec08_parts .title {
    width: 100%;
    height: auto;
  }
  .sec08_parts .title img {
    width: 45%;
  }
  .sec08_parts .image {
    width: 100% !important;
  }
  .sec08_parts .image .main {
    width: 100%;
    height: 55vw;
  }
  .sec08_parts .sec08_floor .item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .select_sec07 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .select_sec10 .title {
    font-size: 1.5rem !important;
    line-height: 1.2em;
  }
  .select_sec10 .title:after {
    right: 0 !important;
  }
  .select_sec10 .promise_container .title {
    padding: 70px 80px 20px 0;
  }
  .select_sec10 .promise_container .title:after {
    width: 90px;
    height: 90px;
  }
  .page_lp .contents.back_blue {
    margin-top: 9vw;
  }
  .page_lp .contents.back_blue .contents_inner {
    padding: 18vw 0 50px;
  }
  .page_lp .contents.back_blue:before {
    top: 12vw;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 1.4rem;
  }
  .sec11_title .title {
    width: 100%;
    height: auto;
  }
  .sec11_title .title img {
    width: 50%;
  }
  .sec11_title .text {
    width: 100%;
    padding-top: 5vw;
  }
  .sec11_image {
    margin-top: 0;
  }
  .sec11_image .left {
    width: 100%;
    height: 50vw;
  }
  .sec11_image .right {
    width: 100%;
    height: 50vw;
  }
  .sec11_image:before {
    width: 17vw;
    height: 17vw;
  }
  .select_sec12 .sec11_title {
    width: 100%;
  }
  .select_sec12 .sec11_title .title {
    width: 100%;
    height: auto;
  }
  .select_sec12 .sec11_title .title img {
    width: 40%;
  }
  .select_sec12 .sec11_title .select_sec12 .interview_title {
    width: 100%;
    margin-left: 0;
    padding-top: 5vw;
  }
  .sec12_image01 {
    margin-top: 0;
    height: 60vw;
  }
  .interview_contents .title {
    line-height: 1.2em;
    font-size: 1.5rem;
  }
  .interview_contents .text_image .text {
    width: 100%;
    margin-bottom: 5vw;
  }
  .interview_contents .text_image .image {
    width: 100%;
    height: 60vw;
  }
  .interview_contents .image_text .text {
    width: 100%;
  }
  .interview_contents .image_text .image {
    width: 100%;
    height: 60vw;
    margin-bottom: 5vw;
  }
  .sec12_image03 {
    height: 60vw;
  }
  .mov_contents .mov_title {
    text-align: center;
    font-size: 1.4rem;
  }
  .mov_contents .mov_title span {
    width: 100%;
    display: block;
    padding: 3px 0;
    text-align: center;
    margin-bottom: 7px;
  }
  .mov_contents .mov iframe {
    height: 50vw;
  }
  .select_sec13 .sec13_title .title01 {
    width: 50%;
    height: auto;
  }
  .select_sec13 .sec13_title .title01 img {
    width: 40%;
  }
  .select_sec13 .sec13_title .title02 {
    width: 50%;
    height: auto;
    text-align: left;
    padding-top: 85px;
  }
  .select_sec13 .sec13_title .title02 img {
    width: 60%;
  }
  .case01_image .left {
    width: 80%;
    height: 55vw;
  }
  .case01_image .right {
    width: 80%;
    height: 50vw;
    margin-top: 5vw;
    float: right;
  }
  .case_item .case_title {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 5vw;
  }
  .case_item .case_info .item {
    width: 100%;
    margin-bottom: 3vw;
  }
  .case_item.case02 .case02_item.item01 {
    width: 100%;
    height: 100vw;
    margin-right: 0;
  }
  .case_item.case02 .case02_item.item02 {
    margin-top: 5vw;
  }
  .case_item.case02 .case02_item.item02 .image {
    width: 100%;
    height: 55vw;
  }
  .case_item.case02 .case02_item.item02 .title {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
  .select_sec13 .sec13_title {
    font-size: 1.5rem;
    line-height: 1.2em;
    width: 100%;
  }
  .select_sec13 .sec13_subtitle {
    font-size: 1.3rem;
  }
  .select_sec14 .sec14_item_l {
    width: 100%;
  }
  .select_sec14 .sec14_item_l .inner {
    width: 100%;
    padding: 5vw;
  }
  .select_sec14 .sec14_item_l .inner .icon {
    position: relative;
    top: 0;
    margin-bottom: 5vw;
  }
  .select_sec14 .sec14_item_l .inner .title {
    text-align: center;
    margin-bottom: 5px;
  }
  .select_sec14 .sec14_item_l .inner .text_image .text {
    width: 100%;
    text-align: center;
  }
  .select_sec14 .sec14_item_l .inner .text_image .image {
    margin: 5vw auto 0;
  }
  .select_sec14 .sec14_item_r {
    width: 100%;
  }
  .select_sec14 .sec14_item_r .inner {
    width: 100%;
    padding: 5vw;
  }
  .select_sec14 .sec14_item_r .inner .icon {
    position: relative;
    top: 0;
    margin-bottom: 5vw;
  }
  .select_sec14 .sec14_item_r .inner .title {
    text-align: center;
    margin-bottom: 5px;
  }
  .select_sec14 .sec14_item_r .inner .text_image .text {
    width: 100%;
    text-align: center;
  }
  .select_sec14 .sec14_item_r .inner .text_image .image {
    margin: 5vw auto;
  }
  .select_sec14 .contact_title {
    font-size: 1.6rem;
    line-height: 1.3em;
    width: 90%;
    margin: auto;
    padding-bottom: 40px;
  }
  .select_sec14 .contact_title:after {
    bottom: 22px;
    width: 12px;
    height: 12px;
  }
  .select_sec14 .sec14_container .inner .icon {
    margin-bottom: 10vw;
  }
  .select_sec14 .sec14_container .inner .text_image {
    height: auto;
  }
  .select_sec15 .nakamura_info .map {
    width: 100%;
    height: auto;
  }
  .select_sec15 .nakamura_info .info {
    width: 100%;
    margin-top: 5vw;
  }
  .select_sec15 .nakamura_info .info .logo {
    text-align: center;
  }
  .select_sec15 .about table th,
  .select_sec15 .about table td {
    width: 100% !important;
    display: block;
  }
  .select_sec15 .about table th {
    font-weight: bold;
    font-size: 1.1rem;
    padding-bottom: 0;
  }
  .select_sec15 .about table td {
    padding-top: 0;
  }
  .copy .copy_inner {
    width: 90%;
    font-size: 0.8rem !important;
  }
  .select_sec12 .interview_title {
    padding-top: 5vw !important;
    margin-left: 0 !important;
  }
  .select_sec04 .title {
    font-size: 1.8rem !important;
    line-height: 1.4em !important;
  }
  .back_blue_text {
    font-size: 1.1rem !important;
  }
  .select_sec05 .title {
    line-height: 1.4em !important;
  }
  .select_sec05 .sec05_title .text {
    font-size: 1.2rem !important;
    line-height: 1.4em !important;
  }
  .select_sec07 .text {
    font-size: 1.1rem !important;
  }
  .select_sec10 .text {
    font-size: 1.1rem !important;
  }
  .select_sec10 .promise_container .promise_box ul li {
    font-size: 1.2rem !important;
  }
  .interview_contents .text {
    font-size: 1.1rem !important;
  }
  .sec13_copy {
    font-size: 1.5rem !important;
  }
  .sec13_copy br:first-child {
    display: none;
  }
  .sec12_image02 .left {
    width: 100%;
    height: 60vw;
  }
  .sec12_image02 .right {
    width: 100%;
    height: 100vw;
  }
  .sec04_parts .item .title {
    font-size: 1.8rem;
    padding: 4vw 0;
  }
  .sec04_parts .item .point {
    font-size: 1.5rem;
    padding: 0 5vw;
  }
  .sec04_parts .label {
    font-size: 1.7rem;
  }
  a {
    color: #000;
  }
}
.select_sec14_2 .present_content {
  background-color: #EA4659;
  padding-top: 9px;
  position: relative;
  z-index: 1;
  margin-top: 30px;
}
.select_sec14_2 .present_content .title_head {
  background-color: #fff;
  color: #EA4659;
  z-index: 1;
}
.select_sec14_2 .present_content .title_head .title_head_inner {
  width: 1000px;
  margin: auto;
  justify-content: center;
  padding: 17px 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.select_sec14_2 .present_content .title_head .title_head_inner .fukidashi {
  width: 255px;
  background-color: #EA4659;
  border-radius: 28px;
  padding: 10px;
  margin-right: 20px;
  color: #fff;
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
}
.select_sec14_2 .present_content .title_head .title_head_inner .fukidashi:after {
  content: "";
  width: 15px;
  height: 15px;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-image: url(../img/lp/select/fukidashi02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.select_sec14_2 .present_content .title_head .title_head_inner .title {
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: -0.04em;
}
.select_sec14_2 .present_content .contents .contents_inner {
  width: 1000px;
  margin: auto;
  overflow: hidden;
}
.select_sec14_2 .present_content .contents .contents_inner .image {
  width: 200px;
  float: left;
}
.select_sec14_2 .present_content .contents .contents_inner .image img {
  width: 100%;
  height: auto;
}
.select_sec14_2 .present_content .contents .contents_inner .text {
  width: 770px;
  float: right;
  color: #fff;
  text-align: left;
  position: relative;
  padding-top: 16px;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul {
  position: relative;
  padding-bottom: 16px;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul li {
  list-style: none;
  padding-left: 23px;
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul li.atte {
  font-size: 1.7rem;
  line-height: 1.2em;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul li:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  position: absolute;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.select_sec14_2 .present_content .contents .contents_inner .text ul:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0px;
}
.select_sec14_2 .present_content .contents .contents_inner .text .btn {
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  transition: all 0.3s ease;
}
.select_sec14_2 .present_content .contents .contents_inner .text .btn a {
  display: block;
  padding: 18px;
  color: #EA4659;
  text-decoration: none;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.select_sec14_2 .present_content .contents .contents_inner .text .btn:hover {
  opacity: 0.7;
}
.select_sec14_2 .present_content .contents .contents_inner .text .btn:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #EA4659;
  border-right: 2px solid #EA4659;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}
.select_sec14_2 .present_content .contents .contents_inner .text .att {
  font-size: 1.1rem;
  font-weight: bold;
}
.select_sec14_2 .present_content .contents .contents_inner .text:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.select_sec14_2 .present_content .contents .contents_inner .text:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 6px;
}
.select_sec14_2 .present_content:before {
  content: "";
  width: 140px;
  height: 140px;
  display: block;
  border: 9px solid #EA4659;
  position: absolute;
  right: 0;
  left: 0;
  top: -68px;
  margin: auto;
  background-color: #fff;
  z-index: -1;
  border-radius: 50%;
}
.select_sec14_2 .present_content:after {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  background-image: url(../img/lp/select/present.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  left: 0;
  top: -45px;
  margin: auto;
}
.select_sec14_2 .contact_content {
  background-color: #E8EBF3;
}
.select_sec14_2 .contact_content .title_head {
  background-color: #203C90;
}
.select_sec14_2 .contact_content .title_head .title_head_inner {
  width: 1000px;
  margin: auto;
  color: #fff;
  font-size: 2rem;
  padding: 15px 0;
  font-weight: bold;
}
.select_sec14_2 .contact_content .contents .contents_inner {
  padding: 35px 0;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container {
  overflow: hidden;
  margin-bottom: 15px;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container .text {
  width: 520px;
  float: left;
  color: #203C90;
  font-weight: bold;
  text-align: justify;
  line-height: 1.4em;
  font-size: 1.1rem;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container .btn {
  width: 470px;
  float: right;
  background-color: #fff;
  border: 2px solid #203C90;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container .btn a {
  display: block;
  padding: 15px 0;
  color: #203C90;
  text-decoration: none;
  font-size: 1.3rem;
  position: relative;
  font-weight: bold;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container .btn a:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #203C90;
  border-right: 2px solid #203C90;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.select_sec14_2 .contact_content .contents .contents_inner .float_container .btn:hover {
  opacity: 0.7;
}
.select_sec14_2 .contact_content .contents .contents_inner .tel_time {
  font-size: 1.4rem;
  color: #203C90;
  font-weight: bold;
}

.select_sec14_2.small .present_content {
  margin-top: 0;
}
.select_sec14_2.small .present_content:before {
  width: 120px;
  height: 120px;
  top: -50px;
}
.select_sec14_2.small .present_content:after {
  top: -33px;
  width: 44px;
  height: 44px;
}
.select_sec14_2.small .contents .contents_inner {
  padding: 40px 0;
}
.select_sec14_2.small .contents .contents_inner .text {
  float: left;
  width: 505px;
}
.select_sec14_2.small .contents .contents_inner .text ul {
  margin-bottom: 0;
}
.select_sec14_2.small .contents .contents_inner .text ul li {
  font-size: 1.1rem;
  line-height: 1.2em;
}
.select_sec14_2.small .contents .contents_inner .text ul li.atte {
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.select_sec14_2.small .contents .contents_inner .text ul li:before {
  top: 4px;
  bottom: auto;
}
.select_sec14_2.small .contents .contents_inner .small_btn {
  float: right;
  width: 475px;
}
.select_sec14_2.small .contents .contents_inner .small_btn .btn {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}
.select_sec14_2.small .contents .contents_inner .small_btn .btn a {
  display: block;
  padding: 28px 0;
  color: #EA4659;
  text-decoration: none;
  font-size: 1.3rem;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.select_sec14_2.small .contents .contents_inner .small_btn .btn a:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #EA4659;
  border-right: 2px solid #EA4659;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.select_sec14_2.small .contents .contents_inner .small_btn .btn:hover {
  opacity: 0.7;
}
.select_sec14_2.small .contents .contents_inner .small_btn .att {
  color: #fff;
  font-weight: bold;
  text-align: left;
  line-height: 1em;
}
.select_sec14_2.small .contact_content .title_head .title_head_inner {
  font-size: 1.7rem;
}

.select_sec14_2.link_sec {
  padding-top: 30px;
  /*background-color: #00A29A;*/
}
.select_sec14_2.link_sec .link_btn {
  border: none;
  border-radius: 10px;
}
.select_sec14_2.link_sec .link_btn a {
  color: #EA4659;
  font-size: 1.4rem;
  font-weight: bold;
}
.select_sec14_2.link_sec .link_btn a:after {
  border-color: #EA4659;
  transform: rotate(135deg);
  width: 12px;
  height: 12px;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .select_sec14_2 .present_content .title_head .title_head_inner {
    width: 90%;
  }
  .select_sec14_2 .present_content .title_head .fukidashi {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .select_sec14_2 .present_content .title_head .fukidashi:after {
    top: auto !important;
    bottom: -10px !important;
    right: 0 !important;
    left: 0 !important;
    transform: rotate(90deg);
  }
  .select_sec14_2 .present_content .title_head .title {
    font-size: 1.6rem !important;
    line-height: 1.3em;
  }
  .select_sec14_2 .present_content .contents .contents_inner {
    width: 90%;
  }
  .select_sec14_2 .present_content .contents .contents_inner .image {
    float: none;
    margin: 0 auto 5vw;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text {
    width: 100%;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text ul li {
    font-size: 1.2rem;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text ul li.atte {
    font-size: 1.4rem;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text ul li:before {
    bottom: auto !important;
    top: 10px !important;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text .btn {
    margin-bottom: 15px;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text .btn a {
    font-size: 1.3rem;
  }
  .select_sec14_2 .present_content .contents .contents_inner .text .att {
    line-height: 1.4em;
  }
  .select_sec14_2 .contact_content .title_head .title_head_inner {
    width: 90%;
    font-size: 1.2rem;
  }
  .select_sec14_2 .contact_content .float_container .text {
    width: 100% !important;
    margin-bottom: 5vw;
  }
  .select_sec14_2 .contact_content .float_container .btn {
    width: 100% !important;
  }
  .select_sec14_2 .contact_content .tel_time {
    font-size: 1.2rem;
    line-height: 1.3em;
  }
  .select_sec14_2.small .present_content .text {
    margin-bottom: 5vw;
  }
  .select_sec14_2.small .present_content .small_btn {
    width: 100% !important;
  }
  .select_sec14_2.small .present_content .small_btn .btn a {
    padding: 15px 0 !important;
  }
  .select_sec14_2.link_sec .link_btn a {
    font-size: 1.2rem;
  }
}
.contents.lp_example .example_post_list .item a {
  cursor: pointer;
}
.contents.lp_example .example_post_list .item:last-child {
  display: none;
}
.contents.lp_example .example_post_list.fix2208 .item:last-child {
  display: block;
}
.contents.lp_example .index_example_title {
  font-size: 2rem;
  font-weight: bold;
}

.example_remodal {
  width: 850px;
  max-width: 850px !important;
  height: 80vh;
  border-radius: 15px;
}
.example_remodal .example_remodal_inner {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.example_remodal .title_area h1 {
  font-size: 1.8rem;
}
.example_remodal .example_fixed_item {
  background-color: #fff;
}
.example_remodal .example_fixed_item .example_fixed_item_inner {
  width: 100%;
}
.example_remodal .example_fixed_item .example_fixed_item_inner .example_main_image.tatenaga {
  width: 100%;
  height: 500px;
  background-size: contain;
  background-color: #F8F5F2;
}
.example_remodal .example_fixed_item .example_fixed_item_inner .contents_item:last-child {
  padding-bottom: 0;
}
.example_remodal .example_fixed_item .example_fixed_item_inner .text_image .image_box {
  width: 300px;
}
.example_remodal .example_fixed_item .example_fixed_item_inner .text_image .text {
  width: 430px;
}
.example_remodal .remodal-close {
  left: auto;
  right: -15px;
  top: -15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.example_remodal .remodal-close:before {
  font-size: 40px;
  width: 50px;
  line-height: 48px;
}
.example_remodal .modal_present_btn {
  background-color: #EA4659;
  position: relative;
  z-index: 1;
  border: 7px solid #EA4659;
  border-radius: 10px;
}
.example_remodal .modal_present_btn .title {
  background-color: #fff;
  padding: 20px 0;
  color: #EA4659;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 5px 5px 0 0;
  line-height: 1.1em;
  position: relative;
}
.example_remodal .modal_present_btn .title span {
  font-size: 1.3rem;
}
.example_remodal .modal_present_btn .title:before {
  content: "";
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  top: -50px;
  margin: auto;
  border-radius: 50%;
  border: 7px solid #EA4659;
  z-index: -1;
  background-color: #fff;
}
.example_remodal .modal_present_btn .title:after {
  content: "";
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url(../img/lp/select/present.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  left: 0;
  top: -33px;
  margin: auto;
}
.example_remodal .modal_present_btn .btn {
  width: 400px;
  margin: 25px auto 8px;
  background-color: #fff;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.example_remodal .modal_present_btn .btn a {
  text-decoration: none;
  color: #EA4659;
  font-weight: bold;
  display: block;
  padding: 15px 0;
  text-align: center;
  position: relative;
  font-size: 1.2rem;
}
.example_remodal .modal_present_btn .btn a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #EA4659;
  border-right: 2px solid #EA4659;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}
.example_remodal .modal_present_btn .btn:hover {
  opacity: 0.7;
}
.example_remodal .modal_present_btn .come {
  color: #fff;
  text-align: center;
  margin-bottom: 12px;
}

.lp_menu {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 0 15px;
  width: 90px;
  height: 90px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.lp_menu .line {
  width: 40px;
  height: 3px;
  position: absolute;
  background-color: rgb(0, 162, 154);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.5s ease;
}
.lp_menu .line:before {
  content: "";
  width: 40px;
  height: 3px;
  background-color: rgb(0, 162, 154);
  display: block;
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s ease;
}
.lp_menu .line:after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: rgb(0, 162, 154);
  display: block;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s ease;
}

.lp_menu.open .line {
  background-color: rgba(0, 162, 154, 0);
}
.lp_menu.open .line:before {
  transform: rotate(45deg);
  top: 0;
}
.lp_menu.open .line:after {
  transform: rotate(-45deg);
  bottom: 0;
}

.lp_menu_open {
  position: fixed;
  left: -400px;
  width: 400px;
  height: 100%;
  background-color: rgb(0, 162, 154);
  z-index: 5000;
  opacity: 0;
  transition: all 0.5s ease;
  border-right: 1px solid #fff;
}
.lp_menu_open ul {
  padding: 50px 30px;
}
.lp_menu_open ul li {
  list-style: none;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.lp_menu_open ul li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 15px 0;
  font-size: 1.2rem;
  text-align: left;
}
.lp_menu_open ul li:hover {
  opacity: 0.7;
}
.lp_menu_open .menu_contact .btn {
  width: 85%;
  margin: 0 auto 20px;
  border-radius: 10px;
  background-color: #fff;
  transition: all 0.3s ease;
}
.lp_menu_open .menu_contact .btn a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  color: #00A29A;
  font-weight: bold;
  display: block;
  padding: 20px 0;
  position: relative;
}
.lp_menu_open .menu_contact .btn a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #00A29A;
  border-right: 2px solid #00A29A;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}
.lp_menu_open .menu_contact .btn:hover {
  opacity: 0.7;
}
.lp_menu_open .menu_contact .tell a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
}

.lp_menu_open.active {
  left: 0;
  opacity: 1;
}

.contact_lp_fixed {
  position: fixed;
  width: 230px;
  bottom: 0;
  right: 0;
  border-radius: 20px 0 0 0;
  background-color: #fff;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: left;
  z-index: 4000;
}
.contact_lp_fixed .contact {
  background-color: #1DA29A;
  transition: all 0.3s ease;
}
.contact_lp_fixed .contact a {
  display: block;
  padding: 20px 25px 20px 65px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2rem;
  position: relative;
  text-align: left;
  line-height: 1.2em;
}
.contact_lp_fixed .contact a:before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../img/global/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  display: block;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contact_lp_fixed .contact:hover {
  opacity: 0.7;
}
.contact_lp_fixed .tell {
  background-color: #203C90;
  transition: all 0.3s ease;
}
.contact_lp_fixed .tell a {
  display: block;
  position: relative;
  padding: 12px 25px 12px 65px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
}
.contact_lp_fixed .tell a:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/global/icon_tel.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#link01,
#link02,
#link03 {
  display: inline-block;
  width: 100%;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .contents.lp_example .example_post_list .item:last-child {
    display: block;
  }
  .example_remodal {
    padding: 20px !important;
  }
  .example_remodal .example_fixed_item .example_fixed_item_inner .example_main_image.tatenaga {
    height: 80vw;
  }
  .example_remodal .example_fixed_item .example_fixed_item_inner .text_image .image_box {
    width: 100%;
  }
  .example_remodal .example_fixed_item .example_fixed_item_inner .text_image .text {
    width: 100%;
  }
  .example_remodal .remodal-close {
    right: 10px;
    top: -25px;
    z-index: 2000;
  }
  .example_remodal .modal_present_btn {
    margin-top: 10vw;
  }
  .example_remodal .modal_present_btn .title {
    padding: 20px;
    font-size: 1.4rem;
  }
  .example_remodal .modal_present_btn .title span {
    font-size: 1.1rem;
  }
  .example_remodal .modal_present_btn .btn {
    width: 90%;
  }
  .example_remodal .modal_present_btn .come {
    margin: 0 auto 10px;
    width: 90%;
    line-height: 1.1em;
  }
  .lp_menu {
    background-color: rgba(255, 255, 255, 0);
    width: 70px;
    height: 70px;
    box-shadow: none;
  }
  .lp_menu .line {
    width: 35px;
  }
  .lp_menu .line:before {
    width: 35px;
    top: -11px;
  }
  .lp_menu .line:after {
    width: 35px;
    bottom: -11px;
  }
  .lp_menu_open {
    width: 85%;
  }
  .lp_menu_open ul {
    padding: 30px;
  }
  .lp_menu_open ul li a {
    font-size: 1rem;
  }
  .lp_menu_open .menu_contact .tell a {
    font-size: 1.4rem;
  }
  .contact_lp_fixed {
    width: 100%;
    border-radius: 0;
    border-left: none;
    display: flex;
    flex-wrap: wrap;
  }
  .contact_lp_fixed .contact {
    width: 50%;
  }
  .contact_lp_fixed .contact a {
    padding: 10px 20px 10px 55px;
    font-size: 0.95rem;
  }
  .contact_lp_fixed .contact a:before {
    width: 20px;
    height: 20px;
  }
  .contact_lp_fixed .tell {
    width: 50%;
  }
  .contact_lp_fixed .tell a {
    padding: 15px 0 15px 35px;
    font-size: 0.95rem;
    text-align: center;
  }
  .contact_lp_fixed .tell a:before {
    width: 20px;
    height: 20px;
    left: 20px;
  }
  #link01,
  #link02,
  #link03 {
    padding-top: 75px;
    margin-top: -75px;
  }
}
/* ======/family/================================== */
.family_mainvisual {
  width: 100%;
  height: 800px;
  background-color: #F8F5F2;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.family_mainvisual .main_back_slider {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.family_mainvisual .main_back_slider .item {
  width: 1300px;
  height: 800px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.family_mainvisual .family_mainvisual_inner {
  width: 1000px;
  height: 800px;
  margin: auto;
  position: relative;
}
.family_mainvisual .family_mainvisual_inner .text_logo {
  width: 600px;
  height: 420px;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3000;
}
.family_mainvisual .family_mainvisual_inner .text_logo img {
  width: 100%;
  height: auto;
}
.family_mainvisual .main_slider01 {
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 100;
}
.family_mainvisual .main_slider01 .item {
  width: 405px;
  height: 270px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 60vw;
}
.family_mainvisual .main_slider02 {
  position: absolute;
  top: 115px;
  left: -20vw;
  z-index: 400;
}
.family_mainvisual .main_slider02 .item {
  width: 395px;
  height: 264px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 60vw;
  transition: all 0.3s ease;
}
.family_mainvisual .main_slider03 {
  position: absolute;
  top: 211px;
  left: -70vw;
  z-index: 200;
}
.family_mainvisual .main_slider03 .item {
  width: 503px;
  height: 336px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 60vw;
  transition: all 0.3s ease;
}
.family_mainvisual .main_slider04 {
  position: absolute;
  top: 412px;
  left: -35vw;
  z-index: 500;
}
.family_mainvisual .main_slider04 .item {
  width: 550px;
  height: 368px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 60vw;
  transition: all 0.3s ease;
}
.family_mainvisual .main_slider05 {
  position: absolute;
  top: 430px;
  left: -200vw;
  z-index: 300;
}
.family_mainvisual .main_slider05 .item {
  width: 439px;
  height: 293px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 60vw;
  transition: all 0.3s ease;
}

.family_menu {
  width: 1010px;
  margin: 20px auto 40px;
}
.family_menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.family_menu ul li {
  border: 1px solid #000;
  width: 196px;
  margin-bottom: 0;
  margin-right: 5px;
  transition: all 0.3s ease;
  list-style: none;
}
.family_menu ul li:hover {
  opacity: 0.7;
}
.family_menu ul li:last-child {
  margin-right: 0;
}
.family_menu ul li a {
  display: block;
  padding: 13px 0;
  color: #000;
  text-decoration: none;
  font-size: 1.1rem;
}

.family_fixed_contact {
  position: fixed;
  right: 0;
  top: 105px;
  z-index: 5000;
  display: block;
}
.family_fixed_contact .contact {
  background-color: #EA5206;
  border-radius: 10px 0 0 10px;
  transition: all 0.3s ease;
  max-width: 71px;
}
.family_fixed_contact .contact:hover {
  opacity: 0.7;
}
.family_fixed_contact .contact a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  writing-mode: vertical-rl;
  padding: 20px 15px;
  font-size: 1.5rem;
}

.sp_br {
  display: none;
}

.family_midashi00 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
}
.family_midashi00 span {
  font-size: 1.7rem;
}

.example_inner {
  padding: 60px 0;
}
.example_inner .min_midashi {
  font-family: "Noto Serif JP", serif;
  font-size: 3.5rem;
  font-weight: normal;
  margin-bottom: 30px;
}
.example_inner .example_type_title {
  text-align: center;
  width: 1000px;
  margin: auto;
  margin-bottom: 30px;
}
.example_inner .example_type_title h4 {
  font-size: 1.9rem;
  background-color: #fff;
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.example_inner .example_type_title h4:before {
  content: "";
  width: calc(100% + 200px);
  height: 1px;
  background-color: #000;
  top: 0;
  bottom: 0;
  right: 0;
  left: -100px;
  margin: auto;
  position: absolute;
  z-index: -1;
}

.contents.back_brown {
  background-color: #F8F5F2;
}
.contents.back_brown02 {
  background-color: #EEE7DF;
  padding: 1px 0;
}
.contents.back_brown02 .can_title {
  margin-top: 50px;
}
.contents.over_title_sec {
  position: relative;
  padding-top: 370px;
  overflow: hidden;
}

.over_title {
  position: absolute;
  left: 0;
  top: 215px;
  font-size: 5.5rem;
  font-family: "Noto Serif JP", serif;
  padding-left: 50px;
  z-index: 0;
}
.over_title:before {
  content: "";
  width: 366px;
  height: 366px;
  border-radius: 50%;
  left: -183px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #EEEADA;
  z-index: -1;
}
.over_title.reverse {
  right: 0;
  left: auto;
  padding-left: 0;
  padding-right: 50px;
}
.over_title.reverse:before {
  left: auto;
  right: -183px;
}

.oramge_midashi {
  font-weight: bold;
  color: #EA5206;
  font-size: 2.3rem;
  margin-bottom: 35px;
}

.family_bold_text {
  font-weight: bold;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.6em;
  margin-bottom: 40px;
}

.order_voice {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto 30px;
  padding-top: 95px;
}
.order_voice .item {
  width: 427px;
  position: relative;
  margin-right: 46px;
}
.order_voice .item:last-child {
  margin-right: 0;
}
.order_voice .item .fulidashi {
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 25px 30px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 340px;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.1em;
}
.order_voice .item .fulidashi:after {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -18px;
  margin: auto;
  background-image: url(../img/lp/family/svg_item_sankaku01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.order_voice .item .image {
  width: 366px;
  height: 366px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin: auto;
}

.oramge_under_midashi {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: -40px;
}

.can_title {
  width: 1000px;
  margin: 0 auto 70px;
  padding-top: 53px;
  position: relative;
}
.can_title:before {
  content: "";
  display: block;
  width: 100px;
  height: 60px;
  background-image: url(../img/lp/family/family_item23.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.can_title h2 {
  font-size: 3rem;
  line-height: 1em;
  font-family: "Noto Sans JP", sans-serif;
}
.can_title h2 span {
  position: relative;
  padding: 0 5px;
  z-index: 0;
}
.can_title h2 span:after {
  content: "";
  width: 100%;
  height: 10px;
  background-color: #FFFF00;
  border-radius: 20px;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  z-index: -1;
}

.diagonal_back {
  background-color: #E8DBCC;
  position: relative;
  z-index: 0;
}
.diagonal_back:after {
  content: "";
  position: absolute;
  width: 15%;
  height: 100%;
  background-image: url(../img/lp/family/svg_item_diagonal.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  right: 0;
  top: 0;
  z-index: -1;
}
.diagonal_back.reverse:after {
  left: 0;
  transform: rotate(180deg);
}
.diagonal_back.reverse .family_text {
  width: 760px;
  margin: auto;
  margin-bottom: 40px;
}

.diagonal_space_x {
  height: 120px;
  width: 100%;
  background-image: url(../img/lp/family/svg_item_batsu.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px;
}

.diagonal_title {
  display: inline-block;
  position: relative;
  z-index: 0;
  margin-bottom: 30px;
}
.diagonal_title .num {
  position: absolute;
  background-color: #FFFF00;
  text-align: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  font-size: 4.5rem;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.4em;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3019607843);
  z-index: -1;
  left: -75px;
  top: -75px;
}
.diagonal_title h4 {
  color: #F55D6E;
  font-size: 2.2rem;
  display: inline-block;
}

.diagonal_two {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.diagonal_two .item {
  width: 480px;
  margin-right: 40px;
}
.diagonal_two .item:last-child {
  margin-right: 0;
}
.diagonal_two .item .item_text {
  height: 250px;
}
.diagonal_two .item .item_text .title {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.diagonal_two .item .item_contents .point4 {
  display: flex;
  flex-wrap: wrap;
}
.diagonal_two .item .item_contents .point4 .point4_item {
  width: 226px;
  height: 226px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-right: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}
.diagonal_two .item .item_contents .point4 .point4_item:nth-child(2n) {
  margin-right: 0;
}
.diagonal_two .item .item_contents .point4 .point4_item .inner {
  height: 50%;
  width: 100%;
  background-color: rgba(136, 115, 89, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 20px 0;
}
.diagonal_two .item .item_contents .point4 .point4_item .inner h5 {
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 1.2em;
}
.diagonal_two .item .item_contents .point4 .point4_item .inner p {
  font-size: 0.9rem;
}
.diagonal_two .item .item_contents .point4 .point4_item.point4_item03 .inner {
  padding: 11px 0;
}
.diagonal_two .item .item_contents .point4 .point4_item.point4_item03 .inner h5 {
  font-size: 1.5rem;
}
.diagonal_two .item .item_contents .point4 .point4_item.point4_item04 .inner {
  padding: 8px 0;
}
.diagonal_two .item .item_contents .point4 .point4_item.point4_item04 .inner h5 {
  font-size: 1.4rem;
}
.diagonal_two .item .item_contents .point4_image {
  width: 480px;
  height: 480px;
  border-radius: 8px;
  background-image: url(../img/lp/family/family_item03.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.family_text {
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.6em;
}

.center_midashi {
  font-size: 1.7rem;
  margin-bottom: 20px;
}

.family_promise {
  border: 1px solid #000;
  padding: 40px 60px 40px 80px;
  margin-bottom: 60px;
}
.family_promise ul {
  margin: 0;
}
.family_promise ul li {
  margin: 0;
  list-style: none;
  list-style-type: decimal;
  text-align: left;
  font-size: 1.25rem;
  padding-left: 20px;
}

.family_quote_about {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.family_quote_about .item {
  width: 50%;
}
.family_quote_about .item .title {
  color: #fff;
  background-color: #707070;
  font-size: 1.9rem;
  padding: 13px 0;
}
.family_quote_about .item .image {
  width: 100%;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid #707070;
}
.family_quote_about .item.efficiency .image {
  background-image: url(../img/lp/family/back_image05.jpg);
}
.family_quote_about .item.hope .title {
  background-color: #00A29A;
  border-left: 1px solid #fff;
}
.family_quote_about .item.hope .image {
  background-image: url(../img/lp/family/back_image06.jpg);
}

.family_techno {
  border-radius: 10px;
  border: 1px solid #707070;
  padding: 50px 30px;
}
.family_techno .techno_title {
  margin-bottom: 50px;
}
.family_techno .techno_title .sub_title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3em;
}
.family_techno .techno_title .title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #203C90;
}
.family_techno .family_techno_twosec {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.family_techno .family_techno_twosec:last-child {
  margin-bottom: 0;
}
.family_techno .family_techno_twosec .image {
  width: 404px;
  margin-right: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.family_techno .family_techno_twosec.twosec01 .image {
  height: 160px;
}
.family_techno .family_techno_twosec.twosec02 .image {
  height: 430px;
}
.family_techno .family_techno_twosec .text {
  width: 450px;
}
.family_techno .family_techno_twosec .text h4 {
  font-size: 1.7rem;
  text-align: left;
  margin-bottom: 40px;
}
.family_techno .family_techno_twosec .text .image {
  width: 100%;
  height: auto;
  margin: 25px 0 30px;
}
.family_techno .family_techno_twosec .text .image img {
  width: 100%;
  height: auto;
}
.family_techno .family_techno_twosec .text .kome {
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.5em;
}

.can_title_under {
  margin-top: -50px;
}

.two_households_sec h4 {
  color: #F55D6E;
  font-size: 1.8rem;
  margin-bottom: 22px;
}
.two_households_sec .two_households_fukidashi {
  display: flex;
  flex-wrap: wrap;
  width: 925px;
  margin: 0 auto 50px;
}
.two_households_sec .two_households_fukidashi .item {
  background-color: #00A29A;
  border-radius: 8px;
  position: relative;
  width: 216px;
  padding: 15px 0;
  color: #fff;
  font-weight: bold;
  margin-right: 20px;
  font-size: 1.3rem;
}
.two_households_sec .two_households_fukidashi .item:last-child {
  margin-right: 0;
}
.two_households_sec .two_households_fukidashi .item:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  background-image: url(../img/lp/family/svg_item_sankaku02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: -15px;
  right: 0;
  left: 0;
  margin: auto;
}
.two_households_sec + .family_text {
  width: 760px;
  margin: auto;
}

.back_two_households {
  width: 100%;
  height: 1030px;
  background-image: url(../img/lp/family/family_item06.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.two_households_imgsec {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.two_households_imgsec .item_l {
  width: 600px;
  height: 380px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.two_households_imgsec .item_r {
  width: 380px;
  height: 380px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.two_households_imgsec + .family_text {
  margin-bottom: 45px;
}

.two_households_comment {
  overflow: hidden;
}
.two_households_comment .image {
  width: 286px;
  height: 286px;
  border-radius: 50%;
  background-image: url(../img/lp/family/family_item11.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  float: left;
}
.two_households_comment .text {
  width: 660px;
  float: right;
  text-align: left;
}
.two_households_comment .text h6 {
  font-weight: normal;
  font-size: 2rem;
  margin-top: 20px;
}
.two_households_comment .text .comment_text {
  margin-bottom: 40px;
}
.two_households_comment .text .link_btn {
  width: 400px;
  border: 1px solid #000;
  margin: initial;
  font-family: auto;
}
.two_households_comment .text .link_btn a {
  font-weight: normal;
  color: #000;
}
.two_households_comment .text .link_btn a:after {
  border-color: #000;
}

.barrier_free_container {
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 20px;
}
.barrier_free_container h5 {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.renov_sec_midashi {
  color: #887359;
  font-size: 2.3rem;
  margin-bottom: 20px;
}

.renov_sec_midashi02 {
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 30px;
}

.renov_sec_fukidashi {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: 300px;
}
.renov_sec_fukidashi .item {
  background-color: #887359;
  border-radius: 8px;
  color: #fff;
  width: 350px;
  position: absolute;
  padding: 15px 0;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.3em;
  margin-bottom: 25px;
}
.renov_sec_fukidashi .item:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
  background-image: url(../img/lp/family/svg_item_sankaku03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: -17px;
  right: 0;
  left: 0;
  margin: auto;
}
.renov_sec_fukidashi .item.item01 {
  top: 10px;
  left: 128px;
  padding: 25px 0;
}
.renov_sec_fukidashi .item.item02 {
  top: 40px;
  right: 25px;
}
.renov_sec_fukidashi .item.item03 {
  bottom: 0;
  left: 40px;
}
.renov_sec_fukidashi .item.item04 {
  bottom: 42px;
  right: 230px;
}

.renov_sec_fukidashi_under {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 40px;
}

.renov_sec_midashi03 {
  font-size: 2.5rem;
  margin-bottom: 50px;
}

.renov_sec_reduction {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
.renov_sec_reduction .image {
  width: 597px;
  margin-right: 30px;
}
.renov_sec_reduction .image img {
  width: 100%;
  height: auto;
}
.renov_sec_reduction .text {
  width: 373px;
  text-align: left;
}
.renov_sec_reduction .text h4 {
  font-size: 1.8rem;
  margin-bottom: 25px;
}

.renov_sec_midashi04 {
  background-color: #887359;
  border-radius: 23px;
  color: #fff;
  font-size: 1.6rem;
  width: 432px;
  margin: 0 auto 35px;
  padding: 7px 0;
  font-weight: normal;
}

.renov_sec_marugoto_img {
  position: relative;
  height: 620px;
  margin-bottom: 30px;
}
.renov_sec_marugoto_img .img_l {
  width: 50vw;
  height: 620px;
  position: absolute;
  right: 49%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.renov_sec_marugoto_img .img_r {
  width: 470px;
  position: absolute;
  right: 0;
  top: 0;
}
.renov_sec_marugoto_img .img_r .item {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.renov_sec_marugoto_img .img_r .item:last-child {
  margin-bottom: 0;
}

.renov_sec_marugoto_b_a {
  overflow: hidden;
  position: relative;
  margin-bottom: 100px;
}
.renov_sec_marugoto_b_a .item {
  width: 460px;
  border: 1px solid #707070;
  float: left;
}
.renov_sec_marugoto_b_a .item:last-child {
  float: right;
}
.renov_sec_marugoto_b_a .item img {
  width: 100%;
  height: auto;
}
.renov_sec_marugoto_b_a:before {
  content: "";
  width: 65px;
  height: 130px;
  background-image: url(../img/lp/family/svg_item_yajirushi.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.renov_sec_midashi05 {
  font-size: 2.3rem;
  margin-bottom: 30px;
}

.renov_sec_midashi06 {
  text-align: left;
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.renov_sec_midashi06 + .family_text {
  margin-bottom: 30px;
}

.renov_sec_reform_img {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.renov_sec_reform_img .img_l {
  width: 600px;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 35px;
}
.renov_sec_reform_img .img_r {
  width: 365px;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.renov_sec_reform_text {
  text-align: left;
  line-height: 1.5em;
  margin-bottom: 40px;
}

.example_post_list.family_lp_list .item {
  width: 332px;
  margin-right: 20px;
  cursor: pointer;
}
.example_post_list.family_lp_list .item:nth-child(3n) {
  margin-right: 20px;
}
.example_post_list.family_lp_list .item:first-child {
  margin-left: 20px;
}
.example_post_list.family_lp_list .item .item_info {
  overflow: hidden;
  font-family: auto;
  margin-top: 10px;
}
.example_post_list.family_lp_list .item .item_info .title {
  font-weight: normal;
  font-size: 0.9rem;
  width: 24%;
  min-width: 74px;
  text-align: center;
  border: 1px solid #000;
  float: left;
  margin-right: 5px;
}
.example_post_list.family_lp_list .item .item_info .content {
  width: 72%;
  float: left;
  text-align: left;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.2em;
}

.family_lp_list_container {
  margin-bottom: 30px;
  overflow: hidden;
}
.fadeIn {
  opacity: 0;
  transition: 0.7s;
}
.fadeIn.is-show {
  opacity: 1;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 30px);
  transition: 0.7s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .contents.over_title_sec {
    padding-top: 120px;
  }
  .sp_br {
    display: block;
  }
  .family_mainvisual {
    margin-top: 70px;
    height: 70vh;
  }
  .family_mainvisual:before {
    width: 100%;
    height: 30vh;
    top: 0;
  }
  .family_mainvisual:after {
    width: 100%;
    height: 40vh;
    bottom: 0;
    top: auto;
  }
  .family_mainvisual .main_back_slider .item {
    width: 100vw;
    height: 70vh;
  }
  .family_mainvisual .family_mainvisual_inner {
    width: 90%;
    height: 70vh;
  }
  .family_mainvisual .family_mainvisual_inner .text_logo {
    width: 100%;
    height: 30vh;
  }
  .family_mainvisual .main_slider01 {
    top: 3vw;
  }
  .family_mainvisual .main_slider01 .item {
    width: 175px;
    height: 115px;
    margin-right: 100vw;
  }
  .family_mainvisual .main_slider02 {
    top: 8vw;
    left: -80vw;
  }
  .family_mainvisual .main_slider02 .item {
    width: 175px;
    height: 115px;
    margin-right: 100vw;
  }
  .family_mainvisual .main_slider03 {
    top: 28vw;
    left: -60vw;
  }
  .family_mainvisual .main_slider03 .item {
    width: 200px;
    height: 130px;
    margin-right: 100vw;
  }
  .family_mainvisual .main_slider04 {
    top: 92vw;
  }
  .family_mainvisual .main_slider04 .item {
    width: 230px;
    height: 160px;
    margin-right: 100vw;
  }
  .family_mainvisual .main_slider05 {
    top: 110vw;
    left: -120vw;
  }
  .family_mainvisual .main_slider05 .item {
    width: 185px;
    height: 125px;
    margin-right: 100vw;
  }
  .family_menu {
    width: 100%;
    overflow: scroll;
    margin: 20px auto 15px;
  }
  .family_menu ul {
    width: 830px;
    padding-left: 5px;
  }
  .family_menu ul li {
    width: 160px;
  }
  .family_menu ul li a {
    padding: 10px 0;
  }
  .example_inner .example_type_title {
    width: 100%;
  }
  .example_inner .example_type_title h4 {
    font-size: 1.3rem;
  }
  .example_inner .example_type_title h4:before {
    width: calc(100% + 40px);
    left: -20px;
  }
  .example_post_list.family_lp_list .item {
    width: 250px;
  }
  .example_post_list.family_lp_list .item .item_info .content {
    margin-top: 7px;
  }
  .over_title {
    font-size: 3rem;
    padding-left: 30px;
    top: 60px;
  }
  .over_title:before {
    width: 150px;
    height: 150px;
    left: -75px;
  }
  .over_title.reverse {
    padding-right: 30px;
  }
  .over_title.reverse:before {
    right: -75px;
  }
  .oramge_midashi {
    font-size: 1.4rem;
  }
  .family_bold_text {
    font-size: 1.2rem;
  }
  .order_voice {
    width: 100%;
  }
  .order_voice .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30vw;
  }
  .order_voice .item .fulidashi {
    font-size: 1rem;
    line-height: 1.3em;
    bottom: 75vw;
  }
  .order_voice .item .image {
    width: 80vw;
    height: 80vw;
  }
  .order_voice .item:last-child {
    margin-bottom: 0;
  }
  .oramge_under_midashi {
    margin-top: -20px;
    font-size: 1.1rem;
    line-height: 1.3em;
  }
  .can_title {
    width: 100%;
    padding-top: 45px;
    margin: 0 auto 50px;
  }
  .can_title h2 {
    font-size: 1.7rem;
  }
  .can_title:before {
    width: 80px;
    height: 50px;
  }
  .diagonal_title h4 {
    font-size: 1.6rem;
  }
  .diagonal_title .num {
    font-size: 2.9rem;
    width: 70px;
    height: 70px;
    right: 0;
    left: 0;
    margin: auto;
    top: -80px;
  }
  .diagonal_two .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .diagonal_two .item:last-child {
    margin-bottom: 0;
  }
  .diagonal_two .item .item_text {
    height: auto;
    margin-bottom: 5vw;
  }
  .diagonal_two .item .item_text .title {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .diagonal_two .item .item_contents .point4 {
    margin-bottom: 0;
  }
  .diagonal_two .item .item_contents .point4 .point4_item {
    width: 47.5%;
    height: 43vw;
    margin-right: 5%;
  }
  .diagonal_two .item .item_contents .point4 .point4_item .inner {
    padding: 13px 0;
  }
  .diagonal_two .item .item_contents .point4 .point4_item .inner h5 {
    font-size: 1.4rem;
  }
  .diagonal_two .item .item_contents .point4 .point4_item.point4_item03 .inner h5 {
    font-size: 1rem;
  }
  .diagonal_two .item .item_contents .point4 .point4_item.point4_item04 .inner h5 {
    font-size: 1rem;
  }
  .diagonal_two .item .item_contents .point4 .point4_item.point4_item04 .inner p {
    font-size: 0.85rem;
  }
  .diagonal_two .item .item_contents .point4 .point4_item.point4_item04 .inner p span {
    display: none;
  }
  .diagonal_two .item .item_contents .point4_image {
    width: 100%;
    height: 60vw;
  }
  .diagonal_back:after {
    width: 20vw;
    height: 100vw;
    transform: rotate(90deg);
    right: 0;
    left: 0;
    top: auto;
    bottom: -40vw;
    margin: auto;
  }
  .diagonal_back.reverse:after {
    transform: rotate(90deg);
  }
  .center_midashi {
    font-size: 1.2rem;
  }
  .family_promise {
    padding: 25px 25px 25px 50px;
  }
  .family_promise ul li {
    padding-left: 5px;
    font-size: 1rem;
  }
  .family_quote_about .item {
    width: 100%;
  }
  .family_quote_about .item .title {
    font-size: 1.4rem;
    padding: 8px 0;
  }
  .family_quote_about .item .image {
    height: 28vw;
  }
  .family_techno {
    padding: 35px 25px;
  }
  .family_techno .techno_title {
    margin-bottom: 30px;
  }
  .family_techno .techno_title .sub_title {
    font-size: 1.3rem;
  }
  .family_techno .techno_title .title {
    font-size: 1.7rem;
  }
  .family_techno .family_techno_twosec .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .family_techno .family_techno_twosec.twosec01 .image {
    height: 45vw;
  }
  .family_techno .family_techno_twosec.twosec02 .image {
    height: 90vw;
  }
  .family_techno .family_techno_twosec .text {
    font-size: 1rem;
  }
  .family_techno .family_techno_twosec .text h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  .family_techno .family_techno_twosec .text .image {
    height: auto;
  }
  .family_text {
    font-size: 1rem;
  }
  .can_title_under {
    margin-top: -35px;
  }
  .two_households_sec h4 {
    font-size: 1.5rem;
  }
  .two_households_sec .two_households_fukidashi {
    width: 100%;
    margin-bottom: 10px;
  }
  .two_households_sec .two_households_fukidashi .item {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 30px;
    font-size: 1.1rem;
  }
  .two_households_sec .two_households_fukidashi .item:nth-child(2n) {
    margin-right: 0;
  }
  .two_households_sec + .family_text {
    width: 100%;
  }
  .back_two_households {
    height: 65vw;
  }
  .two_households_imgsec .item_l {
    width: 60%;
    height: 35vw;
    margin-right: 3%;
  }
  .two_households_imgsec .item_r {
    width: 37%;
    height: 35vw;
  }
  .two_households_comment {
    border: 1px solid #ddd;
    padding: 7vw;
    border-radius: 8px;
    background-color: #fff;
  }
  .two_households_comment .image {
    width: 220px;
    height: 220px;
    float: none;
    margin: auto;
  }
  .two_households_comment .text {
    width: 100%;
  }
  .two_households_comment .text h6 {
    font-size: 1.6rem;
  }
  .two_households_comment .text .comment_text {
    margin-bottom: 20px;
  }
  .two_households_comment .text .link_btn {
    width: 100%;
  }
  .renov_sec_midashi {
    font-size: 1.5rem;
  }
  .renov_sec_midashi02 {
    font-size: 1.2rem;
  }
  .renov_sec_fukidashi {
    height: auto;
    overflow: hidden;
  }
  .renov_sec_fukidashi .item {
    width: 290px;
    font-size: 1.1rem;
    position: relative;
  }
  .renov_sec_fukidashi .item.item01 {
    top: auto;
    left: auto;
    float: left;
  }
  .renov_sec_fukidashi .item.item02 {
    top: auto;
    right: auto;
    float: right;
  }
  .renov_sec_fukidashi .item.item03 {
    bottom: auto;
    left: auto;
    float: left;
    margin-left: 15px;
  }
  .renov_sec_fukidashi .item.item04 {
    bottom: auto;
    right: auto;
    float: right;
    margin-right: 15px;
  }
  .renov_sec_fukidashi_under {
    font-size: 1.5rem;
    line-height: 1.3em;
  }
  .renov_sec_midashi03 {
    font-size: 2rem;
  }
  .renov_sec_reduction .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw;
  }
  .renov_sec_reduction .text h4 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .renov_sec_midashi04 {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  .renov_sec_marugoto_img {
    height: auto;
  }
  .renov_sec_marugoto_img .img_l {
    position: relative;
    margin-bottom: 4vw;
    width: 100%;
    height: 60vw;
    right: auto;
  }
  .renov_sec_marugoto_img .img_r {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .renov_sec_marugoto_img .img_r .item {
    width: 47.5%;
    height: 30vw;
    margin-right: 5%;
  }
  .renov_sec_marugoto_img .img_r .item:last-child {
    margin-right: 0;
  }
  .renov_sec_marugoto_b_a .item {
    width: 90%;
    margin: 0 auto 60px;
    float: none;
  }
  .renov_sec_marugoto_b_a .item:last-child {
    float: none;
    margin-bottom: 0;
  }
  .renov_sec_marugoto_b_a:before {
    transform: rotate(90deg);
    width: 35px;
    height: 75px;
  }
  .renov_sec_midashi05 {
    font-size: 1.7rem;
  }
  .renov_sec_midashi06 {
    font-size: 1.5rem;
  }
  .renov_sec_reform_img .img_l {
    width: 35%;
    height: 40vw;
    margin-right: 5%;
  }
  .renov_sec_reform_img .img_r {
    width: 60%;
    height: 40vw;
  }
  .diagonal_back.reverse .family_text {
    width: 100%;
  }
  .family_fixed_contact {
    bottom: 0;
    left: 0;
    top: auto;
    width: 100%;
  }
  .family_fixed_contact .contact {
    border-radius: 0;
    max-width: 100%;
  }
  .family_fixed_contact .contact a {
    writing-mode: inherit;
    font-size: 1.2rem;
    padding: 15px;
  }
  .family_midashi00 {
    font-size: 1.3rem;
  }
  .family_midashi00 span {
    font-size: 1.5rem;
  }
  .diagonal_space_x {
    margin-top: -5vw;
    margin-bottom: 7vw;
  }
}
#reform_lp main {
  background: #fff;
  padding: 0;
}
#reform_lp main .example_inner {
  padding: 40px 0;
}

@media screen and (max-width: 736px) {
  #reform_lp .pc {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  #reform_lp .example_inner .min_midashi {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.reform_menu {
  width: 1010px;
  margin: 20px auto 40px;
}
.reform_menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.reform_menu ul li {
  border: 1px solid #000;
  width: 32%;
  margin-bottom: 0;
  margin-right: 5px;
  transition: all 0.3s ease;
  list-style: none;
  line-height: 1.3;
}
.reform_menu ul li:hover {
  opacity: 0.7;
}
.reform_menu ul li:last-child {
  margin-right: 0;
}
.reform_menu ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  color: #000;
  text-decoration: none;
}

/*Mobile*/
@media screen and (max-width: 736px) {
  .reform_menu {
    width: 100%;
    overflow: scroll;
    margin: 20px auto 15px;
  }
  .reform_menu ul {
    width: 500px;
    padding-left: 5px;
  }
  .reform_menu ul li {
    width: 160px;
  }
  .reform_menu ul li a {
    padding: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 736px) {
  #reform_lp .family_midashi00 {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.7;
  }
  #reform_lp .family_midashi00 span {
    font-size: 18px;
    font-weight: bold;
  }
}
#reform_lp .over_title {
  font-weight: normal;
}

@media screen and (max-width: 736px) {
  #reform_lp .renov_sec_midashi,
  #reform_lp .renov_sec_midashi03,
  #reform_lp .renov_sec_midashi05 {
    font-size: 24px;
  }
  #reform_lp .renov_sec_midashi02,
  #reform_lp .family_bold_text,
  #reform_lp .family_bold_text {
    font-size: 18px;
  }
}
#reform_lp .diagonal_title h3 {
  color: #F55D6E;
  font-size: 2.2rem;
  display: inline-block;
}

@media screen and (max-width: 736px) {
  #reform_lp .diagonal_title h3 {
    font-size: 1.6rem;
  }
  #reform_lp .point4_item:nth-child(3) h4,
  #reform_lp .point4_item:nth-child(4) h4 {
    font-size: 16px;
  }
}
#reform_lp .present_content {
  margin-top: 0;
}

/* ======/ renovation_specialty /================================== */
.frenovation_lp {
  font-family: "Noto Sans JP", sans-serif;
}
.frenovation_lp .back_color {
  background-color: #F0EBE6;
}
.frenovation_lp .contents_inner {
  position: relative;
}

.renovation_lp_mainvisual {
  background-image: url(../img/lp/renovation_specialty/mainvisual.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 795px;
}
.renovation_lp_mainvisual .mainvisual_inner {
  width: 1000px;
  margin: auto;
}
.renovation_lp_mainvisual .mainvisual_inner h1 {
  width: 700px;
  padding-top: 92px;
  margin-bottom: 13px;
}
.renovation_lp_mainvisual .mainvisual_inner h1 img {
  width: 100%;
}
.renovation_lp_mainvisual .mainvisual_inner .main_sub_text {
  width: 597px;
}
.renovation_lp_mainvisual .mainvisual_inner .main_sub_text img {
  width: 100%;
}

.main_copy {
  padding-top: 57px;
  margin-bottom: 36px;
}
.main_copy p {
  font-size: 1.8rem;
  font-weight: 800;
  color: #021C6C;
  line-height: 1.6;
}

.main_copy02 {
  color: #8F7F17;
  margin-bottom: 115px;
}
.main_copy02 span {
  font-size: 3.5rem;
  font-family: "Noto Serif JP", serif;
}

.voice_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
}
.voice_container .item {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 1px solid #000;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  margin-right: 46px;
  font-size: 2.3rem;
  line-height: 1.2;
  padding-top: 43px;
  position: relative;
  margin-bottom: 15px;
}
.voice_container .item:after {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-image: url(../img/lp/renovation_specialty/voice_arrow.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  left: 0;
  right: 0;
  bottom: -21px;
  margin: auto;
}
.voice_container .item span {
  font-size: 3.6rem;
}
.voice_container .item span.small {
  font-size: 1.7rem;
}
.voice_container .item:nth-child(2) {
  font-size: 2rem;
}
.voice_container .item:nth-child(2) span {
  font-size: 3rem;
}
.voice_container .item:nth-child(4) {
  padding-top: 66px;
}
.voice_container .item:nth-child(3), .voice_container .item:last-child {
  margin-right: 0;
}

.voice_message {
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  font-size: 2.3rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

.voice_message02 {
  font-family: "Noto Serif JP", serif;
  font-size: 2.1rem;
  color: #021C6C;
  line-height: 1.3;
  margin-bottom: 30px;
}
.voice_message02 span {
  font-weight: bold;
  font-size: 2.6rem;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .renovation_lp_mainvisual {
    margin-top: 70px;
    height: 90vw;
    background-image: url(../img/lp/renovation_specialty/mainvisual_sp.jpg);
  }
  .renovation_lp_mainvisual .mainvisual_inner {
    width: 90%;
  }
  .renovation_lp_mainvisual .mainvisual_inner h1 {
    width: 68%;
    padding-top: 14vw;
  }
  .renovation_lp_mainvisual .mainvisual_inner .main_sub_text {
    width: 100%;
  }
  .main_copy p {
    font-size: 1.3rem;
    line-height: 1.45;
  }
  .main_copy02 {
    margin-bottom: 15vw;
  }
  .main_copy02 h2 {
    font-size: 1.2rem;
  }
  .main_copy02 h2 span {
    font-size: 2.2rem;
  }
  .voice_container .item {
    width: 150px;
    height: 150px;
    padding-top: 27px;
    font-size: 1.4rem;
    margin: 0 2vw 6vw 2vw;
  }
  .voice_container .item span {
    font-size: 2rem;
  }
  .voice_container .item span.small {
    font-size: 1rem;
  }
  .voice_container .item:nth-child(2) {
    font-size: 1.2rem;
  }
  .voice_container .item:nth-child(2) span {
    font-size: 1.8rem;
  }
  .voice_container .item:nth-child(4) {
    padding-top: 40px;
  }
  .voice_container .item:after {
    width: 15px;
    height: 15px;
    bottom: -14px;
  }
  .voice_message {
    font-size: 1.4rem;
  }
  .voice_message02 {
    font-size: 1.3rem;
  }
  .voice_message02 span {
    font-size: 1.8rem;
  }
}
/* case */
.case_header_sec {
  margin-bottom: 35px;
  position: relative;
}
.case_header_sec:after {
  content: "";
  display: block;
  width: 83px;
  height: 35px;
  background-image: url(../img/lp/renovation_specialty/case_header_arrow.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: auto;
}

.case_header {
  position: relative;
  padding: 105px 0 50px;
}
.case_header .negai_title {
  width: 270px;
  float: left;
  padding-top: 20px;
}
.case_header .negai_title img {
  width: 100%;
}
.case_header .contents {
  width: 700px;
  float: right;
  text-align: left;
}
.case_header .contents .num {
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
}
.case_header .contents .num span {
  font-size: 5rem;
}
.case_header .contents h3 {
  font-family: "Noto Serif JP", serif;
  margin-bottom: 30px;
  font-size: 2.8rem;
  line-height: 1.3;
}
.case_header .contents .type {
  background-color: #887359;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 5px 50px 7px;
  display: inline-block;
  margin-bottom: 20px;
}
.case_header .contents p {
  font-weight: bold;
  font-size: 1.35rem;
  line-height: 1.5;
}
.case_header:after {
  content: "";
  clear: both;
  display: block;
}

.illust_item01,
.illust_item02,
.illust_item03,
.illust_item04,
.illust_item05,
.illust_item06,
.illust_item07,
.illust_item08,
.illust_item01_02,
.illust_item07_02,
.illust_item04_02,
.illust_item09,
.illust_item10,
.illust_item11,
.illust_item12,
.illust_item13,
.illust_item14,
.illust_item15,
.illust_item01_03,
.illust_item16,
.illust_item17,
.illust_item16_01,
.illust_item06_01,
.illust_item04_03,
.illust_item07_03,
.illust_item11_02,
.illust_item13_02,
.illust_item01_04,
.illust_item10_02,
.illust_item03_02,
.illust_item09_02,
.illust_item05_02,
.illust_item06_02,
.illust_item02_02,
.illust_item08_02 {
  position: absolute;
}
.illust_item01 img,
.illust_item02 img,
.illust_item03 img,
.illust_item04 img,
.illust_item05 img,
.illust_item06 img,
.illust_item07 img,
.illust_item08 img,
.illust_item01_02 img,
.illust_item07_02 img,
.illust_item04_02 img,
.illust_item09 img,
.illust_item10 img,
.illust_item11 img,
.illust_item12 img,
.illust_item13 img,
.illust_item14 img,
.illust_item15 img,
.illust_item01_03 img,
.illust_item16 img,
.illust_item17 img,
.illust_item16_01 img,
.illust_item06_01 img,
.illust_item04_03 img,
.illust_item07_03 img,
.illust_item11_02 img,
.illust_item13_02 img,
.illust_item01_04 img,
.illust_item10_02 img,
.illust_item03_02 img,
.illust_item09_02 img,
.illust_item05_02 img,
.illust_item06_02 img,
.illust_item02_02 img,
.illust_item08_02 img {
  width: 100%;
}

.illust_item01 {
  width: 130px;
  height: 130px;
  right: 25px;
  top: 30px;
  transform: rotate(28deg);
}

.illust_item02 {
  width: 135px;
  height: 135px;
  top: 0;
  left: 184px;
}

.illust_item03 {
  width: 79px;
  height: 119px;
  transform: rotate(-25deg);
  left: -62px;
  bottom: 53px;
}

.illust_item04 {
  width: 89px;
  height: 147px;
  transform: rotate(15deg);
  bottom: -40px;
  right: -20px;
}

.illust_item05 {
  width: 96px;
  height: 165px;
  top: 0;
  right: 405px;
}

.illust_item06 {
  width: 145px;
  height: 145px;
  top: 700px;
  left: -60px;
  transform: rotate(-12deg);
}

.illust_item07 {
  width: 140px;
  height: 122px;
  top: 865px;
  left: 225px;
  transform: rotate(15deg);
}

.illust_item08 {
  width: 114px;
  height: 203px;
  bottom: 460px;
  left: 145px;
  transform: rotate(-7deg);
}

.illust_item01_02 {
  width: 168px;
  height: 168px;
  top: 515px;
  right: -185px;
  transform: rotate(28deg);
}

.illust_item07_02 {
  width: 210px;
  height: 182px;
  top: 770px;
  left: -190px;
  transform: rotate(15deg);
}

.illust_item04_02 {
  width: 149px;
  height: 245px;
  right: 110px;
  bottom: 550px;
  transform: rotate(15deg);
}

.illust_item09 {
  width: 117px;
  height: 165px;
  top: 37px;
  right: -120px;
  transform: rotate(-15deg);
}

.illust_item10 {
  width: 173px;
  height: 100px;
  left: -105px;
  bottom: 125px;
  transform: rotate(12deg);
}

.illust_item11 {
  width: 105px;
  height: 145px;
  right: -145px;
  bottom: -30px;
  transform: rotate(19deg);
}

.illust_item12 {
  width: 115px;
  height: 175px;
  top: 30px;
  left: 270px;
  transform: rotate(17deg);
  z-index: 300;
}

.illust_item13 {
  width: 272px;
  height: 251px;
  top: 930px;
  left: 40px;
  transform: rotate(-13deg);
}

.illust_item14 {
  width: 320px;
  height: 306px;
  top: 2265px;
  left: 150px;
  transform: rotate(12deg);
  z-index: 300;
}

.illust_item15 {
  width: 185px;
  height: 53px;
  bottom: 1340px;
  right: -135px;
  transform: rotate(-15deg);
}

.illust_item01_03 {
  width: 168px;
  height: 168px;
  left: -45px;
  bottom: 680px;
  transform: rotate(28deg);
}

.illust_item16 {
  width: 296px;
  height: 205px;
  bottom: 36px;
  right: -155px;
  transform: rotate(-6deg);
  z-index: 300;
}

.illust_item17 {
  width: 255px;
  height: 146px;
  left: -240px;
  bottom: 700px;
  transform: rotate(13deg);
}

.illust_item16_01 {
  width: 344px;
  height: 161px;
  bottom: 25px;
  left: -64px;
}

.illust_item06_01 {
  width: 145px;
  height: 145px;
  top: 0;
  left: 387px;
  transform: rotate(-12deg);
}

.illust_item04_03 {
  width: 148px;
  height: 244px;
  bottom: -290px;
  right: 180px;
  transform: rotate(15deg);
}

.illust_item07_03 {
  width: 152px;
  height: 132px;
  bottom: 0;
  right: 150px;
  transform: rotate(15deg);
}

.illust_item11_02 {
  width: 105px;
  height: 145px;
  top: 0;
  right: -85px;
  transform: rotate(19deg);
}

.illust_item13_02 {
  width: 272px;
  height: 251px;
  top: -155px;
  left: -130px;
  transform: rotate(-13deg);
}

.illust_item01_04 {
  width: 168px;
  height: 168px;
  right: 25px;
  bottom: -140px;
  transform: rotate(28deg);
}

.illust_item10_02 {
  width: 173px;
  height: 101px;
  left: 15px;
  bottom: -75px;
  transform: rotate(12deg);
}

.illust_item03_02 {
  width: 125px;
  height: 187px;
  top: -50px;
  right: -5px;
  transform: rotate(17deg);
}

.illust_item09_02 {
  width: 117px;
  height: 164px;
  bottom: 0;
  transform: rotate(-15deg);
  top: -25px;
  right: 270px;
}

.illust_item05_02 {
  width: 96px;
  height: 165px;
  left: 250px;
  bottom: -50px;
}

.illust_item06_02 {
  width: 145px;
  height: 143px;
  transform: rotate(-12deg);
  top: -70px;
  right: 185px;
}

.illust_item02_02 {
  width: 148px;
  height: 139px;
  right: 0;
  bottom: 165px;
}

.illust_item08_02 {
  width: 114px;
  height: 203px;
  transform: rotate(-7deg);
  bottom: -110px;
  left: 0;
}

.solution_container {
  padding: 35px 0 40px 255px;
  position: relative;
}
.solution_container .circle {
  width: 206px;
  height: 206px;
  position: absolute;
  border-radius: 50%;
  background-color: #8F7F17;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 55px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.solution_container .contents {
  width: 745px;
  text-align: left;
}
.solution_container .contents .title {
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.3;
  margin-bottom: 20px;
}
.solution_container .contents p {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.6;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .solution_container {
    padding: 10vw 0;
  }
  .solution_container .circle {
    position: static;
    margin: 0 auto 8vw;
    width: 170px;
    height: 170px;
    font-size: 2.5rem;
    padding-top: 52px;
  }
  .solution_container .contents {
    width: 100%;
  }
  .solution_container .contents .title {
    font-size: 1.5rem;
    margin-bottom: 8vw;
  }
  .solution_container .contents p {
    font-size: 1.1rem;
  }
  .case_header {
    padding: 10vw 0;
  }
  .case_header .negai_title {
    width: 65%;
    float: none;
    margin: auto;
  }
  .case_header .contents {
    width: 100%;
    margin-top: 6vw;
  }
  .case_header .contents .num {
    font-size: 2.5rem;
  }
  .case_header .contents .num span {
    font-size: 4.5rem;
  }
  .case_header .contents .type {
    font-size: 1.1rem;
  }
  .case_header .contents h3 {
    font-size: 1.5rem;
  }
  .case_header .contents p {
    font-size: 1.1rem;
  }
  .illust_item01 {
    width: 20vw;
    height: 20vw;
    right: 3px;
    top: 18px;
  }
  .illust_item02 {
    width: 22vw;
    height: 22vw;
    top: 0;
    left: 20px;
  }
  .illust_item03 {
    left: -39px;
    bottom: -40px;
  }
  .illust_item04 {
    bottom: -44px;
    right: 0;
  }
  .illust_item05 {
    width: 12vw;
    height: 22vw;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .illust_item06 {
    width: 30vw;
    height: 30vw;
    top: 1037px;
    left: -39px;
    z-index: 500;
  }
  .illust_item07 {
    width: 22vw;
    height: 22vw;
    top: 1085px;
    left: auto;
    right: -3px;
    z-index: 500;
  }
  .illust_item08 {
    width: 20vw;
    height: 36vw;
    bottom: 213px;
    left: auto;
    right: 20px;
    z-index: 500;
  }
  .illust_item09 {
    width: 20vw;
    height: 20vw;
    right: 5px;
    top: 15px;
  }
  .illust_item10 {
    width: 32vw;
    height: 20vw;
    left: 0;
    bottom: 24px;
  }
  .illust_item11 {
    width: 20vw;
    height: 20vw;
    right: -6px;
    bottom: 16px;
  }
  .illust_item12 {
    width: 18vw;
    height: 18vw;
    top: 7px;
    left: 42px;
  }
  .illust_item13 {
    width: 30vw;
    height: 30vw;
    top: 1380px;
    left: 26px;
    z-index: 500;
  }
  .illust_item14 {
    width: 37vw;
    height: 30vw;
    top: 345vh;
    left: auto;
    right: 20px;
    z-index: 500;
  }
  .illust_item15 {
    width: 23vw;
    height: 8vw;
    bottom: 1340px;
    right: -13px;
    z-index: 500;
  }
  .illust_item01_03 {
    width: 25vw;
    height: 25vw;
    left: -60px;
    bottom: 640px;
    z-index: 500;
  }
  .illust_item16 {
    z-index: 500;
    width: 45vw;
    height: 32vw;
    bottom: 26vh;
    right: 0;
  }
  .illust_item17 {
    width: 35vw;
    height: 24vw;
    left: 0;
    bottom: 51px;
    z-index: 500;
  }
  .illust_item01_02 {
    width: 20vw;
    height: 20vw;
    top: 130px;
    right: 0;
  }
  .illust_item07_02 {
    width: 24vw;
    height: 24vw;
    top: 770px;
    left: -33px;
    z-index: 500;
  }
  .illust_item04_02 {
    width: 25vw;
    height: 41vw;
    right: 16px;
    bottom: auto;
    top: 900px;
  }
  .illust_item16_01 {
    width: 36vw;
    height: 25vw;
    bottom: -136px;
    left: -23px;
    z-index: 500;
  }
  .illust_item06_01 {
    width: 25vw;
    height: 25vw;
    top: 59px;
    left: auto;
    right: -12px;
    z-index: 500;
  }
  .illust_item04_03 {
    width: 23vw;
    height: 30vw;
    bottom: -65px;
    right: 12px;
  }
  .illust_item07_03 {
    width: 25vw;
    height: 25vw;
    bottom: -14px;
    left: 3px;
  }
  .illust_item11_02 {
    width: 20vw;
    height: 20vw;
    top: 150px;
    right: -8px;
  }
  .illust_item13_02 {
    width: 30vw;
    height: 30vw;
    top: -63px;
    left: -34px;
  }
  .illust_item01_04 {
    width: 20vw;
    height: 20vw;
    right: -3px;
    bottom: -47px;
  }
  .illust_item10_02 {
    width: 30vw;
    height: 20vw;
    left: auto;
    right: 0;
    bottom: 68px;
  }
  .illust_item03_02 {
    width: 20vw;
    height: 25vw;
    top: -70px;
    right: auto;
    left: 22px;
  }
  .illust_item09_02 {
    width: 20vw;
    height: 30vw;
    top: -40px;
    right: 22px;
  }
  .illust_item05_02 {
    width: 15vw;
    height: 26vw;
    left: 8px;
    bottom: 181px;
  }
  .illust_item06_02 {
    width: 25vw;
    height: 25vw;
    z-index: 500;
    top: -70px;
    right: 20px;
  }
  .illust_item02_02 {
    width: 25vw;
    height: 25vw;
    right: auto;
    left: 15px;
    bottom: 268px;
    z-index: 500;
  }
  .illust_item08_02 {
    width: 18vw;
    height: 28vw;
    bottom: -60px;
    left: auto;
    right: 9px;
  }
}
.negai_item {
  position: relative;
}
.negai_item:after {
  content: "";
  width: 156px;
  height: 156px;
  background-image: url(../img/lp/renovation_specialty/negai_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 74px;
  right: 2vw;
}

.bfaf_inner {
  width: 1155px;
  margin: auto;
  padding: 180px 0;
  position: relative;
}
.bfaf_inner .bfaf_container {
  position: relative;
  margin-bottom: 170px;
}
.bfaf_inner .bfaf_container:after {
  content: "";
  display: block;
  clear: both;
}
.bfaf_inner .bfaf_container .before_item {
  width: 467px;
  float: left;
  position: relative;
  padding: 20px 0 20px 77px;
  background-color: #fff;
  z-index: 200;
}
.bfaf_inner .bfaf_container .before_item .title {
  position: absolute;
  width: 340px;
  height: 110px;
  top: -95px;
  left: -120px;
  transform: rotate(-17deg);
  z-index: 100;
}
.bfaf_inner .bfaf_container .before_item .floor_image {
  position: relative;
}
.bfaf_inner .bfaf_container .before_item .floor_image img {
  width: 100%;
}
.bfaf_inner .bfaf_container .before_item .floor_image .floor_num {
  position: absolute;
  width: 69px;
  height: 69px;
  background-color: #8F7F17;
  border-radius: 50%;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  top: 6px;
  left: -15px;
  font-weight: 600;
  padding-top: 3px;
}
.bfaf_inner .bfaf_container .before_item:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: calc((100vw - 1000px) / 2);
  left: calc((100vw - 1000px) / 2 * -1);
  top: 0;
  background-color: #fff;
  z-index: -1;
}
.bfaf_inner .bfaf_container .before_item:after {
  content: "";
  position: absolute;
  display: block;
  width: 41px;
  height: 94px;
  background-image: url(../img/lp/renovation_specialty/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bfaf_inner .bfaf_container .after_item {
  width: 688px;
  float: right;
  position: relative;
  padding: 20px 79px 20px 0;
  background-color: #fff;
}
.bfaf_inner .bfaf_container .after_item:after {
  content: "";
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  background-image: url(../img/lp/renovation_specialty/case_header_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(-45deg);
  bottom: -50px;
  right: -50px;
}
.bfaf_inner .bfaf_container .after_item .title {
  position: absolute;
  width: 420px;
  height: 220px;
  top: -130px;
  right: -80px;
  transform: rotate(-17deg);
  z-index: 100;
}
.bfaf_inner .bfaf_container .after_item .floor_image {
  padding-left: 55px;
}
.bfaf_inner .bfaf_container .after_item .floor_image img {
  width: 100%;
}
.bfaf_inner .bfaf_container .after_item .floor_image .floor_num {
  position: absolute;
  width: 119px;
  height: 119px;
  background-color: #8F7F17;
  border-radius: 50%;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  top: -32px;
  left: 55px;
  font-weight: 600;
  padding-top: 3px;
}
.bfaf_inner .bfaf_container .after_item ul {
  padding-left: 80px;
}
.bfaf_inner .bfaf_container .after_item ul li {
  list-style: none;
  position: relative;
  padding-left: 75px;
  text-align: left;
  margin-bottom: 45px;
}
.bfaf_inner .bfaf_container .after_item ul li .point_num {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  background-color: #021C6C;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-size: 0.55rem;
  line-height: 1;
  padding-top: 8px;
}
.bfaf_inner .bfaf_container .after_item ul li .point_num span {
  font-size: 1.8rem;
  font-weight: 600;
}
.bfaf_inner .bfaf_container .after_item ul li p {
  font-size: 1.35rem;
  font-weight: bold;
  line-height: 1.35;
}

.bfaf_image_container {
  position: relative;
}
.bfaf_image_container .image_item {
  border: 13px solid #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
  position: absolute;
}
.bfaf_image_container .image_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bfaf_image_container.case01 {
  height: 1830px;
  margin-top: -300px;
}
.bfaf_image_container.case01 .image_item:nth-child(1) {
  width: 748px;
  height: 630px;
  top: 63px;
  left: -77px;
  border-width: 20px;
}
.bfaf_image_container.case01 .image_item:nth-child(2) {
  width: 463px;
  height: 389px;
  top: 100px;
  right: -64px;
  transform: rotate(7deg);
}
.bfaf_image_container.case01 .image_item:nth-child(3) {
  width: 463px;
  height: 389px;
  top: 543px;
  right: -10px;
  transform: rotate(-7deg);
}
.bfaf_image_container.case01 .image_item:nth-child(4) {
  width: 463px;
  height: 389px;
  top: 693px;
  left: 70px;
  transform: rotate(8deg);
}
.bfaf_image_container.case01 .image_item:nth-child(5) {
  width: 464px;
  height: 390px;
  left: -140px;
  bottom: 390px;
  transform: rotate(-10deg);
}
.bfaf_image_container.case01 .image_item:nth-child(6) {
  width: 731px;
  height: 616px;
  right: -160px;
  bottom: 230px;
  border-width: 20px;
  z-index: -1;
}
.bfaf_image_container.case01 .image_item:nth-child(7) {
  width: 463px;
  height: 389px;
  left: 120px;
  bottom: 0;
  transform: rotate(-13deg);
}
.bfaf_image_container.case02 {
  height: 1400px;
  margin-top: -300px;
}
.bfaf_image_container.case02 .image_item:nth-child(1) {
  width: 790px;
  height: 1010px;
  top: 63px;
  left: -77px;
  border-width: 20px;
}
.bfaf_image_container.case02 .image_item:nth-child(2) {
  width: 450px;
  height: 378px;
  top: 254px;
  right: -133px;
  transform: rotate(-6deg);
}
.bfaf_image_container.case02 .image_item:nth-child(3) {
  width: 450px;
  height: 378px;
  top: 615px;
  right: -66px;
  transform: rotate(5deg);
}
.bfaf_image_container.case02 .image_item:nth-child(4) {
  width: 450px;
  height: 378px;
  bottom: 52px;
  left: -90px;
  transform: rotate(-5deg);
}
.bfaf_image_container.case02 .image_item:nth-child(5) {
  width: 450px;
  height: 378px;
  bottom: -57px;
  left: 218px;
  transform: rotate(9deg);
  z-index: 100;
}
.bfaf_image_container.case02 .image_item:nth-child(6) {
  width: 622px;
  height: 435px;
  right: -210px;
  bottom: -45px;
}

.cametrue_container {
  background-color: #021C6C;
  position: relative;
  width: calc((100vw - 1000px) / 2 + 100%);
  padding: 65px 0 65px 308px;
  overflow: hidden;
}
.cametrue_container .image {
  width: 188px;
  height: 188px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 65px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cametrue_container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
  top: 30px;
}
.cametrue_container .contents {
  width: 698px;
  float: left;
  color: #fff;
  text-align: left;
}
.cametrue_container .contents h5 {
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  margin-bottom: 15px;
}
.cametrue_container .contents p {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6;
}
.cametrue_container .contents p.name {
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 20px;
}
.cametrue_container .contents .btn {
  background-color: #fff;
  border-radius: 6px;
  width: 400px;
  transition: all 0.3s ease;
}
.cametrue_container .contents .btn a {
  display: block;
  padding: 15px 27px;
  position: relative;
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
}
.cametrue_container .contents .btn a:after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cametrue_container .contents .btn:hover {
  opacity: 0.7;
}
.cametrue_container:before {
  content: "";
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  background-image: url(../img/lp/renovation_specialty/arrow_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(45deg);
  bottom: -50px;
  left: -50px;
}
.cametrue_container:after {
  content: "";
  display: block;
  position: absolute;
  width: 127px;
  height: 127px;
  background-image: url(../img/lp/renovation_specialty/negai_title_w.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 60px;
  right: 70px;
}
.cametrue_container.case02 {
  z-index: 300;
  margin-bottom: 150px;
  margin-top: 60px;
}
.cametrue_container.case02 .image {
  bottom: auto;
  top: 92px;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .negai_item:after {
    width: 25vw;
    height: 25vw;
    top: 20px;
  }
  .bfaf_inner {
    width: 90%;
    padding: 35vw 0;
  }
  .bfaf_inner .bfaf_container .before_item {
    width: calc(100% + 5vw);
    padding: 6vw 17vw 12vw 22vw;
    margin-left: -5vw;
  }
  .bfaf_inner .bfaf_container .before_item .title {
    width: 150px;
    height: 50px;
    top: -33px;
    left: 7px;
  }
  .bfaf_inner .bfaf_container .before_item .floor_image .floor_num {
    width: 50px;
    height: 50px;
    font-size: 1.55rem;
    top: -5px;
  }
  .bfaf_inner .bfaf_container .before_item:after {
    width: 25px;
    height: 58px;
    right: 0;
    left: 0;
    top: auto;
    bottom: -15px;
    transform: rotate(90deg);
  }
  .bfaf_inner .bfaf_container .after_item {
    width: 100%;
    z-index: 500;
    padding: 17vw 6vw 10vw;
    overflow: hidden;
  }
  .bfaf_inner .bfaf_container .after_item .title {
    width: 200px;
    height: 70px;
    top: -2px;
    right: 4px;
  }
  .bfaf_inner .bfaf_container .after_item .floor_image {
    padding: 0;
    margin-bottom: 5vw;
  }
  .bfaf_inner .bfaf_container .after_item .floor_image .floor_num {
    width: 80px;
    height: 80px;
    font-size: 2.6rem;
    top: 15px;
    left: 28px;
  }
  .bfaf_inner .bfaf_container .after_item ul {
    padding-left: 0;
  }
  .bfaf_inner .bfaf_container .after_item ul li {
    margin-bottom: 25px;
  }
  .bfaf_inner .bfaf_container .after_item ul li p {
    font-size: 1.2rem;
  }
  .bfaf_image_container {
    width: 100vw;
    margin-left: -5vw;
    overflow: hidden;
  }
  .bfaf_image_container.case01 {
    height: 1070px;
  }
  .bfaf_image_container.case01 .image_item {
    border-width: 12px;
  }
  .bfaf_image_container.case01 .image_item:nth-child(1) {
    border-width: 12px;
    width: 300px;
    height: 230px;
    left: 30px;
  }
  .bfaf_image_container.case01 .image_item:nth-child(2) {
    width: 240px;
    height: 185px;
    top: 215px;
    right: -10px;
  }
  .bfaf_image_container.case01 .image_item:nth-child(3) {
    width: 240px;
    height: 185px;
    top: 412px;
    right: 22px;
  }
  .bfaf_image_container.case01 .image_item:nth-child(4) {
    width: 240px;
    height: 185px;
    top: 306px;
    left: -5px;
  }
  .bfaf_image_container.case01 .image_item:nth-child(5) {
    width: 240px;
    height: 185px;
    left: -24px;
    top: 529px;
    bottom: auto;
  }
  .bfaf_image_container.case01 .image_item:nth-child(6) {
    border-width: 12px;
    width: 350px;
    height: 270px;
    right: 10px;
    top: 653px;
    bottom: auto;
  }
  .bfaf_image_container.case01 .image_item:nth-child(7) {
    width: 240px;
    height: 185px;
    left: -24px;
    top: 850px;
    bottom: auto;
    z-index: 500;
  }
  .bfaf_image_container.case02 {
    height: 800px;
  }
  .bfaf_image_container.case02 .image_item {
    border-width: 12px;
  }
  .bfaf_image_container.case02 .image_item:nth-child(1) {
    width: 250px;
    height: 318px;
    border-width: 12px;
    left: 15px;
  }
  .bfaf_image_container.case02 .image_item:nth-child(2) {
    width: 220px;
    height: 170px;
    top: 190px;
    right: -7px;
  }
  .bfaf_image_container.case02 .image_item:nth-child(3) {
    width: 220px;
    height: 170px;
    top: 340px;
    right: 4px;
  }
  .bfaf_image_container.case02 .image_item:nth-child(4) {
    width: 220px;
    height: 170px;
    top: 382px;
    left: -12px;
  }
  .bfaf_image_container.case02 .image_item:nth-child(5) {
    width: 220px;
    height: 170px;
    bottom: auto;
    top: 493px;
    right: -25px;
    left: auto;
  }
  .bfaf_image_container.case02 .image_item:nth-child(6) {
    width: 270px;
    height: 220px;
    right: auto;
    bottom: auto;
    top: 552px;
    left: 7px;
    z-index: 200;
  }
  .cametrue_container {
    width: calc(100% + 5vw);
    padding: 12vw 12vw 40vw 7vw;
  }
  .cametrue_container .image {
    position: static;
    width: 170px;
    height: 170px;
    margin-bottom: 5vw;
  }
  .cametrue_container .contents {
    width: 100%;
    float: none;
  }
  .cametrue_container .contents h5 {
    font-size: 2rem;
  }
  .cametrue_container .contents p {
    font-size: 1.1rem;
  }
  .cametrue_container .contents .btn {
    width: 100%;
  }
  .cametrue_container .contents .btn a {
    font-size: 1rem;
  }
  .cametrue_container .contents .btn a:after {
    width: 10px;
    height: 10px;
  }
  .cametrue_container .contents .btn:hover {
    opacity: 1;
  }
  .cametrue_container.case02 {
    margin-top: -50px;
    margin-bottom: 50px;
  }
  .cametrue_container:after {
    top: auto;
    bottom: 29px;
    width: 100px;
    height: 100px;
    right: 0;
    left: 0;
    margin: auto;
  }
}
/* その他の施工事例 */
.case_post_title {
  margin-top: 240px;
  position: relative;
  margin-bottom: 50px;
}
.case_post_title:before {
  content: "";
  display: block;
  width: 118px;
  height: 128px;
  background-image: url(../img/lp/renovation_specialty/fuki_sonota.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 80px;
  top: -120px;
  position: absolute;
}
.case_post_title h3 {
  text-align: center;
  font-size: 4.5rem;
  font-family: "Noto Serif JP", serif;
}

.case_post_container {
  width: 100vw;
  overflow: hidden;
  margin-left: calc((100vw - 1000px) / 2 * -1);
  margin-bottom: 140px;
}
.case_post_container .case_post .item {
  width: 320px;
  margin-right: 40px;
}
.case_post_container .case_post .item a {
  display: block;
  color: #000;
  text-decoration: none;
}
.case_post_container .case_post .item a .image {
  width: 320px;
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 14px;
}
.case_post_container .case_post .item a .title {
  font-weight: bold;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.case_post_container .case_post .item a .kozo {
  text-align: left;
  font-size: 0.9rem;
}
.case_post_container .case_post .item a .kozo span {
  display: inline-block;
  border: 1px solid #000;
  margin-right: 10px;
  width: 73px;
  text-align: center;
  padding: 0 0 2px 0;
  line-height: 1.6;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .case_post_title {
    margin-top: 20vw;
  }
  .case_post_title h3 {
    font-size: 2.5rem;
  }
  .case_post_title:before {
    width: 80px;
    height: 80px;
    left: 8px;
    top: -80px;
  }
  .case_post_container {
    margin-left: -5vw;
    margin-bottom: 10vw;
  }
  .case_post_container .case_post .item a .image {
    width: 100%;
    height: 58vw;
  }
}
/* マンションリノベ　 */
.mansion_title {
  padding-top: 50px;
  position: relative;
}
.mansion_title:after {
  content: "";
  display: block;
  clear: both;
}
.mansion_title .title_text {
  width: 555px;
  float: left;
  text-align: left;
}
.mansion_title .title_text h3 {
  padding-top: 128px;
  font-size: 4.2rem;
  font-family: "Noto Serif JP", serif;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.2;
}
.mansion_title .title_text h3:before {
  content: "";
  display: block;
  width: 118px;
  height: 128px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/lp/renovation_specialty/fuki_mochiron.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mansion_title .title_text p {
  font-weight: bold;
  font-size: 1.4rem;
}
.mansion_title .title_image {
  width: calc((100vw - 1000px) / 2 + 405px);
  float: right;
  margin-right: calc((100vw - 1000px) / 2 * -1);
  overflow: hidden;
}
.mansion_title .title_image .image01 {
  width: 100%;
  height: 490px;
  float: left;
}
.mansion_title .title_image .image01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mansion_title .title_image .image02,
.mansion_title .title_image .image03 {
  width: 50%;
  height: 280px;
  float: left;
}
.mansion_title .title_image .image02 img,
.mansion_title .title_image .image03 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mansion_bfaf {
  padding-bottom: 0;
}
.mansion_bfaf .bfaf_container {
  margin-bottom: 0;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .mansion_title .title_text {
    width: 100%;
    margin-bottom: 8vw;
  }
  .mansion_title .title_text h3 {
    font-size: 2.5rem;
    padding-top: 80px;
  }
  .mansion_title .title_text h3:before {
    width: 80px;
    height: 80px;
    left: 8px;
    top: 0;
  }
  .mansion_title .title_text p {
    font-size: 1.1rem;
  }
  .mansion_title .title_image {
    width: 100%;
    margin-right: 0;
  }
  .mansion_title .title_image .image01 {
    height: 65vw;
  }
  .mansion_title .title_image .image02,
  .mansion_title .title_image .image03 {
    height: 33vw;
  }
  .mansion_bfaf {
    margin-bottom: 23vw;
  }
}
/* こんなことにご対応いたします */
.correspondence_title {
  margin-top: 100px;
  margin-bottom: 40px;
  padding-top: 88px;
  position: relative;
}
.correspondence_title h3 {
  font-size: 4.3rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1.2;
}
.correspondence_title h3 span {
  font-size: 3rem;
}
.correspondence_title:before {
  content: "";
  width: 118px;
  height: 128px;
  position: absolute;
  display: block;
  background-image: url(../img/lp/renovation_specialty/fuki_tatoeba.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 0;
  left: 275px;
}

.correspondence_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.correspondence_container .item {
  width: 195px;
  margin: 0 26px;
  background-color: #021C6C;
  color: #fff;
  font-weight: bold;
  position: relative;
  font-size: 1.2rem;
  padding: 25px 20px;
  margin-bottom: 38px;
  line-height: 1.5;
}
.correspondence_container .item .big {
  font-size: 1.9rem;
}
.correspondence_container .item .small {
  font-size: 0.85rem;
  font-weight: normal;
  display: block;
  line-height: 1.3;
  margin-top: 3px;
}
.correspondence_container .item:first-child {
  padding: 32px 25px;
}
.correspondence_container .item:nth-child(2) {
  padding: 50px 20px;
}
.correspondence_container .item:nth-child(3) {
  padding: 32px 20px;
}
.correspondence_container .item:nth-child(4) {
  padding: 20px 20px;
}
.correspondence_container .item:nth-child(5), .correspondence_container .item:nth-child(6), .correspondence_container .item:last-child {
  padding: 46px 20px;
}
.correspondence_container .item:after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url(../img/lp/renovation_specialty/arrow_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(-45deg);
  right: -15px;
  bottom: -15px;
}

.correspondence_text {
  margin-bottom: 50px;
}
.correspondence_text p {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.3;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .correspondence_title {
    padding-top: 80px;
    margin-top: 0;
    margin-bottom: 10vw;
  }
  .correspondence_title h3 {
    font-size: 2rem;
  }
  .correspondence_title h3 span {
    font-size: 2.6rem;
  }
  .correspondence_title:before {
    width: 80px;
    height: 80px;
    left: 25px;
  }
  .correspondence_container {
    margin-bottom: 5vw;
  }
  .correspondence_container .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .correspondence_container .item:nth-child(2), .correspondence_container .item:nth-child(6), .correspondence_container .item:nth-child(7) {
    padding: 35px 20px;
  }
  .correspondence_text p {
    font-size: 1.3rem;
  }
}
/* 中村建設だからできる事 */
.cando_title {
  padding-top: 170px;
  margin-bottom: 100px;
}
.cando_title h3 {
  font-size: 5rem;
  font-family: "Noto Serif JP", serif;
}

.cando_item {
  overflow: hidden;
  margin-bottom: 110px;
}
.cando_item:last-child {
  margin-bottom: 0;
}
.cando_item .contents {
  width: 500px;
  float: left;
  text-align: left;
}
.cando_item .contents h4 {
  padding: 30px 0 30px 150px;
  position: relative;
  font-size: 2.5rem;
  margin-bottom: 40px;
}
.cando_item .contents h4:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 210px;
  text-align: center;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/lp/renovation_specialty/cando_num01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cando_item .contents h4.num02:before {
  background-image: url(../img/lp/renovation_specialty/cando_num02.png);
}
.cando_item .contents h4.num03:before {
  background-image: url(../img/lp/renovation_specialty/cando_num03.png);
}
.cando_item .contents p {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.cando_item .image_num01 {
  width: 470px;
  float: right;
  overflow: hidden;
}
.cando_item .image_num01 .item {
  width: 217px;
  height: 217px;
  float: left;
  border-radius: 50%;
  margin-right: 31px;
  margin-bottom: 23px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.cando_item .image_num01 .item .label {
  width: 100%;
  height: 50%;
  background: rgba(136, 115, 89, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}
.cando_item .image_num01 .item .label .name {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.2;
}
.cando_item .image_num01 .item .label p {
  font-size: 0.8rem;
}
.cando_item .image_num01 .item:nth-child(2n) {
  margin-right: 0;
}
.cando_item .image_num01 .item:nth-child(1) {
  background-image: url(../img/lp/renovation_specialty/can_texture01.jpg);
}
.cando_item .image_num01 .item:nth-child(1) .label {
  padding: 12px 0;
}
.cando_item .image_num01 .item:nth-child(1) .label .name {
  margin-bottom: 4px;
}
.cando_item .image_num01 .item:nth-child(2) {
  background-image: url(../img/lp/renovation_specialty/can_texture02.jpg);
}
.cando_item .image_num01 .item:nth-child(2) .label {
  padding: 12px 0;
}
.cando_item .image_num01 .item:nth-child(2) .label .name {
  margin-bottom: 4px;
}
.cando_item .image_num01 .item:nth-child(3) {
  background-image: url(../img/lp/renovation_specialty/can_texture03.jpg);
}
.cando_item .image_num01 .item:nth-child(3) .label {
  padding: 9px 0;
}
.cando_item .image_num01 .item:nth-child(3) .label .name {
  font-size: 1.4rem;
}
.cando_item .image_num01 .item:nth-child(4) {
  background-image: url(../img/lp/renovation_specialty/can_texture04.jpg);
}
.cando_item .image_num01 .item:nth-child(4) .label {
  padding: 5px 0;
}
.cando_item .image_num01 .item:nth-child(4) .label .name {
  font-size: 1.4rem;
}
.cando_item .image_num02 {
  width: 470px;
  height: 453px;
  float: right;
}
.cando_item .image_num02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cando_item .image_num03 {
  width: 470px;
  float: right;
  margin-top: 41px;
}
.cando_item .image_num03 .item {
  width: 100%;
  height: 235px;
}
.cando_item .image_num03 .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .cando_title {
    padding-top: 20vw;
    margin-bottom: 15vw;
  }
  .cando_title h3 {
    font-size: 2.5rem;
  }
  .cando_item {
    margin-bottom: 15vw;
  }
  .cando_item .contents {
    width: 100%;
    margin-bottom: 8vw;
  }
  .cando_item .contents h4 {
    font-size: 1.7rem;
    padding: 30px 0 30px 95px;
    margin-bottom: 5vw;
  }
  .cando_item .contents h4:before {
    width: 95px;
    height: 120px;
  }
  .cando_item .contents p {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .cando_item .image_num01 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cando_item .image_num01 .item {
    width: 40vw;
    height: 40vw;
    margin-right: 20px;
  }
  .cando_item .image_num01 .item .label .name {
    font-size: 1.5rem;
  }
  .cando_item .image_num01 .item:nth-child(1) .label .name {
    margin-bottom: 0;
  }
  .cando_item .image_num01 .item:nth-child(2) .label .name {
    margin-bottom: 0;
  }
  .cando_item .image_num01 .item:nth-child(3) .label .name {
    font-size: 1.05rem;
    line-height: 1.1;
  }
  .cando_item .image_num01 .item:nth-child(4) .label .name {
    font-size: 1.05rem;
    line-height: 1.1;
  }
  .cando_item .image_num01 .item:nth-child(4) .label p {
    font-size: 0.6rem;
  }
  .cando_item .image_num02 {
    width: 100%;
    height: 65vw;
  }
  .cando_item .image_num03 {
    width: 100%;
  }
  .cando_item .image_num03 .item {
    height: 43vw;
  }
}
/* 進め方 */
.no_regrets_title {
  margin-top: 135px;
  margin-bottom: 50px;
}
.no_regrets_title h3 {
  font-size: 5rem;
  font-family: "Noto Serif JP", serif;
}

.frenovation_lp .promise_container {
  width: 655px;
  transform: rotate(349deg);
  padding-top: 150px;
  margin-left: 80px;
  margin-bottom: 180px;
  position: relative;
  z-index: 0;
}
.frenovation_lp .promise_container:after {
  content: "";
  width: 700px;
  height: 700px;
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/lp/renovation_specialty/letter_illust.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(-316deg);
  right: -314px;
  top: -62px;
}
.frenovation_lp .promise_container h4 {
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  margin-bottom: 25px;
}
.frenovation_lp .promise_container ol li {
  text-align: left;
  font-weight: bold;
  margin-bottom: 2px;
  font-size: 1.3rem;
}

.promise_greeting {
  overflow: hidden;
  margin-bottom: 30px;
}
.promise_greeting .image {
  width: 470px;
  height: 330px;
  float: left;
}
.promise_greeting .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promise_greeting .contents {
  width: 470px;
  float: right;
}
.promise_greeting .contents p {
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
.promise_greeting .contents .name {
  text-align: right;
  font-family: "Noto Serif JP", serif;
  font-size: 1.8rem;
}
.promise_greeting .contents .name span {
  font-size: 1.2rem;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .frenovation_lp .promise_container {
    width: calc(100% + 5vw);
    transform: rotate(0deg);
    margin-left: 0;
    overflow: hidden;
    padding-top: 30px;
    margin-bottom: 15vw;
  }
  .frenovation_lp .promise_container h4 {
    text-align: left;
    font-size: 2rem;
  }
  .frenovation_lp .promise_container ol {
    padding-left: 27px;
    width: 85%;
  }
  .frenovation_lp .promise_container ol li {
    font-size: 1rem;
  }
  .frenovation_lp .promise_container:after {
    width: 67vw;
    height: 74vw;
    right: -12vw;
  }
  .no_regrets_title {
    margin-top: 20vw;
  }
  .no_regrets_title h3 {
    font-size: 2.5rem;
  }
  .promise_greeting .image {
    width: 100%;
    height: 60vw;
    margin-bottom: 5vw;
  }
  .promise_greeting .contents {
    width: 100%;
  }
  .promise_greeting .contents p {
    font-size: 1rem;
  }
}
/* お問い合わせ */
.back_contact {
  background-color: #021C6C;
  padding: 75px 0;
}
.back_contact .renovation_contact_title {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 45px;
  position: relative;
}
.back_contact .renovation_contact_title:after {
  content: "";
  width: 100px;
  height: 28px;
  display: block;
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: url(../img/lp/renovation_specialty/contact_line.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.back_contact .renovation_contact_title h3 {
  color: #D8CD82;
  font-family: "Noto Serif JP", serif;
  font-size: 3.7rem;
}
.back_contact .renovation_contact_mail {
  margin-bottom: 40px;
  color: #fff;
  overflow: hidden;
}
.back_contact .renovation_contact_mail p {
  width: 480px;
  float: left;
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;
  line-height: 1.5;
}
.back_contact .renovation_contact_mail .btn {
  width: 470px;
  float: right;
  border: 1px solid #fff;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.back_contact .renovation_contact_mail .btn a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 23px 0;
  position: relative;
}
.back_contact .renovation_contact_mail .btn a:before {
  content: "";
  width: 46px;
  height: 46px;
  display: block;
  position: absolute;
  left: 37px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/lp/renovation_specialty/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.back_contact .renovation_contact_mail .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.back_contact .renovation_contact_tel {
  margin-bottom: 60px;
}
.back_contact .renovation_contact_tel p {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.back_contact .renovation_contact_tel .tel_num {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1;
}
.back_contact .renovation_contact_tel .tel_num a {
  color: #D8CD82;
}
.back_contact .renovation_contact_tel .tel_num a img {
  width: 60px;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 1;
  margin-top: -9px;
}
.back_contact .renovation_contact_message {
  overflow: hidden;
}
.back_contact .renovation_contact_message .message {
  width: 680px;
  float: left;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 30px 50px;
  position: relative;
  color: #fff;
  text-align: left;
}
.back_contact .renovation_contact_message .message .title {
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 10px;
  font-weight: bold;
}
.back_contact .renovation_contact_message .message p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
}
.back_contact .renovation_contact_message .message:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -27px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/lp/renovation_specialty/voice_arrow_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(-90deg);
}
.back_contact .renovation_contact_message .image {
  width: 224px;
  float: right;
  margin-right: 60px;
}
.back_contact .renovation_contact_message .image img {
  width: 100%;
}

.consultation_text {
  font-family: "Noto Serif JP", serif;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 75px 0 30px;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .back_contact .renovation_contact_title h3 {
    font-size: 2.2rem;
  }
  .back_contact .renovation_contact_mail p {
    width: 100%;
    font-size: 1.1rem;
    margin-bottom: 5vw;
  }
  .back_contact .renovation_contact_mail .btn {
    width: 100%;
  }
  .back_contact .renovation_contact_mail .btn a {
    font-size: 1.2rem;
  }
  .back_contact .renovation_contact_mail .btn a:before {
    width: 40px;
    height: 40px;
    left: 18px;
  }
  .back_contact .renovation_contact_mail .btn:hover {
    background-color: rgba(255, 255, 255, 0);
  }
  .back_contact .renovation_contact_tel .tel_num {
    font-size: 2.5rem;
  }
  .back_contact .renovation_contact_tel .tel_num a img {
    width: 40px;
    margin-right: 5px;
  }
  .back_contact .renovation_contact_message .message {
    width: 100%;
    padding: 4vw 8vw;
    margin-bottom: 7vw;
  }
  .back_contact .renovation_contact_message .message .title {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .back_contact .renovation_contact_message .message p {
    font-size: 1.1rem;
  }
  .back_contact .renovation_contact_message .message:after {
    width: 25px;
    height: 25px;
    right: 0;
    left: 0;
    top: auto;
    bottom: -22px;
    transform: rotate(0deg);
  }
  .consultation_text {
    padding: 50px 0 25px;
    font-size: 1.2rem;
  }
}
/*　interview */
.frenovation_lp .interview_title {
  text-align: left;
  padding: 200px 0 60px;
}
.frenovation_lp .interview_title h3 {
  font-size: 4rem;
  font-family: "Noto Serif JP", serif;
}
.frenovation_lp .interview_title p {
  font-weight: bold;
  font-size: 1.35rem;
}
.frenovation_lp .interview_header {
  width: 100vw;
  height: 545px;
  margin-left: calc((100vw - 1000px) / 2 * -1);
  overflow: hidden;
  position: relative;
  margin-bottom: 90px;
}
.frenovation_lp .interview_header .image {
  width: calc((100vw - 1000px) / 2 + 600px);
  height: 100%;
  float: left;
}
.frenovation_lp .interview_header .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frenovation_lp .interview_header .contents {
  width: calc((100vw - 1000px) / 2 + 400px);
  height: 100%;
  position: absolute;
  right: 0;
  background-color: #021C6C;
  text-align: left;
  padding-top: 35px;
  padding-left: 50px;
}
.frenovation_lp .interview_header .contents img {
  width: 260px;
}
.frenovation_lp .interview_header .contents:before {
  content: "";
  width: 76px;
  height: 100%;
  position: absolute;
  display: block;
  left: -76px;
  top: 0;
  background-image: url(../img/lp/renovation_specialty/interview_header_parts.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.frenovation_lp .interview_item {
  position: relative;
}
.frenovation_lp .talk_container {
  overflow: hidden;
}
.frenovation_lp .talk_container h4 {
  width: 115px;
  font-family: "Noto Serif JP", serif;
  writing-mode: vertical-rl;
  text-align: left;
  font-size: 3rem;
  line-height: 1.2;
}
.frenovation_lp .talk_container h4.left {
  float: left;
}
.frenovation_lp .talk_container h4.right {
  float: right;
}
.frenovation_lp .talk_container .talk_sec {
  width: 855px;
}
.frenovation_lp .talk_container .talk_sec.left {
  float: left;
}
.frenovation_lp .talk_container .talk_sec.right {
  float: right;
}
.frenovation_lp .talk_container .talk_sec.center {
  margin: auto;
}
.frenovation_lp .talk_container .talk_sec .listener {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  margin-bottom: 40px;
}
.frenovation_lp .talk_container .talk_sec .listener .image {
  border-radius: 50%;
  width: 162px;
  height: 162px;
  background-color: #AFA07D;
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.frenovation_lp .talk_container .talk_sec .listener .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.frenovation_lp .talk_container .talk_sec .listener .image:after {
  content: "【聞き手】";
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -38px;
  left: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
.frenovation_lp .talk_container .talk_sec .listener .talk {
  width: 597px;
  background-color: #E8DBCC;
  padding: 25px 35px;
  float: right;
  position: relative;
}
.frenovation_lp .talk_container .talk_sec .listener .talk p {
  font-size: 1.7rem;
  text-align: left;
  line-height: 1.4;
}
.frenovation_lp .talk_container .talk_sec .listener .talk:after {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-image: url(../img/lp/renovation_specialty/interview_talk_arrow.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  left: -22px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(180deg);
}
.frenovation_lp .talk_container .talk_sec .customer {
  position: relative;
  overflow: hidden;
}
.frenovation_lp .talk_container .talk_sec .customer .image {
  border-radius: 50%;
  width: 162px;
  height: 162px;
  background-color: #AFA07D;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.frenovation_lp .talk_container .talk_sec .customer .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.frenovation_lp .talk_container .talk_sec .customer .image:after {
  content: "【K様】";
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -42px;
  left: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
.frenovation_lp .talk_container .talk_sec .customer .talk {
  width: 650px;
  background-color: #E8DBCC;
  padding: 25px 35px;
  float: left;
  position: relative;
}
.frenovation_lp .talk_container .talk_sec .customer .talk p {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.4;
}
.frenovation_lp .talk_container .talk_sec .customer .talk p span {
  font-weight: bold;
  font-size: 1.6rem;
}
.frenovation_lp .talk_container .talk_sec .customer .talk:after {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-image: url(../img/lp/renovation_specialty/interview_talk_arrow.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  right: -22px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.frenovation_lp .talk_container .talk_sec.full {
  width: 100%;
}
.frenovation_lp .talk_container .talk_sec.full .listener {
  width: 855px;
}
.frenovation_lp .talk_container .talk_sec.full .customer {
  width: 855px;
  float: right;
}
.frenovation_lp .interview_item:nth-child(5) {
  margin-bottom: 45px;
}
.frenovation_lp .interview_item:nth-child(5) .talk_container .talk_sec .listener {
  padding-bottom: 80px;
}
.frenovation_lp .interview_image_container {
  position: relative;
}
.frenovation_lp .interview_image_container .image {
  position: absolute;
  border: 13px solid #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
}
.frenovation_lp .interview_image_container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frenovation_lp .interview_image_container.container01 {
  height: 400px;
  margin: 95px 0 80px;
}
.frenovation_lp .interview_image_container.container01 .image {
  width: 470px;
  height: 330px;
}
.frenovation_lp .interview_image_container.container01 .image:nth-child(1) {
  transform: rotate(-8deg);
  top: 30px;
  left: 100px;
  z-index: 100;
}
.frenovation_lp .interview_image_container.container01 .image:nth-child(2) {
  transform: rotate(7deg);
  bottom: 0;
  right: -40px;
}
.frenovation_lp .interview_image_container.container02 {
  height: 920px;
  margin: 95px 0 20px;
}
.frenovation_lp .interview_image_container.container02 .image:nth-child(1) {
  border-width: 20px;
  width: 690px;
  height: 888px;
  top: 0;
  left: -150px;
}
.frenovation_lp .interview_image_container.container02 .image:nth-child(2) {
  width: 694px;
  height: 441px;
  transform: rotate(-8deg);
  top: 0;
  right: -150px;
}
.frenovation_lp .interview_image_container.container02 .image:nth-child(3) {
  width: 694px;
  height: 441px;
  transform: rotate(5deg);
  right: -180px;
  bottom: 90px;
  z-index: -1;
}
.frenovation_lp .interview_image_container.container03 {
  height: 830px;
  margin: 85px 0 50px;
}
.frenovation_lp .interview_image_container.container03 .image {
  width: 536px;
  height: 690px;
}
.frenovation_lp .interview_image_container.container03 .image:nth-child(1) {
  transform: rotate(-7deg);
  top: 0;
  left: -20px;
}
.frenovation_lp .interview_image_container.container03 .image:nth-child(2) {
  transform: rotate(6deg);
  bottom: 0;
  right: -20px;
}
.frenovation_lp .interview_image_container.container04 {
  height: 905px;
  margin: 120px 0 95px;
}
.frenovation_lp .interview_image_container.container04 .image:nth-child(1) {
  width: 712px;
  height: 507px;
  transform: rotate(8deg);
  top: 0;
  left: -160px;
  z-index: 100;
}
.frenovation_lp .interview_image_container.container04 .image:nth-child(2) {
  width: 507px;
  height: 507px;
  transform: rotate(-8deg);
  top: 120px;
  right: 0;
  z-index: 50;
}
.frenovation_lp .interview_image_container.container04 .image:nth-child(3) {
  width: 583px;
  height: 414px;
  transform: rotate(-5deg);
  bottom: 0;
  left: 20px;
}
.frenovation_lp .interview_imagelavel01 {
  width: calc((100vw - 1000px) / 2 + 100%);
  margin: 120px 0;
}
.frenovation_lp .interview_imagelavel01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frenovation_lp .interview_imagelavel02 {
  width: 100vw;
  height: 545px;
  margin-left: calc((100vw - 1000px) / 2 * -1);
  margin-top: 110px;
}
.frenovation_lp .interview_imagelavel02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .frenovation_lp .interview_title {
    padding: 16vw 0 10vw;
  }
  .frenovation_lp .interview_title h3 {
    font-size: 2.3rem;
  }
  .frenovation_lp .interview_title p {
    font-size: 1.2rem;
  }
  .frenovation_lp .interview_header {
    margin-left: -5vw;
    height: 50vw;
  }
  .frenovation_lp .interview_header .image {
    width: 67%;
    float: none;
  }
  .frenovation_lp .interview_header .contents {
    width: 35%;
    top: 0;
    padding-top: 15px;
    padding-left: 0;
  }
  .frenovation_lp .interview_header .contents img {
    width: auto;
    height: 90%;
  }
  .frenovation_lp .talk_container h4 {
    writing-mode: initial;
    width: 100%;
    font-size: 1.8rem;
    margin-bottom: 2vw;
  }
  .frenovation_lp .talk_container .talk_sec {
    width: 100%;
  }
  .frenovation_lp .talk_container .talk_sec .listener {
    padding: 7vw 0;
    margin-bottom: 5vw;
  }
  .frenovation_lp .talk_container .talk_sec .listener .image {
    width: 80px;
    height: 80px;
    left: 0;
  }
  .frenovation_lp .talk_container .talk_sec .listener .image:after {
    font-size: 0.9rem;
    bottom: -30px;
  }
  .frenovation_lp .talk_container .talk_sec .listener .talk {
    width: calc(100% - 105px);
    padding: 5vw;
  }
  .frenovation_lp .talk_container .talk_sec .listener .talk p {
    font-size: 1.2rem;
  }
  .frenovation_lp .talk_container .talk_sec .listener .talk:after {
    width: 16px;
    height: 16px;
    left: -15px;
  }
  .frenovation_lp .talk_container .talk_sec .customer .image {
    width: 80px;
    height: 80px;
    right: 0;
  }
  .frenovation_lp .talk_container .talk_sec .customer .image:after {
    font-size: 0.9rem;
    bottom: -30px;
  }
  .frenovation_lp .talk_container .talk_sec .customer .talk {
    width: calc(100% - 105px);
    padding: 5vw;
  }
  .frenovation_lp .talk_container .talk_sec .customer .talk p {
    font-size: 1rem;
  }
  .frenovation_lp .talk_container .talk_sec .customer .talk p span {
    font-size: 1.1rem;
  }
  .frenovation_lp .talk_container .talk_sec .customer .talk:after {
    width: 16px;
    height: 16px;
    right: -15px;
  }
  .frenovation_lp .talk_container .talk_sec.full .listener {
    width: 100%;
  }
  .frenovation_lp .talk_container .talk_sec.full .customer {
    width: 100%;
  }
  .frenovation_lp .interview_image_container {
    width: 100vw;
    margin-left: -5vw;
    overflow: hidden;
  }
  .frenovation_lp .interview_image_container.container01 {
    margin: 40px 0 50px -5vw;
    height: 345px;
    z-index: -1;
  }
  .frenovation_lp .interview_image_container.container01 .image {
    width: 280px;
    height: 230px;
    border-width: 10px;
  }
  .frenovation_lp .interview_image_container.container01 .image:nth-child(1) {
    top: 35px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .frenovation_lp .interview_image_container.container01 .image:nth-child(2) {
    bottom: 35px;
    right: -8px;
  }
  .frenovation_lp .interview_image_container.container02 {
    margin: 40px 0 50px -5vw;
    height: 690px;
  }
  .frenovation_lp .interview_image_container.container02 .image:nth-child(1) {
    width: 300px;
    height: 400px;
    border-width: 12px;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .frenovation_lp .interview_image_container.container02 .image:nth-child(2) {
    width: 250px;
    height: 200px;
    top: 35px;
    right: -31px;
  }
  .frenovation_lp .interview_image_container.container02 .image:nth-child(3) {
    width: 250px;
    height: 200px;
    right: auto;
    bottom: 59px;
    z-index: 500;
    left: -10px;
  }
  .frenovation_lp .interview_image_container.container03 {
    margin: 40px 0 50px -5vw;
    height: 690px;
  }
  .frenovation_lp .interview_image_container.container03 .image {
    width: 290px;
    height: 360px;
  }
  .frenovation_lp .interview_image_container.container03 .image:nth-child(1) {
    top: 35px;
  }
  .frenovation_lp .interview_image_container.container03 .image:nth-child(2) {
    right: -12px;
    bottom: 35px;
  }
  .frenovation_lp .interview_image_container.container04 {
    margin: 40px 0 50px -5vw;
    height: 600px;
  }
  .frenovation_lp .interview_image_container.container04 .image:nth-child(1) {
    width: 300px;
    height: 228px;
    top: 35px;
    left: -10px;
  }
  .frenovation_lp .interview_image_container.container04 .image:nth-child(2) {
    width: 250px;
    height: 250px;
    top: 160px;
  }
  .frenovation_lp .interview_image_container.container04 .image:nth-child(3) {
    width: 300px;
    height: 230px;
    bottom: 35px;
  }
  .frenovation_lp .interview_imagelavel01 {
    width: 100vw;
    margin: 15vw 0 15vw -5vw;
  }
  .frenovation_lp .interview_imagelavel02 {
    margin-left: -5vw;
    height: 50vw;
  }
}
/* lp footer */
.frenovation_lp footer .contents_inner {
  overflow: hidden;
  padding-bottom: 25px;
}
.frenovation_lp footer .contents_inner .logo {
  width: 300px;
  float: left;
}
.frenovation_lp footer .contents_inner .logo img {
  width: 100%;
}
.frenovation_lp footer .contents_inner .footer_address {
  width: 600px;
  float: right;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.6;
}
.frenovation_lp .copy .copy_inner {
  font-size: 1.1rem;
}

.fixed_btn {
  position: fixed;
  top: 0;
  width: 260px;
  height: 83px;
  z-index: 9000;
}
.fixed_btn a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.fixed_btn.tel {
  background-color: #021C6C;
  right: 260px;
}
.fixed_btn.tel a {
  display: block;
  padding: 10px 0 13px;
}
.fixed_btn.tel .tel {
  font-size: 1.5rem;
  line-height: 1.4;
}
.fixed_btn.tel .tel img {
  width: 30px;
  margin-right: 5px;
}
.fixed_btn.tel .time {
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.5;
}
.fixed_btn.contact {
  background-color: #A99A30;
  right: 0;
  transition: all 0.3s ease;
}
.fixed_btn.contact a {
  display: block;
  font-size: 1.5rem;
  line-height: 1.45;
  padding: 23px 0;
}
.fixed_btn.contact a img {
  width: 30px;
  margin-right: 7px;
}
.fixed_btn.contact:hover {
  opacity: 0.7;
}

/* Mobile */
@media screen and (max-width: 736px) {
  .frenovation_lp footer .contents_inner .logo {
    width: 250px;
    float: none;
    margin: 0 auto 5vw;
  }
  .frenovation_lp footer .contents_inner .footer_address {
    width: 100%;
    font-size: 1rem;
  }
  .frenovation_lp footer .contents_inner .footer_address a {
    color: #000;
    text-decoration: none;
  }
  .fixed_btn {
    top: auto;
    bottom: 0;
    width: 50%;
    height: 70px;
  }
  .fixed_btn.tel {
    left: 0;
    right: auto;
  }
  .fixed_btn.tel a {
    padding: 9px 0 12px;
  }
  .fixed_btn.tel .tel {
    font-size: 1.3rem;
  }
  .fixed_btn.tel .tel img {
    width: 26px;
  }
  .fixed_btn.tel .time {
    font-size: 0.9rem;
    margin-top: -2px;
  }
  .fixed_btn.contact {
    right: 0;
  }
  .fixed_btn.contact a {
    font-size: 1.2rem;
    line-height: 1.7;
    padding: 17px 0;
  }
  .fixed_btn.contact a img {
    margin-right: 5px;
  }
  .copy {
    padding-bottom: 70px;
  }
}/*# sourceMappingURL=import.css.map */