
:root {
--color-p1: #2694ec;/*基本のブルー*/
--color-p2: #5fb7e8;/*フッタのブルー*/
--color-p3: #025296;/*基本のブルー*/
--color-p4: #0b4086;/*基本のブルー*/
--color-p5: #6087ca;/*基本のブルー*/
}
  
  
img	{width: 100%;height: auto;line-height: 0}
a:hover	{opacity: 0.5;transition: all 0.5s;}
p	{margin-bottom: 1em}
p.none	{margin-bottom: 0}

ul{list-style-type: none}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}

/*改行*/
.pconly{display:inline}
.w48,.w64,.w768,.w980{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:980px){.w980{display:inline}}
@media screen and (max-width:768px){.w768{display:inline}}
@media screen and (max-width:640px){.w64{display:inline}.w64none{display:none}}
@media screen and (max-width:480px){.w48{display:inline}}

.cwrap	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 640px) {.cwrap	{max-width: auto;margin: 0 4%;}}

.cwrap-s	{max-width: 653px;margin: 0 auto;}



*,html	{box-sizing: border-box}

body{background: url(../image/background.jpg) no-repeat;background-size: 100% auto;background-attachment: fixed;background-position: -2%;border-top: 25px solid var(--color-p1);font-family: 'Noto Serif JP', serif;font-size: 18px;line-height: 180%;font-weight: 600;text-align: center;word-break: break-all;text-align: center;}

@media screen and (max-width:1169px){body{border-top: 50px solid var(--color-p1);}}
@media screen and (max-width:980px){body{background-size: 95% auto;background-position: 50% -15%}}
@media screen and (max-width:767px){body{background-size: 960px auto;}}

/*---------------------------
　HEADER
---------------------------*/

.head-logo  {padding: 30px 0 22px 0;color: var(--color-p1);font-size: 1.25rem;text-align: center;}
.head-logo  img{width: auto;margin: 0 auto;}

@media screen and (max-width:960px){
.head-logo  {height: 270px;padding: 0;}
}

@media screen and (max-width:767px){
.head-logo  {height: 310px;padding: 20px 0 0 0;}
.head-logo.index-header{height:300px;}
.head-logo  {font-size: 29px;}
}


.main-contents  {width: 960px;margin: 0 auto 60px auto;padding:0 20px 120px 20px;background: #fff;}

.main-contents.sdgs-page  {padding:0 20px 20px 20px;}
.main-contents.history-page  {padding:0 20px 0 20px;}
.main-contents.welfare-page   {padding:0 20px 30px 20px;}
.main-contents.contact-page{padding:0 20px 30px 20px;}

@media screen and (max-width:960px){
.main-contents  {width: 100%;margin: 0;border-top: 1px solid #fff;}

.main-contents.sdgs-page  {padding: 5px 20px 20px 20px;}
.main-contents.history-page  {padding:0 20px 0 20px;}

.main-contents.product-page {padding:0 20px 30px 20px;}
.main-contents.privacy-page {}
}

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

}












.gnav   {position:relative;display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.gnav   a{display: block;padding: 14px;background: var(--color-p1);color: #fff;font-size: 0.95rem;font-weight: 700;text-decoration: none;}
.gnav   .on   a{background:#fff;color:  var(--color-p1);}

@media screen and (max-width: 1169px){
.gnav	{display:block;}
.gnav{position:fixed;z-index:1;top:-120%;left: 0;width:100%;height:100vh;transition:all .6s}/*right:-120%;*/
.gnav.panelactive{top: 50px}/*right:0*/
.gnav li    {text-align: left;border-bottom: 1px solid #666;}
.gnav li a{display:block;padding: 15px 10px;font-size: 1.0rem;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.gnav li a:hover{background: #fff;color: var(--color-p1); opacity: 1}

.openbtn{position:absolute;top: 0;right: 0;z-index:2;cursor:pointer;width:50px;height:50px;background:#1e77bd;}
.openbtn span{position:absolute;left:14px;height:3px;display:inline-block;transition:all .4s;border-radius:2px;background:#fff;width:45%}
.openbtn span:nth-of-type(1){top:15px}
.openbtn span:nth-of-type(2){top:23px}
.openbtn span:nth-of-type(3){top:31px}
.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}
.openbtn.active span:nth-of-type(2){opacity:0}
.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}
}


/*---------------------------
　main-contents
---------------------------*/

/*---------------------------
　CSV
---------------------------*/

.foot-sns   {display: flex;width: 100%;padding: 100px 0 50px;}
.foot-sns   p   {flex-basis: 50%;}
.foot-sns   a{display: block;color: #000;font-size: 0.8rem;text-decoration: none;line-height: 1.2em;}

.instagram2  img{width: auto;margin: 0 auto;}
.note2 img{width: auto;margin: 0 auto;}

.foot-contact   {padding: 1em;color: var(--color-p1);font-size: 1.01rem;font-weight: 700;}
.foot-contact p:first-child  {display: block;margin-bottom: 3em;padding-bottom: 1em;border-bottom: 1px solid var(--color-p1);}
.foot-contact p a  {padding: 9px 28px;background: var(--color-p1); color: #fff;font-size: 0.83rem;text-decoration: none;letter-spacing: 0.05em;border-radius: 25px;}

.foot-contact.middle   {margin-bottom: 300px;}
.foot-contact.middle  p:first-child  {margin-bottom: 2em;padding-top: 1em;border-top: 1px solid var(--color-p4);border-bottom: none;color: var(--color-p5)}

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

.foot-sns   {display: block;padding: 50px 0;}
.foot-sns.top-footer    {padding: 20px 0;}

.foot-contact p a  {display: block;width: 50%;margin: 0 auto}

.instagram2 {margin-bottom: 70px;}
.foot-sns.top-footer   .instagram2  {margin-bottom: 20px;}
.foot-sns .instagram2  img{margin: 0 auto -10px auto;}

.instagram2 .br{display: none}

.foot-contact.middle   {margin-bottom: 140px;}

}

@media screen and (max-width:480px){
.foot-contact p a  {width: 100%;}
}

/*---------------------------
　FOOTER
---------------------------*/

#footer {padding: 30px;background: var(--color-p2);color: #fff;font-size: 1rem;}
#footer a {color: #fff;text-decoration: none;}

.fotter-inner   {max-width: 960px;margin: 0 auto;text-align: left;}
.fotter-info-wrap   {display: flex;}
.footer-in  {flex-basis: 25%}
.footer-info    {flex-basis: 75%}

.fotter-info-wrap   {margin-bottom: 30px;}
.footer-in  {text-align: center;}
.instagram  {margin-bottom: 40px;}
.instagram  img{width: auto;margin: 0 auto;}
.note img{width: auto;margin: 0 auto;}


.footer-info    {}
.footer-info   ul {margin-bottom: 1em}

.pp-copyright   {padding: 0 2%;font-size: 0.7em;}
#footer .pp-copyright  a{color: #ccc;border-bottom: 1px solid #ccc;}

@media screen and (max-width:767px){
.footer-in  {margin-bottom: 30px;}
.fotter-info-wrap   {display: block;}
}

/*---------------------------
　PAGETOP
---------------------------*/

.pagetop{position: fixed;display: block;bottom: 50px; right: 50px;margin: 0;text-align: right;z-index: 1000;}
.pagetop    a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
background: rgba(0,0,0,0.53); color: #ccc;width: 30px;height: 30px;line-height: 0px;text-align: center;font-size: 180%;text-decoration: none;border-radius: 5px;}
.pagetop    a:hover    {color: #ccc;}

@media screen and (max-width:767px){
.pagetop{bottom: 10px; right: 10px;}
.pagetop    a{width: 45px;height: 45px;}
.pagetop    span{display: none}
.pagetop    a   i{margin-right:0;}
}

/*---------------------------
　HOME
---------------------------*/

/*“あしたはもっと素晴らしい” */
.home-catch {padding: 100px 0 40px 0;color: var(--color-p1);font-weight: 700}
.home-catch .catch01 {font-size: 24px;margin-bottom: 40px;}
.home-catch .catch02 {font-size: 18px;}
.home-catch .catch02 span{font-size: 22px;}

@media screen and (max-width:767px){
.home-catch {padding: 70px 0 40px 0;}
}

/*Kikumi Kou*/
.home-profile {padding: 40px 0 140px 0;color: var(--color-p1);font-weight: 700}
.home-profile a{color: var(--color-p1);text-decoration: none;}
.home-profile ul{text-align: center}
.home-profile li:nth-child(1){font-size: 28px;}
.home-profile li:nth-child(2){font-size: 20px;margin-bottom: 30px;}
.home-profile li:nth-child(3){font-size: 18px;margin-bottom: 30px;}
.home-profile li:nth-child(4){font-size: 14px;margin-bottom: 10px;}
.home-profile li:nth-child(5){font-size: 14px;margin-bottom: 30px;}

@media screen and (max-width:768px){
.home-profile {padding: 40px 0 20px;}
}



/*“こう” 最新ニュース*/
.home-news  {padding: 40px 0 200px 0;color: var(--color-p1);font-weight: 700;text-align: center}
.home-news p    {margin-bottom: 2em;font-size: 18px;line-height: 1.7em;}
.home-news .holiday    {padding: 40px 0 0 0;font-size: 28px;font-weight: 500;}
.home-news a    {color: #025296;text-decoration: none}

/*Seasonal Wreath*/
.home-message   {padding: 10px 0 40px 0;color: var(--color-p1);font-weight: 700;text-align: center;}
.home-message   a{color: #e36664;text-decoration: none;}
.home-message   .msg01  {font-size: 28px;margin-bottom: 120px;}
.home-message   .msg01  span{font-size: 24px;}
.home-message   .msg02  {font-size: 28px;margin-bottom: 140px;}
.home-message   .msg02  span{font-size: 20px;}
.home-message   .msg03  {font-size: 28px;margin-bottom: 40px;}
.home-message   .msg03  span{font-size: 24px}
.home-message   .msg04{font-size: 20px;margin-bottom: 40px;}

.home-image-photo   {max-width: 693px;margin: 0 auto 80px auto;color: #000;font-size: 13px;}
.home-image-photo  img{margin-bottom: 5px;}
.home-image-photo  span{display:block;}

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

}


/*茨木市へwreathの寄贈を行いました*/
.home-donation {margin-bottom: 50px;padding: 10px 0 40px 0;color: var(--color-p1);font-weight: 700;text-align: center;}
.home-donation-inner    {padding: 10px;text-align: left;}
.home-donation-inner    p{line-height: 1.8em;}
.home-donation-inner    p.photo{max-width: 480px;margin: 0 auto 30px auto;}

.home-donation .photo02 span,
.home-donation .photo03 span{display: block;color: #000;font-size: 14px;}
.home-donation .photo02 img,
.home-donation .photo03 img{margin-bottom: 5px;}
.home-donation .photo02{margin-bottom: 70px;}
.home-donation .photo03{text-align: center;}
.home-donation .photo03 img{max-width: 480px;margin: 0 auto;}


/*home-gallery */
.home-gallery   {margin-bottom: 340px;}
.home-gallery   ul{ display:flex;flex-wrap: wrap}
.home-gallery   li{border: 1px solid #fff;}
.home-gallery   img{}
.home-gallery    li:nth-child(1){width: 26.59%}
.home-gallery    li:nth-child(2){width: 39.12%}
.home-gallery    li:nth-child(3){width: 33.6%}
.home-gallery    li:nth-child(4){width: 26.37%}
.home-gallery    li:nth-child(5){width: 26.37%}
.home-gallery    li:nth-child(6){width: 47%}
.home-gallery    li:nth-child(7){width: 30%}
.home-gallery    li:nth-child(8){width: 44.5%}
.home-gallery    li:nth-child(9){width: 25%}
.home-gallery    li:nth-child(10){width: 23.6%}
.home-gallery    li:nth-child(11){width: 34.6%}
.home-gallery    li:nth-child(12){width: 41.3%}
.home-gallery    li:nth-child(13){width: 50%}
.home-gallery    li:nth-child(14){width: 50%}
.home-gallery    li:nth-child(15){width: 62.4%}
.home-gallery    li:nth-child(16){width: 37.4%}
.home-gallery    li:nth-child(17){width: 46%}
.home-gallery    li:nth-child(18){width: 29.2%}
.home-gallery    li:nth-child(19){width: 23.4%}

@media screen and (max-width:767px){
    .home-gallery   {margin-bottom: 90px;}
    .home-gallery    li:nth-child(1){width: 40.5%}
    .home-gallery    li:nth-child(2){width: 59.5%}

    .home-gallery    li:nth-child(3){width: 55%}
    .home-gallery    li:nth-child(4){width: 45%}


    .home-gallery    li:nth-child(5){width: 36%}
    .home-gallery    li:nth-child(6){width: 64%}

    .home-gallery    li:nth-child(7){width: 41%}
    .home-gallery    li:nth-child(8){width: 59%}

    .home-gallery    li:nth-child(9){width: 49.6%}
    .home-gallery    li:nth-child(10){width: 50.4%}
    .home-gallery    li:nth-child(11){width: 100%}
    .home-gallery    li:nth-child(12){width: 100%}
    .home-gallery    li:nth-child(13){width: 100%}
    .home-gallery    li:nth-child(14){width: 100%}
    .home-gallery    li:nth-child(15){width: 100%}

    .home-gallery    li:nth-child(16){width: 46%}
    .home-gallery    li:nth-child(17){width: 54%}

    .home-gallery    li:nth-child(18){width: 55%}
    .home-gallery    li:nth-child(19){width: 44%}

}

.home-gallery-02   {margin-bottom: 320px;}
.home-gallery-02  p:first-child {margin-bottom: 50px;}

@media screen and (max-width:768px){
.home-gallery-02   {margin-bottom: 180px;}
}


/*開催イベントお知らせ*/
.home-event {margin-bottom: 150px;}
.home-event-inner   {padding: 50px 0;font-size: 1rem;font-weight: 700;}
.home-event ul{margin-bottom: 2.5em;text-align: left;}
.home-event li{margin-bottom: 0.4em;padding-left: 1em;}
.home-event li:first-child{padding-left: 0;}

@media screen and (max-width:768px){
.home-event {margin-bottom: 90px;}
}

/*はじめまして。株式会社『こう』です。 */
.home-concept    {}
.home-concept-inner {padding: 50px 0;}
.home-concept-01    {margin-bottom: 50px;font-size: 18px;font-weight: 700;line-height: 1.8em;}
.home-concept-02    {margin-bottom: 200px;text-align: center;}
.home-concept-02    img    {width: auto;margin:auto;}
@media screen and (max-width:768px){
.home-concept-02    {margin-bottom: 60px;}
}

/* “あしたはもっと素晴らしい” */
.home-tomorrow  {margin-bottom: 200px;}
.home-tomorrow-inner {padding: 50px 0;}
.home-tomorrow-01  {font-size: 1.03rem;font-weight: 700;line-height: 2em;}
.home-tomorrow-02  {font-size: 1.0rem;font-weight: 700;margin-bottom: 50px;line-height: 2em;}
.home-tomorrow-03  {}
@media screen and (max-width:768px){
.home-tomorrow  {margin-bottom: 0}
}

/* ごあいさつ */
.home-greeting    {margin-bottom: 150px;;}
.home-greeting-inner    {display: flex;padding: 30px 0;}
.home-greeting-01   {flex-basis: 220px;margin-right: 20px;}
.home-greeting-02   {flex-basis: calc(100% - 260px);}

.home-greeting-01   span{ display: block;margin-top: 5px;font-size: 0.9rem;text-align: center;}
.home-greeting-02   {text-align: left;}
.home-greeting-02   .text-01    {margin-bottom: 70px;font-size: 0.9rem;line-height: 2.2em;}
.home-greeting-02   .text-02    {margin-bottom: 50px;font-weight: 700;}
.home-greeting-02   .text-03    {margin-bottom: 2em;font-size: 0.90rem;font-weight: 700;line-height: 2em;}

@media screen and (max-width:767px){
.home-greeting-inner    {display: block;}
.home-greeting    {margin-bottom: 40px;}
.home-greeting-01   {margin: 0 0 40px 0;text-align: center}
.home-greeting-01   img{width: 200px;margin: 0 auto}
.home-greeting-02   {}
}


/*造形リースアーティスト(R)渡部貴久美*/
.home-artist   {margin-bottom: 180px;}
.home-artist-inner {display: flex;padding: 30px 0;}
.home-artist-01   {flex-basis: 270px;margin-right: 40px;}
.home-artist-02   {flex-basis: calc(100% - 310px);}

.home-artist-01   span{ display: block;margin-top: 5px;font-size: 0.8rem;text-align: left;}
.home-artist-02   {text-align: left;font-weight: 700;}
.home-artist-02   .text-01    {padding: 2em 0;font-size: 1.1rem;line-height: 2em;}

.home-artist-02   dl{margin-bottom: 80px;}
.home-artist-02   dt{margin-bottom: 30px;font-size: 1.0rem;}
.home-artist-02   dd  p{margin: 0;font-size: 0.9rem;line-height: 2em;}

.home-artist-inner-02   {padding: 30px 0;font-size: 0.9rem;font-weight: 700;text-align: left;}
.home-artist-inner-02   dl{margin-bottom: 80px;}
.home-artist-inner-02   dt{margin-bottom: 30px;font-size: 1.0rem;}
.home-artist-inner-02   dd  p{margin: 0;font-size: 0.9rem;line-height: 2em;}

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

.home-artist-inner {display: block;padding: 30px 0;}

.home-artist-01   {margin: 0 12%;text-align: center;}
.home-artist-01   span{display: block;text-align: center;}

.home-artist-02   .text-03    {margin-bottom: 60px;}

.home-artist-02   dl{margin-bottom: 50px;}

.home-artist-02   dd  p{margin: 0;line-height: 1.95em;}

.home-artist-inner-02  {padding:0;}
.home-artist-inner-02   dd  p{margin: 0;}

}

/*お問合せ*/
.otoiawase-logo {text-align: center;}
.otoiawase-logo img{width: auto;margin: 0 auto;}

.home-otoiawase   {margin-bottom: 200px;}
.home-otoiawase-inner   {padding: 30px 0;font-weight: 700;}
.home-otoiawase-inner   a{color: #076888;text-decoration: none;}
.home-otoiawase-inner   .text-01   {font-size: 1.0rem;line-height: 2em;}
.home-otoiawase-inner   .text-02   {font-size: 1.2rem;}
.home-otoiawase-inner   .text-02  span {display: block;line-height: 2em;}
.home-otoiawase-inner   .text-03   {font-size: 1.2rem;}
.home-otoiawase-inner   .text-03  span {display: block;line-height: 2em;}

@media screen and (max-width:768px){
.home-otoiawase   {margin-bottom: 70px;}
}


/*会社概要*/
.home-corporate-profile   {}
.home-corporate-profile-inner   {padding: 30px 0;font-weight: 700;}
.home-corporate-profile table   {width: 100%;margin-bottom: 100px;border: 1px solid #b3b3b3;border-collapse:  collapse;font-size: 1.0rem;}
.home-corporate-profile th,.home-corporate-profile td   {padding: 7px;border: 1px solid #b3b3b3;text-align: left;}


.home-tokusho   {padding-bottom: 15px;color: var(--color-p1);font-weight: 700;font-size: 1.0rem;text-align: left;border-bottom: 1px solid var(--color-p1);}
.home-tokusho-table   {width: 100%;margin-bottom: 100px;border: 1px solid #b3b3b3;border-collapse:  collapse;font-size: 1.0rem;}
.home-tokusho-table   th,.home-tokusho-table td   {padding: 7px;border: 1px solid #b3b3b3;text-align: left;}
.home-tokusho-table   a{color: #000;text-decoration: none;}

@media screen and (max-width:768px){
.home-corporate-profile table   {margin-bottom: 0;}
}

/*---------------------------
　株式会社こうとsdgs
---------------------------*/

.sdgs-kankyo    {margin: 100px 0 120px 0;}
.sdgs-kankyo-inner    {padding: 10px 5px;}
.sdgs-logo-img  {margin: 0;}
.text {font-size: 0.8rem;} 

.sdgs-sus    {margin: 100px 0 200px 0;}
.sdgs-sus-inner {padding: 40px 5px;font-weight: 700;text-align: left;}
.sdgs-sus-inner p{line-height: 1.7em}


.sdgs-torikumi   {margin: 100px 0;}
.sdgs-torikumi.last   {margin: 100px 0 200px 0;}
.sdgs-torikumi  .sub {padding: 80px 0 40px 0;}
.sdgs-torikumi-inner    {padding: 30px 0;font-weight: 700;text-align: left;}
.sdgs-torikumi-inner  p{line-height: 1.7em}
.sdgs-torikumi-inner    ul{display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.sdgs-torikumi-inner    li{flex-basis: 19%;margin: 0 0.5% 1%}

@media screen and (max-width:1169px){
.sdgs-kankyo    {margin: 0 0 50px 0;padding-top: 80px;border-top: 1px solid #fff}
}

@media screen and (max-width:768px){
.sdgs-kankyo    {margin: 0 0 50px 0;padding-top: 80px;}
.sdgs-sus    {margin: 0 0 150px 0;}

.sdgs-torikumi   {margin: 0;}
.sdgs-torikumi.last   {margin: 0 0 100px 0;}



}

/*---------------------------
　営業経歴
---------------------------*/
.history  {margin: 100px 0;}
.history.last  {margin: 100px 0 0 0;}
.history-inner  {}
.history.next  {margin: 0 0 100px 0;}
.history-inner  {padding: 30px 0;font-weight: 700;text-align: left;}
.history-inner.last  {padding: 30px 0 0 0;}

@media screen and (max-width:1169px){
.history  {margin: 0 0 100px 0;padding-top: 70px;border-top: 1px solid #fff}
}


.history  .text-01{color: var(--color-p1);text-align: center;line-height: 2em;}

.history  .text-02{color: var(--color-p1);line-height: 2em;}

.history  .img-01 img{width:auto;}

.history  .text-03  p{margin-bottom: 2em;font-size: 0.9rem}

.history-gallery    {margin-bottom: 80px;}

.history-gallery   ul {display: flex;flex-wrap: wrap}
.history-gallery   li {border: 1px solid #fff;}
.history-gallery    li:nth-child(1){width: 33.2%}
.history-gallery    li:nth-child(2){width: 39.2%}
.history-gallery    li:nth-child(3){width: 27.6%}

.history-gallery    li:nth-child(4){width: 35.3%}
.history-gallery    li:nth-child(5){width: 43.4%}
.history-gallery    li:nth-child(6){width: 20.8%}

.history-gallery    li:nth-child(7){width: 34.4%}
.history-gallery    li:nth-child(8){width: 25.7%}
.history-gallery    li:nth-child(9){width: 39.0%}



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


.history  .text-03  p:nth-child(1){font-size: 0.8rem;text-align: center;}

.history-gallery    li:nth-child(1){width: 46%}
.history-gallery    li:nth-child(2){width: 54%}

.history-gallery    li:nth-child(3){width: 35%}
.history-gallery    li:nth-child(4){width: 65%}

.history-gallery    li:nth-child(5){width: 100%}

.history-gallery    li:nth-child(6){width: 47%}
.history-gallery    li:nth-child(7){width: 53%}

.history-gallery    li:nth-child(8){width: 40%}
.history-gallery    li:nth-child(9){width: 60%}
}

.history  .text-04  {margin-bottom: 100px}
.history  .text-04  p{margin-bottom: 2em;font-size: 0.95rem}

.history  .text-05 {margin-bottom: 2em;font-size: 0.9rem}

.history  .photo-01 span,
.history  .photo-02 span {display: block;margin-top: 3px;font-size: 0.8rem;text-align: center;}
.history  .photo-01 {margin-bottom: 50px;}
.history  .photo-02 {margin-bottom: 80px;text-align: center;}
.history  .photo-02 img{max-width: 700px;margin: 0 auto}

.history  .text-06    {padding: 50px 0}
.history  .text-06  p:nth-child(1)  {margin-bottom: 20px}
.history  .text-06  p:nth-child(1)  span  {font-size: 0.8rem;}
.history  .text-06  p:nth-child(2)  {margin-bottom: 20px;font-size: 0.9rem;line-height: 2em;}
.history  .text-06  p:nth-child(2)  span  {font-size: 1.1rem;}
.history  .text-06  p:nth-child(3)  {font-size: 0.95rem;line-height: 2em;}

.history  .text-07  {margin-top: 100px;color: var(--color-p1)}


.history  .photo-03 span {display: block;margin-top: 3px;font-size: 0.8rem;text-align: center;}
.history  .photo-03 {margin-bottom: 120px;text-align: center;}
.history  .photo-03 img{max-width: 550px;margin: 0 auto}


.history  .text-08  {margin-bottom: 50px;font-size: 1.8rem;}

.history  .text-09  {font-size: 1.0rem;}

.history  .text-10  {margin-bottom: 80px;font-size: 0.90rem;line-height: 2rem;font-weight: 600}
.history  .text-10.t02  {margin-bottom: 150px;}

.history  .text-10  a{color: var(--color-p3);text-decoration: none;}

.history  .text-11{text-align: center;}

.history-gallery-02 {margin-bottom: 50px}
.history-gallery-02 ul{display: flex;flex-wrap: wrap}
.history-gallery-02 li{border: 1px solid #fff;}

.history-gallery-02 li:nth-child(1){flex-basis: 25%}
.history-gallery-02 li:nth-child(2){flex-basis: 36.7%}
.history-gallery-02 li:nth-child(3){flex-basis: 38%}

.history-gallery-02 li:nth-child(4){flex-basis: 50%}
.history-gallery-02 li:nth-child(5){flex-basis: 50%}

.history-gallery-02 li:nth-child(6){flex-basis: 62.4%}
.history-gallery-02 li:nth-child(7){flex-basis: 37.4%}

.history  .text-12{margin-bottom: 50px;font-size: 1.0rem;line-height: 1.8em}


@media screen and (max-width:768px){
.history  .text-04  {margin-bottom: 170px}
.history  .text-04  p{font-size: 1.05rem;line-height: 1.7em;}
.history  .text-04  .time{margin-bottom: 100px;}

.history  .text-05 {margin-bottom: 110px}

.history  .text-06    {padding: 50px 0 40px 0}
.history  .text-06  p:nth-child(1)  {margin-bottom: 40px}
.history  .text-06  p:nth-child(3)  {font-size: 1rem;}

.history  .text-08  {margin-top: -10px;font-size: 1.6rem;}

.history-gallery-02 li:nth-child(1){flex-basis: 40.5%}
.history-gallery-02 li:nth-child(2){flex-basis: 59%}

.history-gallery-02 li:nth-child(3){flex-basis: 100%}

.history-gallery-02 li:nth-child(4){flex-basis: 100%}
.history-gallery-02 li:nth-child(5){flex-basis: 100%}

.history-gallery-02 li:nth-child(6){flex-basis: 100%}
.history-gallery-02 li:nth-child(7){flex-basis: 60%}

.history  .text-11{font-size: 1rem;}

}

/*---------------------------
　リース製作・販売・レンタル事業
---------------------------*/
.product  {margin: 150px 0 100px 0;}
.product.next  {margin: 0 0 100px 0;}

.product-inner  {padding: 30px 0 220px 0;font-weight: 700;text-align: left;}
.product-inner.shiiresaki  {padding: 70px 30px 0}

.product-inner.shiiresaki   li  {font-size: 1rem}


.product  .photo-01 {margin-bottom: 80px;text-align: center;}
.product  .photo-01 img{max-width: 350px;margin: 0 auto;}

.product  .text-01 {margin-bottom: 80px;font-size:1.00rem;line-height: 2em;text-align: center;}

.product  .text-02 {margin-bottom: 80px;font-size:1.2rem;line-height: 2em;text-align: center;}
.product  .text-02  span {color: #ec9998;}

.product  .photo-02   {display: flex;flex-wrap: wrap}
.product  .photo-02   p{flex-basis: 48%;margin: 1%}



@media screen and (max-width:1169px){
.product  {margin: 0 0 -80px 0;padding-top: 60px;border-top: 1px solid #fff;}
}

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


.product.next  {margin: 0;}
.product.next.giftcard  {margin: 0 0 -90px 0;}
.product.next.flower-info  {margin: 0 0 -40px 0;}

.product-inner  {padding: 30px 0 40px 0}

.product-inner.shiiresaki  {padding: 70px 0 100px 0}

.product  .photo-02   p{flex-basis: 98%;margin: 1%}
.product  .photo-02   p:nth-child(1){order: 0}
.product  .photo-02   p:nth-child(2){order: 2}
.product  .photo-02   p:nth-child(3){order: 1}
.product  .photo-02   p:nth-child(4){order: 3}

}


.product  .text-03 {margin-bottom: 80px;font-size:1.00rem;line-height:1.5em;}

.product  .page-link  {width: 100%;display: flex;flex-wrap: wrap}
.product  .page-link    li  {flex-basis: 30%;margin: 0 1.5%}
.product  .page-link  a{display: block;padding: 15px 0;background: #f0f0f0;color: var(--color-p4);text-decoration: none;text-align: center;}
.product  .page-link  span{display: block;}
.product  .page-link  span:nth-child(1) {font-size:1.5rem;}
.product  .page-link  span:nth-child(2) {}

@media screen and (max-width:768px){
.product  .page-link    li  {flex-basis: 100%;margin-bottom: 50px;}
}




.product  .text-04 {margin-bottom: 40px;color: var(--color-p1);font-size:0.9rem;text-align: center;}

.product  .text-05 {margin: 0 0 15px 0;font-size: 0.9rem;text-align: right;}

.product-table-01  {width: 100%;margin-bottom :10px;border: 1px solid #ccc;border-collapse:  collapse;}
.product-table-01  th,.product-table-01 td  {padding: 10px;font-size: 1.0rem;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3}
.product-table-01  th  {width: 200px;background: #efefef;text-align: center;}
.product-table-01  td:nth-child(1)  {text-align: center;}
.product-table-01  td:nth-child(2)  {text-align: right;}

.product  .text-06 {margin: 0 0 30px 0;font-size: 1.0rem;line-height: 1.8rem;}
.product  .text-07 {margin: 0 0 15px 0;font-size: 1.0rem;text-align: right;}
.product  .text-08 {margin-bottom: 80px;font-size:1.00rem;line-height:2em;}

.product-table-02  {width: 100%;margin-bottom :10px;border: 1px solid #b3b3b3;border-collapse:  collapse;}
.product-table-02  th,.product-table-02 td  {padding: 10px;font-size: 1.0rem;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3}
.product-table-02  th  {width: 200px;background: #efefef;text-align: left;}

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

.product-table-02  {margin-bottom :40px;}
.product-table-02  th  {width: 26%;}
}


.product  .text-09    ul{margin-bottom: 0.5em;}
.product  .text-09.first{margin-bottom:100px;}
.product  .text-09    p{font-size:1.00rem;line-height:2em;}

.product  .blank{height: 100px;}

.product  .text-10 {margin-bottom: 40px;color: var(--color-p1);font-size:1.1rem;text-align: center;}

.product  .text-11 {margin-bottom: 40px;font-size:1rem;text-align: center;}

.product  .flow   {}
.product  .flow.first   {margin-bottom: 10px;}
.product  .flow.last   {margin-bottom: 40px;}

.product  .flow  ul {display:flex;width: 100%;}
.product  .flow  li.month{flex-basis: 30%}
.product  .flow  li.when{flex-basis: 30%}
.product  .flow  li.info{flex-basis: 40%}

.product  .flow  li.month,.product  .flow  li.when{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.product  .flow  li.month{background: #6da7de;;color: #fff;font-size: 25px;}
.product  .flow  li.month.t02{background: #9ec4ea;}

.product  .flow  li.when{padding: 15px 0;background: #cee1f4;text-align: center;font-size: 0.95rem;}
.product  .flow  li.when.t02{background: #d0e0e3;}
.product  .flow  li.when    p{margin: 0;line-height: 1.8em;}
.product  .flow  li.when    strong{display: block;margin-top: 5px;font-size: 1.2rem}

.product  .flow  li.info{padding: 10px;background: #e5f4f7;font-size: 1.0rem;line-height: 1.8em;}

.product  .flow-next  {margin: 0.5em;color: var(--color-p1);text-align: center}

.product-table-03  {width: 100%;margin-bottom :10px;border: 1px solid #b3b3b3;border-collapse:  collapse;}
.product-table-03  th,.product-table-03 td  {padding: 10px;font-size: 1.0rem;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3;}
.product-table-03  th  {width: 40%;background: #efefef;text-align: left;}

.product  .text-12 {margin-bottom: 40px;font-size:1rem;text-align: center;;}
.product  .text-12  strong{display: block;margin-bottom: 2em;font-size:1.1rem;}
.product  .text-12 p{line-height: 2em}

.product  .text-13{margin-bottom: 20px;font-size:1.00rem;line-height:2em;}

.product-table-04  {width: 100%;margin-bottom:40px;border: 1px solid #b3b3b3;border-collapse:  collapse;}
.product-table-04  th,.product-table-04 td  {padding: 10px;font-size: 1.0rem;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3;}
.product-table-04  th  {width: 40%;background: #efefef;text-align: center;}
.product-table-04 td  {text-align: right;}

.product  .photo-03   {display: flex;flex-wrap: wrap}
.product  .photo-03   p{flex-basis: 48%;margin: 1%;font-size: 0.8rem;text-align: center;}
.product  .photo-03   span{display:block;margin-top: 5px;}

.product-space-chosei01,
.product-space-chosei02,
.product-space-chosei03,
.product-space-chosei04,
.product-space-chosei05,
.product-space-chosei06,
.product-space-chosei07,
.product-space-chosei08  {}



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

.product  .photo-03   p{flex-basis: 98%;margin: 1%}
.product  .photo-03   p:nth-child(1){order: 0}
.product  .photo-03   p:nth-child(2){order: 2}
.product  .photo-03   p:nth-child(3){order: 1}
.product  .photo-03   p:nth-child(4){order: 4}

.product  .text-06 {font-size: 1rem;line-height: 1.8rem;}

.product-space-chosei01   {height: 175px;}
.product-space-chosei02   {height: 320px;}
.product-space-chosei03   {height: 320px;}
.product-space-chosei04   {height:200px;}
.product-space-chosei05   {height:330px;}
.product-space-chosei06   {height:180px;}
.product-space-chosei07   {height:200px;}
.product-space-chosei08   {height:90px;}
}

.product  .angel   {display: flex;flex-wrap: wrap;font-size: 1rem;}
.product  .angel   p:nth-child(1){flex-basis: 380px;text-align: center}
.product  .angel   p:nth-child(2){flex-basis: calc(100% - 380px);display: block;line-height: 2em;}
.product  .angel   img{width: 270px;margin: auto;}


@media screen and (max-width:767px){
.product  .angel   p:nth-child(1),
.product  .angel   p:nth-child(2){flex-basis: 100%}
}


/*---------------------------
　高齢者関連事業
---------------------------*/

.welfare  {margin: 150px 0 100px 0;}
.welfare.next  {margin: 0 0 100px 0;}
.welfare-inner  {padding: 30px 0;font-weight: 700;text-align: left;}

.welfare    .text01 {margin-bottom: 50px;text-align: center;}
.welfare    .illust01{text-align: center;}
.welfare    .illust01   img{max-width: 300px;margin: 0 auto;}
.welfare    .illust02{text-align: center;}
.welfare    .illust02   img{max-width: 450px;margin: 0 auto;}

.welfare    .text02 {margin-bottom: 50px;font-size: 1.0rem}
.welfare    .text03 {margin: 0 0 15px 0;font-size: 0.9rem;text-align: right;}

.welfare-table  {width: 100%;margin-bottom :10px;border: 1px solid #b3b3b3;border-collapse:  collapse;}
.welfare-table  th,.welfare-table  td  {padding: 10px;font-size: 1.0rem;border-bottom: 1px solid #b3b3b3;}
.welfare-table  th  {width: 200px;background: #efefef;text-align: center;border-right: 1px solid #b3b3b3;}
.welfare-table  td  {}

.welfare    .text04 {display: block;margin: 0;font-size: 0.95rem;line-height: 2em;}

@media screen and (max-width:1169px){
.welfare  {margin: 100px 0 0 0;padding-top: 80px;border-top: 1px solid #fff;}
}

@media screen and (max-width:768px){
.welfare  {padding-top: 0;}
.welfare.next  {margin: 0;}

.welfare    .text01 {margin-top: 30px;}

.welfare-table  th  {width:26%;}
.welfare-table  td  {line-height: 1.8em}

}

/*---------------------------
　CONTACT
---------------------------*/

.contact-form {margin: 100px 0 0 0;}
.contact-form-inner {padding: 30px 0 0 0;font-weight: 600;text-align: left;}

@media screen and (max-width:1169px){
.contact-form {margin: 0;padding-top: 80px;}
}

@media screen and (max-width:767px){
.contact-form {}
}

/*---------------------------
プライバシーポリシー
---------------------------*/
.privacy {margin: 30px 0 -60px 0;}


.privacy-inner {padding: 30px 0 0 0;font-size: 1.0rem;font-weight: 700;text-align: left;line-height: 2em;}
.privacy-inner.ggtext   p   {line-height: 2em;}


.pp-lead    {margin-bottom: 50px;line-height: 2em;}

.privacy-inner.next {padding: 30px 0 50px 0;}
.privacy-inner.next.ggtext {padding: 30px 0 0 0;}

.privacy dl{margin-bottom: 1.5em;}
.privacy dt,.privacy dd,.privacy li{font-size: 1.0rem;line-height: 2.5em;}
.privacy a{color: var(--color-p3);text-decoration: none;}
.privacy ul{padding: 1em 0;}

@media screen and (max-width:1169px){
.privacy {padding-top: 50px;}
}
@media screen and (max-width:767px){
.privacy {padding-top: 0;}
}

/*---------------------------
　.title
---------------------------*/


.title  {padding-bottom: 15px;font-size: 35px;color: var(--color-p1);border-bottom: 1px solid var(--color-p1);}
.title.t02{font-size: 28px;}
.title.t03{font-size: 30px;}
.title.tnone  {border-bottom: none;}

.title  br{display: none}
.title  br.displayone{display: inline}

.sub-title   {padding-bottom: 0;font-size: 22px;color: var(--color-p1);font-weight: 700}
.sub-title.t02   {margin: 15px 0 0;}

@media screen and (max-width:850px){
.sdgs-torikumi-inner    li{flex-basis: 48%;margin: 0 1% 2%}
}


@media screen and (max-width:767px){
.title  {font-size: 30px;}
.title.t02{font-size: 27px;}
.title.t03{font-size: 26px;}

.title.tpro{font-size: 25px;}/*products 上書き*/

.sub-title   {font-size: 19px;}

.title.res  {font-size: 21px;}
.title  br{display: inline}

}


hr{border-bottom: 1px solid var(--color-p1);}