@charset "UTF-8";
/* CSS Document */
<style>
.shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.honbun {
	font-family:  "Libre+Baskerville", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", serif;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.honbun-2 {
	font-family:  "Libre+Baskerville", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", serif;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.honbun_midashi {
	font-family:  "Libre+Baskerville", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", serif;
	font-size: 23px;
	line-height: 30px;
	color: #000;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.honbun_2022_body {
    font-family: "Montserrat", "Arial", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 29px;
	color: #333;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.honbun_2022_body2 {
    font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Meiryo", sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.honbun_2022_midashi {
    font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Meiryo", sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
}
.bergman {
	font-family: "F37Bergman-Bold", "Montserrat", "Helvetica Neue", serif;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 11pt;
	color: #000;
	-webkit-font-smoothing: 
	antialiased;  
	font-smoothing: antialiased;
6}
.kaigyou {
  margin-bottom: 2em;
}
p.sample img {
    width: 200px;  /* 横幅を200pxに */
}
grade_x {
    width: 100wh;
    height: 90vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.bg-light-green {background-color:#88C5CE}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@media (min-width:992px){
  .d-lg-inline-block{
    display:inline-block!important
  }
}
.map {
  position: relative;
  width: 100%;
  height: 60%;
  padding-top: 0%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-life, .btn.text-life  {color:#197D86}
.bg-life {background-color:#197D86}
.post-prev-img{
    margin-bottom: 23px;
    position: relative;
}
.post-prev-img a{
    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-img a:hover{
    opacity: .80;
}
.post-prev-img img{
    width: 100%;
}
.background-image-1 {
	background-image: url(../img/background/background-1.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
.background-image-2 {
	background-image: url(../img/background/background-2.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
.background-image-3 {
	background-image: url(../img/background/back-3.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
img{
 pointer-events: none;
}
#success-project-contact-form { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}
#success-project-contact-form-4 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.italic-text {
  font-style: italic;
}