/***********************************************
 common
************************************************/
/** sub-stage *********************************/
#sub-stage{
    position: relative;
    width: 100%;
    height: 420px;
}
#sub-stage:before{
    position: absolute;
    content: "";
    top: 40px;
    right: 5%;
    width: 120px;
    height: 70px;
    background: url(../images/common/3s.svg) no-repeat;
    background-size: cover;
    z-index: 3;
}
#sub-stage:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 80px;
    background: url(../images/common/u-bg.svg) no-repeat;
    background-position: center bottom;
    background-size: auto 80px;
}
@media screen and (min-width: 1500px) {
#sub-stage:after{
    width: 100%;
    height: 80px;
    background: url(../images/common/u-bg.svg) no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
}
.title-business{
    background: url(../images/business/title-business.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-company{
    background: url(../images/company/title-company.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-greeting{
    background: url(../images/company/title-greeting.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-outline{
    background: url(../images/company/title-outline.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-history{
    background: url(../images/company/title-history.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-philosophy{
    background: url(../images/company/title-philosophy.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-electronic{
    background: url(../images/company/title-electronic.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-ir{
    background: url(../images/ir/title-ir.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-ir-news{
    background: url(../images/ir/title-ir-news.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-library{
    background: url(../images/ir/title-library.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-stock{
    background: url(../images/ir/title-stock.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-meeting{
    background: url(../images/ir/title-meeting.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-calendar{
    background: url(../images/ir/title-calendar.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-faq{
    background: url(../images/ir/title-faq.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-group{
    background: url(../images/group/title-group.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.title-recruit{
    background: url(../images/recruit/title-recruit.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.title-contact{
    background: url(../images/contact/title-contact.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-news{
    background: url(../images/news/title-news.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-product{
    background: url(../images/news/title-product.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-info{
    background: url(../images/news/title-info.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-sitemap{
    background: url(../images/sitemap/title-sitemap.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-privacy{
    background: url(../images/privacy/title-privacy.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
#sub-stage .stage-bg:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    display: block;
    background: linear-gradient(#297eb8, #138800);
    opacity: 45%;
}
#sub-stage .inner{
    position: absolute;
    content: "";
    left: 5%;
    top: 40%;
    transform: translate(0, -50%);
    z-index: 4;
    color: #fff;
    width: 90%;
}
#sub-stage .inner h1{
    font-size: 50px;
    line-height: 120%;
}
#sub-stage .inner ul{
    display: flex;
    flex-wrap: wrap;
}
#sub-stage .inner ul li{
    font-size: 14px;
    font-weight: 400;
}
#sub-stage .inner ul li a{
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#sub-stage .inner ul li:not(:last-child)::after {
    content: '>';
    padding: 0 0.5rem;
    color: #fff;
}
/** sub-contents *******************************/
#sub-contents{
    padding: 0 0 120px 0;
}
#sub-contents .inner{
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}
#sub-contents h3,
#ir-navi h3{
    font-size: 36px;
    line-height: 120%;
    position: relative;
    padding: 0 0 20px 0;
    border-bottom: solid 3px var(--bg-color);
    margin: 50px 0;
}
#sub-contents h3:before,
#ir-navi h3:before{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px var(--main-color);
    bottom: -3px;
    width: 30%;
}
#sub-contents .frm-bg{
    background: var(--bg-color);
    padding: 25px;
}
/** contents-navi ******************************/
#contents-navi{
    padding: 100px 0;
    border-top:1px solid #ddd;
    position: relative;
}
#contents-navi:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: -1px;
    margin: auto;
    width: 40px;
    height: 20px;
    border: solid 1px #ddd;
    border-radius: 0 0 20px 20px;
    border-top: 0;
    background: #fff;
}
#contents-navi .inner{
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}
#contents-navi .inner nav ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#contents-navi .inner nav ul li:first-child{
    width: 100%;
    font-size: 24px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 40px;
}
#contents-navi .inner nav ul li:first-child:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}
#contents-navi .inner nav ul li:not(:first-child){
    width: 24%;
    overflow: hidden;
    margin-bottom: 20px;
}
#contents-navi .inner nav ul li:not(:first-child) img{
    width: 100%;
    height: 120px;
}
#contents-navi .inner nav ul li:not(:first-child) span{
    padding-left: 25px;
    position: relative;
    display: block;
    margin: 5px 0 0 0;
}
#contents-navi .inner nav ul li:not(:first-child) span:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}
/** pagenation ********************************/
.pagenation{
    display: flex;
    margin: 30px 0 10px 0;
}
.pagenation .next {
    margin-right: 20px;
}
.pagenation .prev a{
    padding-right: 25px;
    position: relative;
}
.pagenation .prev a:before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/next-ic.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}
.pagenation .next a{
    padding-left: 25px;
    position: relative;
}
.pagenation .next a:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/prev-ic.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}
/***********************************************
 business
***********************************************/
.ct-business p{
    font-size: 18px;
}
.ct-business .business-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 70px 0;
}
.ct-business .business-list .set{
    width: 48%;
    margin-bottom: 70px;
}
.ct-business .business-list .set h4{
    font-size: 28px;
    line-height: 120%;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    height: 60px;
    position: relative;
    margin: 0 0 15px 0;
}
.ct-business .business-list .set h4:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 60px;
}
.ct-business .business-list .nc h4:before{
    background: var(--main-color);
}
.ct-business .business-list .nhs h4:before{
    background: #00a799;
}
.ct-business .business-list .set .photo-box{
    height: 350px;
    position: relative;
}
.ct-business .business-list .set .photo-box:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/business/u-bg.svg) no-repeat;
    height: 35px;
    background-size: auto 35px;
    background-position: center bottom;
    z-index: 2;
}
.ct-business .business-list .set .photo-box img{
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.ct-business .business-list .set h5{
    font-size: 24px;
    line-height: 120%;
    margin: 30px 0;
}
.ct-business .business-list .nc h5{
    color: var(--main-color);
}
.ct-business .business-list .nhs h5{
    color: #00a799;
}
.ct-business .business-list .set ul {
    margin: 30px 0 0 0;
}
.ct-business .business-list .set ul li {
    margin-bottom: 5px;
}
.ct-business .business-list .set ul li a{
    font-size: 17px;
    font-weight: 700;
    padding-right: 40px;
    position: relative;
}
.ct-business .business-list .set ul li a:before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url(../images/common/win-ic.svg) no-repeat;
    background-size: cover;
}
.ct-business .business-list .nhs ul li a:before{
    height: 30px;
    background: url(../images/common/win2-ic.svg) no-repeat;
    background-size: cover;
}
.ct-business .business-list .nc ul li a span{
    color: var(--main-color);
}
.ct-business .business-list .nhs ul li a span{
    color: #00a799;
}
.ct-business .business-list .set .alert{
    font-size: 14px;
}
/***********************************************
 company
***********************************************/
/** company ***********************************/
.ct-company .column-about{
    text-align: center;
    font-size: 18px;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 25%;
    position: relative;
}
.ct-company .column-about strong{
    display: block;
    font-size: 56px;
    line-height: 120%;
    color: var(--main-color);
    margin: 0 0 40px 0;
    text-align: center;
}
.ct-company .column-about p span{
    display: block;
}
.ct-company .column-about .earth-bg {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
}
.ct-company .column-about .earth-bg img{
    width: 100%;
    height: auto; 
}
.ct-company ul.corp-panel{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ct-company ul.corp-panel li{
    width: 48%;
    margin-bottom: 50px;
}
.ct-company ul.corp-panel li .photo-box {
    overflow: hidden;
}
.ct-company ul.corp-panel li .photo-box img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all  0.2s ease;
}
.ct-company ul.corp-panel li .photo-box img:hover{
    transform:scale(1.2,1.2);
}
.ct-company ul.corp-panel li a span{
    padding-left: 25px;
    display: block;
    position: relative;
    font-size: 20px;
    margin: 10px 0 0 0;
}
.ct-company ul.corp-panel li a span:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}
/** greeting **********************************/
.ct-greeting strong{
    display: block;
    font-size: 32px;
    color: var(--main-color);
    margin: 0 0 60px 0;
}
.ct-greeting .sign{
    margin: 90px 0 0 auto;
    width: 215px;
}
.ct-greeting .sign img{
    max-width: 215px;
    width: 100%;
    height: auto;
}
.ct-greeting table{
    border-spacing: 0;
    border-top: 1px solid #ddd;
}
.ct-greeting table th,
.ct-greeting table tbody th{
    background: var(--bg-color);
    padding: 15px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    width: 1%;
}
@media screen and (min-width: 640px) {
.ct-greeting table th,
.ct-greeting table tbody th{
    width: 20%;
}
}
.ct-greeting table td,
.ct-greeting table tbody td{
    padding: 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
/** outline *******************************/
.ct-outline table{
    border-spacing: 0;
    border-top: 1px solid #ddd;
}
.ct-outline table th,
.ct-outline table tbody th{
    background: var(--bg-color);
    padding: 25px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    width: 1%;
}
@media screen and (min-width: 640px) {
.ct-outline table th,
.ct-outline table tbody th{
    width: 20%;
}
}
.ct-outline table td,
.ct-outline table tbody td{
    padding: 25px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.ct-outline table  a,
.ct-outline table  a{
    color: #1b6ef3 !important;
}
/** history ***********************************/
.ct-history table{
    border-spacing: 0;
}
.ct-history table tr{
    display: flex;
}
.ct-history table th{
    margin: 0 0 0 0;
    padding: 0 50px 50px 0;
    float: left;
    color: var(--main-color);
    clear: both;
    text-align: left;
    vertical-align: top;
    position: relative;
    white-space: nowrap;
}
.ct-history table th:before{
    position: absolute;
    content: "";
    left: 35px;
    top: 0;
    height: 100%;
    width: 1px;
    background: var(--main-color);
    z-index: -1;
}
.ct-history table tr:last-child th{
    padding-bottom: 90px;
}
.ct-history table tr:last-child th:after{
    position: absolute;
    content: "";
    left: 19px;
    bottom: 0;
    width: 34px;
    height: 45px;
    background: url(../images/company/now.svg) no-repeat;
    background-size: cover;
}
.ct-history table th span{
    background: #fff;
    display: block;
}
.ct-history table th strong{
    font-size: 40px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    line-height: 100%;
}
.ct-history table td{
    padding: 10px 0 50px 0;
    vertical-align: top;
    font-size: 18px;
}
.ct-history table td ul li {
    margin-bottom: 15px;
}
.ct-history table td ul li strong{
    color: var(--main-color);
    font-weight: 500;
}
/** philosophy *******************************/
.ct-philosophy table.motto {
    width: 100%;
    border-spacing: 0;
}
.ct-philosophy table.motto tr{
    background:  var(--bg-color);
    padding: 45px 0;
    display: flex;
    margin: 0 0 30px 0;
}
.ct-philosophy table.motto th{
    display: block;
    padding: 30px 60px;
    box-sizing: border-box;
    white-space: nowrap;
}
.ct-philosophy table.motto th h4{
    color: var(--main-color);
    font-size: 26px;
}
.ct-philosophy table.motto td{
    display: block;
    width: 80%;
    border-left: 1px solid #8cd2a4;
    padding: 30px ;
    box-sizing: border-box;
    font-size: 18px;
}
.ct-philosophy .column-3s {
    background: url(../images/company/3s-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.ct-philosophy .column-3s .alpha{
    background: rgba(255,255,255,0.75) ;
    padding: 100px 0 50px 0;
}
.ct-philosophy .column-3s dl{
    margin: 0;
    padding: 0 20px;
    text-align: center;
}
.ct-philosophy .column-3s dl dt{
    margin: 0;
    padding: 0;
    font-size: 56px;
    font-family: "Oswald", sans-serif;
    color: var(--main-color);
    font-weight: 400;
}
.ct-philosophy .column-3s dl dd{
    margin: 0 0 50px 0;
    padding: 0;
    font-size: 21px;
}
/** electronic *******************************/
.ct-electronic a{
    font-size: 18px;
    color: var(--main-color) !important;
}
/***********************************************
 ir
***********************************************/
/** ir-common *******************************/
h3.link-bt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 160px;
}
h3.link-bt a{
    font-size: 18px;
    position: relative;
    padding-left: 25px;
}
h3.link-bt a:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}
.ir-contents h4,
.ct-library h4{
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    min-height: 60px;
    padding:0 0 0 22px;
    display: flex;
    align-items: center;
    margin: 30px 0 20px 0;
    position: relative;
}
.ir-contents h4:before,
.ct-library h4:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 60px;
    background: var(--main-color);
}
.ir-contents section:not(:first-child) {
    margin-top: 90px;
}
/** ir-alert *********************************/
.ir-alert{
    border: 1px solid #80cc99;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 50px;
}
.ir-alert li{
    padding-left: 25px;
    position: relative;
}
.ir-alert li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
}
.ir-alert li a{
    color: var(--main-color) !important;
}
/** ir-ctgnavi ****************************/
#ir-ctgnavi ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#ir-ctgnavi ul li{
    width: 49%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 15px;
    transition: all  0.2s ease-out !important;
}
#ir-ctgnavi ul li:hover{
    background: var(--bg-color);
}
#ir-ctgnavi ul li a{
    display: block;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 120%;
    padding: 30px 35px 30px 15px;
    position: relative;
}
#ir-ctgnavi ul li a:before{
    position: absolute;
    content: "";
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border: 2px solid;
    border-color:  transparent transparent var(--main-color)  var(--main-color);
    transform: rotate(-45deg);
}
/** ir-navi *******************************/
#ir-navi {
    margin: 0 0 50px 0;
    padding: 50px 0 !important;
    border-top:1px solid #ddd;
    position: relative;
}
#ir-navi:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: -1px;
    margin: auto;
    width: 40px;
    height: 20px;
    border: solid 1px #ddd;
    border-radius: 0 0 20px 20px;
    border-top: 0;
    background: #fff;
}
#ir-navi .inner{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
#ir-navi ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#ir-navi ul:after{
    content:"";
    display: block;
    width:32%;
}
#ir-navi ul li:nth-of-type(1){
    width: 100%;
    font-size: 24px;
    padding-left: 45px;
    position: relative;
    margin-bottom: 0;
}
#ir-navi ul li:nth-of-type(1):before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
}
#ir-navi ul li:nth-of-type(2){
    width: 100%;
    background: var(--main-color);
    border-radius: 6px;
    margin-bottom: 40px;
}
#ir-navi ul li:nth-of-type(2) a{
    display: block;
    background: url(../images/ir/chart-ic.svg) no-repeat;
    background-position: center right 50px;
    color: #fff;
    font-size: 28px;
    padding: 50px;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)){
    width: 32%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 30px;
    transition: all  0.2s ease-out !important;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)):hover{
    background: var(--bg-color);
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)) a{
    display: block;
    box-sizing: border-box;
    padding: 25px;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)) a strong{
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    color: var(--main-color);
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)) a p{
    font-size: 15px;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)) a span{
    font-size: 18px;
    line-height: 120%;
    display: block;
    padding-left: 35px;
    position: relative;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)) a span:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
}
#ir-navi strong{
    display: block;
    font-size: 20px;
    line-height: 130%;
}
/** ir, news *******************************/
.ct-ir ul li,
.ct-ir-news ul li {
    border-bottom: 1px solid #ddd;
}
.ct-ir ul li a,
.ct-ir-news ul li a{
    display: block;
    padding: 20px 25px 20px 0;
    position: relative;
}
.ct-ir ul li a:before,
.ct-ir-news ul li a:before{
    position: absolute;
    content: "";
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	transform: rotate(45deg);
}
.ct-ir ul li a:hover,
.ct-ir-news ul li a:hover{
    background: #f0f9f3;
}
.ct-ir ul li  span,
.ct-ir-news ul li  span{
    display: block;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 10px;
}
/** library *******************************/
.ct-library ul  {
    margin: 0 0 50px 0;
}
.ct-library ul li {
    margin-bottom: 5px;
}
.ct-library ul li a{
    color: var(--main-color) !important;
    font-size: 18px;
}
.ct-library p a{
    color: var(--main-color) !important;
}
/** stock *********************************/
.ct-stock table{
    border-spacing: 0;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
}
.ct-stock table th{
    background: var(--bg-color);
    padding: 25px;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    width: 1%;
}
@media screen and (min-width: 640px) {
.ct-stock table th{
    width: 20%;
}
}
.ct-stock table td{
    padding: 25px;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
}
/** meeting *******************************/
.ct-meeting{
    font-size: 18px;
}
.ct-meeting a{
    color: var(--main-color);
}
.ct-meeting h1{
    background: var(--main-color);
    color: #fff;
    font-size: 28px;
    line-height: 120%;
    padding: .7em;
    margin: 50px 0 30px 0;
}
.ct-meeting h2{
    background: var(--bg-color)!important;
    font-size: 24px !important;
    text-align: left !important;
    line-height: 120% !important;
    padding: 5px 20px !important;
    margin: 50px 0 30px 0 !important;
    position: static !important;
    border-bottom: 2px solid var(--main-color);
}
.ct-meeting h2:before{
    display: none!important;
    position: static !important;
}
.ct-meeting ul li{
    position: relative;
    padding: 2px 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 130%;
}
.ct-meeting ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-radius:8px;
    background:#009a34; 
}
.ct-meeting ol{
    counter-reset: count 0;
    margin: 30px 0;
	list-style: none;
}
.ct-meeting ol li{
    padding-left: 20px;
    position: relative;
    margin:0 0 .3em 0;
    font-size: 16px;
    font-weight: 500;
}
.ct-meeting ol li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ct-meeting ol li:before{
    content: counter(count) ". ";
    counter-increment: count 1;
    color: #009a34; 
    font-weight: bold;
}

.ct-bknum ul li{
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    margin: 0 0 20px 0;
}
.ct-bknum ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}
/** faq **************************************/
.ct-faq .column{
    background: var(--bg-color);
    padding: 30px;
    box-sizing: border-box;
    margin: 0 0 35px 0;
}
.ct-faq .column .column-q{
    position: relative;
    padding-left: 75px;
    min-height: 63px;
    font-size: 26px;
    line-height: 120%;
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}
.ct-faq .column .column-q:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/ir/q-ic.svg) no-repeat;
    width: 63px;
    height: 63px;
    background-size: cover;
}
.ct-faq .column .column-a{
    padding: 20px 20px 20px 95px;
    background: #fff;
    min-height: 62px;
    border-radius: 6px;
    position: relative;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.ct-faq .column .column-a:before{
    position: absolute;
    content: "";
    left: 30px;
    top: -14px;
    height: calc(28px / 2);
    width: 28px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: #fff;
}
.ct-faq .column .column-a:after{
    position: absolute;
    content: "";
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/ir/a-ic.svg) no-repeat;
    width: 62px;
    height: 62px;
    background-size: cover;
}
/***********************************************
 group
***********************************************/
.ct-group .group-map {
    text-align: center;
} 
.ct-group .group-map img{
    width: 100%;
    height: auto;
    max-width: 1084px;
}
.ct-group h4{
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    min-height: 60px;
    padding:0 0 0 22px;
    display: flex;
    align-items: center;
    margin: 30px 0 20px 0;
    position: relative;
}
.ct-group h4:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 60px;
}
.ct-group #group-nc h4:before,
.ct-group #group-ncvn h4:before{
    background: #009a34;
}
.ct-group #group-nc h4 span,
.ct-group #group-ncvn h4 span{
    color: #009a34;
}
.ct-group #group-nhs h4:before{
    background: #00a799;
}
.ct-group #group-nhs h4 span{
    color: #00a799;
}
.ct-group #group-kd h4:before{
    background: #0062b2;
}
.ct-group #group-ap h4:before{
    background: #d71518;
}
.ct-group #group-jss h4:before{
    background: #0ba8d5;
}
.ct-group #group-jps h4:before{
    background: #3dcc17;
}
.ct-group #group-gt h4:before{
    background: #798dd4;
}
.ct-group table{
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 50px;
}
.ct-group table th{
    padding: 25px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    width: 1%;
}
.ct-group #group-nc table th,
.ct-group #group-ncvn table th{
    background: var(--bg-color);
}
.ct-group #group-nhs table th{
    background: #e3f5f4;
}
.ct-group #group-kd table th{
    background: #e3eef7;
}
.ct-group #group-ap table th{
    background: #fbe8e8;
}
.ct-group #group-jss table th{
    background: #e7f6fb;
}
.ct-group #group-jps table th{
    background: #eaf9e5;
}
.ct-group #group-gt table th{
    background: #f0f2fa;
}
@media screen and (min-width: 640px) {
.ct-group table th{
    width: 20%;
}
}
.ct-group table td{
    padding: 25px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
/***********************************************
 contact
***********************************************/
.ct-contact .contact-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ct-contact .contact-list .set:nth-of-type(1),
.ct-contact .contact-list .set:nth-of-type(2),
.ct-contact .contact-list .set:nth-of-type(3){
    width: 32%;
    padding: 30px;
    box-sizing: border-box;
    background: var(--bg-color);
}
.ct-contact .contact-list .set:nth-of-type(1) h4,
.ct-contact .contact-list .set:nth-of-type(2) h4,
.ct-contact .contact-list .set:nth-of-type(3) h4{
    padding-top: 85px;
    position: relative;
}
.ct-contact .contact-list .set:nth-of-type(1) h4:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: url(../images/contact/conveyor-ic.svg) no-repeat;
    width: 76px;
    height: 64px;
    background-size: cover;
}
.ct-contact .contact-list .set:nth-of-type(2) h4:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: url(../images/contact/parking-ic.svg) no-repeat;
    width: 76px;
    height: 64px;
    background-size: cover;
}
.ct-contact .contact-list .set:nth-of-type(3) h4:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: url(../images/contact/sola-ic.svg) no-repeat;
    width: 76px;
    height: 64px;
    background-size: cover;
}
.ct-contact .contact-list .set:nth-of-type(4),
.ct-contact .contact-list .set:nth-of-type(5){
    width: 49%;
    padding: 30px;
    box-sizing: border-box;
    background: #f5f5f5;
}
.ct-contact .contact-list .set{
    margin-bottom: 60px;
}
.ct-contact .contact-list .set h4{
    color: var(--main-color);
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.ct-contact .contact-list .set h4 span{
    display: block;
}
.ct-contact .phone{
    padding-left: 20px;
    font-size: 26px;
    line-height: 120%;
    white-space: nowrap;
    position: relative;
}
.ct-contact .phone:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/contact/phone-ic.svg) no-repeat;
    width: 17px;
    height: 24px;
    background-size: cover;
}
.ct-contact .phone span{
    font-size: 18px;
}
/***********************************************
 news
***********************************************/
/** index ************************************/
.ct-news ul li {
    border-bottom: 1px solid #ddd;
}
.ct-news ul li:first-child {
    border-top: 1px solid #ddd;
}
.ct-news ul li a{
    display: block;
    padding: 20px 25px 20px 0;
    position: relative;
}
.ct-news ul li a:before{
    position: absolute;
    content: "";
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	transform: rotate(45deg);
}
.ct-news ul li a:hover{
    background: #f0f9f3;
}
.ct-news ul li a span.date{
    display: block;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 5px;
}
.ct-news ul li a span.ctg{
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
    font-size: 14px;
    font-weight: 500;
    width: 70px;
    text-align: center;
    margin:0 5px 5px 0;
}
.ct-news ul li a span.field{
    display: inline-block;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 150px;
    text-align: center;
    margin:0 5px 5px 0;
    white-space: nowrap;
}
.ct-news ul li a span.nhs{
    color: #02af9a;
    border: 1px solid #02af9a;
}
.ct-news ul li a span.nch{
    color: #994cff;
    border: 1px solid #994cff;
}
.ct-news ul li a span.nc{
    color: #33c600;
    border: 1px solid #33c600;
}
/** news-navi *******************************/
.news-navi {
    padding: 70px 0 100px 0;
}
.news-navi .inner{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.news-navi ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news-navi ul:after{
    content:"";
    display: block;
    width:32%;
}
.news-navi ul li:nth-of-type(1){
    width: 100%;
    font-size: 24px;
    padding-left: 45px;
    position: relative;
    margin-bottom: 50px;
}
.news-navi ul li:nth-of-type(1):before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
}
.news-navi ul li:not(:nth-of-type(1)){
    width: 32%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 30px;
    transition: all  0.2s ease-out !important;
}
.news-navi ul li:not(:nth-of-type(1)):hover{
    background: var(--bg-color);
}
.news-navi ul li:not(:nth-of-type(1)) a{
    display: block;
    box-sizing: border-box;
    padding: 25px;
}
.news-navi ul li:not(:nth-of-type(1)) a strong{
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    color: var(--main-color);
    margin-bottom: 30px;
}
.news-navi ul li:not(:nth-of-type(1)) a p{
    font-size: 15px;
}
.news-navi ul li:not(:nth-of-type(1)) a span{
    font-size: 18px;
    line-height: 120%;
    display: block;
    padding-left: 35px;
    position: relative;
}
.news-navi ul li:not(:nth-of-type(1)) a span:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/common/ar.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
}
.news-navi strong{
    display: block;
    font-size: 20px;
    line-height: 130%;
}
/** Product info ************************/
.ct-prdinfo .rows{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ct-prdinfo .rows:after{
    content:"";
    display: block;
    width:31%;
}
.ct-prdinfo .rows .set{
    width: 31%;
    margin: 0 0 70px 0;
}
.ct-prdinfo .rows .set .photo-box {
    position: relative;
    overflow: hidden;
}
.ct-prdinfo .rows .set .photo-box:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
    background: url(../images/news/u-bg.svg) no-repeat;
    height: 22px;
    background-size: cover;
    background-position: center top;
    z-index: 2;
}
.ct-prdinfo .rows .set .photo-box img{
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: all  0.2s ease;
}
.ct-prdinfo .rows .set .photo-box img:hover{
    transform:scale(1.2,1.2);
}
.ct-prdinfo .rows .set span{
    color: var(--main-color);
    display: block;
    font-size: 14px;
}
.ct-prdinfo .rows .set h3{
    font-size: 20px !important;
    position: static !important;
    border: none !important;
    margin: 20px 0 0 0 !important;
    padding:  0 !important;
}
.ct-prdinfo .rows .set h3:before{
    display: none!important;
}
.ct-prdinfo .rows .set p{
    font-size: 15px;
}
.ct-prdinfo .rows .set ul li:not(:last-child) {
    margin-right: 5px;
}
.ct-prdinfo .rows .set ul li a{
    color: var(--main-color);
    font-size: 13px;
    display: inline-block;
    border: 1px solid var(--main-color);
    padding: 0 5px;
}
/** product-dtl ********************************/
.ct-prdinfo-dtl .column-title{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--bg-color);
    padding: 40px;
    box-sizing: border-box;
}
.ct-prdinfo-dtl .column-title .column-l{
    width: 45%;
}
.ct-prdinfo-dtl .column-title .column-l .photo-box{
    position: relative;
}
.ct-prdinfo-dtl .column-title .column-l .photo-box:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
    background: url(../images/news/u-bg-gr.svg) no-repeat;
    height: 30px;
    background-size: cover;
    background-position: center top;
    z-index: 2;
}
.ct-prdinfo-dtl .column-title .column-l .photo-box img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    position: relative;
}
.ct-prdinfo-dtl .column-title .column-r{
    width: 50%;
}
.ct-prdinfo-dtl .column-title .column-r .date{
    color: var(--main-color);
    display: block;
    font-size: 14px;
    margin: 0 0 20px 0;
}
.ct-prdinfo-dtl .column-title .column-r strong{
    display: block;
    font-size: 36px;
    line-height: 130%;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.ct-prdinfo-dtl .column-title .column-r ul li:not(:last-child){
    margin-right: 5px;
}
.ct-prdinfo-dtl .column-title .column-r ul li a{
    color: var(--main-color);
    font-size: 13px;
    padding: 0 5px;
    border: 1px solid var(--main-color);
}
.pr-entry h1{
    background: var(--main-color);
    color: #fff;
    font-size: 28px;
    line-height: 120%;
    padding: .7em;
    margin: 50px 0 30px 0;
}
.pr-entry h2{
    font-size: 26px !important;
    text-align: left !important;
    color: #333 !important;
    line-height: 120% !important;
    font-family: 'IBM Plex Sans JP',"メイリオ", "Meiryo","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif !important;
    font-weight: 500 !important;
    position: static !important;
    padding: 15px 0 15px 15px !important;
    border-bottom: none !important;
    margin: 50px 0 30px 0 !important;
    border-left: 4px solid var(--main-color);
}
.pr-entry h2:before{
    position: static !important;
    display: none !important;
}
.pr-entry h3{
    font-size: 24px !important;
    line-height: 120% !important;
    position: static !important;
    padding: 15px 15px 10px 15px !important;
    border-bottom: 2px solid var(--main-color) !important;
    margin: 50px 0 30px 0 !important;
    background: var(--bg-color);
}
.pr-entry h3:before{
    position: static !important;
    display: none !important;
}
.pr-entry h4{
    font-size: 22px;
    line-height: 120%;
    padding: 0 0 0 35px;
    margin: 50px 0 30px 0;
    position: relative;
}
.pr-entry h4:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width:24px;
    height:12px;
    border-radius:0 0 24px 24px;
    background:var(--main-color); 
}
.pr-entry ul {
    margin: 30px 0;
    list-style: none;
}
.pr-entry ul li{
    position: relative;
    padding: 2px 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 130%;
}
.pr-entry ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-radius:8px;
    background:var(--main-color); 
}
.pr-entry ol{
    counter-reset: count 0;
    margin: 30px 0;
}
.pr-entry ol li{
    padding-left: 20px;
    position: relative;
    margin:0 0 .3em 0;
    font-size: 16px;
    font-weight: 500;
}
.pr-entry ol li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pr-entry ol li:before{
    content: counter(count) ". ";
    counter-increment: count 1;
    color: var(--main-color); 
    font-weight: bold;
}
/** PR情報/SR情報/リクルート情報 ******************************/
.ct-info ul li {
    border-bottom: 1px solid #ddd;
}
.ct-info　ul li:first-child {
    border-top: 1px solid #ddd;
}
.ct-info ul li a{
    display: block;
    padding: 20px 25px 20px 0;
    position: relative;
}
.ct-info ul li a:before{
    position: absolute;
    content: "";
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	transform: rotate(45deg);
}
.ct-info ul li a:hover{
    background: #f0f9f3;
}
.ct-info ul li a span.date{
    display: block;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 5px;
}
.ct-info ul li a span.ctg{
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
    font-size: 14px;
    font-weight: 500;
    width: 70px;
    text-align: center;
    margin:0 5px 5px 0;
}
.ct-info ul li a span.field{
    display: inline-block;
    color: var(--main-color);
    background: #fff;
    border: 1px solid var(--main-color);
    font-size: 14px;
    font-weight: 500;
    width: 150px;
    text-align: center;
    margin:0 5px 5px 0;
    white-space: nowrap;
}
.ct-info-dtl .ctg{
    display: flex;
    margin: 5px 0;
}
.ct-info-dtl .ctg li{
    margin:0 5px 0 0;
}
.ct-info-dtl .ctg li a{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--main-color);
    background: #fff;
    border: 1px solid var(--main-color);
    text-align: center;
    margin:0 5px 0 0;
    white-space: nowrap;
    padding: 1px 5px;
}
.ct-info-dtl .ifj-ic a{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--main-color);
    text-align: center;
    margin:0 5px 0 0;
    white-space: nowrap;
    padding: 1px 10px;
    border-radius: 15px;
}

/***********************************************
 sitemap
***********************************************/
.ct-sitemap ul>li{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 30px 0;
    background: var(--bg-color);
    padding: 20px;
}
.ct-sitemap ul>li a{
    display: block;
}
.ct-sitemap ul>li>ol{
    margin: 15px 0 0 0;
}
.ct-sitemap ul>li>ol>li a{
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0;
    display: block;
}
/***********************************************
 privacy
***********************************************/
.ct-privacy h4{
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    min-height: 60px;
    padding:0 0 0 22px;
    display: flex;
    align-items: center;
    margin: 30px 0 20px 0;
    position: relative;
}
.ct-privacy h4:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 60px;
    background: var(--main-color);
}
.ct-privacy ol{
	counter-reset: listnum;
}
.ct-privacy ol li:before{
	counter-increment: listnum;
	content: counter(listnum) ".";
    padding-right: 5px;
	vertical-align: middle;
	font-size: 16px;
}
/***********************************************
 404
************************************************/
.ct-404{
	padding: 70px 0;
}
@media screen and (max-width: 980px) {
/***********************************************
 company
***********************************************/
/** company ***********************************/
.ct-company ul.corp-panel li .photo-box img{
    height: 120px;
}
/***********************************************
 contact
***********************************************/
.ct-contact .contact-list .set:nth-of-type(1),
.ct-contact .contact-list .set:nth-of-type(2),
.ct-contact .contact-list .set:nth-of-type(3){
    width: 100%;
}
.ct-contact .contact-list .set{
    margin-bottom: 30px;
}
/***********************************************
 news
***********************************************/
/** pr-dtl *********************************/
.ct-prdinfo-dtl .column-title{
    padding: 20px;
}
.ct-prdinfo-dtl .column-title .column-r strong{
    font-size: 28px;
}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 850px) {
/***********************************************
 common
************************************************/
/** sub-contents *******************************/
#sub-contents{
    padding: 0 0 70px 0;
}
#sub-contents h3,
#ir-navi h3{
    font-size: 28px;
}
/** contents-navi ******************************/
#contents-navi{
    padding: 60px 0;
}
#contents-navi .inner nav ul li:not(:first-child){
    width: 48%;
    margin-bottom: 20px;
}
/***********************************************
 company
***********************************************/
/** company ***********************************/
.ct-company .column-about{
    text-align: left;
}
.ct-company .column-about p span{
    display: inline;
}
/***********************************************
 ir
***********************************************/
/** ir-common ************************************/
.ir-contents h4,
.ct-library h4{
    font-size: 22px;
    min-height: 50px;
}
.ir-contents h4:before,
.ct-library h4:before{
    height: 50px;
}
/***********************************************
 news
***********************************************/
/** product info ******************************/
.ct-prdinfo .rows:after{
    display: none;
}
.ct-prdinfo .rows .set{
    width: 48%;
    margin: 0 0 50px 0;
}
/** product-dtl *********************************/
.pr-entry h1{
    font-size: 24px;
    padding: .6em;
}
.pr-entry h2{
    font-size: 22px !important;
}
.pr-entry h3{
    font-size: 20px !important;
}
.pr-entry h4{
    font-size: 18px;
}
}
@media screen and (max-width: 760px) {
/***********************************************
 business
************************************************/
.ct-business .business-list .set{
    width: 100%;
}
.ct-business .business-list .set .photo-box{
    height: 280px;
}
.ct-business .business-list .set .photo-box:before{
    
    bottom: -1px;
    background-size: 100% auto;
    background-position: center bottom;
}
.ct-business .business-list .set .photo-box img{
    height: 280px;
}
.ct-business .business-list .set h4{
    font-size: 24px;
}
.ct-business .business-list .set h5{
    font-size: 20px;
}
.ct-business .business-list .set ul li a{
    font-size: 16px;
}
/***********************************************
 ir
***********************************************/
/** ir-navi *******************************/
#ir-navi ul li:nth-of-type(2) a{
    background-position: center right 10px;
    font-size: 24px;
    padding: 25px;
}
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)){
    width: 49%;
}
/***********************************************
 news
***********************************************/
/** index *********************************/
.news-navi ul li:not(:nth-of-type(1)){
    width: 49%;
}
/** product-dtl *******************************/
.ct-prdinfo-dtl .column-title .column-l{
    width: 100%;
}
.ct-prdinfo-dtl .column-title .column-r{
    width: 100%;
}
}
@media screen and (max-width: 640px) {
/***********************************************
 common
************************************************/
#sub-stage:before{
    width: 80px;
    height: 47px;
}
#sub-stage:after{
    background: url(../images/common/u-bg-ph.svg) no-repeat;
    background-position: center bottom;
    background-size: 640px 80px;
}
#sub-stage .inner h1{
    font-size: 40px;
}
#sub-stage .inner ul li{
    font-size: 13px;
}
/***********************************************
 company
************************************************/
/** company ***********************************/
.ct-company .column-about strong{
    font-size: 8.5vw;
}
.ct-company .column-about .earth-bg {
    top: auto;
    bottom: 0;
}
/** greeting ***********************************/
.ct-greeting strong{
    font-size: 24px;
}
/** outline *******************************/
.ct-outline table th{
    padding: 15px;
}
.ct-outline table td{
    padding: 15px;
}
/** history ***********************************/
.ct-history table th{
    padding: 0 20px 50px 0;
}
.ct-history table th strong{
    font-size: 30px;
}
.ct-history table td{
    font-size: 16px;
}
/** philosophy *******************************/
.ct-philosophy table.motto tr{
    flex-wrap: wrap;
}
.ct-philosophy table.motto th{
    width: 100%;
    padding: 0 0 30px 0;
}
.ct-philosophy table.motto td{
    width: 90%;
    border-top: 1px solid #8cd2a4;
    border-left: none;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.ct-philosophy .column-3s .alpha{
    padding: 50px 0 25px 0;
}
.ct-philosophy .column-3s dl dt{
    font-size: 12vw;
}
.ct-philosophy .column-3s dl dd{
    font-size: 18px;
    text-align: left;
}
/***********************************************
 ir
************************************************/
#ir-ctgnavi ul li a{
    font-size: 20px;
    padding: 30px 35px 30px 10px;
}
#ir-ctgnavi ul li{
    width: 100%;
}
/** stock *******************************/
.ct-stock table th{
    padding: 15px;
}
.ct-stock table td{
    padding: 15px;
}
/** faq **************************************/
.ct-faq .column{
    padding: 20px;
}
.ct-faq .column .column-q{
    font-size: 22px;
}
.ct-faq .column .column-a{
    font-size: 16px;
}
/***********************************************
 group
************************************************/
.ct-group h4{
    font-size: 22px;
    padding:0 0 0 16px;
}
.ct-group table th{
    padding: 15px;
}
.ct-group table td{
    padding: 15px;
}
/***********************************************
 contact
***********************************************/
.ct-contact .contact-list .set:nth-of-type(1),
.ct-contact .contact-list .set:nth-of-type(2),
.ct-contact .contact-list .set:nth-of-type(3){
    padding: 20px;
}
.ct-contact .contact-list .set:nth-of-type(4),
.ct-contact .contact-list .set:nth-of-type(5){
    width: 100%;
    padding: 20px;
}
/***********************************************
 news
************************************************/
/** products ***************************************/
.ct-prdinfo .rows .set{
    width: 100%;
}
/** product-dtl *****************************/
.ct-prdinfo-dtl .column-title .column-l .photo-box img{
    height: 240px;
}
/***********************************************
 privacy
************************************************/
.ct-privacy h4{
    font-size: 22px;
    padding:0 0 0 16px;
}
}
@media screen and (max-width: 500px) {
#contents-navi .inner nav ul li:not(:first-child) img{
    height: 90px;
}
/***********************************************
 company
***********************************************/
/** company ***********************************/
.ct-company ul.corp-panel li .photo-box img{
    height: 90px;
}
/***********************************************
 ir
***********************************************/
/** ir-navi *******************************/
#ir-navi ul li:not(:nth-of-type(1),:nth-of-type(2)){
    width: 100%;
    margin-bottom: 20px;
}
/***********************************************
 news
***********************************************/
/** index *******************************/
.news-navi ul li:not(:nth-of-type(1)){
    width: 100%;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 400px) {
/***********************************************
 company
***********************************************/
/** outline *******************************/
.ct-outline table{
    display: block;
}
.ct-outline table th,
.ct-outline table tbody th{
    display: block;
    width: 100%;
    padding: 15px;
}
.ct-outline table td{
    display: block;
    padding: 15px;
}
/***********************************************
 ir
***********************************************/
/** stock *******************************/
.ct-stock table{
    display: block;
}
.ct-stock table th{
    display: block;
    width: 100%;
}
.ct-stock table td{
    display: block;
}
/** faq **************************************/
.ct-faq .column{
    padding: 15px;
}
.ct-faq .column .column-q{
    padding-left: 55px;
    min-height: 45px;
}
.ct-faq .column .column-q:before{
    width: 45px;
    height: 45px;
}
.ct-faq .column .column-a{
    padding: 15px 15px 15px 70px;
    min-height: 45px;
}
.ct-faq .column .column-a:after{
    left: 15px;
    width: 45px;
    height: 45px;
}
/***********************************************
 group
***********************************************/
.ct-group table{
    display: block;
}
.ct-group table th{
    display: block;
    width: 100%;
}
.ct-group table td{
    display: block;
}
/***********************************************
 news
***********************************************/
/** product-info ******************************/
.ct-prdinfo .rows .set .photo-box img{
    height: 200px;
}
}
@media screen and (max-width: 350px) {
/***********************************************
 common
************************************************/
/** contents-navi ******************************/
#contents-navi .inner nav ul li:not(:first-child){
    width: 100%;
}
/***********************************************
 company
***********************************************/
/** company ***********************************/
.ct-company ul.corp-panel li{
    width: 100%;
    margin-bottom: 30px;
}
}