@charset "UTF-8";
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-dotted.slick-slider
{
margin-bottom:0;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}



.slick-slide
{
    display: none;
    float: left;
height:auto;
    min-height: 1px;

}
[dir='rtl'] .slick-slide
{
    float: right;
}
.m_slider .slick-slide {
  display: block;
opacity:0.5;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 48%;
    display: block;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev, 
.slick-next {
width: 50px;
height: 50px;
background-image:none;
background-repeat:no-repeat;
background-position:right center;
position: absolute;
top: 50%;
}

.slick-prev {
    left: 50px;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
 }
.slick-next {
    right: 50px;

}
.slick-dots {
position: absolute;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
top: 103%;
z-index:  200;
}

.slick-dots li {
    background: #d8dbda;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.slick-dots li:hover,
   	.slick-dots li.slick-active { 
   	background-color: #36b558;
   
   	}



.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/********************************************
intro
*********************************************/
.impArea {
    max-width: 1024px;
    margin: 0 auto;
    padding: 1rem 0;
}
.skyArea {
background: #d6f6fe;
position: relative;
z-index: 10;
}	
.intro {margin-top: 150px;position: relative;z-index: 20;}

.intro .slider li.slider01, 
.intro .slider li.slider02, 
.intro .slider li.slider03, 
.intro .slider li.slider04, 
.intro .slider li.slider05, 
.intro .slider li.slider06,
.intro .slider li.slider07,
.intro .slider li.slider08,
.intro .slider li.slider09{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 534px;
    display: table;
    width: 1024px;
    margin-right: 20px;
}

.intro .slider li.slider01 {
    background-image: url(/src/img/top/slider01.jpg);
}
.intro .slider li.slider02 {
    background-image: url(/src/img/top/slider02.jpg);
}
.intro .slider li.slider03 {
    background-image: url(/src/img/top/slider03.jpg);
}
.intro .slider li.slider04 {
    background-image: url(/src/img/top/slider04.jpg);
}
.intro .slider li.slider05 {
    background-image: url(/src/img/top/slider05.jpg);
}
.intro .slider li.slider06 {
    background-image: url(/src/img/top/slider06.jpg);
}
.intro .slider li.slider07 {
    background-image: url(/src/img/top/slider07.jpg);
}
.intro .slider li.slider07.campaignLaunch {
    background-image: url(/src/img/top/slider07_campaignlaunch.jpg);
}
.intro .slider li.slider08 {
    background-image: url(/src/img/top/slider08.jpg);
}
/* Add:20250904 end 20251130 */
.intro .slider li.slider09 {
    background-image: url(/src/img/top/slider09.jpg);
}

.intro .slider li.slider01 a, 
.intro .slider li.slider02 a, 
.intro .slider li.slider03 a, 
.intro .slider li.slider04 a, 
.intro .slider li.slider05 a, 
.intro .slider li.slider06 a,
.intro .slider li.slider07 a,
.intro .slider li.slider08 a,
.intro .slider li.slider09 a{
color: transparent;
display: table-cell;
width: 100%;
height: 100%;
text-indent: -9999px;
}



/********************************************
siru_cont
*********************************************/
.cloudArea {
    position: absolute;
    top: 20%;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}

.cloudArea span:first-child {
    float: left;
}

.cloudArea span:first-child {
    float: right;
    margin-top: 5rem;
}
.siru_cont .titArea, 
.tsukau_cont .titArea {
background-image: url(/src/img/top/siru_bg.png);
position: relative;
z-index: 10;
}
.siru_cont .titArea {
    background-image: url(/src/img/top/siru_bg.png);
}

.siru_cont h1, .tsukau_cont h1 {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    background-repeat: no-repeat;
    background-position: top -1rem center;
    position: relative;
    z-index: 10;
}

.siru_cont .titArea .logo, .tsukau_cont .titArea .logo {
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 196px;
    padding: 20px;
    background-image: url(/src/img/top/saladenki.png);
    margin-right: 5px;
    background-position: top;
    margin-top: -5px;
}

.siru_cont h1 em, .tsukau_cont h1 em {
    font-size: 4rem;
    padding: 0 0.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1rem;
    font-weight: 600;
}

.siru_cont .titArea .inner, 
.tsukau_cont .titArea .inner {
    padding: 3.5rem 0 3rem 0;
    position: relative;
    z-index: 10;
}

.siru_cont .titArea .sub_tit, .tsukau_cont .titArea .sub_tit {
    width: 47%;
    font-size: 17px;
    margin: 0 auto;
    font-weight: 800;
    line-height: 1.7;
    position: relative;
    z-index: 10;
}

.siru_cont .titArea .sub_tit span {
    display: block;
}

.siru_cont .titArea .illust, .tsukau_cont .titArea .illust {
    position: absolute;
}

section.siru_cont {
    margin-top: 5rem;
}


.roof {
    width: 700px;
    background-image: url(/src/img/top/siru_bg.png);
    margin: 0 auto;
    position: relative;
    height: 100px;
    z-index: 0;
}

.roof:before, .roof:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 350px 200px 0;
    z-index: -1;
}

.roof:after {
    right: 0px;
    border-width: 0 350px 100px 0;
    border-color: transparent #d6f6fe transparent transparent;
    }

.roof:before {
    border-width: 100px 350px 0 0;
    border-color: #d6f6fe transparent transparent transparent;
    left: 0;
}

.siru_cont h1:before, 
.tsukau_cont h1:before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;
    content: '';
    width: 70px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.siru_cont h1:before {
    background-image: url(/src/img/top/siru_tit.png);
    width: 70px;
    height: 98px;
    top: -98px;
}

.siru_cont .titArea .lamp {
    top: -25px;
    right: 20%;
}

.titArea .bird {
    right: 5%;
    top: -55px;
}
.siru_cont .titArea .window {
    left: 100px;
    top: 30px;
}

.siru_cont .titArea .tv {
    right: 50px;
    bottom: 0;
}



/******merit********************/

.green_bg {
    background: url(/src/img/top/stripeGreen.png);
    padding: 8rem 0 5rem 0;
}

.merit_cont {
    background: url(/src/img/top/stripeYellow.png);
    border-top: 8px solid rgba(213,242,220,1);
    border-bottom: 8px solid rgba(213,242,220,1);
    padding-bottom: 3rem;
}

.merit_cont h2 {
    text-align: center;
    background-image: url(/src/img/top/iikoto_tit.png);
    text-indent: -9999px;
    padding: 8% 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 80%;
    margin: -100px auto 0 auto;
    position: relative;
}

.merit_cont h2:before, 
.merit_cont h2:after {
    content: '';
    position: absolute;
    background-image: url(/src/img/top/kazari.png);
    width: 40px;
    background-repeat: no-repeat;
    height: 34px;
    top: 40px;
}

.merit_cont h2:before {
    left: -50px;
}

.merit_cont h2:after {
    right: -50px;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}

.merit_cont ul:after {
    content: '';
    display: block;
    clear: both;
}

.merit_cont ul li {
    float: left;
    width: 25%;
position: relative;
}

.merit_cont ul li .merit_box:before {
content: '';
position: absolute;
z-index: 10;
background-size: contain;
bottom: -10px;
background-repeat: no-repeat;
}

.merit_cont ul li.merit01 .merit_box:before {
background-image: url(/src/img/top/wallet.png);
width: 65px;
height: 85px;
left: -10px;
}

.merit_cont ul li.merit02 .merit_box:before {
background-image: url(/src/img/top/salacard.png);
width: 90px;
height: 70px;
left: -10px;
}

.merit_cont ul li.merit03 .merit_box:before {
background-image: url(/src/img/top/lampchan.png);
width: 50px;
height: 70px;
right: -10px;
}

.merit_cont ul li.merit04 .merit_box:before {
background-image: url(/src/img/top/hand.png);
width: 70px;
height: 79px;
right: -10px;
}


.merit_cont ul li .merit_box {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: relative;
}

.merit_cont ul .merit01 .merit_box {
    background: #00b8ec;
    border: #89e0f8 8px solid;
}

.merit_box .tit {
    font-size: 2.6rem;
    line-height: 1.3;
    padding-top: 70px;
    letter-spacing: 2px;
}

.merit_box .tit small {
    display: block;
    font-size: 1.5rem;
    letter-spacing: 0;
}

.merit03 .merit_box .tit {
    font-size: 2rem;
    line-height: 1.5;
}

.merit_cont ul li .merit_box .num {
    text-indent: -9999px;
    background-image: url(/src/img/top/num_01.png);
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    width: 60px;
    height: 80px;
    background-size: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
}

.merit_cont ul .merit02 .merit_box {
    background: #ffb125;
    border: #fdd081 8px solid;
}

.merit_cont ul .merit03 .merit_box {
    background: #f38793;
    border: #fed0d5 8px solid;
}

.merit_cont ul .merit04 .merit_box {
    background: #bf97db;
    border: #e0c1f6 8px solid;
}

.merit_cont ul .merit02 .merit_box .num {
    background-image: url(/src/img/top/num_02.png);
}

.merit_cont ul .merit03 .merit_box .num {
    background-image: url(/src/img/top/num_03.png);
}

.merit_cont ul .merit04 .merit_box .num {
    background-image: url(/src/img/top/num_04.png);
}

.merit_cont ul li .text {
    width: 85%;
    margin: 1rem auto;
    font-size: 16px;
    line-height: 1.7;
}
.green_bg .more_btn {
    text-align: center;
    margin-top: -1rem;
}

.green_bg .more_btn a {
    color: #fff;
    background-color: #4bb722;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 1.2rem 7rem;
    border-radius: 100px;
    position: relative;
}

.green_bg .more_btn a:hover {
    color: #4bb722;
    background-color: #fff;
    border: #4bb722 2px solid;
    -webkit-box-shadow: 0 4px 18px rgba(153, 200, 213, 0.8);
    box-shadow: 0 4px 18px rgba(153, 200, 213, 0.8);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.green_bg .more_btn a:after {
content: '';
position: absolute;
top: 40%;
right: 20px;
width: 8px;
height: 8px;
border-top: 3px solid #fed330;
border-right: 3px solid #fed330;
transition: all 0.3s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/******mysalaArea ejanArea co2FreeArea setsuden2022Area********************/

.mysalaArea, .ejanArea, .co2FreeArea, .setsuden2022Area, .ecoChallengeArea, .ecoSmaArea, .greenReformArea {
    text-align: center;
    padding: 7rem 0 0 0;
}
.mysalaArea img {
    border: #a2def3 5px solid;
    border-radius: 15px;
    overflow: hidden;
}

.ejanArea img {
    border: #b2e2c4 5px solid;
    border-radius: 15px;
    overflow: hidden;
}
.co2FreeArea img {
  border: #46b416 5px solid;
    border-radius: 15px;
    overflow: hidden;
}
.setsuden2022Area img {
  border: #ed6d34 5px solid;
    border-radius: 15px;
    overflow: hidden;
}
.ecoChallengeArea img {
  border: #17a738 5px solid;
    border-radius: 15px;
    overflow: hidden;
}
.ecoSmaArea img {
  border: #0c68ab 5px solid;
    border-radius: 15px;
    overflow: hidden;
}
.greenReformArea img {
  border: #e4653e 5px solid;
    border-radius: 15px;
    overflow: hidden;
}

/******model_cont********************/

.model_cont .tit_box {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.model_cont .tit_box:after {
    content: '';
    background-repeat: no-repeat;
    background-image: url(/src/img/top/tit_lump.png);
    width: 92px;
    height: 126px;
    position: absolute;
    z-index: 10;
    right: -30px;
    top: 0;
}

.model_cont {
    margin-top: 5rem;
    position: relative;
}

.model_cont .tit_box .sub_tit {
    color: #2db14f;
    display: block;
    font-size: 1.7rem;
    padding-bottom: 0.3rem;
}


.model_cont .tit_box .main_tit {
    font-size: 3rem;
    letter-spacing: 8px;
    line-height: 1.5;
    position: relative;
    padding: 0.7rem 0.5rem 0.7rem 3rem;
    display: block;
    color: #59561d;
}

.model_cont .tit_box .main_tit:before, 
.model_cont .tit_box .main_tit:after {
content: '';
background-image: url(/src/img/top/greendot.png);
width: 100%;
background-repeat: repeat-x;
height: 10px;
position: absolute;
left: 0;
}

.model_cont .tit_box .main_tit:before { top: 0; }
.model_cont .tit_box .main_tit:after { bottom: 0; }
.model_cont .tit_box .main_tit .blue {
    color: #40cad6;
}

.model_cont .tit_box .main_tit .yellow {
    color: #fecc2f;
}

.model_cont .tit_box .main_tit .pink {
    color: #fb9eb0;
}

.model_cont .tit_box .main_tit i {
    position: absolute;
    top: -40px;
    right: -80px;
}
.model_cont .tit_box .main_tit .green {
    color: #2db14f;
    font-size: 3.5rem;
    -webkit-transform: translateY(0%) rotate(10deg);
    transform: translateY(0%) rotate(10deg);
    display: inline-block;
    margin-left: 0.2rem; 
}

.model_cont .intro .text:before {
    content: '';
    background-image: url(/src/img/top/model_wallet.png);
    width: 282px;
    background-repeat: no-repeat;
    height: 210px;
    bottom: -40px;
    position: absolute;
    left: -170px;
    z-index: 20;
    background-size: 210px;
}

.model_cont .intro {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 0;
    position: relative;
}

.model_cont .intro:after {
    content: '';
    display: block;
    clear: both;
}

.model_cont .intro .text {
    float: left;
    width: 55%;
    padding: 0.5rem 0 4rem 4rem;
    line-height: 2;
    position: relative;
}

.model_cont .photo {
    float: right;
    width: 42%;
    margin-top: 2%;
}

.model_cont .photo:after {
    content: '';
    position: absolute;
    background-image: url(/src/img/top/fukidashi.png);
    width: 161px;
    height: 79px;
    background-repeat: no-repeat;
    top: 15px;
    right: -50px;
}
.case_cont {
    background-color: #e5f9b0;
    /* position: relative; */
    /* z-index: 100; */
}
.model_cont .case {
    margin-top: -3rem;
    position: relative;
    padding-bottom: 40px;
    background-image: url(/src/img/top/model_bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    background-size: 60%;
}

.model_cont .case .inner:after {
    content: '';
    display: block;
    clear: both;
}

.model_cont .case .case_box {
    float: right;
    z-index: 10;
    position: relative;
    background-color: #fcf9e5;
    background-image: url(/src/img/top/memo_bg.png);
    width: 60%;
    padding-top: 70px;
    padding-bottom: 50px;
}

.model_cont .case .case_box:before {
content: '';
    background-image: url(/src/img/top/memoTop_bg.png);
    background-repeat: repeat-x;
    width: 95%;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.model_cont .case .inner {
    position: relative;
    padding-top: 0px;
    /* text-align: center; */
}

.model_cont .case .fukidashi {
    position: absolute;
    top: 38%;
    left: 230px;
}

.model_cont .case .case_box h3 {
    text-align: center;
    font-size: 2rem;
    position: relative;
    color: #16b501;
    background-image: url(/src/img/top/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15px;
}

.model_cont .case .case_box h3 .ico {
    display: inline-block;
    top: -30px;
    left: 60px;
    width: 20%;
}


.model_cont .case .casetit_box {
    position: relative;
}

.model_cont .case .casetit_box .ico {
    position: absolute;
    top: -30px;
    left: 50px;
    z-index: 1;
    width: 18%;
}

.model_cont .case .case_list:after {
    content: ''; 
    display: block;
    clear: both; 
}

.model_cont .case .case_list li {
    display: inline-block;
    position: relative;
    letter-spacing: 0;
}

.model_cont .case .case_list li:first-child {
    margin-right: 1.5%;
    width: 63%;
}

.model_cont .case .case_list li:last-child {
    position: relative;
    z-index: 1;
    padding-top: 2rem;
    width: 35%;
}

.model_cont .case .case_list li h4 {
    font-weight: 800;
    position: relative;
    color: #5c5a49;
    font-size: 17px;
    text-shadow: 2px 2px 0 #faf8e1,    -2px -2px 0 #faf8e1,    -2px 2px 0 #faf8e1,    2px -1px 0 #faf8e1,    0px 1px 0 #faf8e1,    0-1px 0 #faf8e1,    -1px 0 0 #faf8e1,     1px 0 0 #faf8e1;
    top: -0.5rem;
}

.model_cont .case .case_list {
    letter-spacing: -0.5rem;
    text-align: center;
    width: 92%;
    margin: 0 auto;
}

.model_cont .case .ig {
    margin-top: -1.5rem;
}

.model_cont .case .case_list:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 53px 0 53px;
    border-color: #f9c38e transparent transparent transparent;
    margin: 10px auto;
}

.model_cont .case .case_list li:nth-child(2) {
    position: relative;
    z-index: 10;
}
.model_cont .case .result {
    background-color: #fdf48c;
    width: 92%;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.model_cont .case .result ul {
    position: relative;
}

.model_cont .case .result:before, .model_cont .case .result:after {
    content: '';
    background-image: url(/src/img/top/bg_yellow_top.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    height: 22px;
    left: 0;
    width: 100%;
    background-size: 100%;
}

.model_cont .case .result:before {
    top: 0;
}

.model_cont .case .result .tit {
    background: #b4a823;
    color: #fff;
    display: inline-block;
    padding: 0.4rem 2rem;
    border-radius: 100px;
    font-size: 16px;
    margin-bottom: 1rem;
    font-weight: 600;
}
.model_cont .case .result li {
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.model_cont .case .result li.total {
    position: relative;
    padding-top: 1.2rem;
}
.model_cont .case .result li.total p {
    width: 60%;
    margin: 0 auto;
}

.model_cont .type03 .case .result li.total p {
    width: 90%;
}
.model_cont .case .result li.total:before {
    content: '';
    background-image: url(/src/img/model/line_bold.png);
    background-repeat: repeat-x;
    position: absolute;
    height: 3px;
    top: 0;
    width: 95%;
    left: 2.5%;
}

.model_cont .case .result:after {
    -moz-transform: rotate3d(1,0,0,180deg);
    -webkit-transform: rotate3d(1,0,0,180deg);
    -o-transform: rotate3d(1,0,0,180deg);
    -ms-transform: rotate3d(1,0,0,180deg);
    bottom: 0;
}

.model_cont .case .result ul:before, 
.model_cont .case .result ul:after {
    content: '';
    background-image: url(/src/img/top/bg_yellow_line.png);
    width: 3px;
    height: 100%;
    background-repeat: repeat-y;
    position: absolute;
    top: 10px;
}
.model_cont .case .result ul:before { left: 0;}
.model_cont .case .result ul:after { right: 0;}

.model_cont .case .result li:first-child {
    padding-top: 1.5rem;
}
/* 2023.12.01 add */
.model_cont .case .result li.note{}
.model_cont .case .result li.note .note_list{}
.model_cont .case .result li.note .note_list:before,
.model_cont .case .result li.note .note_list:after{
  display: none;
}
.model_cont .case .result li.note .note_item{
  color: rgba(255,3,3,1.00);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0;
}
.model_cont .case .result li.note .note_item:first-child{
  padding-top: 0;
}
.model_cont .case .result li.note .note_item:last-child{
  margin: 0;
}
.model_cont .case .result li.note .note_item.halfNumber{}
/* 2023.12.01 add Fin */

.case_cont .btn {
    text-align: center;
    margin-top: 1.5rem;
}
.case_cont a {
    display: inline-block;
    padding: 1.5rem 5rem;
    background-color: #3aa610;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 100px;
    border: #def8a8 5px solid;
    position: relative;
}
.case_cont a:after {
    content: '';
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fed330;
    border-right: 3px solid #fed330;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/******about_btn********************/

.about_btn {
    max-width: 800px;
    margin: 0 auto;
}

.about_btn:hover {
    border: #95da7a 4px solid;
    -webkit-box-shadow: 0 4px 18px rgba(153, 200, 213, 0.8);
    box-shadow: 0 4px 18px rgba(153, 200, 213, 0.8);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.about_btn {
    max-width: 800px;
    margin: 0 auto;
    border: #aadb97 4px solid;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin-bottom: 7rem;
-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.about_btn a {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    padding: 60px 0 60px 50px;
    color: #2db14f;
    font-size: 1.5rem;
    font-weight: 600;
}

.about_btn em:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
border-top: 3px solid #fed330;
border-right: 3px solid #fed330;
transition: all 0.3s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -5px;
margin-left: 10px;
}

.about_btn .logo {
    text-indent: -9999px;
    display: inline-block;
    background-image: url(/src/img/top/greenLogo.png);
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.about_btn .img {
    background-image: url(/src/img/top/about_btnBg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    width: 50%;

    height: 100%;
    position: absolute;
    right: -50px;
    background-size: 100%;
    bottom: 0;
}


/******tsukau_cont********************/
.skysecond {
    padding-top: 5rem;
}
.skysecond .cloudArea {
    top: 10%;
}
.tsukau_cont .roof, 
.tsukau_cont .titArea {
    background-image: url(/src/img/top/tsukau_bg.png);
}

.tsukau_cont h1:before {
    background-image: url(/src/img/top/tsukau_tit.png);
    width: 70px;
    height: 112px;
    top: -110px;
}

.tsukau_cont .titArea .window {
    right: 0;
    top: 0;
    top: 20px;
    right: 7%;
}

.tsukau_cont .titArea .sofa {
    right: 10%;
    bottom: 0;
}

.tsukau_cont .titArea .standlamp {
    left: 0;
    bottom: 0;
}

.tsukau_cont .titArea .illust.lamp {
    bottom: 0;
    left: 15%;
}


/******areamap_cont********************/
.blue_bg {
    background: url(/src/img/top/stripeBlue.png);
    padding: 3rem 0 5rem 0;
}

.areamap_cont {
    max-width: 1000px;
    background: #fff;
    margin: 0 auto;
    border: #d1e2fa 8px solid;
    border-radius: 20px;
    padding: 20px 20px 20px 50px;
}
.areamap_cont:after {
    content: '';
    display: block;
    clear: both;
}

.areamap_cont h2 {
    color: #4d94cc;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: 2px;
}

.areamap_cont h2 span.block {
    display: block;
}

.areamap_cont h2 .ico, .areamap_cont h2 em {
    display: inline-block;
    vertical-align: middle;
}

.areamap_cont .imgArea {
    float: right;
    width: 40%;
    background-image: url(/src/img/top/areaMap.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
    border-radius: 10px;
}

.areamap_cont .textArea {
    float: left;
    padding-top: 1.3rem;
    width: 60%;
}

.areamap_cont .sub_text {
    margin: 1rem 0 1.2rem 0.5rem;
font-weight: 600;
font-size: 16px;
}

.areamap_cont a {
    background-color: #c7daf6;
    border: #c7daf6 2px solid;
    color: #2b6ca0;
    font-size: 1.1rem;
    font-weight: 800;
    padding: 0.9rem 3em;
    display: inline-block;
    border-radius: 100px;
    position: relative;
}

.areamap_cont a:after {
    content: '';
    position: absolute;
    top: 40%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #4d94cc;
    border-right: 2px solid #4d94cc;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/******sim_cont********************/

.sim_cont {
    background-color: #fdfca8;
    background-image: url(/src/img/common/bg_enzan.png);
    margin: 3rem 0;
    padding: 1rem 0;
}
.sim_cont .sub_tit {
    color: #51a2bd;
    font-size: 1.8rem;
    letter-spacing: 2px;
    background-image: url(/src/img/top/marker.png);
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-position: top 0.3rem center;
    background-size: 500px;
}

.sim_titArea {
    text-align: center;
    position: relative;
    line-height: 1.2;
}

.sim_cont .inner {
    padding: 1rem 0;
}

.sim_cont h2 {
    font-size: 2.8rem;
    letter-spacing: 7px;
    color: #4d4a48;
    position: relative;
    z-index: 10;
}

.sim_cont .orange {
    color: #ff8d1a;
    font-size: 3.2rem;
    padding: 0 0.5rem;
    letter-spacing: 5px;
    display: inline-block;
}

.sim_cont .sub_tit:after {
    content: '';
    background-image: url(/src/img/common/denkyu.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}

.sim_cont .illustArea {
    position: absolute;
    width: 100%;
    top: 20%;
}


.sim_cont .illustArea:after {
    content: '';
    display: block;
    clear: both;
}

.sim_cont .illustArea span:first-child {
    float: left;
    width: 12%;
    position: relative;
    display: block;
    margin-left: 3rem;
    /* margin-top: 1rem; */
}

.sim_cont .illustArea span:last-child {
    float: right;
    width: 20%;
    margin-right: -2rem;
}

.sim_cont .illustArea span:first-child:after {
    content: '';
    background-image: url(/src/img/common/check_fukidashi.png);
    width: 150px;
    height: 150px;
    position: absolute;
    top: -150px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: -80px;
}

.sim_cont .btn {
    text-align: center;
}

.sim_cont .sim_btnArea a {
    background: #fff;
    color: #3bb972;
    font-size: 1.7rem;
    display: inline-block;
    overflow: hidden;
    border-radius: 100px;
    border: #8adbb0 3px solid;
    width: 95%;
    position: relative;
}
/* 2024.2.21 add */
.sim_cont .sim_btnArea .btnLinkNone a {
  pointer-events: none;
}
.sim_cont .sim_btnArea .btnLinkNone a:before {
  align-items: center;
  background-color: rgba(0,0,0,0.5);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  content: "coming soon";
  display: inline-flex;
  font-family: "Muli", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 10;
}
/* 2024.2.21 add */

.sim_cont .sim_btnArea a strong:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #40b87a;
    border-right: 3px solid #40b87a;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 10%;
}
.sim_btnArea:after {
    content: '';
    display: block;
    clear: both;
}

.sim_btnArea p {
    float: left;
    width: 50%;
}

.sim_cont .btn a .sub {
    display: block;
    background-color: #4ec583;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 0;
}

.sim_btnArea {
    position: relative;
    width: 75%;
    margin: 1rem auto 0;
}

.sim_cont .btn strong {
    padding: 0.5rem 1rem;
    display: block;
    font-size: 2rem;
    letter-spacing: 2px;
    position: relative;
}

.sim_cont .sim_btnArea p:last-child a {
    color: #4296d6;
    border-color: #c6d9e8;
}

.sim_cont .btn strong em {
    font-size: 1.75rem;
    display: inline-block;
    padding-left: 0.5rem;
}

.sim_cont p:last-child a .sub {
    background-color: #85b4e8;
}

.sim_cont .sim_btnArea p:last-child a strong:after {
    border-color: #4392cb;
}


.blueArea .btnArea {
    max-width: 900px;
}

.newsArea .btnArea {
    max-width: 1024px;
    margin: 3rem auto 5rem auto;
    position: relative;
    z-index: 10;
}

.btnArea p {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5rem;
    width: 45%;
    height: 100%;
}

.btnArea p.btn_flow a {
    background-color: #7cbbec;
    color: #fff;
}

.btnArea p a {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    display: block;
    width: 100%;
    padding: 1.5rem 2rem;
    border-radius: 10px;
    position: relative;
    height: 100%;
    line-height: 1.5;
}

.btnArea p a .ico, .btnArea p a em {

    display: inline-block;
    vertical-align: middle;
}

.btnArea p a em small {
    display: block;
}

.btnArea p a em {
    text-align: left;
    line-height: 1.5;
}

.blueArea .btnArea p {
    width: 40%;
}

.blueArea .btnArea p a {}

.blue_bg .btnArea {
    max-width: 900px;
    margin: 0 auto;
    height: 115px;
    text-align: center;
}

.btnArea p a .ico {
    position: absolute;
    top: 25%;
    left: 10%;
}

.btnArea p a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fefc74;
    border-right: 3px solid #fefc74;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 20px;
}


.btnArea p.btn_mk a {
    background-color: #fb9a38;
    padding: 2.5rem;
}


/******linkArea********************/

.linkArea {
    background: #fff;
    padding: 4rem 0;
}

.linkArea dl {
    border: #dce3be 3px solid;
    border-radius: 8px;
    text-align: center;
    padding: 2rem 0.5rem 1.2rem;
}

.linkArea .inner {
    max-width: 750px;
    overflow: hidden;
}

.linkArea .inner dl {
    width: 48%;
    float: left;
}

/******近日公開予定********************/

.linkArea dl.soon {

    background-color: #fff;
    position: relative;
}

.linkArea dl.soon dd p {




    position: absolute;
    top: 70%;
    left: 25%;
    font-size: 1.6rem;
    font-weight: 800;
    color: #fb9a38;
    border-radius: 100px;
}
.linkArea dl.soon dd ul li {
    opacity: 0.3;
}


/**************************/

.linkArea .inner dl:last-child {
    float: right;
}

.linkArea .inner dl dt h2 {
    color: #2db14f;
    font-weight: 800;
    background-repeat: no-repeat;
    font-size: 1.7rem;
    background-position: center top;
    padding-top: 90px;
}

.linkArea .inner dd {
    border-top: #dce3be 3px dotted;
}

.linkArea .inner dl:first-child dt h2 {
    background-image: url(/src/img/top/ico_ques.png);
}

.linkArea .inner dl:last-child dt h2 {
    background-image: url(/src/img/top/ico_caution.png);
}

.linkArea .inner dl dt {
    padding-bottom: 1rem;
}

.linkArea .inner dd ul li {
    line-height: 2.5;
    text-align: left;
}

.linkArea .inner dd ul li a {
    color: #323333;
    font-size: 1.1rem;
}

.linkArea .inner dd ul {
    padding: 1rem 0 0.5rem 1rem;
}


.linkArea .inner dd ul li a span {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    position: relative;
    background: #fed330;
    border-radius: 50%;
    margin-top: -5px;
    margin-right: 10px;
}

.linkArea .inner dd ul li a span:before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #39b34d;
    border-right: 2px solid #39b34d;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 33%;
    right: 0;
    left: 0;
    margin: 0 auto;
}


/******newsArea********************/
#news_link {
    display: block;
    margin-top: -50px;
    padding-top: 50px;

}
.newsArea {
    background-color: #d6f6fe;
    position: relative;

    padding: 8rem 0 15rem 0;
}
.newsArea:after {
content: '';
background-image: url(/src/img/common/machinami.png);
background-repeat: repeat-x;
width: 100%;
height: 170px;
position: absolute;
bottom: -2px;
left: 0;
}

.newsArea .illustArea span {
    position: absolute;
}

.newsArea .illustArea span.leaf {
    top: -10px;
    left: 0;
}

.newsArea .illustArea span.cloud03 {
    right: 0;
    width: 20%;
    top: 10%;
}

.newsArea .illustArea span.cloud01 {
    left: 10%;
    top: 5%;
}

.newsArea .illustArea span.cloud02 {
    left: 0%;
    top: 15%;
}

.newsArea .illustArea span.bird {
    top: 10%;
    right: 10%;
    z-index: 50;
}
.newsBox {
    max-width: 1024px;
    margin: 0 auto;
    border: #dbeff4 3px solid;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    padding: 4rem 2rem;
    z-index: 20;
}

.newsBox .titArea h2 {
    text-align: center;
    color: #2db14f;
    font-weight: 800;
    background-repeat: no-repeat;
    font-size: 1.7rem;
    background-position: center top;
    padding-top: 70px;
    background-image: url(/src/img/top/ico_news.png);
}

.newsBox .titArea:after {
    content: '';
    display: block;
    clear: both;
}

.newsBox .titArea .linkbtn {
    float: right;
    margin-right: 2rem;
}

.newsBox .titArea .linkbtn a {
    background: #2db14f;
    border: #2db14f 2px solid;
    color: #fff;
    padding: 0.4rem 2rem;
    border-radius: 30px;
    position: relative;
    font-size: 16px;
}

.newsBox .titArea .linkbtn a:after {
    content: '';
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #fad652;
    border-right: 2px solid #fad652;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 10px;
}
.news_list a {
    display: block;
    opacity: 1;
}
.news_list a dl {
    letter-spacing: -0.5rem;
    border-bottom: #c3cfc6 2px dotted;
    padding: 1.7rem 2.5rem 1.7rem 1rem;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.news_list dl dt {width: 13%;}
.news_list dl dt, .news_list dd {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    line-height: 1.6;
}

.news_list {
    padding-top: 1.5rem;
}

.news_list dl dt span {
    font-size: 0.95rem;
    text-align: center;
    padding: 0.3rem 0.5rem;
    border: #ccc 1px solid;
    border-radius: 5px;
    margin: 0 0.2rem;
    background-color: #fff;
}
.news_list dd {
    width: 68%;
    width: 85%;
    margin-left: 2%;
    position: relative;
}
.news_list a dd .arrow {
    width: 20px;
    height: 20px;
    background-color: #d5cb9c;
    position: absolute;
    border-radius: 50%;
    right: -25px;
    top: 25%;
}
.news_list a dd .arrow:after {
    content: '';
    position: absolute;
    top: 30%;
    right: 8px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.news_list a .important dd {
    width: 50%;
}

.news_list dl dt span.cate01 {
    border-color: #1895c4;
    color: #1895c4;
}

.news_list dl dt span.cate02 {
    border-color: #2bd14f;
    color: #2bd14f;
}

.news_list dl dt span.cate03 {
    border-color: #184dc4;
    color: #184dc4;
}

.news_list dl dt span.cate04 {
    border-color: #b6980e;
    color: #b6980e;
}
.news_list dl dt span.c_imp {
    background-color: #fb9b03;
    border-color: #fb9b03;
    color: #fff;
}

.news_list a dd {
    color: #3e3e3e;
}
.news_list dl dt .date {
    margin-right: 0.5rem;
    color: #2a80bd;
}

.news_list a .important dt, 
.news_list a .important dd a {
    color: #fb9b03;
}

.newsArea .btnArea h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
color: #4d4e4b;
}

.newsArea .btnArea h3 small {
    display: inline-block;
    margin: 0 -0.4rem;
    vertical-align: middle;
}

.newsArea .btnArea h3:before {
    content: '';
    background-image: url(/src/img/top/ico_shop.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 36px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7rem;
}

.newsArea .btnArea a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.15rem;
    color: #099f2f;
    background-color: #fff;
    padding: 1.32rem 3.5rem 1.3rem 2rem;
    border-radius: 6px;
    border: #80cba3 2px solid;
    margin-right: 1rem;
    position: relative;
    line-height: 1.4;
}
.newsArea .btnArea a:last-child {padding-right:4.5rem;}

.newsArea .btnArea a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #fed330;
    border-right: 3px solid #fed330;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 20px;
}

.btm_img {
position: relative;
padding-bottom: 35vw;
}
.btm_img:after {
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-image: url(/src/img/top/bg_btm.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    padding-bottom:35vw;
}


@media screen and (min-width: 1800px) {
.model_cont .case {
    background-size: 950px;
    background-position: left bottom -3rem;
}
}


@media screen and (min-width: 1025px) {
/********************************************
hover時
*********************************************/
.areamap_cont a:hover {
    background-color: #fff;
    border-color: #b7cef0;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}

.sim_cont .btn a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);

    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}
.newsArea .btnArea a:hover, 
.btnArea p a:hover, 
.case_cont a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}
.linkArea .inner dd ul li a:hover { color: #00ab42;}
.btnArea p a:hover img { opacity: 1.0;}

.newsBox .titArea .linkbtn a:hover {
    color: #2db14f;
    background-color: #fff;
    border: #6fd188 2px solid;
}

.news_list a dl:hover {
    background-color: #ffffec;
}

}

@media screen and (max-width: 1200px) {
.model_cont .intro .text:before {
    left: -100px;
    bottom: -120px;
    background-size: 180px;
}
}


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

/****** intro ********************/
.intro .slider li.slider01, 
.intro .slider li.slider02, 
.intro .slider li.slider03,
.intro .slider li.slider04, 
.intro .slider li.slider05, 
.intro .slider li.slider06,
.intro .slider li.slider07,
.intro .slider li.slider08,
.intro .slider li.slider09{
    height: 427.2px;
    max-width: 819.2px;
}
.intro {
    margin-top: 140px;
}
.impArea {
    max-width: 95%;
}
.cloudArea span {
    width: 30%;
    display: block;
}

.cloudArea span:first-child {
    margin-top: 2rem;
}

/****** siru_cont tit ********************/
.siru_cont .titArea .inner, .tsukau_cont .titArea .inner{
    padding: 3rem 0 2rem 0;
}
.siru_cont h1:before, .tsukau_cont h1:before{
    background-size: 65px;
}
.siru_cont .titArea .sub_tit, 
.tsukau_cont .titArea .sub_tit {
    width: 53%;
}
.titArea .bird {
    right: 0;
}
.siru_cont .titArea .sub_tit span{ display:inline;}

.siru_cont .titArea .window {
    width: 10%;
}

.siru_cont .titArea .lamp {
    width: 6%;
    top: -30px;
}


.siru_cont .titArea .tv {
    width: 20%;
}


/****** merit_cont ********************/
.merit_cont ul li .text {
    line-height: 1.5;
    margin: 1.5rem auto 0.5rem;
    font-size: 15px;
}
.merit_cont .inner {
    width: 97%;
}

.merit_cont h2 {
    margin-top: -70px;
}

.green_bg {
    padding-top: 5rem;
}

.merit_cont ul li .merit_box {
    width: 210px;
    height: 210px;
    border-width: 6px!important;
}

.merit_box .tit {
    font-size: 2.2rem;
    padding-top: 70px;
}

.merit_cont ul li.merit02 .merit_box:before {
    left: -30px;
    bottom: -20px;
    bottom: -20px;
}

.merit_cont ul li.merit03 .merit_box:before{
    right: -20px;
    bottom: -10px;
}
.merit_cont ul li.merit04 .merit_box:before{
    right: -20px;
    bottom: -20px;
}

.merit03 .merit_box .tit {
    font-size: 1.7rem;
    letter-spacing: 0;
}

/****** mysalaArea ejanArea co2FreeArea setsuden2022Area ********************/
.mysalaArea, .ejanArea, .co2FreeArea, .setsuden2022Area, .ecoChallengeArea, .ecoSmaArea, .greenReformArea {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 3rem;
}


/****** model_cont ********************/
.model_cont .tit_box {
    max-width: 90%;
    position: initial;
}

.model_cont .tit_box .main_tit i {
    width: 15%;
    top: -80px;
    right: -50px;
}
.model_cont .case .result li {
    padding: 0 0.8rem;
}

.model_cont .case .result li:first-child {
    padding-top: 1rem;
}

.model_cont .case .result .tit {
    font-size: 15px;
    padding: 0.3rem 2rem;
}
.model_cont .tit_box .sub_tit {
    font-size: 1.5rem;
    padding-bottom: 0;
}

.model_cont .tit_box .main_tit {
    font-size: 2.5rem;
    line-height: 1.4;
}
.model_cont .tit_box:after {
    right: 10px;
    background-size: 70px;
}

.model_cont .tit_box .main_tit .green {
    font-size: 3rem;
}

.model_cont .tit_box:before {
    left: 1%;
    width: 14%;
    background-size: 100%;
}

.model_cont .intro .text {
    padding-left: 3rem;
    width: 60%;
}
.model_cont .intro .text:before {
    left: 300px;
    background-size: 150px;
    bottom: -200px;
}

.model_cont .photo {
    width: 40%;
    margin-top: 3%;
}

.model_cont .photo:after {
    content: none;
}
.model_cont .case {
    background-size: 85%;
    background-position: left -6rem bottom;
}

.model_cont .case .casetit_box .ico {
    width: 15%;
    top: -20px;
    left: 50px;
}

.model_cont .case .case_box h3 {
    font-size: 1.9rem;
    padding-left: 2rem;
}
.model_cont .case .inner {
    width: 100%;
    padding-top: 50px;
}
.case_cont a {
    font-size: 1.1rem;
    padding: 1.3rem 5rem;
    border-width: 3px;
}



/****** about_btn ********************/
.about_btn {
    margin-bottom: 5rem;
    width: 80%;
}

.areamap_cont {
    width: 95%;
    padding: 10px 10px 10px 20px;
}


/****** sim_cont ********************/
.blue_bg .btnArea {
    max-width: 90%;
    height: 90px;
}

.blue_bg {
    padding-bottom: 3rem;
}
.sim_cont .inner {
    width: 100%;
}

.sim_cont h2 {
    font-size: 2.5rem;
}

.sim_cont .orange {
    font-size: 3rem;
}

.sim_cont .illustArea span:first-child {margin-left: 1rem;}

.sim_cont .illustArea span:first-child:after {
    left: -10px;
    width: 100%;
    top: -80%;
    -webkit-transform: translateY(-10%) rotate(10deg);
    transform: translateY(-10%) rotate(10deg);
}

.sim_cont .illustArea span:last-child {
    width: 17%;
    margin-right: 0;
}

.sim_cont .btn a {
    font-size: 1.5rem;
}

.sim_cont .sub_tit {
    font-size: 1.5rem;
}

.sim_cont .illustArea {
    top: 25%;
}
.sim_btnArea {
    width: 85%;
}
.sim_cont .btn a .sub {
    font-size: 1.1rem;
}

/****** btnArea ********************/
.btnArea p a .ico {
    width: 15%;
    left: 5%;
}

.btnArea p.btn_mk a {
    padding: 1.8rem;
    font-size: 1.3rem;
}

.linkArea .inner dl {
    padding: 1.5rem 0.5rem;
    width: 49%;
}

.linkArea .inner dl dt h2 {
    font-size: 1.5rem;
    background-size: 70px;

    padding-top: 70px;
}

.linkArea .inner {
    width: 90%;
}

.linkArea .inner dd ul {
    padding: 1rem 0 0 0.8rem;
}
.linkArea .inner dd ul li a { font-size:1rem;}
.btnArea p.btn_flow a {
    padding: 1rem 2rem;
    font-size: 1.3rem;
}


/****** areamap_cont ********************/
.areamap_cont h2 {
    font-size: 1.7rem;
}


/****** newsArea ********************/
.newsArea {
    padding: 6rem 1rem;
}

.newsArea .illustArea span.cloud01 {
    top: 3%;
    left: 7%;
}

.newsArea .illustArea span.cloud02 {
    display: none;
}

.newsArea .illustArea span.cloud03 {
    top: 3%;
    width: 25%;
}

.newsArea .illustArea span.bird {
    top: 10%;
    right: 0;
}

.newsBox {
    padding: 3rem 1rem;
    width: 95%;
}

.news_list a dl {
    padding: 1.2rem 0.5rem 1.2rem 1rem;
}

.news_list dl dt, .news_list dd {
    font-size: 16px;
}

.news_list dd {
    width: auto;
    width: 82%;
}

.newsArea .btnArea h3 {
    font-size: 1.3rem;
}
.newsArea .btnArea a, 
.newsArea .btnArea a:last-child { font-size: 1.1rem;}

}

@media screen and (max-width: 800px) {
.intro .slider li.slider01, 
.intro .slider li.slider02, 
.intro .slider li.slider03, 
.intro .slider li.slider04, 
.intro .slider li.slider05, 
.intro .slider li.slider06,
.intro .slider li.slider07,
.intro .slider li.slider08,
.intro .slider li.slider09{
background-position:center; 
}	

.intro .slider li.slider01 {
    background-image: url(/src/img/top/slider01_sp.jpg);
}
.intro .slider li.slider02 {
    background-image: url(/src/img/top/slider02_sp.jpg);
}
.intro .slider li.slider03 {
    background-image: url(/src/img/top/slider03_sp.jpg);
}
.intro .slider li.slider04 {
    background-image: url(/src/img/top/slider04_sp.jpg);
}
.intro .slider li.slider05 {
    background-image: url(/src/img/top/slider05_sp.jpg);
}
.intro .slider li.slider06 {
    background-image: url(/src/img/top/slider06_sp.jpg);
}
.intro .slider li.slider07 {
    background-image: url(/src/img/top/slider07_sp.jpg);
}
.intro .slider li.slider07.campaignLaunch {
    background-image: url(/src/img/top/slider07_sp_campaignlaunch.jpg);
}
.intro .slider li.slider08 {
    background-image: url(/src/img/top/slider08_sp.jpg);
}
/* Add:20250904 end 20251130 */
.intro .slider li.slider09 {
    background-image: url(/src/img/top/slider09_sp.jpg);
}


.intro .slider li.slider01,
.intro .slider li.slider02,
.intro .slider li.slider03,
.intro .slider li.slider04,
.intro .slider li.slider05,
.intro .slider li.slider06,
.intro .slider li.slider07,
.intro .slider li.slider08,
.intro .slider li.slider09{
    max-width: 600px;
    height: 420px;
}
.merit_cont ul li .merit_box {
    width: 180px;
    height: 180px;
}

.merit_cont ul li .merit_box:before {
    bottom: -30px;
}

.merit_cont ul li.merit01 .merit_box:before {
    background-size: 50px;
}

.merit_cont ul li.merit02 .merit_box:before {
    background-size: 70px;
    bottom: -30px;
}

.merit_cont ul li.merit03 .merit_box:before {
    background-size: 42px;
    bottom: -40px;
}

.merit_cont ul li.merit04 .merit_box:before {
    background-size: 60px;
    bottom: -40px;
}
.merit_box .tit small {
    font-size: 1.3rem;
}
.merit_box .tit {
    padding-top: 50px;
    font-size:2rem;

}
.merit03 .merit_box .tit {font-size:1.6rem;}
.merit_cont ul li.merit01 .merit_box:before {
    background-size: 60px;
}

.merit_cont ul li .merit_box:before {
    bottom: -20px;
}
.sim_cont .illustArea {
    top: 0;
}
.sim_cont .illustArea span:first-child {
    margin-left: 0;
}
}
@media screen and (max-width: 750px) {
/****** intro ********************/

.slick-dots li {
    width: 11px;
    height: 11px;
}

.slick-dots {
    top: 105%;
}

.intro {
    margin-top: 102px;
}
.cloudArea {
    top: 14%;
}

/****** siru_cont tit********************/
section.siru_cont {
    margin-top: 3rem;
}

.siru_cont h1, .tsukau_cont h1 {
    font-size: 1.5rem;
}
.roof {
    width: 300px;
    height: 50px;
}

.siru_cont .titArea .inner, 
.tsukau_cont .titArea .inner {
    width: 100%;
    padding: 4rem 0 2rem 0;
}

.roof:after {
    border-width: 0 150px 50px 0;
}

.roof:before {
    border-width: 50px 150px 0 0;
}

.siru_cont .titArea .sub_tit, .tsukau_cont .titArea .sub_tit {
    display: none;
}

.siru_cont .titArea .sub_tit span, .tsukau_cont .titArea .sub_tit span {
    display: inline;
}

.siru_cont h1:before {
    background-size: 50px;
}

.siru_cont .titArea .logo, .tsukau_cont .titArea .logo {
    width: 150px;
    background-size: 150px;
    background-position: top 5px center;
}
.siru_cont .titArea .window {
    width: 10%;
    left: 30px;
    top: 5px;
}

.siru_cont .titArea .lamp {
    width: 10%;
    top: -20px;
    right: 20%;
}

.siru_cont .titArea .tv {
    width: 20%;
    right: 0;
}

.siru_cont h1 em, .tsukau_cont h1 em {
    font-size: 3rem;
}

.titArea .bird {
    top: -50px;
    width: 11%;
}

/****** merit_cont ********************/
.merit_cont ul li {
    width: 50%;
    margin-top: 2rem;
}

.merit_cont ul li .merit_box {
    margin: 0 auto;
    height: 260px;
    width: 260px;
    /* border-width: 5px!important; */
}

.merit_cont h2 {
    background-image: url(/src/img/top/iikoto_tit_sp.png);
    background-size: 100%;
    padding: 12% 0;
    width: 60%;
    margin-top: -60px;
    /* margin-bottom: 15px; */
}
.merit_cont h2:before, .merit_cont h2:after {
    background-size: 30px;
}

.merit_cont h2:after {
    right: -20px;
    top: 30px;
}

.merit_cont h2:before {
    left: -30px;
}

.merit_box .tit {
    padding-top: 80px;
    font-size: 3rem;
}

.merit_box .tit small {
    font-size: 1.5rem;
}

.merit_cont ul li .text {
    font-size: 15px;
    text-align: center;
    width: 60%;
}


.merit_cont ul li.merit02 .merit_box:before {
    background-position: right center;
    background-size: 90px;
}

.merit03 .merit_box .tit {
    font-size: 2.2rem;
}

.merit_cont ul li.merit03 .merit_box:before {
    bottom: -10px;
    background-position: bottom;
    background-size: 50px;
}

.merit_cont ul li.merit04 .merit_box:before {
    background-position: bottom;
    background-size: 70px;
    bottom: -20px;
}
.green_bg {
    padding-bottom: 3rem;
}
.green_bg .more_btn a {
    padding: 1.2rem 3.5rem;
    font-size: 1rem;
}

/****** model_cont ********************/

.model_cont {margin-top: 2.5rem;z-index: 200;}
.model_cont .tit_box .sub_tit {
    font-size: 1.5rem;
}

.model_cont .tit_box:before {
    content: none;
}

.model_cont .tit_box {
    max-width: 90%;
    margin: 0 auto;
}

.model_cont .tit_box .main_tit {
    padding: 1.2rem 0 1.2rem 0;
    font-size: 2.5rem;
    line-height: 1.2;
}
.model_cont .tit_box .main_tit em {display: block;}
.model_cont .tit_box .main_tit .green {
    font-size: 2.3rem;
}
.model_cont .tit_box .main_tit span {
    letter-spacing: 3px;
}

.model_cont .tit_box .main_tit .block {
    display: block;
}

.model_cont .tit_box .main_tit i {
top: inherit;
bottom: 0;
right: 1%;
width: 9%;
}

.model_cont .intro .text {
    padding: 0 0 0 2rem;
    line-height: 1.8;
    width: 100%;
}
.model_cont .tit_box:after {
    top: -30px;
}
.model_cont .intro .text:before {
    content: none;
}



.model_cont .photo {
    width: 50%;
    float: right;
    margin-right: 5rem;
}

.model_cont .case {
    background-image: url(/src/img/model/model01_bg_sp.jpg);
    background-position: bottom -2rem center;
    background-size: 124%;
    padding-bottom: 95%;
}

.model_cont .case .case_box {
    float: none;
    width: 95%;
    margin: 0 auto;
    z-index: 100;
    padding-top: 50px;
}

.case_cont .btn {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
}
.case_cont a {
    font-size: 1rem;
    padding: 1.2rem 0;
    display: block;
}

.model_cont .case .casetit_box .ico {
    left: 5%;
    top: -10px;
}

.model_cont .case .case_box h3 {
    font-size: 1.7rem;
    padding-bottom: 5px;
    background-size: 100%;
    width: 90%;
    margin: 0 auto;
}

.model_cont .case .result .tit {
    padding: 0.5rem 2rem;
    margin-bottom: 0.5rem;
    font-size: 16px;
    font-weight: 600;
}
.model_cont .case .result .img {
    padding: 0.5rem;
}
.model_cont .case .result li .img img {
    width: 90%;
    margin: 0 auto;
}
.model_cont .case .case_list li {
    position: relative;
    width: 49%;
    float: left;
    display: inherit;
    margin-bottom: 1rem;
}

.model_cont .case .case_list li:first-child {
    width: 49%;
    float: left;
}

.model_cont .case .case_list {
    width: 95%;
    margin: 3rem auto 0 auto;
}

.model_cont .case .case_list li h4 {
top: -0.7rem;
font-size: 20px;
text-shadow: 2px 2px 0 #faf8e1, 
-2px -2px 0 #faf8e1, 
-2px 2px 0 #faf8e1, 
2px -1px 0 #faf8e1, 
0px 1px 0 #faf8e1, 
0-1px 0 #faf8e1,
-1px 0 0 #faf8e1, 
1px 0 0 #faf8e1;
}

.model_cont .case .case_list li:last-child {
    float: right;
    margin: 0;
    padding: 0;
    width: 49%;
}

.model_cont .case .result {
    width: 95%;
}
.model_cont .case .result li {
    padding: 0 2rem;
}
.model_cont .case .result li.total p {
    width: 80%;
}
.model_cont .case .result li:first-child {
    padding-top: 2rem;
}
.model_cont .photo:after {
    content: '';
    position: absolute;
    background-image: url(/src/img/top/fukidashi.png);
    width: 161px;
    height: 79px;
    background-repeat: no-repeat;
    top: 110px;
    right: 10px;
}
.skysecond {
    padding-top: 4rem;
    /* position: relative; */
}

/* 2023.12.01 add */
.model_cont .case .result li.note{}
.model_cont .case .result li.note .note_list{}
.model_cont .case .result li.note .note_list:before,
.model_cont .case .result li.note .note_list:after{}
.model_cont .case .result li.note .note_item{
  font-size: 1rem;
  line-height: 1.5;
  }
.model_cont .case .result li.note .note_item:first-child{}
.model_cont .case .result li.note .note_item.halfNumber{
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
  }
/* 2023.12.01 add Fin */

/****** about_btn ********************/

.about_btn {
    width: 95%;
    margin-bottom: 3rem;
border-width: 3px;
}

.about_btn a {
    padding: 50px 0 50px 10px;
    font-size:1.1rem;
}

.about_btn .logo {
    background-size: 140px;
    width: 140px;
    background-position: center;
    height: 25px;
    margin-top: -5px;
}
.about_btn em:after {
    margin-left: 5px;
    width: 8px;
    height: 8px;
}
.about_btn .img { width: 52%; }

/****** tsukau_cont tit ********************/
.skysecond .cloudArea {
    top: 10%;
}
.skysecond .cloudArea span:last-child {
    display: none;
}

.cloudArea span:nth-child(2) {
    width: 35%;
}
.tsukau_cont .titArea .illust.lamp {
    left: 0;
    width: 9%;
}
.tsukau_cont h1:before {
    background-size: 50px;
    top: -110px;
}
.tsukau_cont .titArea .window {
    width: 10%;
    top: 5px;
    right: 15%;
}

.tsukau_cont .titArea .sofa {
    right: 0;
    width: 18%;
}

.blue_bg {
    padding: 1.5rem 0 2rem 0;
}


/****** areamap_cont ********************/
.areamap_cont h2 .ico {
    width: 10%;
}

.areamap_cont .textArea {
    padding-top: 0;
    width: 100%;
}

.areamap_cont {

    border-width: 4px;
    width: 92%;
    padding: 20px 10px 0 10px;
    position: relative;
}

.areamap_cont h2 em {
    width: 85%;
}

.areamap_cont h2 {
    font-size: 1.3rem;
}

.areamap_cont .sub_text {
    font-size: 14px;
line-height: 1.5;
}

.areamap_cont .imgArea {
    width: 100%;
    margin-bottom: 3rem;
    height: 200px;
}
.areamap_cont a {
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5%;
    text-align: center;
    font-size: 1rem;
    padding: 0.7rem 3rem;
}


/****** sim_cont ********************/
.sim_cont .sub_tit {
    font-size: 1.3rem;
    background-size: 100%;
    background-position: center;
}

.sim_cont .sub_tit:after {
    background-size: 35px;
}

.sim_cont h2 {
    font-size: 2.2rem;
    letter-spacing: 1px;
    line-height: 1.3;
}

.sim_cont h2 .block {
    display: block;
}

.sim_cont .orange {
    font-size: 2.3rem;
    padding: 0 0.2rem;
}

.sim_cont {
    padding: 1rem 0 1rem 0;
    margin-bottom: 2.5rem;
}

.sim_cont .inner {
    padding: 0;
}

.sim_cont .illustArea {
    top: 20%;
}

.sim_cont .illustArea span:first-child {
    width: 17%;
    margin-left: 0.5rem;
    margin-top: 1.1rem;
}

.sim_cont .illustArea span:first-child:after {
    content: none;
}

.sim_cont .illustArea span:last-child {
    width: 25%;
    margin-top: 1.5rem;
}
.sim_btnArea {
    width: 100%;
}

.sim_cont .btn strong {
    font-size: 1.6rem;
}

.sim_cont .btn strong em {
    font-size: 1.5rem;
}

.sim_cont .btn a .sub {
    font-size: 15px;
}
.sim_cont .btn .ico {
    width: 5%;
    margin-top: -5px;
}

.sim_cont .sim_btnArea a strong:after {
    width: 8px;
    height: 8px;
    border-width: 3px;
}

/****** linkArea ********************/
.btnArea p {
    display: block;
    width: 90%;
    margin: 1rem auto;
}

.btnArea p a .ico {

    width: 8%;
    left: 28%;
}

.blue_bg .btnArea {
    height: auto;
    max-width: 100%;
}

.btnArea p.btn_flow a {
    padding: 1rem 2rem;
}

.btnArea p.btn_flow a {
    font-size: 1.1rem;
}

.btnArea p.btn_mk a {
    padding: 1.3rem;
    font-size: 1.1rem;
}

.btnArea p a:after {
    width: 8px;
    height: 8px;
    border-width: 2px;
}

.linkArea .inner {
    width: 95%;
}

.linkArea .inner dl {
    float: none;
    width: 100%;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0;
    border-width: 2px;
}

.linkArea .inner dl dt, .linkArea .inner dl dd {
    float: left;
}

.linkArea .inner dd {
    border-top: none;
    border-left: #dce3be 3px dotted;
    width: 65%;
}
.linkArea dl.soon dd p {
    font-size: 1.2rem;
    left: 50%;
    top: 40%;
}
.linkArea .inner dl dt {
    width: 35%;
    margin-bottom: 0;
    padding: 1.1rem 0;
    background-color: #f1fcf4;
}

.linkArea .inner dd ul {
    padding: 1rem 0 1rem 1rem;
}

.linkArea .inner dd ul li a {
    font-size: 0.95rem;
}

.linkArea .inner dd ul li a span {
    width: 20px;
    height: 20px;
}

.linkArea .inner dd ul li a span:before {
    top: 30%;
    width: 5px;
    height: 5px;
}

.linkArea .inner dl dt h2 {
    font-size: 1rem;
    background-size: 50px;
    padding-top: 55px;
}

.linkArea {
    padding: 2rem 0 1rem 0;
}


/****** newsArea ********************/

.newsArea:after {
    background-size: 290%;
    background-position: bottom center;

}
.newsArea .illustArea span.leaf {
    width: 40%;
    z-index: 20;
}

.newsArea .illustArea span.bird {
    width: 17%;
    top: 10%;
}

.newsArea {
    padding: 6rem 1rem 8rem 1rem;
}

.newsArea .illustArea span.cloud03 {
top: 2%;
width: 30%;
}

.newsBox {
    padding: 1.2rem 1rem;
    width: 100%;
}

.newsBox .titArea h2 {
    font-size: 1.5rem;
    background-size: 60px;
    background-position: left center;
    padding: 30px 0 30px 70px;
    text-align: left;
}

.titArea {
    position: relative;
    padding-left: 0.5rem;
}

.newsBox .titArea .linkbtn {
    position: absolute;
    right: 0;
    bottom: -10px;
    margin-right: 0;
}
.newsBox .titArea .linkbtn a {
    padding: 0.3rem 2rem;
	font-size: 14px;
}
.news_list {
    padding-top: 1rem;
}
.news_list dl dt {
    display: block;
    width: 100%;
}
.news_list dl dt, .news_list dd {
    font-size: 15px;
}
.news_list dl dt span {
    font-size: 0.8rem;
}
.news_list dd {
    margin-left: 0;
    width: 95%;
    font-size: 14px;
}

.news_list a dl {
    padding: 1rem 0.5rem 1rem 0.5rem;
}

.news_list a:last-child dl {
    border-bottom: none;
}
.newsArea .btnArea h3 {
    font-size: 1.15rem;
    margin-bottom: 0;
}

.newsArea .btnArea a {
    display: block;
    margin: 0.5rem auto;
    padding: 0.9rem 5.2rem 0.9rem 1.5rem;
    width: 90%;
    font-size: 1.1rem;
    line-height: 1.3;
}

.newsArea .btnArea h3:before {
    width: 32px;
}

/****** btm_img ********************/
.btm_img {
height: 250px;
padding-bottom: inherit;
}

.btm_img:after {
background-image: url(/src/img/top/bg_btm_sp.jpg);
background-size: 100%;
height: 100%;
background-attachment: inherit;
top: 0;
bottom: inherit;
background-position: top center;
}


}

@media screen and (max-width: 580px) {
.model_cont .photo:after {
    content: none;
}
}
@media screen and (max-width: 480px) {
.intro .slider li.slider01, 
.intro .slider li.slider02, 
.intro .slider li.slider03, 
.intro .slider li.slider04, 
.intro .slider li.slider05,
.intro .slider li.slider06,
.intro .slider li.slider07,
.intro .slider li.slider08,
.intro .slider li.slider09{
    max-width: 370px;
    height: 260px;
	width: 100%;
}
.merit_cont ul li {
    margin-top: 1.5rem;
}
.merit_cont ul li .merit_box .num {
    background-size: 50px;
}

.merit_cont ul li .merit_box {
    height: 170px;

    width: 170px;
}
.merit_cont ul li .text {
    font-size: 14px;
    text-align: left;
    width: 85%;
}
.merit_box .tit {
    padding-top: 50px;
    font-size: 2rem;
}
.merit03 .merit_box .tit {
    font-size: 1.5rem;
}
.ejanArea img, 
.mysalaArea img {
    border-width: 3px;
}

.ejanArea {
    padding-top: 2rem;
}
.co2FreeArea {
    padding-top: 2rem;
}
.setsuden2022Area {
    padding-top: 2rem;
}
.ecoSmaArea {
    padding-top: 2rem;
}

.model_cont .case .case_list {
    margin-top: 2rem;
}
.model_cont .case .case_list li h4 {
    font-size: 16px;
}
.model_cont .case .inner {
    padding-top: 75px;
}
.model_cont .case {
    padding-bottom: 350px;
    margin-top: -6rem;
}
.model_cont .tit_box:after {
    right: -40px;
    background-size: 50px;
    top: -20px;
}

.model_cont .tit_box .main_tit {
    font-size: 2.15rem;
    letter-spacing: 4px;
    line-height: 1.15;
}

.model_cont .case .case_box {
    padding-bottom: 30px;
}

.case_cont a {
    padding: 1.1rem 0;
}
.model_cont .tit_box .sub_tit {
    font-size: 1.2rem;
}
.model_cont .intro .text {
    padding-left: 2rem;
    font-size: 14px;
    padding-top: 0;
    padding-right: 2rem;
}
.model_cont .photo:after {
    content: none;
}
.model_cont .photo {
width: 68%;
margin-right: 1rem;
height: 180px;
margin-top: 0;
overflow: hidden;
}
.areamap_cont .sub_text .block {
    display: block;
}

.areamap_cont .sub_text {padding-left: 12%;}
.newsBox {
    padding: 0.8rem;
}
.news_list {
    padding-top: 0.5rem;
}
.linkArea .inner dl:last-child dd ul li {
    line-height: 1.8;
    text-indent: -2rem;
    padding-left: 2rem;
}

.linkArea .inner dl:last-child dt {
    padding: 2.2rem 0;
}
.newsArea .btnArea a, 
.newsArea .btnArea a:last-child {
    font-size: 0.95rem;
    padding: 0.9rem 3rem 0.9rem 1.5rem;
}
.areamap_cont h2 .ico {
    width: 15%;
}

.siru_cont .titArea .lamp {
    width: 15%;
}

.siru_cont .titArea .tv {
    width: 30%;
}

.siru_cont .titArea .window {
    width: 15%;
}
.merit_cont ul li.merit01 .merit_box:before {
    background-size: 50px;
    bottom: -30px;
}

.merit_cont ul li.merit02 .merit_box:before {
    background-size: 60px;
}

.merit_cont h2 {
    width: 80%;
    margin-bottom: 15px;
}

.merit_cont ul li.merit03 .merit_box:before {
    background-size: 40px;
    bottom: -20px;
}

.merit_cont ul li.merit04 .merit_box:before {
     background-size: 50px;
}

.model_cont .case .result .img {
    padding: 0;
}

.model_cont .case .result li {
    padding: 0 0.7rem;
}

.model_cont .case .result .tit {
    font-size: 14px;
    padding: 0.3rem 1rem;
}

.about_btn a {
    padding: 40px 0 40px 10px;
}

.about_btn .logo {
    background-size: 130px;
    width: 135px;
}

.tsukau_cont .titArea .window {
    width: 13%;
    right: 5%;
}

.tsukau_cont .titArea .sofa {
    width: 25%;
}

.tsukau_cont .titArea .illust.lamp {
    width: 15%;
}

.areamap_cont .textArea {
    width: 100%;
}

.sim_cont .sub_tit {
    font-size: 1.1rem;
}
.sim_cont .illustArea {
    top: 15%;
}

.sim_cont h2 {
    font-size: 1.8rem;
}

.sim_cont .orange {
    font-size: 1.9rem;
}

.sim_btnArea p {
    float: none;
    width: 90%;
    margin: 0.5rem auto;
}

.sim_cont .btn strong {
    font-size: 1.5rem;
    padding: 0.2rem 1rem;
}

.sim_cont .btn strong em {
    font-size: 1.2rem;
}

.sim_cont .btn a .sub {
    font-size: 14px;
    padding: 0.3rem;
}
.btnArea p a .ico {
    width: 13%;
    left: 10%;
}

}