@charset "utf-8";
/*
Theme Name:  N3
Theme URI: 　https://n3-n3.jp/
Description: 株式会社N3
Version:     1.0
Author:      ONE SWORD株式会社
Author URI:  https://onesword.jp/
*/

body {
    font-family: "Zen Old Mincho", serif !important;
    font-weight: 400;
    font-style: normal;
  }

@media screen and (max-width: 767px) {
    .intro-sp {
        display: block !important;
        padding: 2rem 1rem 0 1rem !important;
        width: 70%;
    }
    .intro-sp p{
     padding: 0rem 1.5rem 1rem 1.5rem;
    }
    .a-scs {
        padding: 0.2rem !important;
    }
    .a-scs a{
        width: 49%;
        margin: 5px auto;
        background: rgb(140 140 140 / 22%);
        padding: 1rem 1rem;
        text-align: center;
        line-height: 0.9;
        height: 70px !important;
    
    }
    .hd-logo .hd-logo__img {
        width: 7rem !important;
        margin-right: 8px;
        margin-right: 0.5rem;
    }
    .ft-logo .ft-logo__img {
        max-width: 8rem !important;
    }

    .intro-sp a{
        padding: 0rem 1.5rem 1rem 1.5rem;
        
       }

  }
    .a-scs {
        flex-direction: row;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 0 3rem 0;
        align-content: space-evenly;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
  }
  .a-scs p{
    width: 49%;
    margin-top: 10px;

}
.a-scs p + p{
    margin-top: 10px;
}

.ft-logo .ft-logo__img {
    /* max-width: 33px; */
    max-width: 7rem !important;
}

@media screen and (min-width: 1200px) {
    .ft-logo .ft-logo__img {
        width: 7rem !important;
        margin-right: 1rem;
    }

}

.a-scs a{
    width: 49%;
    margin: 5px auto;
    background: rgb(140 140 140 / 22%);
    padding: 1rem 1rem;
    text-align: center;
    height: 75px;
    line-height: 0.9;
    background-image: linear-gradient(109.3deg, rgb(19 94 117) 23.1%, rgb(120 155 204) 89.3%);
    color: #fff;
    border-radius: 5px 0 1rem 0;
}

.header {
    position: fixed;
    z-index: 100;
    width: 100%;
    background-color: rgba(254, 254, 254, 0) !important;
}

.a-scs span {

    vertical-align: -webkit-baseline-middle;
    text-align: center;
    line-height: 0.9;
}

.modal-nav__list {
    height: calc(42vh - 2rem)!important;
}

@media screen and (min-width: 374px) {
    .modal-nav__item {
        padding: 0.5rem 0 !important;
    }
}


.section-front {
    z-index: 1;
    overflow: hidden;
    padding: 140px 0 0;
    padding: 1rem 0 0 !important;
}

@media screen and (min-width: 1200px) {
    .global-nav .global-nav__list {
        width: 100%;
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .btn-square {
        width: 5rem;
        width: auto;
        height: 5rem;
        height: 5rem;
        margin: 0 3rem !important; 
        padding: 0 1.5rem;
        background: linear-gradient(328deg, rgb(124, 140, 156) 0.00%, rgb(36, 37, 38) 100.00%) !important;
    }
}

@media screen and (min-width: 992px) {
    .btn-menu {
        display: contents !important;
        margin: 0 3rem !important;
    }
}


.global-nav .global-nav__list {
    white-space: nowrap;
    display: flex !important;

}

.hd-logo .hd-logo__img {
    width: 130px !important;
    padding: 0.5rem 0.3rem 0 0;
}

.modal-nav__list {
    padding: 5rem 0 0 0;
}

.btn-square {
    background: linear-gradient(328deg, rgb(27 71 114) 0.00%, rgb(103 142 204) 100.00%) !important;
}

section.n3-intro {
    /* background-image: linear-gradient(90deg, rgba(218, 255, 234, 0.5) 5.3%, rgba(232, 255, 231, 0.5) 11.6%, rgba(240, 255, 233, 0.5) 17.4%, rgba(243, 255, 226, 0.5) 22.9%, rgba(253, 255, 228, 0.5) 28.5%, rgba(255, 248, 225, 0.5) 33.9%, rgba(255, 241, 229, 0.5) 39.4%, rgba(255, 228, 222, 0.5) 44.8%, rgba(255, 231, 231, 0.5) 50.3%, rgba(255, 231, 243, 0.5) 56.9%, rgba(255, 229, 255, 0.5) 63.2%, rgba(245, 228, 255, 0.5) 69.1%, rgba(236, 228, 255, 0.5) 74.7%, rgba(231, 238, 255, 0.5) 80.4%, rgba(229, 249, 255, 0.5) 85.8%, rgba(231, 255, 250, 0.5) 90.6%, rgba(229, 255, 243, 0.5) 94.4%, rgba(220, 255, 228, 0.5) 98.3%); */
}

.card__txt {

    font-size: 1rem !important;
}

	@media screen and (min-width: 992px) {
		.content__title {
			margin: 0;
			font-size: 5rem;

			padding: 12rem;
		}
	}

	.content__title {
		background-image: url("../wp-content/themes/n3/dist/assets/images/pages/n3_super.png");
		background-size: 100%;
		background-repeat: no-repeat;
		margin: 0;
		font-size: 3rem;
		padding: 6rem 0;
	}
	

	.page-header::before {
		background-image: none;
	}

	@media screen and (max-width: 767px) {
		.intro-sp {
			display: block !important;
			padding: 2rem 1rem 0 1rem !important;
			width: 100%;
		}
	}

	main {
		display: block;
		position: sticky;
		z-index: 999;
	}


	.content__title {
		background-position:  10% 55%;
	}

  	@media (max-width: 767px) {
		.content_menu_temp {
			width: 100%;
			flex-wrap: wrap;
			margin: 0 auto;
		}
	}

	.content_menu_temp {
		width: 100%;
		margin: 50px auto 0;
		display: flex;
	}

	.content_menu_temp h2 {
		font-size: 2rem;
	}

  .scs01 {
    font-size: 1.3rem;
    border-bottom: 1px solid #46bee4;
    width: 370px;
}

	.scs_under {
		max-width: 1000px;
		margin: 0 auto;
		padding: 2rem;
	}

	scs-bill .card__img {
		background-image: url(./img/scs_bill.jpg);
	}

	.content_menu_temp_img {
		width: 100%;
		padding: 1rem 0.5rem;
	}

	section.n3-intro {
background: none;
	}