@charset "UTF-8";

/* スマホで非表示させたい要素に適用 640でなく736なのはiphone6や6plus*/
@media only screen and (max-width: 768px){
.hidden_xs {display:none;}
/* 例　：　<div class="screensize">コンテンツ</div>　*/
}
/* スマホの時だけ表示させたい要素に適用 */
@media only screen and (min-width: 768px){
.visible_xs_block {display:none;}
/* 例　：　<div class="screensize2">コンテンツ</div>　*/
}


/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
html {
    margin-top: 0!important;
}

body{
  -webkit-text-size-adjust : none;
}

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/*textarea,input{ max-width: 95%; }*/

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

.displayNone{
	display:none;
	line-height: 0.3;
}



/* 永倉建設商業施設建設 */

.breadcrumbs {
    width: 90%;
    padding: 10px 0;
    line-height: 1.5;
    font-size: 12px;
}
/*#pan {
    margin-top: 70px;
}*/
/* スマホ用アコーディオン FOOTER CONTENTS用*/
.sub_contents{
	display:none;
}
.closeBtn_sub_contents-hide{
	display:none;
}
.sub_cont {
    cursor: pointer;
    color: #333;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: initial;
    font-size: 18px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.sub_contents02{
	display:none;
}
.closeBtn_sub_contents02-hide{
	display:none;
}
.sub_cont02 {
    cursor: pointer;
    color: #333;
    margin: 20px 0 0 0;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: initial;
    font-size: 18px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.sub_contents03{
	display:none;
}
.closeBtn_sub_contents03-hide{
	display:none;
}
.sub_cont03 {
    cursor: pointer;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: initial;
    font-size: 18px;
    border-radius: 5px;
    background: #69ac35;
    border: 1px solid #ccc;
}
.sub_contents04{
	display:none;
}
.closeBtn_sub_contents04-hide{
	display:none;
}
.sub_cont04 {
    cursor: pointer;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: initial;
    font-size: 18px;
    border-radius: 5px;
    background: #69ac35;
    border: 1px solid #ccc;
}




/* 新ハンバーガーメニュー　drawer.min,css上書修正分*/

nav.drawer-nav {
	/*margin-top: 73px;*/
    padding-top: 75px;
	/*z-index: 50;*/
}
.drawer-nav {
    /*background-color: #589629!important;*/
	background-color:#0074c0!important;
}
.drawer-hamburger {
    position: absolute;
    /*z-index: 51;*/
	z-index:4;
	top: 18px;
    right: 0!important;
    padding: 0;
	margin-right: 10px;
	margin-top:15px;
}

nav.drawer-nav ul {
    margin: 0 20px 20px 20px;
	padding-bottom: 75px;
}
nav.drawer-nav ul li ul{
    margin: 0px 0px 0px 20px;
	padding-bottom: 0;
}
nav.drawer-nav ul li a {
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #fff;
}


#info_snsbnr .sub_cont {
    border-radius: 0; 
    text-align:left;
    padding-left: 10px;}
#info_snsbnr .sub_cont02 {
	border-radius: 0; 
	text-align:left;
	margin: 0;
    padding-left: 10px;}
	
/* ハンバーガーメニュー　アイライフホーム用 */	
button.drawer-toggle.drawer-hamburger {
    /*background: #5dae03;*/
	background:#33aeff;
    border-radius: 5px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #fff!important;
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent!important;
}


nav .inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 新ハンバーガーメニュー　drawer.min,css上書修正分ここまで*/







#privacy {
    padding: 20px;
    margin-top: 20px;
}
#privacy_companyinfo p span {
    font-size: 13px;
}
#privacy_companyinfo p {
    font-size: 12px;
}

h3.privacyH3 {
    font-size: 15px;
    margin: 20px 0;
}



#header_up {
    width: 100%;
    top: 0px;
    left: 20px;
}
#Toplink_gmenu_2023 {
    display: none;
}

#mainImg .item .copy {
    line-height: 1.6;
    font-size: 26px;
}

#mainImg .item {
    position: relative;
    height:100svh;
    overflow:hidden;
}
#mainImg {
    height: 100svh;
	position: relative;
}
#mainImg .item .copy {
	line-height: 1.6;
	font-size: 26px;
	top: 36%;
}
#Topcatch {
    padding: 20px 0 6px 0;
}
#TopcatchIN {
    display: block;
	width: 88%;
}
#topchatchimgMARU {
    width: 100%;
	border-radius: 10px;
}
#TopcatchTxt {
    width: 100%;
}

#TopcatchBig {
    font-size: 22px;
    margin-bottom: 22px;
}
#TopcatchSmall {
    font-weight:normal;
}

#top_sekoujirei h2 {
    padding: 15px 0 50px 0;
}
#sekouAllbtn {
    margin: 60px 0 0 0;
}
.cd-fixed-bg {
    padding: 0 0 50px 0;
}
#topinfo {
    width: 90%;
	margin: 30px auto;
}
.newsKotira {
    display: none;
}

.toph2title h2 {
    margin: 30px 0 30px 0;
}

#topinfo ul {
    margin: 30px 0;
}
.day {
    width: 100px;
    margin-right: 20px;
}
.topichiraLinknBtn {
    margin: 50px 0;
}
#footLogoAd_TELFAXin {
    width: 90%;
    display: block;
}
#nagakurahome {
    margin: 0 auto 20px auto;
    border-bottom: 1px solid #959595;
    padding-bottom: 20px;
}

#footAd {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#footTEL {
    text-align: center;
}
#footFAX {
    text-align: center;
}
#footMenuBox {
    width: 90%;
    margin: 0 auto;
    display: block;
}
#footerListMenu {
    display: none;
}
#footContact {
    margin: 0 auto;
}
#footer {
    padding: 0;
}
#footContact {
    padding: 40px 0;
}
#footLogoAd_TELFAX {
    border: navajowhite;
}
#footContact {
    padding: 0 0 40px 0;
}

#header_in_2023 {
    min-width: 90%;
    overflow: hidden;
}
#headRightMenu {
    display: none;
}
#head_logo_message_2023 {
    width: 90%;
    float: none;
    margin: 0 0 0 20px;
}




#bg_headback {
    padding: 10px 0;
}
#main02 h2.H2Type04 {
    font-size: 20px;
}
.heading::before, .heading::after {
    width: 30px;
}






#recruit_topimg {
    padding: 80px 0;
}

#business_topimg {
    padding: 80px 0;
}
#privacy_topimg {
    padding: 80px 0;
	background: url(images/headimg_privacy.jpg) no-repeat center;
}

#faq_topimg {
    padding: 80px 0;
}
#contact_topimg {
    padding: 80px 0;
}

#contact_topimg p {
    font-size: 25px;
	text-shadow: 0 0 3px #595c43;
}
#main02 {
    width: 90%;
	margin: 40px auto 40px auto;
}
#contactTxt {
    width: 80%;
    background: none;
}
#contactTxt p {
    padding: 0;
	line-height: 1.6;
}
#contact_normal {
    padding: 40px 0 0 0;
	border-radius: 20px;
}
p.contact_name {
    float: none;
	width: 100%;
}
p.contact_input {
    width: calc(100% - 4px);
    float: none;
}
p.contact_input input {
    padding: 5px 0;
    width: 100%;
    font-size: 18px;
}
#contactWaku {
	padding: 0 0 20px 0;
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 0;
}
#contactWaku_in {
    width: 90%;
}





.small_header {
    display: none;
}




#pagepage {
    width: 100%;
    padding: 0;
    background: none;
}



#rinenkeiei {
    display: block;
}
#rinenkeiei p img {
    width: 100%;
    height: auto;
}

#header_in_LogoMenu h1 {
    margin-top: 0;
    margin-bottom: 5px;
}
#head_logo_message_2023 p {
    margin: 5px 0 5px 0;
	font-size: 12px;
}


#businessCatch p {
    text-align: center;
    margin: 40px 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
}



#shougouShisetsu,#soukoKoujou,#koukyouShisetsu,#koukyouEtc {
    font-size: 28px;
}
.ShisetuWaku p {
    font-size: 16px;
    margin-top: 15px;
}



#shougouShisetsu:before,#soukoKoujou:before,#koukyouShisetsu:before,#koukyouEtc:before {
    left: -10px;
}


#Business_Setubi {
    width: 90%;
}

#Business_SetubiWAKU {
    display: block;
}
.Business_SetubiWAKUin {
    width: 100%;
}



h2.H2Type05 {
    width: 100%;
}
.H2Type05:before {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    box-shadow: 0 0 10px #000;
    left: 70px;
}
.H2Type05:after
 {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    box-shadow: 0 0 10px #000;
    right: 70px;
}



#TopcatchBig {
	font-size: 28px;
	margin-bottom: 20px;
	text-align: center;
}
#TopcatchBig02 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
}
#TopcatchSmall {
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 15px 0;
}



ul.sekoujirei-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}

.ShisetuAllbtn {
    padding: 30px 0 0 0;
}
.ShisetuWaku {
    margin-bottom: 60px;
}

#top_sekoujirei {
    padding: 70px 20px 50px 20px;
}


.custom-shape-divider-top-1752220591 {
    z-index: 3;
}
.custom-shape-divider-top-1752646368 {
    z-index: 2;
}

.bx-wrapper img {
    height: auto;
}

#aisatsuIN {
    padding: 20px;
	margin: 20px auto;
}
.aisatsuIMG {
    float: none;
	margin-right: 0;
	margin-left:0;
	width: 100%;
	text-align: center;
}
#aisatsuIN p {
    font-size: 18px;
}
#aisatsuIN h4 {
    font-size: 25px;
	margin-bottom: 25px;
}

#daihyouName {
    margin-top: 20px;
}

#aisatsu {
    margin-top: 40px;
}






/* 社員紹介 */
h2.H2Type05 {
    width: 100%;
}
.H2Type05:before,.H2Type05:after
{
	display:none;
}
.shinloop {
    display: block;
    width: 100%;
}
.nanamecontents:before {
    z-index: -100;
}
.shainloop_img img {
    width: 100%;
    height: auto;
}
.shainloop_img {
    width: 70%;
    margin: 0 auto;
}
.shainloopTxt {
    width: 100%;
    margin-top: 30px;
}
.nanamecontents_inner {
    padding: 50px 0 150px 0;
	width: 90%;
}
.H2Type05 span {
    margin: 0 auto;
    padding: 0; 
}






#campany_topimg {
    padding: 80px 0;
}
#sekoujirei_topimg {
    padding: 80px 0;
}

#sekoujirei_archivelist ul li {
    display: block;
}


#sekoujirei_archivelist ul li .archivese_kourightbox {
    width: 100%;
}
#sekoujirei_archivelist ul li figure {
    width: 100%;
}
.archivekoujirei_img img {
    width: 100%;
    height: auto;
}
.archive_sekouTitle a {
    border-bottom: none;
	padding-bottom:0;
	background: #f0f0f0;
    padding: 15px 10px;
}
.archive_sekoubtn a {
    position: inherit;
	border-radius: 30px;
	padding: 10px 0;
	width: 220px;
}
.sekoucatearea {
    display: none;
}
.archive_setsumei {
    display: none;
}


.aisatsuIMG img {
	width:100%;
	height: auto;
}

.Headcopy {
    font-size: 24px;
}


#head_logo_message_2023 {
    width: 280px;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    border-bottom: none;
    padding-bottom: 4px;
}


#header_in_LogoMenu img {
    width: 100%;
}
#header_in_LogoMenu {
    width: 70%;
}
#head_logo_message_2023 {
	width: 70%;
	float: none;
	margin-left: 0;
	margin-top: 0;
	border-bottom: 3px solid #2ac4dd;
	padding-bottom: 0;
	margin-bottom: 6px;
}
#header_up #Description {
    font-size: 12px;
}
#header_in_LogoMenu h1 {
    margin-left: 0;
}



#mainImg .item {
	padding: 0; 
}





.HeadcopyIMG {
	z-index: 5;
	width: 70%;
	position: absolute;
	left: 50%;
	top: 58%;
	transform: translate(-50%, -50%);
}
.HeadcopyIMG img{
    width: 100%;
	height: auto;
}




#header_up02 {
    margin-left: 10px;
	padding: 5px 0;
}





#main-slide{
    position: relative;
    z-index: 1;
}


#header .scroll{
	z-index:10;
}




/*#businessCard .card {
    width: 34%;
}
#business3Menu ul {
    display: flex;
	margin: 40px 0 50px 0;
}

#business3Menu ul li a {
	width: 100%;
    padding: 30px 0;
}*/

/* ==========================================
   スマホ用：2個ずつ×2列のレイアウト変更
========================================== */
#businessCard {
  gap: 12px; 
  padding: 10px;
}
#businessCard .card {
  width: calc(50% - 6px); 
  padding: 0; 
}
#businessCard .card > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; 
  padding: 25px 10px; 
}
#businessCard .card-icon {
  width: 90px; 
  height: auto;
  margin-bottom: 15px;
}
#businessCard [class^="card-line"] {
  margin-bottom: 15px;
}

#businessCard .card-text {
  font-size: 15px; 
}




#business3Menu ul {
    margin: 20px 0 40px 0;
}


#shougouShisetsu:before {
	top: -25px;
}
#soukoKoujou:before {
	top: -25px;
}
#koukyouShisetsu:before {
	top: -25px;
}
#koukyouEtc:before {
	top: -23px;
}


#shougouShisetsu,#soukoKoujou,#koukyouShisetsu,koukyouEtc {
    padding-left: 100px;
}

.Business_Setubi_etc {
    margin: 0;
    border-top: 1px solid #fff;
    padding: 40px 0 0 0;
}

h2.H2Type02 {
    font-size: 26px;
}




.normal_single {
    width: 94%;
}
#previous_next {
    width: 94%;
    margin: 10px auto;
    line-height: 1.2;
}
#previous_next a {
    color: #4d85d2;
    font-size: 14px;
}



#newsall_topimg {
    padding: 80px 0;
}

#oshiraseAll ul li {
    margin-bottom: 30px;
    display: block;
    border-bottom: 2px dotted #ccc;
	padding-bottom: 30px;
}
.blogRight {
    width: 100%;
}
.blogLeft {
    width: 100%;
    margin-right: 0;
}

#main_single {
    padding: 30px 0;
}
h2.H2Type02 {
	font-size: 22px;
	margin-bottom: 30px;
}
h2.H2Type02::before, h2.H2Type02::after {
    width: 40px;
}	
	
#aisatsu {
	margin-top: 0;
}
#company h3 {
    font-size: 22px;
}	
.staffWrap {
	width: 84%;
	margin:50px auto;
}	
	

.staffGrid{
	grid-template-columns:1fr;
	gap:25px;
}


.staffNo{
	font-size:42px;
}

.staffModal{
	padding:15px;
}

.modalInner{
	grid-template-columns:1fr;
	border-radius:20px;
}

.modalPhoto{
	height:400px;
}

.modalContent{
	padding:30px;
}

.modalContent h2{
	font-size:32px;
}

.modalNo{
	font-size:50px;
}

.profileRow{
	grid-template-columns:1fr;
	gap:5px;
}



#header_in_LogoMenu h1:after {
    display: none;
}	
	
	
#TopcatchBig {
    margin-top: 30px;
}
	
	
	
	
















@media only screen and (orientation:portrait) {







}


@media only screen and (orientation:landscape) {






	
}




/* ここからandoroidスマホだけの為に縦横表示切替のもの */
/* アンドロイド縦 */
.android.mobile.portrait .smh_2list{
	margin:0 0 10px 0!important;	
}




/* アンドロイド横 */
.android.mobile.landscape #top_fbox ul li{
	width:20%;	
}


/* ここまでandoroidスマホだけの為に縦横表示切替のもの */









/*------------------------------------------------------------
　ここまでmobile.css
-------------------------------------------------------------*/

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */