@charset "UTF-8";

/*後で消す*/
body header .main_header{opacity: 1; animation:none;}
body.solution_5g .solution_bk2{transform: translateX(0);}
.solution_bk3{visibility: visible;}

/*　5Gシールドパッチ専用　＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{line-height: 1.5; color: #595757;}
.anchor{padding-top: 120px; margin-top: -120px;}

body header .main_header{padding: 50px 0 20px;}
body header .main_header .main_header_wrap{max-width: 960px; margin: 0 auto;}
body header .main_header h1{width: 20%;}
body header .main_header .gnav{width: 78%;}
body header .main_header .gnav ul{display: flex; margin-top: 6px;}
body header .main_header .gnav ul li{width: 16.66%; text-align: center; padding: 0 5px;}
body header .main_header .gnav ul li a{color: #595757; font-size: 13px; margin-left: 0; display: block; border-bottom: 1px solid #c7c5c5;}
.solution_bk2{background: url(../images/solution/5g/bk_5g.png);}

footer{background: #db4335;}
footer .footer_top{padding: 20px 0 30px;}
footer .footer_top .f-logo{float: left; width: 40%; padding-top: 70px;}
footer .footer_top .f-link{float: right; width: 60%;}
footer .footer_top .f-link ul.f-nav li{float: left;}
footer .footer_top .f-link ul.f-nav li a{font-size: 12px; color: #fff; border: 1px solid #fff; padding: 2px 4px; margin-right: 6px; border-radius: 5px; display: inline-block;display: inline-block;}
footer .footer_top .f-companyArea{border-left: 2px solid #fff; margin-top: 25px; padding-left: 10px;}
footer .footer_top .f-companyArea .f-companyName{font-size: 20px; color: #fff; margin-bottom: 15px;}
footer .footer_top .f-companyArea table{color: #fff; width: 100%;}
footer .footer_top .f-companyArea table tr th{font-weight: normal; text-align: left; width: 9%; position: relative;}
footer .footer_top .f-companyArea table tr th:after{content: ":"; position: absolute; right: 5px;}
footer .copy{background: #be382c; padding: 8px 0; text-align: center; font-size: 10px; text-align: center;}
footer .copy small{color: #fff;}
footer .f_line02{border-top: 1px solid #e6796f;}
footer .f_line02 .inner .f_sabNav ul li{border-left: 1px solid #e6796f;}

main{padding-top: 120px;}
.inner_5g{max-width: 960px; margin: 0 auto;}

.solution_5g_mainVisual{text-align: center; position: relative;}
.solution_5g_mainVisual img.mv2{position: absolute; z-index: 2; top: 190px;}

@media screen and (max-width: 960px){
    .inner_5g{padding: 0 15px;}
}
@media screen and (max-width: 768px){
    .anchor{padding-top: 150px; margin-top: -150px;}

    header .navArea,
    header .navArea .gnav{display: block;}
    body header .main_header{padding: 20px 15px 10px;}
    body header .main_header h1{float: none; margin: 0 auto 10px; width: 100%; max-width: 160px;}
    body header .main_header .gnav{width: 100%; height:auto; background: none;}
    body header .main_header .gnav{float: none; position: relative;}
    body header .main_header .gnav ul{flex-wrap: wrap;}
    body header .main_header .gnav ul li{margin-bottom: 0; width: 33.33%;}
    body header .main_header .gnav ul li a{padding: 10px 0; font-size: 12px;}
    
    main {padding-top: 150px;}

    footer .footer_top{padding: 20px 15px 30px;}
    footer .footer_top .f-link ul.f-nav li{margin-bottom: 10px;}
}

@media screen and (max-width: 414px){
    .solution_5g_mainVisual img.mv2{padding: 0 20px;}

    footer .footer_top .f-logo{float: none; width: 100%; padding-top: 0; text-align: center; margin-bottom: 20px;}
    footer .footer_top .f-logo a{display: inline-block; max-width: 200px;}
    footer .footer_top .f-link{float: none; width: 100%;}

    footer .footer_top .f-link ul.f-nav{display: flex; flex-wrap: wrap;}
    footer .footer_top .f-link ul.f-nav li{width: 33.33%;}
    footer .footer_top .f-link ul.f-nav li a{display: block; text-align: center; padding: 4px;}
    footer .footer_top .f-companyArea{border-left: none; padding-left:0;}
    footer .footer_top .f-companyArea table tr th{width: 12%;}
}

/*---solution_5g_read---*/
#solution_5g_read{text-align: center; margin-bottom: 70px;}
#solution_5g_read .read_image{margin-bottom: 5px;}
#solution_5g_read p{font-size: 20px; letter-spacing: 1px;}

@media screen and (max-width: 414px){
    #solution_5g_read{padding-left: 15px; padding-right: 15px; margin-bottom: 40px;}
    #solution_5g_read p{font-size: 16px; line-height: 1.8;}
}

/*---solution_5g_about---*/
#solution_5g_about{text-align: center;}
#solution_5g_about h2{background: url(../images/solution/5g/about_h2.png) repeat-x center bottom;
    text-align: center; font-size: 40px; font-weight: 700; color: #db4335; line-height: 1.2; display: inline-block; padding-bottom: 10px;}
#solution_5g_about .circle{background: url(../images/solution/5g/about_01.png) no-repeat center center; background-size: contain; max-width: 620px; margin: 120px auto 0; padding: 100px 0; position: relative;}
#solution_5g_about .circle::before{content: url(../images/solution/5g/about_02.png); position: absolute; top:0; right: 0;}
#solution_5g_about .circle h3{color: #db4335; font-size: 25px; font-weight: 400; margin-bottom: 15px;}
#solution_5g_about .circle p{font-size: 18px;}


.yellow_line{margin-bottom: 20px;}
.yellow_line span{color: #db4335; font-size: 35px; background: linear-gradient(transparent 60%, #ffe33a 0%);}
.blue_line{margin-bottom: 20px;}
.blue_line span{color: #62a1d0; font-size: 35px; background: linear-gradient(transparent 60%, #ffeb71 0%);}
#solution_5g_about .about_line2{}
#solution_5g_about .about_line2 .image_box{float: left; width: 30%;}
#solution_5g_about .about_line2 .text_box{float: right; width: 70%; text-align: left; padding-top: 70px;}
#solution_5g_about .about_line2 .text_box p{font-size: 18px; line-height: 2;}

#solution_5g_about .about_line3{background: url(../images/solution/5g/about_04.png) no-repeat right top; background-size: contain; margin-top: 40px;}
#solution_5g_about .about_line3 h3{text-align: left;}
#solution_5g_about .about_line3 p{text-align: left; font-size: 18px; line-height: 2; max-width: 50%; padding-bottom: 90px;}

#solution_5g_about .about_line4{background: #db4335; padding: 20px; margin: 40px 0;}
#solution_5g_about .about_line4 p{color: #fff; text-align: left; font-size: 15px;}

@media screen and (max-width: 414px){
    #solution_5g_about{}
    #solution_5g_about h2{font-size: 25px; line-height: 1.5; padding: 0 20px;}
    #solution_5g_about .circle{margin: 40px auto 20px; background-size: 110%; padding: 30px 0;}
    #solution_5g_about .circle::before{content: ""; background: url(../images/solution/5g/about_02.png) no-repeat; background-size: 100%; width: 50px; height: 55px;}
    #solution_5g_about .circle h3{font-size: 20px;}
    #solution_5g_about .circle p{font-size: 13px; line-height: 1.8;}
    
    .yellow_line span{font-size: 22px;}
    #solution_5g_about .about_line2 .text_box{float: none; width: 100%; padding-top:20px;}
    #solution_5g_about .about_line2 .text_box p{font-size: 13px;}
    #solution_5g_about .about_line2 .image_box{float: none; width: 100%; margin-top: 20px;}

    #solution_5g_about .about_line3{padding-bottom: 150px; background: url(../images/solution/5g/about_04.png) no-repeat right bottom; background-size: 70%;}
    #solution_5g_about .about_line3 p{font-size: 13px; max-width:100%; padding-bottom:0;}

    #solution_5g_about .about_line4{margin: 20px 0; padding: 15px;}
    #solution_5g_about .about_line4 p{font-size: 12px;}
}

/*---solution_5g_company---*/
#solution_5g_company{padding: 100px 0 50px;}
#solution_5g_company .company_box{max-width: 700px; margin: 0 auto 40px;}
#solution_5g_company .company_box .company_image{float: left; width: 30%; text-align: center;}
#solution_5g_company .company_box .company_text{float: right; width: 70%;}
#solution_5g_company .company_box .company_text p{font-size: 18px; line-height: 2;}

#solution_5g_company .company_link{max-width: 400px; margin: 0 auto;}
#solution_5g_company .company_link a{display: block; text-align: center; font-size: 26px; padding: 10px 0; margin-bottom: 25px; border-radius: 15px;}
#solution_5g_company .company_link .seishop a{border: 1px solid #b5b5af; background: #fffeee url(../images/solution/5g/bk_seishop.png); color: #595757;}
#solution_5g_company .company_link .contact a{border: 1px solid #e8957c; background: #fffeee url(../images/solution/5g/bk_contact.png); color: #db4335;}


@media screen and (max-width: 414px){
    #solution_5g_company{padding: 50px 0 50px;}
    #solution_5g_company .company_box{margin: 0 0 20px;}
    #solution_5g_company .company_box .company_image{float: none; width: 100%; margin-bottom: 10px;}
    #solution_5g_company .company_box .company_text{float: none; width: 100%;}
    #solution_5g_company .company_box .company_text p{font-size: 13px;}
    
    #solution_5g_company .company_link a{font-size: 20px;}
}

#solution_5g_technology{padding: 0 0 120px;}
.technology_link{display: flex;}
.technology_link a{display: block; width: 50%; font-size: 18px; margin: 0 15px; text-align: center; background: #fffeee; border: 1px solid #344fb3; color: #344fb3; border-radius: 15px; padding: 14px 0; position: relative;}
.technology_link a::before{content: ""; display: inline-block; width: 8px; height: 8px; position: absolute; left: 20px; top: 22px; border-top: 2px solid #344fb3; border-right: 2px solid #344fb3; transform: rotate(45deg);}

@media screen and (max-width: 414px){
    #solution_5g_technology{padding: 0 0 60px;}
    .technology_link{display: block;}
    .technology_link a{width: 100%; margin: 0 0 25px;}
}


/*---solution_5g_kaya---*/
#solution_5g_kaya{padding: 120px 0;}
#solution_5g_kaya .guidance{font-size: 25px; text-align: center; margin-bottom: 40px;}
#solution_5g_kaya h2{text-align: center;}
#solution_5g_kaya h2 span{background: url(../images/solution/5g/about_h2.png) repeat-x center bottom;
    text-align: center; font-size: 40px; font-weight: 700; color: #db4335; line-height: 1.2; display: inline-block; padding-bottom: 10px;}
#solution_5g_kaya p.read{text-align: center; padding-top: 30px;}
#solution_5g_kaya .kaya_line01{padding-top: 50px; text-align: center;}
#solution_5g_kaya .kaya_line01 p{font-size: 18px; line-height: 2;}
#solution_5g_kaya .kaya_line02{padding-top: 50px; text-align: center;}
#solution_5g_kaya .kaya_line02 p{font-size: 18px;}
#solution_5g_kaya .kaya_title{text-align: center; font-size: 22px; color: #344fb3; margin-bottom: 20px;}
#solution_5g_kaya .kaya_title span{font-size: 18px;}
#solution_5g_kaya .kaya_line03,
#solution_5g_kaya .kaya_line04,
#solution_5g_kaya .kaya_line05{padding-top: 50px; text-align: center;}
#solution_5g_kaya .kaya_line03 figure,
#solution_5g_kaya .kaya_line04 figure,
#solution_5g_kaya .kaya_line05 figure{background: #fff; padding: 30px; border: 1px solid #e0d3cd;}

p.kaya_contact{text-align: center; font-size: 20px; margin-bottom: 20px;}

@media screen and (max-width: 414px){
    #solution_5g_kaya{padding: 40px 0;}
    #solution_5g_kaya h2 span{font-size: 25px; line-height: 1.5; padding: 0 20px;}
    #solution_5g_kaya .kaya_line01 p{font-size: 13px;}
    #solution_5g_kaya .kaya_title{font-size: 16px;}
    #solution_5g_kaya .kaya_title span{font-size: 14px;}
    #solution_5g_kaya .kaya_line03 figure,
    #solution_5g_kaya .kaya_line04 figure,
    #solution_5g_kaya .kaya_line05 figure{padding: 15px;}

    p.kaya_contact{font-size: 14px;}
}