@charset "UTF-8";

.background{position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: -1;}

/*　白背景　*/
.solution_bk1{overflow: hidden;}
.solution_bk2{position: relative; background: #fff; transform: translateX(100%); transition: 0.5s ease-out; z-index: 11; min-height: 100vh;}
.solution_bk3{visibility: hidden; opacity: 0; transition: all 1s linear;}
body.show2 .solution_bk3{visibility: visible; opacity: 1;}
.topArea_link a{pointer-events: none;}
.listArea{padding-left: 20px;}
.listArea li{list-style: disc;}


/*　5Gシールドパッチ　*/
body.solution_5g .solution_bk2{transform: translateX(100%);}
body.solution_5g.show1 .solution_bk2{transform: translateX(0);}
body.solution_5g .topArea_left a::before{background: transparent; opacity: 1;}
body.solution_5g .topArea_left .top_textSmall{visibility: visible; opacity: 1;}

/*　エンプルーフシールドルーム　*/
body.solution_emproof-shieldroom .solution_bk2{transform: translateX(-100%);}
body.solution_emproof-shieldroom.show1 .solution_bk2{transform: translateX(0);}
body.solution_emproof-shieldroom .topArea_right a::before{background: transparent; opacity: 1;}
body.solution_emproof-shieldroom .topArea_right .top_textSmall{visibility: visible; opacity: 1;}

/*後で消す
body.solution_emproof-shieldroom .solution_bk2{transform: translateX(0);}
.solution_bk3{visibility: visible;}*/

@media screen and (max-width:768px){
    body.solution_5g .topArea_right .top_textSmall,
    body.solution_emproof-shieldroom .topArea_left .top_textSmall{visibility: visible; opacity: 1;}  
}

/*　ソリューションTOP　＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*#solution_read{padding: 0 0 120px;}

#solution_about{background: #e5f5f5; padding: 120px 0 80px;}
#solution_about .about_wrap_1{display: flex; justify-content: space-between;}
#solution_about .about_wrap_1 .about_box{width: 50%; padding: 0 15px;}
#solution_about .about_wrap_2{display: flex; justify-content: center; margin: 60px 0 0;}
#solution_about .about_wrap_2 .about_box{width: 25%; padding: 0 15px;}
#solution_about .about_box .about_title{font-size: 16px; text-align: center; margin-bottom: 15px;}
#solution_about .about_box figure{text-align: center;}
#solution_about .about_box .link_arrow{margin-top: 15px;}

@media screen and (max-width:480px){
    #solution_read{padding: 0 0 60px;}

    #solution_about{padding: 60px 0 40px;}
    #solution_about .t_greenLine{padding: 0 15px;}
    #solution_about .about_wrap_1{display: block;}
    #solution_about .about_wrap_1 .about_box{width: 100%; margin-bottom: 30px;}
    #solution_about .about_wrap_2{margin: 0;}
    #solution_about .about_wrap_2 .about_box{width: 50%;}
}*/


#solutionTop_mv{position: relative;}
#solutionTop_mv h2{font-family: 'Dosis'; font-size: 70px; font-weight: 200; line-height: 1.3; color: #fff;
    position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); max-width: 1200px; margin: auto; padding: 0 15px;}

#solutionTop_read{padding: 60px 0;}
#solutionTop_read p{text-align: center; font-size: 16px; line-height: 2.5;}

#solutionTop_linkArea{}
#solutionTop_linkArea .inner{padding: 0 15px;}

/*共通*/
.bk_blue{background: #edf9f9;}
.st-linkList{display: flex; justify-content: space-between; flex-wrap: wrap;}
ul.st-linkList li{padding:0 10px;}

.st-linkStyle_01{display: block; position: relative;}
.st-linkStyle_01:after{content: ""; background: rgba(255,255,255,0.8); display: block; margin: 40px;
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.st-linkStyle_01 p{font-size: 16px; color: #000; text-align: center;
    position: absolute; z-index: 2; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.st-linkStyle_02{display: block; position: relative;}
.st-linkStyle_02 p{font-size: 20px; color: #fff; text-align: center;
    position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.st-linkStyle_02 p span{display: block; font-size: 14px; background: #68d2d2; max-width: 200px; margin: auto; padding: 5px 0;}
.st-linkStyle_03{}
.st-linkStyle_03 p{background: #27b1b1; color: #fff; text-align: center; padding: 20px 0; transition: 0.3s ease-in;}
.st-linkStyle_03:hover p{opacity: 0.6;}

.st-titleStyle_01{font-size: 18px; font-weight: 400; border-left: 5px solid #2dd9d9; padding-left: 15px; line-height: 1.5; margin-bottom: 15px;}


#solutionTop_linkArea{padding: 0 0 80px;}
#solutionTop_linkArea img{vertical-align: bottom;}
/* 1行目 */
.st-linkLine01{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.st-linkLine01 .st-titleStyle_01{margin-left: 10px;}
.st-linkLine01 .st-linkWrap:nth-child(1){width: 66%; padding: 20px 10px;}
.st-linkLine01 .st-linkWrap:nth-child(1) li{width: 50%;}
.st-linkLine01 .st-linkWrap:nth-child(2){width: 32%;}

.st-linkLine02{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.st-linkLine02 .st-titleStyle_01{margin-left: 10px;}
.st-linkLine02 .st-linkWrap:nth-child(1){width: 23%;}
.st-linkLine02 .st-linkWrap:nth-child(2){width: 75%; padding: 20px 10px;}
.st-linkLine02 .st-linkWrap:nth-child(2) li{width: 33.33%;}
.st-linkLine02 .st-linkWrap:nth-child(2) .st-linkStyle_02 p{font-size: 16px;}

.st-linkLine03 .st-linkWrap{padding: 20px 10px;}
.st-linkLine03 .st-linkWrap .st-titleStyle_01{margin-left: 10px;}
.st-linkLine03 .st-linkWrap .st-linkList li{width: 25%;}


#solutionTop_about{background: #e5f5f5; padding: 50px 0 60px;}
#solutionTop_about img{vertical-align: bottom;}
#solutionTop_about h2{font-size: 20px; text-align: center; margin-bottom: 30px;}
#solutionTop_about h2:after{content: ""; display: block; width: 50px; height: 2px; background: #2dd9d9; margin: 25px auto 0;}
#solutionTop_about .st-aboutLinkList{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
#solutionTop_about .st-aboutLinkList .st-aboutLink{width: 33.33%; padding: 0 15px;}
#solutionTop_about .st-aboutLinkList .st-aboutLink a{display: block; height: 300px; background: #68d2d2; text-align: center; position: relative;}
#solutionTop_about .st-aboutLinkList .st-aboutLink p{color: #fff; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
#solutionTop_about .st-aboutLinkList .st-aboutLink p span{font-size: 20px; letter-spacing: 2px; display: block; margin-top: 25px;}

#solutionTop_about .st-aboutLink2{margin-top: 60px; padding: 0 15px;}
#solutionTop_about .st-aboutLink2 ul li a{display: table; width: 100%; border-bottom: 1px solid #bad8d8; padding: 15px 30px 10px; font-weight: bold;}
#solutionTop_about .st-aboutLink2 ul li span{display: table-cell; vertical-align: middle;}
#solutionTop_about .st-aboutLink2 ul li .day{width: 15%; color: #111;}
#solutionTop_about .st-aboutLink2 ul li .text{width: 85%;}
/*#solutionTop_about .st-aboutLink2 a{position: relative; display: block;}
#solutionTop_about .st-aboutLink2 a p{font-size: 20px; letter-spacing: 2px; color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}*/

.newslist_btn{max-width: 370px; margin: 30px auto 0;}
.newslist_btn a{text-align: center; display: block; background: #68d2d2; color: #fff; padding: 15px 0;}


.su-post-excerpt,
.su-post-comments-link,
.attachment-post-thumbnail{display: none;}
#solutionTop_about h2.su-post-title:after{display: none; margin:0;}
.su-post{display: flex; flex-direction: row-reverse; align-items: center; border-bottom: 1px solid #27b1b1; padding: 15px 30px 10px;}
.su-post-meta{display: inline-block; width: 15%; font-weight: bold;}
#solutionTop_about h2.su-post-title{display: inline-block; width: 85%; margin-bottom: 0; text-align: left; font-size: 14px;}


body.solution_emproof-shieldroom #solutionTop_mv h2{color: #242424;}
body.solution_emproof-shieldroom .st-linkLine01 .st-linkWrap:nth-child(1) li{width: 100%;}
body.solution_emproof-shieldroom .st-linkLine03 .st-linkWrap .st-linkList li{width: 20%;}
body.solution_emproof-shieldroom .st-linkStyle_03 p{font-size: 13px;}

@media screen and (max-width:991px){
    .st-linkStyle_01 p{font-size: 14px;}
    .st-linkStyle_01:after{margin: 15px;}
    .st-linkStyle_02 p{font-size: 18px;}
}

@media screen and (max-width:480px){
    #solutionTop_mv h2{font-size: 40px;}
    #solutionTop_read p{font-size: 14px;}

    .st-linkLine01 .st-linkWrap:nth-child(1),
    .st-linkLine01 .st-linkWrap:nth-child(1) li,
    .st-linkLine01 .st-linkWrap:nth-child(2),
    .st-linkLine02 .st-linkWrap:nth-child(1),
    .st-linkLine02 .st-linkWrap:nth-child(2),
    .st-linkLine02 .st-linkWrap:nth-child(2) li,
    .st-linkLine03 .st-linkWrap .st-linkList li,
    #solutionTop_about .st-aboutLinkList .st-aboutLink{width: 100%; margin-bottom: 20px;}
    body.solution_emproof-shieldroom .st-linkLine03 .st-linkWrap .st-linkList li{width: 100%;}

    .st-linkLine01 .st-linkWrap:nth-child(2),
    .st-linkLine02 .st-linkWrap:nth-child(2){margin-bottom:0;}

    #solutionTop_about .st-aboutLink2 ul li a{padding: 15px 0;}
    #solutionTop_about .st-aboutLink2 ul li span{display: block;}
    #solutionTop_about .st-aboutLink2 ul li .day{width: 100%; color: #111;}
    #solutionTop_about .st-aboutLink2 ul li .text{width: 100%;}

    .su-post{padding: 15px 0; flex-direction: column-reverse;}
    .su-post-meta{width: 100%; display: block;}
    #solutionTop_about h2.su-post-title{width: 100%; display: block;}
}

/*　エンプルーフシールドルーム　＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#solution_shieldroom_read{padding: 0 0 120px;}
#solution_shieldroom_read table{margin-top: 30px; width: 100%; border-top: 1px solid #333; border-left: 1px solid #333;}
#solution_shieldroom_read table tr th{background: #2dd9d9; color: #fff; vertical-align: middle; 
    width: 30%; font-size: 20px; border-bottom: 1px solid #333;}
#solution_shieldroom_read table tr td{border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 10px; vertical-align: middle;}
#solution_shieldroom_read table tr td.dot{border-bottom: 1px dotted #333;}
#solution_shieldroom_read .see-through_illustration{position: relative;}
#solution_shieldroom_read .see-through_illustration .illustration_b{position: absolute; opacity: 0; transition: 0.3s ease-out;}
#solution_shieldroom_read .see-through_illustration:hover{cursor: pointer;}
#solution_shieldroom_read .see-through_illustration:hover .illustration_b{opacity: 1;}

#solution_shieldroom_about{ padding: 120px 0 100px;}


#solution_shieldroom_characteristic{background: #e5f5f5; padding: 120px 0 80px;}
#solution_shieldroom_characteristic .right_area dl dt{color: #158282; font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px;}
#solution_shieldroom_characteristic .right_area dl dt b{font-size: 30px; font-weight: normal; padding-right: 12px;}
#solution_shieldroom_characteristic .right_area dl dd{font-size: 14px; line-height: 2; margin-bottom: 40px;}
#solution_shieldroom_characteristic .right_area dl dd figure{margin-top: 20px;}
.t_content_mainImage{padding: 0 50px 30px;}
.t_content_mainImage.w_500{max-width: 500px; margin: 0 auto;}
#solution_shieldroom_characteristic figure{text-align: center;}

#solution_shieldroom_specification{background: #e5f5f5; padding: 120px 0 100px;}
#solution_shieldroom_specification .specification_line1{margin-bottom: 60px;}
#solution_shieldroom_specification .specification_line1 h4{text-align: center; font-size: 18px; margin-bottom: 20px; letter-spacing: 10px;}
#solution_shieldroom_specification .specification_line1 table{border-top: 1px solid #111; width: 100%;}
#solution_shieldroom_specification .specification_line1 table th{border-bottom: 1px solid #111; text-align: left; padding: 20px 10px; width: 25%;}
#solution_shieldroom_specification .specification_line1 table td{border-bottom: 1px solid #111; padding: 20px 10px;}

#solution_shieldroom_specification .specification_line2 h4{text-align: center; font-size: 18px; margin-bottom: 20px; letter-spacing: 10px;}
#solution_shieldroom_specification .specification_line2 p{background: #f4ffff; padding: 20px;}


#solution_shieldroom_case{padding: 120px 0 100px; overflow: hidden;}
#solution_shieldroom_case .case_box{margin: 60px 0;}
#solution_shieldroom_case .case_box h4.t_black_line{font-size: 16px;}
#solution_shieldroom_case .case_box h4.t_black_line span{background: #fff;}
#solution_shieldroom_case .case_box figure{}

/*スライダー*/
#solution_shieldroom_case .case_box .bx-wrapper{box-shadow:none; border:none; margin-bottom: 20px;}
#solution_shieldroom_case .case_box #see-through_imag{}

#solution_shieldroom_case .case_box .slick-prev{width: 30px; height: 30px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); background: none; left: 20px; z-index: 2;}
#solution_shieldroom_case .case_box .slick-prev:before{content: "";}
#solution_shieldroom_case .case_box .slick-next{width: 30px; height: 30px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); background: none; right: 20px; z-index: 2;}
#solution_shieldroom_case .case_box .slick-next:before{content: "";}
/*#solution_shieldroom_case .case_box .thumb a{background: #000;}
#solution_shieldroom_case .case_box .thumb a img{opacity: 0.5;}
#solution_shieldroom_case .case_box .thumb a.active img{opacity: 1;}*/


#solution_shieldroom_case .case_link{max-width: 300px; margin: 20px auto 0;}
#solution_shieldroom_case .case_link a{display: block; background: #27b1b1; color: #fff; padding: 10px 0; text-align: center;}


#solution_shieldroom_technology{background: #e5f5f5; padding: 120px 0 140px;}
#solution_shieldroom_technology .technology_link{display:flex; flex-wrap: wrap; justify-content: space-between;}
#solution_shieldroom_technology .technology_link a{display: block; width: 30%; background: #27b1b1; color: #fff; padding: 10px 0; text-align: center; margin-bottom: 20px;}


@media screen and (max-width:480px){
    #solution_shieldroom_read{padding: 0 0 60px;}

    #solution_shieldroom_about{padding: 60px 0 50px;}
    #solution_shieldroom_characteristic{padding: 60px 0 40px;}
    #solution_shieldroom_characteristic .right_area dl dt{margin-bottom: 10px;}
    #solution_shieldroom_characteristic .right_area dl dd{ont-size: 13px; line-height: 1.8; margin-bottom: 20px;}

    #solution_shieldroom_specification{padding: 60px 0 50px;}
    #solution_shieldroom_specification .inner,
    #solution_shieldroom_specification .inner_1030{padding: 0 25px;}
    #solution_shieldroom_specification .specification_line1 h4{letter-spacing: 5px;}
    #solution_shieldroom_specification .specification_line1 table th{display: block; width: 100%; padding: 15px 10px; background: #c8e4e4;}
    #solution_shieldroom_specification .specification_line1 table td{display: block; width: 100%;}

    #solution_shieldroom_case{padding: 60px 0 50px;}

    #solution_shieldroom_technology{padding: 60px 0 30px;}
    #solution_shieldroom_technology .technology_link{display: block;}
    #solution_shieldroom_technology .technology_link a{width: 100%;}
}