@charset "UTF-8";
/* CSS Document */

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

	common

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

.page-title-a { color: #0FA45B; font-size: 2.4rem; line-height: 140%; text-align: center; margin-bottom: 25px; }
.page-bg-green { background: #F1F6E5; }


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

	header

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


#page-header { background: linear-gradient(90deg, #0D88E2 0%, #1F9EFA 50%, #0D88E2 100%); text-align: center; margin-bottom: 0px;  }
#page-header h1 { font-size: 3.6rem; color: #fff; line-height: 100%;  }
#page-header.orange { background: linear-gradient(90deg, #D8892C 0%, #EB9837 50%, #D8892C 100%);   }
#page-header.pink { background: linear-gradient(90deg, #DE608F 0%, #EF73A1 50%, #DE608F 100%); }
#page-header.green { background: linear-gradient(90deg, #0FA45B 0%, #6BBB63 50%, #0FA45B 100%); }


#page-header h1 { font-size: 3.6rem; color: #fff; line-height: 100%;  }

@media (min-width: 768px) {
    #page-header { padding: 55px 0px;  }
    #page-header h1 { font-size: 3.6rem; }
}

@media (max-width: 767px) {
    #page-header {  padding: 40px 0px; }
    #page-header h1 { font-size: 2.4rem; line-height: 125%; }

}


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

	factory-info-1

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

#factory-info-1 { text-align: center; background: #FEFCCC; padding: 30px 0px; }
#factory-info-1 .contact-title { color: #C1272D; line-height: 140%; font-weight: bold; }
#factory-info-1 .contact-name { color: #000; font-size: 2.0rem; font-weight: bold; }

#factory-info-1 .tel-text { letter-spacing: 2.5px; line-height: 100%; font-weight: bold; }
#factory-info-1 .tel-text span { position: relative; font-family: "Roboto", sans-serif; font-weight: 700; }
#factory-info-1 .tel-text span::before { content: '';  background-image: url(../images/icon_tel.svg); position: absolute;  background-size: cover;  top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-right: 15px; }

/* #factory-info-1 figure.tel-text div  { position: relative; }
#factory-info-1 figure.tel-text div::before { content: '';  background-image: url(../images/icon_tel.svg); position: absolute;  background-size: cover;  top: 60%; left: -20px; transform: translateY(-50%);-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-right: 15px; } */

#factory-info-1 .tel-text-wrap { background: #fff; border-radius: 30px; border: 5px solid #0FA45B; }
#factory-info-1 .tel-text-wrap:not(:last-child){ margin-bottom: 20px; }
#factory-info-1 .tel-text-wrap a { text-decoration: none; color: #42210B; }

@media (min-width: 768px) {
    #factory-info-1 { margin-bottom: 50px; }
    #factory-info-1 .container { max-width: 800px; }

    #factory-info-1 .contact-title { font-size: 2.0rem; }
    #factory-info-1 .contact-name { font-size: 2.0rem; }
    #factory-info-1 .tel-text { font-size: 5.0rem; }


    #factory-info-1 .tel-text-wrap { padding: 30px 40px; }
    #factory-info-1 .tel-text span { padding-left: 50px; }
    #factory-info-1 .tel-text span::before { width: 40px; height: 40px; left: 0px; }



    /* #factory-info-1 figure.tel-text div { width: 353px; margin: 0px auto; }
    #factory-info-1 figure.tel-text div::before { width: 40px; height: 40px;  }
    #factory-info-1 figure.tel-text div img { margin-left: 30px; } */

}

@media (max-width: 767px) {
    #factory-info-1 .contact-title { font-size: 1.8rem; }
    #factory-info-1 .contact-name { font-size: 1.6rem; margin-bottom: 10px; }
    #factory-info-1 .tel-text { font-size: 3.4rem; padding-left: 30px; }

    #factory-info-1 .tel-text-wrap { padding: 25px; }
    #factory-info-1 .tel-text span::before { width: 28px; height: 28px; left: -35px; }

    /* #factory-info-1 figure.tel-text div::before { width: 28px; height: 28px; left: -35px; top: 50%;  } */


}

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

	factory-info-2

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

#factory-info-2  {  }

#factory-info-2 .container {  }


.dl-list-a > div { position: relative; padding: 20px;font-weight: bold; position: relative; }
.dl-list-a > div::after{ content: ''; background-image: linear-gradient(to right, #42210B 2px, transparent 2px); background-size: 4px 2px; background-repeat: repeat-x;  background-position: left bottom; width: 100%; height: 1px;  display: block; position: absolute; bottom: 0px; left: 0px; }

.dl-list-a div dt { background: #0FA45B; padding: 5px; width: 40px; border-radius: 30px; color: #fff; text-align: center; }
.dl-list-a div dd { color: #000; }

@media (min-width: 768px) {
    .dl-list-a > div { display: -webkit-flex; display: flex;-webkit-justify-content: flex-start; justify-content: flex-start;-webkit-align-items: center; align-items: center; }

    #factory-info-2 { margin-bottom: 50px; }
    #factory-info-2 .container { max-width: 800px; }

    .dl-list-a div dt { width: 120px; margin-right: 20px; }
    .dl-list-a div dd { width: calc( 100% - 140px ); }

    .dl-list-a div dt { font-size: 2.0rem; }
    .dl-list-a div dd { font-size: 2.0rem; }
}

@media (max-width: 767px) {
    .dl-list-a div dt { width: 120px;  }

    .dl-list-a div dt { font-size: 1.6rem; padding: 0px; margin-bottom: 10px; }
    .dl-list-a div dd { font-size: 1.6rem;  }

}

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

	factory-info-3

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



#factory-info-3 .page-title-a { padding: 20px;  }
#factory-info-3 .iframe-wrap { position: relative; margin: 0px auto; }
#factory-info-3 .iframe-wrap iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

@media (min-width: 768px) {

    #factory-info-3  { margin-bottom: 50px; }
    #factory-info-3 .page-title-a { margin-bottom: 50px; }
    #factory-info-3 .container {  max-width: 800px; }
    #factory-info-3 .iframe-wrap { height: 480px; }

}

@media (max-width: 767px) {
    #factory-info-3 .iframe-wrap { width: 100%; padding-top: 100%; }

}


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

	page-foot-btn

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

.page-foot-btn .container { max-width: 800px; }

/* .page-btn-a { margin: 0px auto; font-weight: bold; }
.page-btn-a a { background: #0FA45B; box-shadow: 0px 6px 0px 0px #0C8C4D; border: 1px solid #0FA45B; text-decoration: none; padding: 20px; display: block; border-radius: 20px; text-align: center; color: #fff; transition: 0.1s ease-in-out; position: relative;  top: 0px;}

.page-btn-a.white a {  background: #ffffff; box-shadow: 0px 6px 0px 0px #0C8C4D; border: 1px solid #0FA45B; border-radius: 20px; text-align: center; color: #0C8C4D; position: relative; }

.page-btn-a a:hover { box-shadow: 0px 0px 0px 0px #0C8C4D; top: 6px; }
.page-btn-a:not(:last-child) {  } */

@media (min-width: 768px) {
    .page-foot-btn .container { padding: 40px; }

    /* .page-btn-a { width: 640px;  }
    .page-btn-a a { font-size: 2.4rem; }

    .page-btn-a:not(:last-child) { margin-bottom: 30px; } */
}

@media (max-width: 767px) {
    .page-foot-btn .container { padding: 20px; }
    /* .page-btn-a a { font-size: 1.8rem; }

    .page-btn-a:not(:last-child) { margin-bottom: 15px; } */
}