@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.下層共通
03.WORKS/TOPICS
04.WORKS/TOPICS_detail
05.CONTACT
05-01.confirm
--------------------*/

@media only screen and (max-width:1080px){
/*----------
01.top 1080
----------*/
#top #mainvisual_area .mainvisual_box .mainvisual_text_box{
max-width: calc(100% - 80px);
margin: 0 0 0 auto;
}
#top #mainvisual_area .mainvisual_text_box .title{
font-size: 62px;
line-height: 80px;
}
#top #mainvisual_area .mainvisual_text_box .title_jp{
font-size: 16px;
line-height: 24px;
margin: 0 0 16px;
}
/* mainvisual01 */
#top #mainvisual_area .mainvisual_box01 .mainvisual_text_box .link_box{
top: 127px;
right: unset;
left: 420px;
}
/* mainvisual02 */
#top #mainvisual_area .mainvisual_box02 .mainvisual_text_box .title{
left: 26px;
}
#top #mainvisual_area .mainvisual_box02 .mainvisual_text_box .link_box{
top: 146px;
right: 138px;
}

/* mainvisual03 */
#top #mainvisual_area .mainvisual_box03 .mainvisual_text_box .title{
left: 28px;
}
#top #mainvisual_area .mainvisual_box03 .mainvisual_text_box .link_box{
top: calc(22% + 80px);
left: 30px;
}

/* mainvisual04 */
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .title{
top: 26%;
right: 10px;
}
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .link_box {
top: calc(26% + 171px);
right: 10px;
}
/* mainvisual05 */
#top #mainvisual_area .mainvisual_box05 .mainvisual_text_box .title{
left: 0;
}
#top #mainvisual_area .mainvisual_box05 .mainvisual_text_box .link_box{
left: 0;
top: 248px;
}
/* mainvisual06 */
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .title {
top: 5%;
left: 64px;
}
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .link_box {
top: calc(5% + 170px);
left: 64px;
}
/* mainvisual07 */
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .title{
left: 5%;
}
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .link_box{
left: 5%;
top: calc(12% + 250px);
}

/* mainvisual08 */
#top #mainvisual_area .mainvisual_box08 .mainvisual_text_box .title{
left: 5%;
}
#top #mainvisual_area .mainvisual_box08 .mainvisual_text_box .link_box{
left: 5%;
top: calc(9% + 250px);
}

/* mainvisual09 */
#top #mainvisual_area .mainvisual_box09 .mainvisual_text_box .title{
bottom: 124px;
}
#top #mainvisual_area .mainvisual_box09 .mainvisual_text_box .link_box{
top: calc(4% + 170px);
left: unset;
right: 362px;
}



}


@media only screen and (max-width:1024px){
/*----------
01.top 1024
----------*/

#top .cnt_area .h2_g h2{
font-size: 48px;
line-height: 66px;
}
#top .cnt_area .h2_g .maintext{
font-size: 26px;
line-height: 38px;
}
#top .cnt_area .h2_g p.first_text{
letter-spacing: 0.05em;
}
#top #about .icon.icon01{
max-width: 132px;
}
#top #about .h2_g{
position: relative;
z-index: 1;
}

#top #concept .cnt_g{
max-width: 654px;
}
#top #concept .cnt_g .cnt_box{
width: 313px;
height: 313px;
padding: 64px 0 59px;
}
#top #concept .cnt_g .cnt_box .text{
font-size: 32px;
margin-bottom:26px;
}
#top #concept .cnt_g .cnt_box.air .icon {
width: 101px;
}
#top #concept .cnt_g .cnt_box.water .icon {
width: 58px;
}
#top #concept .cnt_g .cnt_box.air .img {
max-width: 192px;
}
#top #concept .cnt_g .cnt_box.water .img{
max-width: 141px;
}

/*--- 記事スライドエリア ---*/
#top .article_area .article_slider{
width: calc(50% + 340px);
}
#top .article_area .article_slider .cnt_box{
max-width: 680px;
margin: 0 30px 0 0;
}
#top .article_area .slider_function_box{
max-width: 680px;
}
#top .article_area .article_slider .cnt_box .cnt_text{
padding: 26px 12px 22px 20px;
bottom: 26px;
max-width: 400px;
}
#top .article_area .article_slider .cnt_box .cnt_text .title{
font-size: 24px;
line-height: 38px;
margin-bottom: 26px;
}
#top .article_area .article_slider .cnt_box .cnt_text p{
font-size: 14px;
}
#top .article_area .article_slider .cnt_box .cnt_text .btn_more{
bottom: 22px;
right: 15px;
}
/*--- END 記事スライド共通 ---*/

#top #works::before{
width: 88.8%;
min-width: 333px;
height: 56.7%;
}



/*--- FUNCTION共通 ---*/

#top .function_area .title_g h2{
font-size: 86px;
margin-bottom: 66px;
}
#top .function_area .title_g h2 span{
font-size: 62px;
}
#top .function_area .product_g {
position: relative;
margin-bottom: 143px;
}
#top .function_area .product_g .en_name{
font-size: 60px;
line-height: 70px;
}
#top .function_area .product_g::before{
width: 63.7%;
top: 105px;
right: calc(50% + 55px);
}
#top .function_area .product_g:nth-of-type(odd)::before{
left: calc(50% + 55px);
top: 105px;
}
#top .function_area .product_g:nth-of-type(odd) .about_box .cnt_text,
#top .function_area .product_g .about_box .cnt_text{
margin: 0;
width: 52%;
}
#top .function_area .product_g::after{
width: 93.3%;
}
#top .function_area .product_g .about_box .cnt_text h3{
font-size: 26px;
margin-bottom: 6px;
}
#top .function_area .product_g .about_box .cnt_text .register{
font-size: 14px;
line-height: 24px;
}
#top .function_area .product_g .about_box .cnt_text .top_text{
margin-bottom: 28px;
}

#top .function_area .product_g .about_box .cnt_text .about_text{
font-size: 20px;
}
#top .function_area .product_g .about_box .cnt_text p{
font-size: 14px;
line-height: 26px;
}
#top .function_area .product_g .point_box{
max-width: 580px;
}
#top .function_area .product_g .point_box .cnt_box p{
font-size: 16px;
line-height: 30px;
}

/*--- END FUNCTION共通 ---*/

/*----------
03.WORKS/TOPICS
----------*/
#works_topics #title_area {
margin-top: 50px;
}
#works_topics #cnt_area01 .contents_in {
width: 92%;
}
#works_topics #cnt_area01 .list_block {
margin: 0 -2.2%;
}
#works_topics #cnt_area01 .list_block .item {
margin: 0 2.1% 80px;
width: 29.1%;
}
#works_topics #cnt_area01 .list_block .category {
width: 110px;
height: 42px;
}
#works_topics #cnt_area01 .list_block .txt_box .title {
font-size: 24px;
}
#works_topics #pagination .previouspostslink{
margin-right: 36px;
}

#works_topics #pagination .nextpostslink{
margin-left: 36px;
}
#works_topics #pagination .wp-pagenavi a.page, #works_topics #pagination .wp-pagenavi span {
font-size: 18px;
margin: 0 10px;
}
#works_topics #pagination .previouspostslink, #works_topics #pagination .nextpostslink {
width: 80px;
height: 80px;
}

/*----------
04.WORKS/TOPICS_detail
----------*/
#works_topics_detail #mainv_area {
margin-top: 50px;
}
#works_topics_detail #cnt_area01 h2 {
font-size: 42px;
}


}

@media only screen and (max-width:750px){
/*----------
01.top 750
----------*/

#top .comming_pic img.sp{
width: 100%;
}


#top #mainvisual_area .mainvisual_box .mainvisual_text_box{
max-width: calc(100% - 60px);
}

#top #mainvisual_area .mainvisual_text_box .link_box{
min-width: 120px;
}

#top #mainvisual_area .mainvisual_text_box .title{
font-size: 40px;
line-height: 50px;
}
#top #mainvisual_area .mainvisual_text_box .title span{
font-size: 20px;
}
#top #mainvisual_area .mainvisual_text_box .title_jp{
font-size: 10px;
line-height: 16px;
margin: 0 0 12px;
}
#top #mainvisual_area .mainvisual_text_box .next_btn a{
font-size: 12px;
line-height: 24px;
padding: 7px 0 8px 28px;
}
#top #mainvisual_area .mainvisual_text_box .next_btn a::before{
right: 28px;
}

#top #mainvisual_area .slider_function_box .arrow_box{
width: 86px;
}
#top #mainvisual_area .slider_function_box .arrow{
width: 40px;
border-radius: 50px;
color: #fff;
font-size: 10px;
position: relative;
}
#top #mainvisual_area .slider_function_box .arrow::after{
content: '';
display: block;
width: 5px;
height: 11px;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
#top #mainvisual_area .slider_function_box .arrow.next::after{
background: url("../common/img/arrow_right01.png") no-repeat center;
background-size: contain;
}
#top #mainvisual_area .slider_function_box .arrow.prev::after{
background: url("../common/img/arrow_left01.png") no-repeat center;
background-size: contain;
}

#top #mainvisual_area .slider_function_box .box{
display: block;
max-width: 86px;
margin: 0 10px 0 auto;
}

#top #mainvisual_area .slider_function_box .count_text{
margin: 0 auto 12px;
text-align: center;
font-size: 24px;
font-weight: 500;
}


/* mainvisual01 */
#top #mainvisual_area .mainvisual_box01 .mainvisual_text_box .title{
top: 14.7%;
left: unset;
right: 30px;
}
#top #mainvisual_area .mainvisual_box01 .mainvisual_text_box .link_box{
top: calc(14.7% + 120px);
left: unset;
right:26px;
}
#top #mainvisual_area .mainvisual_box01 .mainvisual_text_box .next_btn{
margin: 0 0 0 auto;
}

/* mainvisual02 */
#top #mainvisual_area .mainvisual_box02 .mainvisual_text_box .title{
left: 30px;
top: 9%;
}
#top #mainvisual_area .mainvisual_box02 .mainvisual_text_box .link_box{
top: calc(9% + 160px);
right:unset;
left: 30px;
}
/* mainvisual03 */
#top #mainvisual_area .mainvisual_box03 .mainvisual_text_box .title{
left: 25px;
top: 11%;
}
#top #mainvisual_area .mainvisual_box03 .mainvisual_text_box .link_box{
top: calc(11% + 60px);
left: 25px;
}
/* mainvisual04 */
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .title{
right: 25px;
top: 123px;
letter-spacing: 0.08em;
}
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .link_box{
top: 233px;
right: 20px;
}
/* mainvisual05 */
#top #mainvisual_area .mainvisual_box05 .mainvisual_text_box .title{
top: 17%;
letter-spacing: 0.1em;
}
#top #mainvisual_area .mainvisual_box05 .mainvisual_text_box .link_box{
top: calc(17% + 110px);
}
/* mainvisual06 */
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .title,
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .title,
#top #mainvisual_area .mainvisual_box09 .mainvisual_text_box .title{
top: 51px;
text-align: right;
right: 42px;
bottom: unset;
left: unset;
}
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .link_box,
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .link_box,
#top #mainvisual_area .mainvisual_box09 .mainvisual_text_box .link_box{
top: 208px;
right: 42px;
bottom: unset;
left: unset;
}
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .next_btn,
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .next_btn,
#top #mainvisual_area .mainvisual_box09 .mainvisual_text_box .next_btn{
margin: 0 0 0 auto;
}

#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .title{
top: 71px;
}
#top #mainvisual_area .mainvisual_box06 .mainvisual_text_box .link_box{
top: 228px;
}

#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .title{
top: 20%;
right: 40%;
}
#top #mainvisual_area .mainvisual_box07 .mainvisual_text_box .link_box{
top: calc(20% + 150px);
right: 40%;
}
#top #mainvisual_area .mainvisual_box08 .mainvisual_text_box .title{
top: 5%;
}
#top #mainvisual_area .mainvisual_box08 .mainvisual_text_box .link_box{
top: calc(5% + 160px);
}


#top .cnt_area .h2_g h2 {
font-size: 32px;
line-height: 32px;
margin-bottom: 42px;
}
#top .cnt_area .h2_g .maintext {
font-size: 20px;
line-height: 28px;
margin-bottom: 38px;
}
#top .cnt_area .h2_g p.first_text{
width: 85.9%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
font-size: 14px;
line-height: 24px;
}



#top #about {
padding: 98px 0 40px;
}

#top #about .icon.icon01{
max-width: 76px;
top: -42px;
left: 0;
}

#top #about .icon.icon02{
max-width: 66px;
right: 0;
bottom: -116px;
}

#top #concept{
padding-top: 100px;
}
#top #concept .bg{
padding-bottom: 175px;
}
#top #concept .logo_g{
display: block;
width: 200px;
padding: 22px 0 18px;
margin: 0 auto;
}
#top #concept .logo_g .kmn_logo{
width: 160px;
margin: 0 auto 23px;
}
#top #concept .logo_g .x_img{
margin: 0 auto 17px;
}
#top #concept .logo_g .kt_logo{
max-width: 148px;
margin: 0 auto;
}
#top #concept .cnt_g{
max-width: 335px;
margin: -80px auto 0;
}
#top #concept .cnt_g .cnt_box {
width: 160px;
height: 160px;
padding: 28px 0 9px;
}
#top #concept .cnt_g .cnt_box.air .icon{
width: 60px;
top: -21px;
}
#top #concept .cnt_g .cnt_box.water .icon{
width: 34px;
top: -32px;
}
#top #concept .cnt_g .cnt_box .text{
font-size: 16px;
margin-bottom: 12px;
font-weight: 400;
}
#top #concept .cnt_g .cnt_box.air .img {
max-width: 106px;
}
#top #concept .cnt_g .cnt_box.water .img {
max-width: 78px;
}

#top #territory {
padding: 80px 0 0;
}
#top #territory .h2_g{
margin-bottom: 40px;
}
#top #territory .cnt_g{
width: 270px;
height: 270px;
margin: 0 auto 75px;
}
#top #territory .cnt_g .img{
max-width: 80px;
}
#top #territory .cnt_g .icon{
width: 78px;
}

#top #territory .bg_circle circle {
fill: transparent;
stroke: #FCB835;
stroke-width: 1;
opacity: 0;
}

#top #territory .bg_circle.animate circle {
opacity: 1;
animation: circle_sp 2s cubic-bezier(.65,.05,.36,1);
}
/*
#top #territory .cnt_g::before{
width: 200px;
height: 200px;
}
*/
#top #territory .cnt_g::after{
bottom: -55px;
}


/*--- 記事スライドエリア ---*/
#top .article_area{
padding-bottom: 30px;
}
#top .article_area .h2_g {
margin-bottom: 45px;
}
#top .article_area .article_slider{
width: 100%;
}
#top .article_area .article_slider .cnt_box{
max-width: 286px;
margin: 0 11px 0 0;
}
#top .article_area .article_slider .cnt_box .cnt_img{
width: 270px;
}
#top .article_area .article_slider .cnt_box .cnt_text{
position: relative;
bottom: unset;
left: unset;
margin-top: -72px;
max-width: 210px;
padding: 16px 21px 18px 40px;
}
#top .article_area .article_slider .cnt_box .cnt_text .cat{
font-size: 10px;
}
#top .article_area .article_slider .cnt_box .cnt_text .title{
font-size: 16px;
line-height: 24px;
margin-bottom: 14px;
}
#top .article_area .article_slider .cnt_box .cnt_text p {
font-size: 12px;
line-height: 20px;
margin-bottom: 11px;
padding-right: 0;
}
#top .article_area .article_slider .cnt_box .cnt_text .btn_more{
position: relative;
bottom: unset;
right: unset;
}

#top .article_area .btn_next{
max-width: 230px;
}
#top .article_area .btn_next a{
font-size: 10px;
padding: 25px 0;
}

#top .article_area .slider_function_box{
max-width: 320px;
margin: -90px auto 54px 0;
}
#top .article_area .slider_function_box .arrow_box{
width: 86px;
}
#top .article_area .slider_function_box .arrow{
width: 40px;
border-radius: 50px;
color: #fff;
font-size: 10px;
position: relative;
}
#top .article_area .slider_function_box .arrow::after{
content: '';
display: block;
width: 5px;
height: 11px;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
#top .article_area .slider_function_box .arrow.next::after{
background: url("../common/img/arrow_right01.png") no-repeat center;
background-size: contain;
}
#top .article_area .slider_function_box .arrow.prev::after{
background: url("../common/img/arrow_left01.png") no-repeat center;
background-size: contain;
}

#top .article_area .slider_function_box .box{
display: block;
max-width: 86px;
margin: 0 10px 0 auto;
}

#top .article_area .slider_function_box .count_text{
margin: 0 auto 12px;
text-align: center;
font-size: 24px;
font-weight: 500;
}
#top .article_area .btn_next a::after {
right: 33px;
width: 5px;
height: 11px;
}
/*--- END 記事スライド共通 ---*/



/*--- FUNCTION共通 ---*/

#top .function_area {
padding: 100px 0 0px;
}
#top .function_area .title_g .h2_en{
margin: 0 auto 8px;
}
#top .function_area .title_g .h2_en span{
font-size: 12px;
padding: 4px 22px 5px 26px;
}
#top .function_area .title_g .en_sub{
font-size: 12px;
}
#top .function_area .title_g h2{
font-size: 60px;
letter-spacing: 0.1em;
margin-bottom: 52px;
}
#top .function_area .title_g h2 span{
font-size: 42px;
}
#top .function_area .title_g .sub_title {
font-size: 20px;
line-height: 30px;
margin-bottom: 32px;
}
#top .function_area .title_g p{
text-align: justify;
text-justify: inter-ideograph;
width: 80.2%;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
}
#top #function_water .title_g p{
margin: 0 auto 24px;
}
#top .function_area .title_g ul {
text-align: justify;
text-justify: inter-ideograph;
width: 80.2%;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
}
#top .function_area .title_g ul li {
text-indent: -1em;
margin: 0 0 24px 1em;
}
#top .function_area .title_g{
margin-bottom: 113px;
}

#top .function_area .product_g{
margin-bottom: 118px;
}
#top .function_area .product_g .en_name {
font-size: 40px;
line-height: 46px;
width: 78.2%;
min-width: 306px;
margin: 0 auto;
}
#top .function_area .product_g::before{
max-width: 640px;
width: 85%;
height: 456px;
background: url(../img/top/product/pic01_product01_sp.jpg) no-repeat center top;
background-size: contain;
top: 69px;
right:unset;
left: 0;
}
#top .function_area .product_g:nth-of-type(odd)::before{
max-width: 640px;
width: 85%;
height: 456px;
background: url(../img/top/product/pic01_product02_sp.jpg) no-repeat center top;
background-size: contain;
top: 69px;
left:unset;
right: 0;
}
#top .function_area .product_g::after{
bottom: 30px;
height: 63.8%;
}
#top .function_area .product_g .about_box{
display: block;
margin-bottom: 66px;
}
#top .function_area .product_g .about_box .cnt_img{
width: 72%;
margin: 0 auto 18px;
}
#top .function_area .product_g:nth-of-type(odd) .about_box .cnt_text,
#top .function_area .product_g .about_box .cnt_text{
max-width: 454px;
min-width: 252px;
width: 74.6%;
margin: 0 auto;
}
#top .function_area .product_g .about_box .cnt_text .sub{
font-size: 12px;
line-height: 20px;
text-align: center;
}
#top .function_area .product_g .about_box .cnt_text h3{
font-size: 20px;
line-height: 32px;
padding-bottom: 8px;
margin-bottom: 0;
text-align: center;
}
#top .function_area .product_g .about_box .cnt_text .top_text {
margin-bottom: 22px;
}
#top .function_area .product_g .about_box .cnt_text .register{
font-size: 10px;
line-height: 16px;
text-align: center;
}

#top .function_area .product_g .about_box .cnt_text .about_text {
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin-bottom: 18px;
}
#top .function_area .product_g .about_box .cnt_text p{
font-size: 11px;
line-height: 20px;
}
#top .function_area .product_g .about_box .cnt_text table{
font-size: 10px;
line-height: 16px;
}
#top .function_area .product_g .about_box .cnt_text table th,
#top .function_area .product_g .about_box .cnt_text table td{
padding: 3px 8px 4px 9px;
}
#top .function_area .product_g .point_box{
display: block;
max-width: 300px;
padding-bottom: 50px;
margin-bottom: 10px;
}
#top .function_area .product_g .point_box .cnt_box{
padding: 38px 6px 25px;
}
#top .function_area .product_g .point_box .cnt_box .point{
width: 103px;
height: 103px;
font-size: 18px;
line-height: 28px;
transform: scale(0.5);
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
}
#top .function_area .product_g .point_box .cnt_box .point span{
font-size: 28px;
}
#top .function_area .product_g .point_box .cnt_box p{
text-align: center;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.05em;
}

#top .function_area .product_g .point_box .cnt_box p span.small{
background: none;
font-size: 12px;
}
#top .function_area .product_g .point_box p.attention{
font-size: 10px;
line-height: 16px;
padding: 10px 0 0;
text-align: center;
}
#top .function_area .product_g .point_box::after{
width: 28px;
height: 14px;
}

#top .function_area .product_g .btn_more{
max-width: 230px;
font-size: 12px;
padding: 24px 0 25px;
}
#top .function_area .product_g .btn_g a{
max-width: 230px;
font-size: 12px;
padding: 18px 0 19px;
margin-bottom: 10px;
}
#top .function_area .product_g .btn_figure{
margin: 8px auto 0;
font-size: 11px;
padding: 14px 0 15px;
}
#top .function_area .product_g .btn_table{
margin: 19px auto 0;
font-size: 11px;
padding: 14px 0 15px;
}

#top .function_area .product_g .popup_box .inner_box{
max-width: 90%;
}
#top .function_area .product_g .popup_box .inner_box .close{
top: -16px;
right: -14px;
}
#top .function_area .product_g .more_box .inner_box{
padding: 18px 16px 14px;
}
#top .function_area .product_g .more_box .inner_box .close{
top: 31px;
right: 26px;
}
#top .function_area .product_g .more_box .btn_g{
display: block;
}
#top .function_area .product_g .more_box .btn_g .btn_download ,
#top .function_area .product_g .more_box .btn_g .btn_contact {
max-width: 230px;
margin: 0 auto 12px;
}

#top .function_area .product_g .more_box .btn_g .btn_download a,
#top .function_area .product_g .more_box .btn_g .btn_contact a{
font-size: 12px;
padding: 15px 0 16px;
}
#top .function_area .product_g .more_box .btn_g .btn_download a::after{
width: 12px;
height: 12px;
}

#top .function_area .product_g .table_box .title{
font-size: 14px;
letter-spacing: 0.05em;
line-height: 22px;
padding: 20px 0 12px;
}
#top .function_area .product_g .table_box .title span {
font-size: 11px;
}
#top .function_area .product_g .table_box table{
font-size: 11px;
line-height: 16px;
}
#top .function_area .product_g .table_box table th,
#top .function_area .product_g .table_box table td {
padding: 5px 8px 6px;
}
#top .function_area .product_g .table_box table td{
width: 30%;
}
#top .function_area .product_g .table_box .attention{
font-size: 10px;
line-height: 16px;
margin-top: 10px;
}

/*--- END FUNCTION共通 ---*/

#top .function_area #kowahope_15.product_g .contents_in::after{
width: 53.4vw;
height: 26.2vw;
top: -12.6vw;
left: -14.4vw;
}
#top .function_area #kowahope_15.product_g::after{
height: 56.4%;
}
#top .function_area #kh_35.product_g::before{
top: 24px;
background: url(../img/top/product/pic01_product03_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #kh_35.product_g::after {
height: 66.4%;
}
#top .function_area #su_15.product_g::before {
background: url(../img/top/product/pic01_product04_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #su_15.product_g::after{
height: 64.8%;
}
#top .function_area #su_15.product_g .contents_in::after{
width: 53.4vw;
height: 26.2vw;
bottom: -22.6vw;
right: -14.4vw;
}
#top .function_area #su_30.product_g::before{
background: url(../img/top/product/pic01_product05_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #su_30.product_g::after{
height: 63.9%;
}

#top #function_water{
padding: 100px 0 42px;
}

#top #function_water .product_g .about_box .cnt_img{
width: 64%;
}
#top #function_water .product_g::after{
height: 65.7%;
}



#top .function_area #kowaclean_20.product_g::before{
background: url(../img/top/product/pic01_product06_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #kowaclean_20.product_g .contents_in::after{
width: 100px;
height: 150px;
bottom: -130px;
right: unset;
left: -20px;
}

#top .function_area #kowaclean_25.product_g::before {
background: url(../img/top/product/pic01_product07_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #kowaclean_25.product_g::after{
height: 65.5%;
}

#top .function_area #kowaclean_50.product_g::before{
background: url(../img/top/product/pic01_product08_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #kowaclean_50.product_g::after{
height: 65.1%;
}
#top .function_area #kowaclean_50.product_g .contents_in::after{
width: 100px;
height: 150px;
bottom: -60px;
left: unset;
right: -50px;
}

#top .function_area #kowaclean_kcl.product_g::before{
background: url(../img/top/product/pic01_product09_sp.jpg) no-repeat center top;
background-size: contain;
}
#top .function_area #kowaclean_kcl.product_g::after{
height: 65.1%;
}


#top #topics{
padding-top: 40px;
}
#top #topics::before{
width: 88.8%;
min-width: 333px;
height: 51.7%;
}


#top #contact {
padding: 97px 0 0px;
}
#top #contact .h2_g {
margin-bottom: 20px;
}

#top #contact .h2_g h2{
margin-bottom: 36px;
}
#top #contact .h2_g .maintext{
line-height: 20px;
line-height: 28px;
margin-bottom: 36px;
}
#top #contact .h2_g .ex_cnt{
font-size: 10px;
line-height: 22px;
}
#top #contact .h2_g .attention_text{
width: 85.9%;
margin: 0 auto 20px;
font-size: 14px;
line-height: 24px;
}

#top #contact .h2_g .first_text{
margin-bottom: 26px;
}
#top #contact .form_g{
padding: 40px 0;
margin: 0;
}
#top #contact .form_g p.first_text{
margin-bottom: 41px;
line-height: 24px;
font-size: 14px;
}
#top #contact .form_box{
padding: 24px 12px 20px;
}
#top #contact .form_box::before{
height: 80%;
}
#top #contact .form_box dl{
font-size: 10px;
margin: 0 0 20px;
padding: 0 16px 0 10px;
border-radius: 20px;
}
#top #contact .form_box dl dt{
width: 92px;
padding: 0 0 0 4px;
letter-spacing: 0.05em;
}
#top #contact .form_box dl dd{
width: calc(100% - 92px);
}
#top #contact .form_box input{
height: 40px;
font-size: 11px;
}
#top #contact .form_box dl.zip dd .btn_zip a{
height: 40px;
}
#top #contact .form_box dl.zip dd .btn_zip{
height: 40px;
width: 70px;
}
#top #contact .form_box .select::before{
width: 11px;
height: 6px;
right:16px;
}
#top #contact .form_box select{
height: 40px;
font-size: 11px;
}
#top #contact .form_box dl.textarea {
display: block;
padding: 14px 12px 10px;
}
#top #contact .form_box dl.textarea dt {
padding: 0 0 10px;
border-bottom: 1px solid #929292;
}
#top #contact .form_box textarea{
height: 118px;
font-size: 11px;
padding: 8px 0;
}
#top #contact .form_box dl.zip dd .btn_zip button{
height: 40px;
font-size: 10px;
}
#top #contact .privacy_box{
margin: 0 0 40px;
}
#top #contact .privacy_text{
max-width: 300px;
}
#top #contact .privacy_text .inner_box{
padding: 10px 25px 0;
font-size: 10px;
line-height: 18px;
height: 120px;
}
#top #contact .privacy_text .title{
font-size: 10px;
margin-bottom: 12px;
}
#top #contact .privacy_text .inner_box::-webkit-scrollbar {
width: 8px;
}
#top #contact .privacy_text .inner_box::-webkit-scrollbar-thumb {
border-radius: 2px;
}

#top #contact .form_g .submit_btn{
max-width: 230px;
transform: none;
}
#top #contact .form_g .submit_btn button, #top #contact .form_g .submit_btn input[type="submit"]{
padding: 23px 0 23px;
font-size: 12px;
}
#top #contact .form_g .submit_btn::after{
width: 5px;
height: 12px;
}
#top #contact .form_g .submit_btn:hover{
transform: translateY(5px);
}
#top #contact .contact_g.contents_in{
background: #E7E7E7;
width: 100%;
padding: 0 0 60px;
}
#top #contact .contact_g p{
width: 78.2%;
margin: 0 auto 56px;
font-size: 10px;
line-height: 20px;
}
#top #contact .contact_g .time{
font-size: 12px;
line-height: 28px;
margin-bottom: 38px;
}
#top #contact .contact_g .time span{
font-size: 20px;
}
#top #contact .contact_g .contact_box .box{
font-size: 16px;
margin-bottom: 22px;
}
#top #contact .contact_g .contact_box .box span{
max-width: 100px;
font-size: 11px;
padding: 6px 0 7px;
margin: 0 auto 12px;
}
#top #contact .contact_g .contact_box .flex_box{
display: block;
}
#top #contact .contact_g .contact_box .flex_box .box{
margin-bottom: 22px;
}

#top #contact .form_g .check span.mwform-checkbox-field-text{
font-size: 12px;
}
#top #contact .form_g .check label {
display: block;
margin: 3px 0;
}
#top #contact .form_g .check span.mwform-checkbox-field-text::before{
top: -2px;
transform: none;
}
#top #contact .form_g .check input:checked + span.mwform-checkbox-field-text::after{
top: -7px;
}


#top #company{
padding: 73px 0 40px;
}
#top #company .h2_g {
margin-bottom: 59px;
}
#top #company .h2_g h2 {
margin-bottom: 40px;
}
#top #company .h2_g .logo{
max-width: 120px;
margin: 0 auto 40px;
}
#top #company .cnt_box01{
display: block;
width: 85.9%;
margin: 0 auto 50px;
min-width: 252px;
}
#top #company .cnt_box01 .left_g, #top #company .cnt_box01 .right_g{
max-width: none;
width: 100%;
}
#top #company .cnt_box dl{
font-size: 12px;
line-height: 20px;
padding: 14px 0 2px 6px;
}
#top #company .cnt_box01 .left_g dl{
line-height: 18px;
}
#top #company .cnt_box .map_btn a{
font-size: 12px;
}
#top #company .cnt_box .map_btn a::after{
width: 4px;
height: 9px;
margin: 0 0 0 9px;
}
#top #company .cnt_box .map_btn{
width: 80px;
}
#top #company .cnt_box01 .right_g dl{
margin-bottom: 20px;
}
#top #company .cnt_box01 .left_g dl dt {
width: 44px;
margin-right: 14px;
}
#top #company .cnt_box01 .right_g dl dt{
margin-bottom: 6px;
}
#top #company .cnt_box .download_btn{
max-width: 180px;
border-radius: 6px;
border: 1px solid #5CCD7E;
margin: 0 auto;
}
#top #company .cnt_box .download_btn a{
font-size: 10px;
padding: 24px 0 25px;
}
#top #company .cnt_box .download_btn a .icon{
width: 12px;
margin-left: 10px;
}
#top #company .cnt_box02{
display: block;
width: 85.9%;
min-width: 252px;
}
#top #company .cnt_box02 dl dd.font_small{
font-size: 12px;
}
#top #company .cnt_box02 dl:first-child{
display: block;
}
#top #company .cnt_box02 dl:first-child dt{
display: block;
width: 100%;
margin-bottom: 6px;
}
#top #company .cnt_box02 dl dt {
width: 60px;
}
#top #company .cnt_box02 dl dd.font_small span{
padding-left: 6em;
text-indent: -6em;
display: inline-block;
}

/*----------
03.WORKS/TOPICS
----------*/
#works_topics #title_area {
margin-bottom: 56px;
padding: 50px 0;
}
#works_topics #title_area h2 {
font-size: 28px;
letter-spacing: 0.15em;
}
#works_topics #title_area h2 .ja {
margin-top: 20px;
font-size: 16px;
}
#works_topics #cnt_area01 {
margin-bottom: 13px;
}
#works_topics #cnt_area01 .first_txt {
margin: 0 auto 32px;
font-size: 14px;
letter-spacing: 0.07em;
line-height: 24px;
text-align: left;
width: 84.1%;
}
#works_topics #cnt_area01 .tab_g {
margin: 0 auto 47px;
justify-content: space-between;
width: 290px;
}
#works_topics #cnt_area01 .tab_g .item {
margin: 0;
font-size: 12px;
width: 80px;
}
#works_topics #cnt_area01 .list_block {
margin: 0;
width: 93.1%;
}
#works_topics #cnt_area01 .list_block .item {
margin: 0 auto 47px;
padding-bottom: 0;
width: 100%;
}
#works_topics #cnt_area01 .list_block .img_box {
margin: 12px 0 0;
width: 53.5%;
}
#works_topics #cnt_area01 .list_block .category {
font-size: 11px;
width: 70px;
height: 32px;
}
#works_topics #cnt_area01 .list_block .head_box {
margin-bottom: 28px;
align-items: start;
display: flex;
justify-content: space-between;
}
#works_topics #cnt_area01 .list_block .title {
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
width: 43.2%;
}
#works_topics #cnt_area01 .list_block .title .num {
font-size: 10px;
}
#works_topics #cnt_area01 .list_block p {
margin-left: auto;
font-size: 12px;
line-height: 20px;
width: 90.3%;
}
#works_topics #cnt_area01 .list_block .absolute_box {
position: relative;
}
#works_topics #cnt_area01 .list_block .more_btn {
margin-top: 7px;
}
#works_topics #cnt_area01 .list_block .more_btn a {
font-size: 12px;
width: 120px;
}
#works_topics #cnt_area01 .list_block .more_btn::before {
width: calc(100% - 91px);
height: 1px;
}
#works_topics #cnt_area01 .list_block .item.works .more_btn a {
border: 1px solid #5AC893;
}
#works_topics #cnt_area01 .list_block .item.topics .more_btn a {
border: 1px solid #F9970C;
}
#works_topics #cnt_area01 .list_block .more_btn .icon {
right: 13px;
width: 13px;
}
#works_topics #pagination {
}
#works_topics #pagination .wp-pagenavi{
padding: 20px 0;
}
#works_topics #pagination .previouspostslink{
margin-right: 24px;
}

#works_topics #pagination .nextpostslink{
margin-left: 24px;
}
#works_topics #pagination .previouspostslink, #works_topics #pagination .nextpostslink {
font-size: 10px;
width: 43px;
height: 43px;
}
#works_topics #pagination .previouspostslink::before, #works_topics #pagination .nextpostslink::before {
right: -5px;
width: 10px;
height: 1px;
}
#works_topics #pagination .nextpostslink::before {
right: auto;
left: -5px;
}
#works_topics #pagination .wp-pagenavi a.page, #works_topics #pagination .wp-pagenavi span {
margin: 0 13px;
font-size: 10px;
}


/*----------
04.WORKS/TOPICS_detail
----------*/
#works_topics_detail #mainv_area {
margin-bottom: 40px;
}
#works_topics_detail #mainv_area .contents_in {
width: 100%;
}
#works_topics_detail #mainv_area .cnt_img {
position: relative;
}
#works_topics_detail #mainv_area .cnt_img::before {
content: "";
display: block;
padding-bottom: 80%;
}
#works_topics_detail #mainv_area .cnt_img img {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
#works_topics_detail #mainv_area .label {
bottom: -9px;
font-size: 12px;
width: 100px;
height: 20px;
}
#works_topics_detail #cnt_area01 {
margin-bottom: 72px;
}
#works_topics_detail #cnt_area01 h2 {
margin: 0 auto 26px;
font-size: 28px;
font-weight: 500;
line-height: 36px;
width: 86%;
}
#works_topics_detail #cnt_area01 h2 .num {
font-size: 16px;
line-height: 28px;
}
#works_topics_detail #cnt_area01 p {
margin: 0 auto 28px;
font-size: 14px;
line-height: 24px;
width: 86%;
}
#works_topics_detail #cnt_area01 .cnt_img,#works_topics_detail #cnt_area01 figure.wp-block-gallery {
margin: 32px 0 36px;
}
#works_topics_detail #cnt_area02 .contents_in {
padding-top: 34px;
border-top: 1px solid #626262;
flex-wrap: wrap;
width: 92%;
}

#works_topics_detail #cnt_area02{
margin-bottom: 75px;
}

#works_topics_detail #cnt_area02 .right_g{
margin-bottom: 34px;
font-size: 12px;
line-height: 20px;
text-align: center;
order: -1;
width: 100%;
}

#works_topics_detail #cnt_area02 .left_g{
font-size: 14px;
text-align: center;
width: 100%;
}

#works_topics_detail #cnt_area02 .left_g .sns_g{
margin-top: 18px;
justify-content: center;
}

#works_topics_detail #cnt_area03{
padding: 0 0 80px;
background: none;
}

#works_topics_detail #cnt_area03 .tab_g .item.active{
margin: 0 25px;
}

#works_topics_detail #cnt_area03 .tab_g .item a{
border-radius: 50%;
border-width: 1px;
font-size: 12px;
line-height: 16px;
text-align: center;
width: 80px;
height: 80px;
}

#works_topics_detail #cnt_area03 .tab_g .item.active a{
border-radius: 50%;
width: 80px;
height: 80px;
}

#works_topics_detail #cnt_area03 .tab_g .item.works a,#works_topics_detail #cnt_area03 .tab_g .item.topics a{
border-width: 1px;
font-size: 11px;
}

/*----------
05-01.confirm
----------*/
#contact{
margin: 50px 0 75px;
}

#contact #title_area {
padding: 50px 0 45px;
}

#contact #title_area h2 {
font-size: 32px;
}

#contact #title_area h2 .ja {
margin-top: 45px;
font-size: 20px;
line-height: 24px;
}

#contact #title_area h2 .red_text{
font-size: 16px;
}

#contact.confirm .form_g p.first_text{
margin-bottom: 45px;
font-size: 14px;
line-height: 24px;
}

#contact.confirm .form_g p.first_text span{
margin-top: 10px;
display: block;
font-size: 11.2px;
letter-spacing: 0.1em;
}

#contact.confirm .form_box::before{
border-width: 1px;
height: 74%;
}
#contact.confirm .form_g{
padding: 40px 0 0;
margin-bottom: 100px;
}
#contact.confirm .form_g p.first_text{
margin-bottom: 41px;
line-height: 24px;
font-size: 14px;
}
#contact.confirm .form_box{
padding: 24px 12px 20px;
}
#contact.confirm .form_box dl{
font-size: 10px;
margin: 0 0 20px;
padding: 0 16px 0 10px;
border-radius: 20px;
min-height: 40px;
}
#contact.confirm .form_box dl dt{
width: 92px;
padding: 0 0 0 4px;
letter-spacing: 0.05em;
}
#contact.confirm .form_box dl dd{
padding: 10px;
width: calc(100% - 92px);
font-size: 10px;
line-height: 20px;
}
#contact.confirm .form_box dl.zip dd .btn_zip{
height: 40px;
width: 100px;
}
#contact.confirm .form_box .select::before{
width: 11px;
height: 6px;
right:16px;
}
#contact.confirm .form_box dl.textarea{
margin-bottom: 0;
padding: 12px 14px 10px;
}
#contact.confirm .form_box dl.textarea dt {
padding: 0 0 10px;
border-bottom: 1px solid #929292;
}

#contact.confirm .form_box dl.textarea dd {
padding: 5px 0 10px;
font-size: 10px;
line-height: 16px;
min-height: auto;
}

#contact.confirm .form_box dl.select::after{
right: 20px;
width: 5px;
height: 11px;
}
#contact.confirm .form_g .btn_g{
height: 90px;
}
#contact.confirm .form_g .btn_item{
margin: 0 20px;
border-radius: 50%;
transform: translateY(calc(50% - 15px));
}

#contact.confirm .form_g .btn_item::after{
display: none;
}

#contact.confirm .form_g .btn_item button{
width: 120px;
height: 120px;
border-radius: 50%;
font-size: 11px;
line-height: 16px;
}
#contact.confirm .form_g .btn_item button, #contact.confirm .form_g .btn_item input[type="submit"]{
width: 120px;
height: 120px;
border-radius: 50%;
font-size: 11px;
line-height: 16px;
}
#contact .contact_g p{
width: 86%;
margin: 0 auto 56px;
font-size: 10px;
line-height: 20px;
}
#contact .contact_g .time{
font-size: 12px;
font-weight: 100;
line-height: 28px;
margin-bottom: 38px;
}
#contact .contact_g .time span.title_text{
font-size: 10px;
font-weight: 400;
}
#contact .contact_g .time span{
font-size: 20px;
}
#contact .contact_g .contact_box .box{
font-size: 16px;
margin-bottom: 22px;
}
#contact .contact_g .contact_box .box span{
max-width: 100px;
font-size: 11px;
margin: 0 auto 12px;
height: 20px;
}
#contact .contact_g .contact_box .flex_box{
display: block;
}
#contact .contact_g .contact_box .flex_box .box{
margin-bottom: 22px;
}
/*----------
05-02.thanks
----------*/

#contact.thanks #title_area{
padding-bottom: 65px;
}

#contact.thanks p.first_text{
margin-bottom: 55px;
font-size: 14px;
line-height: 28px;
}


}




@media only screen and (max-width:360px){
/*----------
01.top 360
----------*/
#top #mainvisual_area .mainvisual_text_box .title{
letter-spacing: 0.1em;
font-size: 36px;
}
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .title{
right: 5px;
}
#top #mainvisual_area .mainvisual_box04 .mainvisual_text_box .link_box{
right: 0px;
}

#top .cnt_area .h2_g .maintext{
font-size: 18px;
}

#top #concept .cnt_g{
max-width: 306px;
}
#top #concept .cnt_g .cnt_box{
width: 150px;
height: 150px;
}
#top #concept .cnt_g .cnt_box.air .img {
max-width: 100px;
}
#top #concept .cnt_g .cnt_box.water .img {
max-width: 72px;
}
#top .article_area .slider_function_box .count_text{
font-size: 22px;
margin: 0 auto 10px;
}
#top .article_area .article_slider .cnt_box .cnt_text .btn_more a{
font-size: 14px;
}

#top .function_area .title_g h2{
font-size: 48px;
}
#top .function_area .title_g h2 span {
font-size: 38px;
}
#top .function_area .product_g .point_box .cnt_box p{
font-size: 13px;
line-height: 22px;
}

#top #contact .h2_g .ex_cnt span{
padding: 0 5px;
letter-spacing: 0.02em;
}
#top #contact .form_box dl.zip dd .btn_zip {
max-width: 56px;
}
#top #contact .form_box dl.zip dd .btn_zip a{
font-size: 10px;
letter-spacing: 0.05em;
}


}

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

#contact.confirm .form_box dl.zip dd .btn_zip{
width: 80px;
}

#contact.thanks p.first_text{
font-size: 12px;
}

}