@charset "utf-8";

a.tri { padding-left: 13px; color: #FF4600; background-image: url("/images/common/arrowRO.png"); background-position: left center; background-repeat: no-repeat; background-size: 7px 13px; }
a.tri:hover { text-decoration: underline; }

/* corporation*/
.corporation button,
.corporation .btn { background: #66CCCC; border-color: #66CCCC; }
.corporation button:hover,
.corporation .btn:hover { color: #66CCCC !important; background: #FFF; }

.corporation #Visual { background-image: url("/images/common/corporation-bg.jpg"); }
.corporation #Visual h2 { background: #66CCCC; }

.corporation article h2,
article .corporation h2,
.corporation article h3,
.corporation article h4,
.corporation article h5 { color: #26ACAC; }
.corporation article h3 { background: #E7F5F5; }
.corporation article h3:before { background: #66CCCC; }
.corporation article h4.faq:before { background-image: url("/images/corporation/balloon.png"); }

.corporation aside h2 { background-image: url("/images/common/corporation.png"); border-color: #66CCCC; }

.corporation .list a:hover h4,
.corporation article .float + div p span { color: #26ACAC !important; }

.corporation a.tri { color: #26ACAC; background-image: url("/images/common/arrowRB.png"); }

.corporation aside ul#SideNavi li a:hover,
.corporation aside ul#SideNavi li a.current { color: #26ACAC !important;}
.corporation aside ul#SideNavi li a:hover:before { background-image: url("/images/common/arrowRB.png"); }
.corporation aside ul#SideNavi li a.current:before { background-image: url("/images/common/arrowLB.png"); }

p.gurdsig{ text-align:center; margin:0 auto; color:#FF0000; font-size:2.3rem; }
img.gurdsig{ width:40%; }

header.fixed .contacts p.web2{ border:none;width:80px; font-size:0px;}

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

/* header */
header h1 { margin-left: 3%; margin-right: 3%; }

header #LogoHead,
header nav { padding-left: 3%; padding-right: 3%; }

header .contacts,
header #FontSize { right: 3%; }

header nav ul li a:after { left: 3%; }
header nav ul li:nth-child(2) a:after { left: 16.4%; }
header nav ul li:nth-child(3) a:after { left: 29.9%; }
header nav ul li:nth-child(4) a:after { left: 43.4%; }
header nav ul li:nth-child(5) a:after { left: 56.8%; }
header nav ul li:nth-child(6) a:after { left: 70.3%; }
header nav ul li:nth-child(7) a:after { left: 83.6%; }
header nav ul li:last-child a:before { left: auto; right: 3%; }

/* page */
#OfficeShop .layout-box .explanation li { left: 55%; }

#Group article .float { width: 45%; }
	}

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

.menu-trigger { display: block; }
.menu-trigger:hover, .menu-trigger span:hover { cursor: pointer; }

.menu-trigger span { display: inline-block; position: absolute; left: 3px; width: 34px; height: 2px; background-color: #222; border-radius: 2px; }
.menu-trigger span:nth-of-type(1) { top: 3px; }
.menu-trigger span:nth-of-type(2) { top: 12px; }
.menu-trigger span:nth-of-type(3) { top: 21px; }

.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-226deg); transform: translateY(6px) rotate(-226deg); }
.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-11px) rotate(226deg); transform: translateY(-11px) rotate(226deg); }

.menu-trigger b { font-weight: bold; }
.menu-trigger .on, .menu-trigger.active .off { display: none; }
.menu-trigger .off, .menu-trigger.active .on { display: block; }

/* header */
header { height: 100px; }
header h1 { margin-left: 100px; }
header #LogoHead { padding: 10px 0 0 100px; }
header .contacts { top: 25px; }

header nav { display: none; position: fixed; top: 100px; padding: 0; width: 100%; height: auto; background: rgba(255,255,255,0.95); box-shadow: 0 4px 4px rgba(0,0,0,0.1); -webkit-transition: none; transition: none; }
header nav ul { display: block !important; margin: 0 auto; padding: 40px 0 !important; max-width: 800px; text-align: center; }
header nav ul li { display: inline-block; margin: 25px 0; padding: 0 20px; width: 30%; height: 70px !important; }
header nav ul li a { margin: 0 auto; padding: 40px 0 0 !important; max-width: 140px; height: 70px !important; font-size: 18px !important; line-height: 20px; background: url("/images/common/personal.png") center top no-repeat; background-size: auto 30px; }
header nav ul li:nth-of-type(3) a { background-image: url("/images/common/corporation.png"); }
header nav ul li:nth-of-type(4) a { background-image: url("/images/common/reason.png"); }
header nav ul li:nth-of-type(5) a { background-image: url("/images/common/faq.png"); }
header nav ul li:nth-of-type(6) a { background-image: url("/images/common/company.png"); }
header nav ul li:nth-of-type(7) a { background-image: url("/images/common/recruit.png"); }
header nav ul li a.current { color: #000 !important; border-bottom: 3px solid #FF4600 !important; }
header nav ul li:hover { background: none; }
header nav ul li:first-child { display: none !important; }
header nav ul li a:after,
header nav ul li:last-child a:before { display: none; }

/* header.fixed */
header.fixed .menu-trigger { top: 14px; }
header.fixed #LogoHead { padding-left: 80px; opacity: 1; -webkit-transform: translateY(-19px); transform: translateY(-19px); }
header.fixed nav { top: -14px; }
header.fixed nav ul { height: auto; }
header.fixed nav ul li { width: 30%; }
/*
header.fixed .contacts p .mailBtn{vertical-align:-23px; padding:30px 0 0; width: 89px;height:40px;color:transparent !important;background-position:center center !important;overflow:hidden;}
*/
/* footer */
footer > ul > li { padding: 0 15px 0 6px; }
footer > ul > li:first-child { padding: 0 24px 0 0; }
footer > ul > li:nth-child(3) { padding: 0 6px 0 15px; }
footer > ul > li:last-child { padding: 0 0 0 24px; }

/* common */
#Visual { height: 360px; background-image: url("/images/common/personal-bg-sp.jpg"); }
.corporation #Visual { background-image: url("/images/common/corporation-bg-sp.jpg"); }
.contact #Visual,
.news #Visual,
.faq #Visual,
.company #Visual { background-image: url("/images/common/company-bg-sp.jpg"); }
.recruit #Visual { background-image: url("/images/common/recruit-bg-sp.jpg"); }
.reason #Visual,
.others #Visual { background-image: url("/images/common/others-bg-sp.jpg"); }
#Visual h2 { margin-top: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

article .float { width: 260px; vertical-align: top; }

.list li { margin-bottom: 30px; width: 50%; }
.list li:nth-child(3n-2) { margin-left: 0; }
.list li:nth-child(2n-1) { margin-left: -40px; }
.list li h4 { margin: 15px 0; padding-bottom: 15px; font-size: 16px; font-size: 1.6rem; }

.contact article table th { width: 160px; }
.contact article table th,
.contact article table td,
.contact article table p { font-size: 16px; font-size: 1.6rem; }
.contact article table td.mail b,
.contact article table td.address b { max-width: 160px; }

p.gurdsig{ text-align:center; margin:0 auto; color:#FF0000; font-size:1.5rem; }
img.gurdsig{ width:90%; }

/* page */
#Home #TopVisual ul.slide > li { min-height: 600px; }
#Home #TopVisual ul.slide > li h2 { font-size: 34px !important; line-height: 1.4 !important; }

#Home #TopVisual ul.slide > li:first-child h2,
#Home #TopVisual ul.slide > li:nth-child(2) div,
#Home #TopVisual ul.slide > li:nth-child(3) div,
#Home #TopVisual ul.slide > li:nth-child(4) div,
#Home #TopVisual ul.slide > li:nth-child(5) h2,
#Home #TopVisual ul.slide > li:nth-child(5) div,
#Home #TopVisual ul.slide > li:nth-child(6) div { margin-top: 0; }

#Home #TopVisual ul.slide > li:first-child h2 span { font-size: 36px;}
#Home #TopVisual ul.slide > li:first-child h2 img { width: 80%; }

#Home #TopVisual ul.slide > li:nth-child(2) div li,
#Home #TopVisual ul.slide > li:nth-child(3) div li { margin-right: 20px; width: 160px; height: 160px; font-size: 26px; }

#Home #TopVisual ul.slide > li:nth-child(4) div { width: 300px; height: 300px; }
#Home #TopVisual ul.slide > li:nth-child(4) div h2 { font-size: 30px !important; margin: 55px 0 30px; }
#Home #TopVisual ul.slide > li:nth-child(4) div h2:before { bottom: -12px; margin-left: -60px; width: 120px; }
#Home #TopVisual ul.slide > li:nth-child(4) div p { font-size: 20px; line-height: 1.3; }

#Home #TopVisual ul.slide > li:nth-child(5) h2 { font-size: 30px !important; }
#Home #TopVisual ul.slide > li:nth-child(5) h2 img { width: 70%; margin-bottom: 40px; }
#Home #TopVisual ul.slide > li:nth-child(5) div { width: 280px; height: 280px; }
#Home #TopVisual ul.slide > li:nth-child(5) div h3 { margin: 40px 0 20px; font-size: 20px; }
#Home #TopVisual ul.slide > li:nth-child(5) div ul li { margin-left: 60px; font-size: 15px; }

#Home #TopVisual ul.slide > li:nth-child(6) h2 { margin: 0 0 20px; }
#Home #TopVisual ul.slide > li:nth-child(6) h2 img { margin: 0 0 20px; width: 70px; }
#Home #TopVisual ul.slide > li:nth-child(6) p { font-size: 20px; line-height: 1.5; }
#Home #TopVisual ul.slide > li:nth-child(6) p a { margin: 30px 10px 0; padding-top: 27px; width: 120px; height: 120px; }
#Home #TopVisual ul.slide > li:nth-child(6) p a span { font-size: 24px; }

#Home .slider li a { padding: 0 0 140px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#Home .slider li:nth-child(2n-1) a { padding: 30px 0 110px; }

#Apartment .layout-box .explanation li { left: 50%; }

#Csr article h3 + .float { width: 40%; }
#Csr article .alignright { max-width: 40%; }

#Interview article .float { width: 30%; }
#Daily article .float { padding-right: 40px; width: 30%; min-width: 200px; }

#Reason article .float { width: 40%; }

#Result article h4 { text-align: center; }
#Result article .float,
#Result article .float + div { display: block; margin-bottom: 60px; padding: 0; }
#Result article .float + div:last-child { margin-bottom: 0; }
#Result article .float { margin-bottom: 20px; width: 100%; }
#Result article .float img { width: 100%; max-width: 240px; }
#Result article .float + div h5 { padding-left: 50px; }
#Result article .float + div h5:before { left: 0; }
#Result article .float + div  p:last-child { text-align: center; }

#Season .list li { margin-bottom: 30px; padding-left: 20px; width: 50%; }
#Season .list li:nth-child(3n-2) { margin-left: 0; }
#Season .list li:nth-child(2n-1) { margin-left: -20px; }
}

img.homegurd {width: 75%; max-width: 500px; }

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

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea { -webkit-appearance: none; }

/* header */
header { position: fixed; height: 70px; }
header h1,
header #FontSize { display: none; }
header #LogoHead { padding: 15px 0 0 80px; }
header .contacts { top: 8px; }
header .contacts p.tell { position: relative; padding-top: 36px; }
header .contacts p .tellBtn { position: absolute; top: 0; left: 50%; padding: 0; font-size: 0 !important; width: 18px; height: 30px; background: url("/images/common/tell.png") left center no-repeat; background-size: 18px 30px; }
header .contacts p .tellBtn:before { display: none; }
.contacts p.web2{border:none;width:240px;padding:0px 0px 0px 0px ;}
.contacts p .mailBtn{display:block;padding:30px 0px 0px 0px;color:#999 !important;font-weight:bold;text-align:center;background:url("/images/common/mailGs.png") center top no-repeat;background-size:40px 26px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}


header nav { top: 70px; }
.menu-trigger { top: 14px; }

/* header.fixed */
header.fixed nav { top: 10px; }
header.fixed #LogoHead { -webkit-transform: translateY(0); transform: translateY(0); }
header.fixed .contacts { top: 20px; }
header.fixed .contacts p.tell { padding-top: 10px; width: 60px; height: 30px; color: #FFF; overflow: hidden; }
header.fixed .contacts p span { display: none; }
header.fixed .contacts p.web2{ border:none;height:35px; width:110px;font-size:0px;}
header.fixed .contacts p .tellBtn:before { top: -37px; }
header.fixed .contacts p.web2{ border:none;height:30px; width:110px;font-size:0px;}

#Breadcrumbs { padding: 20px 5% 30px; }

/* footer */
footer > ul { display: block; margin: 0; text-align: center; }
footer > ul > li { display: inline-block; margin: 0 0 30px; padding: 0 20px 0 0 !important; width: 49%; vertical-align: top; }
footer > ul > li:nth-child(2n) { padding: 0 0 0 20px !important; }
footer > ul li h2 { margin-bottom: 15px; padding-bottom: 15px; }
footer > ul li li { display: inline-block; width: 49%; vertical-align: top; }
footer > ul li a { padding: 0 6px 0 12px; font-size: 13px; background-position: 0 3px; }

/* common */
main { display: block; }
main article,
main aside { display: block; padding: 0; }
main aside { margin-top: 60px; width: 100%; max-width: 100%; text-align: center; }

aside ul#SideLinks { margin: 30px auto 0; }
aside ul#SideLinks li { display: inline-block; margin: 20px; width: 38%; max-width: 200px; text-align: center; vertical-align: top; }
aside ul#SideLinks li:first-child { border-top: none; }
aside ul#SideLinks li a { display: block; width: 100%; height: 140px; }
aside p { text-align: center; }
aside p img { max-width: 200px; }

#Visual { height: 300px; }
#Visual h2 { margin-top: 0; padding: 12px 30px; max-width: 70%; font-size: 28px; text-align: left; border-radius: 100px; }

.dashed { margin-top: 90px; }

.contact main { margin-bottom: 60px; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next { margin-top: -12px; width: 20px; height: 32px; }
.bx-wrapper .bx-prev { left: -20px; }
.bx-wrapper .bx-next { right: -20px; }

p.gurdsig{ text-align:center; margin:0 auto; color:#FF0000; font-size:1.5rem; }
img.gurdsig{ width:90%; }

/* page */
#Home #TopVisual ul.slide > li br.min { display: none; }
#Home #TopVisual ul.slide > li:nth-child(5) div { display: none; }
#Home #TopVisual ul.slide > li:nth-child(6) h2 { font-size: 28px !important; }

#Home .half ul li a { padding-left: 35%; }
#Home .half ul li a img { max-width: 30%; }

#OfficeTenant .layout-box .explanation li { left: 50%; }
#OfficeShop .layout-box .explanation li { left: 55%; }

#Daily article ol { padding: 0; }
#Daily article ol li { margin-bottom: 30px; padding: 0 0 20px 40px; }
#Daily article ol li:before { font-size: 26px; }
#Daily article ol li.note { margin-bottom: 30px; }
#Daily article ol li:last-child,
#Daily article p.center:not(:last-child) { margin-bottom: 40px; }
}

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

body { margin-top: 50px; }
body p,
button, .btn,
ul, ol, dl { font-size: 16px; font-size: 1.6rem; }
dt, dd { padding: 4px 0; }

button.gray, .btn.gray { min-width: 100px; font-size: 14px; font-size: 1.4rem; }

hr { margin: 40px 0; }

body figcaption { margin: 10px auto 0; width: 70%; font-size: 14px; font-size: 1.4rem; }

/* header*/
header { height: 50px !important; }
header #LogoHead { padding: 13px 0 0 60px !important; }
header #LogoHead img { width: 200px; }

header .contacts { top: 10px !important; }
header .contacts p.tell { padding-top: 10px; width: 60px; height: 30px; color: #FFF; overflow: hidden; }
header .contacts p span { display: none; }
/*header .contacts p .mailBtn { padding: 30px 0 0; height: 30px;width: 100px; color: transparent !important; background-position: center center !important;  font-size:0;}*/

header .contacts p .mailBtn{vertical-align:-23px; padding:30px 0 0; width: 89px;height:30px;color:transparent !important;background-position:center center !important;overflow:hidden; background-size: 28px 18px;}
/*
header .contacts p .mailBtn{vertical-align:-23px;padding:30px 0 0; width: 89px;height:30px;color:transparent !important;background-position:center center !important;overflow:hidden;}
*/
header .contacts p .mailBtn:hover{color:#FFFFFF !important;background-image:url("/images/common/mailOs.png"); font-size:0;}
header .contacts p .tellBtn:before { top: -37px; }

header nav { top: 50px; }
header.fixed nav { top: 8px; }

.menu-trigger { top: 13px !important; }
.menu-trigger b { display: none !important; }

.menu-trigger { left: 12px; width: 30px; height: 30px; }
.menu-trigger span { width: 28px; }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(7px) rotate(-226deg); transform: translateY(7px) rotate(-226deg); }

#Breadcrumbs { padding: 15px 5% 20px; }
#Breadcrumbs li a { font-size: 13px; font-size: 1.3rem; }
#Breadcrumbs li a img { width: 13px; }
#Breadcrumbs li::after { margin: -3px 6px 0 10px; background-image: url("/images/common/arrowRG.png"); background-repeat: no-repeat; }

/* footer */
footer { padding-top: 20px; }
footer .acd { display: inline-block; font-weight: bold; }
body footer p { font-weight: normal; }

footer > ul li h2 { font-size: 14px; }
footer > ul > li { padding-right: 12px !important; }
footer > ul > li:nth-child(2n) { padding-left: 12px !important; }
footer > ul li li { display: block; margin-bottom: 12px; width: 100%; }

footer #LogoFoot img { display: block; margin-bottom: 10px; }

/* common */
#PageTop a { width: 40px; height: 55px; background-size: contain; }

#Visual { height: 260px; }
#Visual h2 { font-size: 26px; }

article h2,
#Home article h2,
article h2.image { margin-bottom: 20px; font-size: 28px; font-size: 2.8rem; }
article h2.image img { margin-bottom: 20px; height: 60px; }
article h2 + p { margin-bottom: 40px; }

article h3 { margin-bottom: 40px; font-size: 18px; font-size: 1.8rem; }
article h3 + p.subText { margin-bottom: 20px; }
article figure + h3 { margin-top: 40px; }
article h4 { margin: 20px 0 10px; font-size: 20px; font-size: 2.0rem; }
article h4 + p + h3 { margin-top: 40px; }
article h5 { margin-top: 40px; font-size: 18px; font-size: 1.8rem; }

article .float { display: block; padding: 0 0 40px; width: 100% !important; text-align: center; }
article .float img { width: 200px; }
article .float + div { display: block; }
article h3 + .float { padding: 0 0 20px; }
article h3 + .float img { width: 160px; }

.list { margin-bottom: 20px; width: calc(100% + 30px); }
.list:last-child { margin-bottom: 0; }
.list li { margin-bottom: 30px; padding-left: 30px; width: 50%; }
.list li:nth-child(3n-2) { margin-left: 0; }
.list li:nth-child(2n-1) { margin-left: -30px; }
.list li h4 { margin: 5px 0 10px; padding-bottom: 10px; font-size: 16px; font-size: 1.6rem; }

.list.top li img { margin-bottom: 5px; }
.list.count li:before { left: 30px; font-size: 30px; }

.list.mini li { width: 33.3%; }
.list.mini li:nth-child(4n-3) { margin-left: 0 !important;  }
.list.mini li:nth-child(3n-2) { margin-left: -20px !important; }

.step li h4 { margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; }

.layout-box { margin: 0; padding: 0 !important; }
.layout-box figure { margin: 0 auto; }
.layout-box .explanation { margin-top: 30px; border-top: 1px dotted #CCC; }
.layout-box .explanation li {
	display: block;
	position: static;
	margin: 0 !important;
	padding: 20px 0 20px 60px !important;
	width: 100% !important;
	border: none;
	border-bottom: 1px dotted #CCC;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	}
.layout-box .explanation li h4 { margin-bottom: 5px; padding: 0 !important; text-align: left; background-image: none !important; }
.layout-box .explanation li h4 br { display: none; }
.layout-box .explanation li p { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
.layout-box + p { display: none; }

.layout-all { padding-top: 0; border: none; }
.layout-all figure { width: 120px; vertical-align: top; }
.layout-all ul li { display: block; margin-bottom: 15px; padding:  0 0 0 20px; width: 100%; }
.layout-all ul li:last-child { margin-bottom: 0; }
.layout-all ul li h4 { margin-bottom: 5px; }
.layout-all + h3 { margin-top: 20px; }

aside ul#SideLinks li { margin-top: 0; }

.dashed { margin: 60px auto; padding-top: 80px; }
.dashed h2 { margin-bottom: 20px; }
.dashed h2 + p { font-size: 13px; font-size: 1.3rem; }
.dashed .contacts p.tell { margin: 0 0 10px; padding: 0 0 20px; border: none; border-bottom: 1px solid #e5e5e5; }
.dashed .contacts p.tell + p { display: block; text-align: center; }
.dashed .contacts p .mailBtn { display: inline-block; }
.dashed .contacts p .mailBtn2 { display: inline-block; }

#PickupNavi { margin-bottom: 80px; }

.company article h3,
.recruit article h3 { margin-bottom: 20px; }
.company article table th,
.recruit article table th { width: 120px; }
.recruit article .center .btn { margin: 0 15px 20px; }

.faq article h4 { margin-top: 30px; padding: 30px 0 0 30px; font-size: 18px; font-size: 1.8rem; }
.faq article h4:before { left: 11px; margin-top: 6px; width: 2px; height: 16px; }
.faq article h4:after { margin-top: 13px; width: 16px; height: 2px; }
.faq article p.acd-content { padding-left: 30px; margin-top: 10px; }

.news article ul.topList li a { overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ }
.news article h1 { font-size: 28px; font-size: 2.8rem; }
.news article > h2 { font-size: 24px; font-size: 2.4rem; }
.news article > ul,
.news article > ol,
.news article dl,
.news article table { margin-bottom: 20px; }

.contact #Step,
.contact #Step + p { margin-bottom: 20px; }
.contact article table,
.contact article #PrivacyUsage { margin-bottom: 40px; }
.contact article table th,
.contact article table td { display: block; padding: 10px 8px; width: 100%; }
.contact article table th { border-bottom: none; }
.contact article table td { padding: 0 8px 15px; }
.contact article #PrivacyUsage { height: 220px; }
.contact article #PrivacyUsage > ol { padding: 30px; height: 220px; }
.contact article .center:last-child { margin-top: 20px; }
.contact article button[type=submit] { padding: 12px; min-width: 200px; font-size: 18px; font-size: 1.8rem; }

.contact.conf article table th,
.contact.conf article table td { padding: 6px 8px 14px; }
.contact.conf article table th { padding-bottom: 6px; background: #f7f7f7; }
.contact.conf article .right { margin-top: 20px; }

.contact.comp  .center:last-child { padding-top: 30px; }

p.gurdsig{ text-align:center; margin:0 auto; color:#FF0000; font-size:1.5rem; }
img.gurdsig{ width:90%; }

#loading img { width: 50px;  margin-top:-25px; margin-left:-25px; }

/* page */
#Home #TopVisual ul.slide > li { height: calc(100% - 50px); height: calc(100vh - 50px); min-height: 500px; }
#Home #TopVisual ul.slide > li h2 { font-size: 30px !important; letter-spacing: 2px; }

#Home #TopVisual ul.slide > li:first-child h2 span { font-size: 32px; }

#Home #TopVisual ul.slide > li:nth-child(2) div li,
#Home #TopVisual ul.slide > li:nth-child(3) div li { padding-top: 37px; margin: 0 6px; width: 120px; height: 120px; font-size: 22px; }

#Home #TopVisual .bx-pager { bottom: 20px; }

#Home .slider li { padding: 0 20px; }
#Home .slider li a { padding: 0 0 120px; font-size: 14px; font-size: 1.4rem; }
#Home .slider li:nth-child(2n-1) a { padding: 20px 0 100px; }

#Home article { padding-top: 60px; }
#Home #TabIntro { margin-bottom: 60px; background-size: 1295px 111px; }
#Home .half { display: block; margin-bottom: 40px; padding: 0 5% !important; width: 100%; }
#Home .half + p.center { margin: 0 0 60px; }

#Home .half p.tri { right: 5% !important; }
#Home .half ul li a { padding-left: 30%; }
#Home .half ul li a img { max-width: 25%; }

#HomeSecurity .layout-box .icon li { width: 14px; height: 14px; }
#HomeSecurity .layout-box .icon li.num6 { width: 21px; height: 21px; }
#HomeSecurity .layout-box .explanation li { background-image: url("/images/personal/icons/icon1.png"); }
#HomeSecurity .layout-box .explanation li.num2 { background-image: url("/images/personal/icons/icon2.png"); }
#HomeSecurity .layout-box .explanation li.num3 { background-image: url("/images/personal/icons/icon3.png"); }
#HomeSecurity .layout-box .explanation li.num4 { background-image: url("/images/personal/icons/icon4.png"); }
#HomeSecurity .layout-box .explanation li.num5 { background-image: url("/images/personal/icons/icon5.png"); }
#HomeSecurity .layout-box .explanation li.num6 { background-image: url("/images/personal/icons/icon6.png"); }

#Apartment .layout-box figure { max-width: 280px; }

#AED article h4 { margin-bottom: 10px; }
#AED article h5 { margin-bottom: 5px; font-size: 18px; font-size: 1.8rem; }
#AED article figure.inline + div { margin-bottom: 40px; padding-left: 40px; }
#AED article figure.center { margin: 30px 0; }
#AED article figure.inline + div ul li { font-size: 16px; font-size: 1.6rem; }

#CompanyTop article .alignright { float: none; display: block; margin: 0 auto 20px; max-width: 100%; }

#History article ol { padding-left: 40px; }
#History article ol li:before,
#History article ol li:after { left:-52px; }
#History article ol li:after { width: 44px; }

#Sdgs div div img { width: 100% !important; }

#Csr article h3 + .float { width: 100%; }
#Csr article .alignright { float: none; display: block; margin-bottom: 30px; padding: 0; max-width: 100%; }
#Csr article img { width: 200px !important; }
#Csr article hr { margin-bottom: 40px; }

table.SdgsTbl td {
    display: block;
    width: auto;
 }

#Group article .float { width: 100%; }
#Group article .float img { width: 90%; max-width: 360px; }

#Collaboration article h4 { margin: 20px 0; }
#Collaboration article h3 ~ .float img { margin-bottom: 20px; width: 100%; max-width: 400px; }

#RecruitTop article table { margin-bottom: 20px; }
#RecruitTop article h3:not(:first-of-type) { margin: 40px 0 20px; }

#Interview article .float { margin-bottom: 20px; }
#Interview article .float img { width: 160px; }
#Interview article .float + div { padding: 0; }
#Interview article h4 { margin: 0 0 20px; padding-left: 50px; }
#Interview article h4:before { left: 0; }
#Interview article h5 { margin-bottom: 3px; font-size: 16px; font-size: 1.6rem; }
#Interview article h5 + p { margin-bottom: 20px; }
#Interview article p.center:not(:last-child) { margin-bottom: 20px; }

#Daily article ol li { font-size: 16px; font-size: 1.6rem; }
#Daily article ol li.note { padding-left: 36px; font-size: 14px; font-size: 1.4rem; }
#Daily article ol li.note span { margin-left: -36px; }
#Daily article .float { display: table; padding: 0 0 30px; }
#Daily article .float div { display: table-cell; padding: 0 5%; width: 50%; }
#Daily article .float div img { width: 90%; max-width: 160px; }
#Daily article .float p { font-size: 14px; font-size: 1.4rem; }

#Reason article h2.image { margin-bottom: 40px; }
#Reason article .float, #Reason article .float + div { padding-bottom: 40px; }
#Reason article .float img { width: 80%; max-width: 240px; }

#Result article h3,
#Result article h4,
#Result article p { margin-bottom: 20px; }
#Result article .float + div h5 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
#Result article h6 { margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; }
#Result article ul { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; }
#Result article ul li { margin-bottom: 5px; }

#Privacy article p { margin-bottom: 20px; }
#Privacy article ol { padding-top: 20px; }
#Privacy article hr { margin: 20px 0; }
#Privacy article dt { margin-left: 10px; }
#Privacy article dt:before { left: -10px; }

/*.contacts p.web2{height:30px;width:110px;}*/
.contacts p.web2{ border:none;height:30px; width:110px;font-size:0px;}
/*
.contacts p.mailBtn{font-size:15px;}
*/
}

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

form th span { font-size: 10px; font-size: 1rem; }

hr { margin: 20px 0; }

table { margin-bottom: 30px; }

/* header*/
header #LogoHead a { display: block; width: 34px; overflow: hidden; }

header .contacts { right: 6px; }
/*header .contacts p .mailBtn { margin-right: 12px; width: 28px; background-size: 28px 18px; }*/
header .contacts p .mailBtn{vertical-align:-23px; padding:30px 0 0; width: 89px;height:30px;color:transparent !important;background-position:center center !important;overflow:hidden; background-size: 28px 18px;}

header .contacts p.tell { width: 40px !important; }
header .contacts p .tellBtn { left: 15px; background-size: 14px 24px; }

header nav { padding: 0; height: 100%; height: 100vh; }
header nav ul { display: block !important; position: absolute; top: 50%; margin-top: -50px; padding: 0 !important; width: 100% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
header nav ul li a { font-size: 15px !important; }
header nav ul li,
header.fixed nav ul li { margin: 25px auto; padding: 0; width: 48%; height: 40px; max-width: 150px; }
header.fixed nav { top: -18px; }
header.fixed nav ul li a { display: block; padding: 0; height: auto; }

#Breadcrumbs { padding: 10px 5% 20px; }
#Breadcrumbs li a { font-size: 12px; font-size: 1.2rem; }
#Breadcrumbs li a img { width: 11px; }
#Breadcrumbs li::after { margin: -1px 3px 0 6px; width: 5px; height: 9px; }

/* footer */
body footer p { font-size: 12px; }
footer .acd { margin-bottom: 15px; }

footer > ul > li { padding-right: 6px !important; }
footer > ul > li:nth-child(2n) { padding-left: 6px !important; }
footer > ul li li { margin-bottom: 10px; }
footer > ul li a { padding: 0; font-size: 12px; background: none !important; }

#PageTop { bottom: -2px; right: 15px; }

/* common */
article table th,
article table td { display: block; padding: 8px; font-size: 14px; font-size: 1.4rem; border-left: none; }
article table th { border-bottom: none; }
article table td:last-child { padding-bottom: 12px; }

#Visual { height: 180px; }
#Visual h2 { padding: 12px 24px; font-size: 16px; }

article h2,
#Home article h2,
article h2.image { margin-bottom: 20px; font-size: 22px; font-size: 2.2rem; }
article h3,
#Home .half h3 { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; }
article h3 + p.subText { margin-top: 0; }
article h4 { font-size: 18px; font-size: 1.8rem; }
article h5 { margin-top: 40px; font-size: 16px; font-size: 1.6rem; }

article .float { padding-bottom: 20px; }
article .float img { width: 160px; }
article .float + div { padding-bottom: 40px; }
article h3 + .float img { width: 120px; }

.list { margin-bottom: 40px; width: 100%; text-align: center; }
.list li { margin-bottom: 15px; padding-left: 0; width: 85%; max-width: 300px; }
.list li:nth-child(2n-1) { margin-left: 0; }
.list li:last-child { margin-bottom: 0 !important; }

.list.count li:before { left: 0; }

.list.top li { margin-bottom: 20px; }
.list.top li img { width: 60%; }

.list.mini li { width: 50%; padding-left: 20px; }
.list.mini li:nth-child(3n-2) { margin-left: 0 !important;  }
.list.mini li:nth-child(2n-1) { margin-left: -20px !important; }

.step li { margin: 0 auto 60px !important; padding: 0; width: 85%; text-align: center; }
.step li:not(:last-child):after { bottom: -40px; left: 50%; margin-left: -9px; }
.step li img { display: block; position: static; margin: 0 auto 15px; }
.step li h4 { margin: 0 auto 10px; min-width: 150px; }
.step li p { text-align: center; }

.layout-box .explanation li h4 { font-size: 15px; font-size: 1.5rem; }
.layout-all figure { width: 80px; }

.dashed { margin: 40px auto; padding-top: 60px; }

#PickupNavi { margin-bottom: 60px; border: none; max-width: 300px;}
#PickupNavi li { min-width:120px; display: inline-block; }
#PickupNavi li img { max-width: 80%; }
#PickupNavi li a { padding: 0 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; }
#PickupNavi li:first-child,#PickupNavi li:nth-child(3) { border-left: none; }
#PickupNavi li:first-child a { padding-left: 0; }
#PickupNavi li:last-child a { padding-right: 0; }

aside ul#SideLinks li { margin: 0 0 20px; width: 43%; }
aside ul#SideLinks li:nth-child(2n) { margin-left: 8%; }
aside ul#SideLinks li a { height: 120px; font-size: 12px; font-size: 1.2rem; }

.company article h3,
.recruit article h3 { margin-bottom: 20px; }
.company article table th,
.recruit article table th { width: 100%; }
.recruit article .center .btn { margin: 0 0 10px; }

.faq article h4 { margin-top: 15px; padding: 15px 0 0 20px; font-size: 16px; font-size: 1.6rem; }
.faq article h4:before { left: 6px; margin-top: 0; width: 2px; height: 14px; }
.faq article h4:after { left: 0; margin-top: 6px; width: 14px; height: 2px; }
.faq article p.acd-content { padding-left: 20px; margin-top: 5px; }

.news article h1, .news article h3, .news article h4, .news article h5, .news article h6,
.news article div, .news article table, .news article dl,
.news article > ul, .news article > ol { margin-bottom: 20px; }
.news article ul.topList { margin-bottom: 40px; }
.news article ul.topList li a span { display: block; }
.news article blockquote { margin: 20px 0; padding: 15px 20px; }
.news article img.alignleft { margin: 5px 15px 5px 0; }
.news article img.alignright { margin: 5px 0 5px 15px; }

.contact #Step li { height: 40px; font-size: 14px; font-size: 1.4rem; }
.contact #Step li:not(:last-child):before { right: -50px; border-width: 30px; border-left-width: 20px; }
.contact #Step li:not(:last-child):after { right: -33px; border-width: 20px; border-left-width: 13px; }
.contact #Step li:first-child { padding: 0 0 0 6px; }

.contact article h2,
.contact article h3 { font-size: 22px; font-size: 2.2rem; }
.contact article .contacts p .tellBtn { font-size: 36px; }
.contact article table, .contact article #PrivacyUsage { margin-bottom: 20px; }
.contact article table th,
.contact article table td,
.contact article table p { font-size: 14px; font-size: 1.4rem; }
.contact article table th { padding-bottom: 5px; }
.contact article table td.name input[type=text] { max-width: 35%; }
.contact article table td.mail p:last-child input { max-width: 60%; }
.contact article table td.address p:first-child input[type=text] { width: 60px; }
.contact article table td.address p:first-child input[type=text]:last-child { width: 80px; }

.contact article #PrivacyUsage { height: 180px; }
.contact article #PrivacyUsage > ol { padding: 20px; height: 180px; }
.contact article #PrivacyUsage ol h4 { margin-bottom: 8px; font-size: 14px; font-size: 1.4rem; }
.contact article #PrivacyUsage ol li,
.contact article #PrivacyUsage ol li p { margin-bottom: 8px; font-size: 13px; font-size: 1.3rem; line-height: 1.4; }
.contact article #PrivacyUsage ol li ol { margin-left: 0; padding-left: 15px; }
.contact article #PrivacyUsage ol li ul { padding-left: 15px; }

.contact main { margin-bottom: 40px; }

.contact.conf article .right { text-align: center !important; }

.bx-wrapper .bx-next { right: -10px; }
.bx-wrapper .bx-prev { left: -10px; }

/* page */
#Home #TopVisual ul.slide > li { height: 400px; min-height: 400px; }

#Home #TopVisual ul.slide > li:first-child h2 span { font-size: 32px; }

#Home #TopVisual ul.slide > li:first-child h2,
#Home #TopVisual ul.slide > li:nth-child(2) h2,
#Home #TopVisual ul.slide > li:nth-child(3) h2,
#Home #TopVisual ul.slide > li:nth-child(2) ul,
#Home #TopVisual ul.slide > li:nth-child(3) ul { left: 0; right: 0; max-width: 100%; text-align: center; }
#Home #TopVisual ul.slide > li:nth-child(2) div li,
#Home #TopVisual ul.slide > li:nth-child(3) div li { padding-top: 30px; margin: 0 6px; width: 100px; height: 100px; font-size: 18px; }

#Home #TopVisual ul.slide > li:nth-child(2) h2,
#Home #TopVisual ul.slide > li:nth-child(3) h2,
#Home #TopVisual ul.slide > li:nth-child(5) h2 { font-size: 24px !important; text-align: center; }

#Home #TopVisual ul.slide > li:nth-child(4) div { right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

#Home #TopVisual ul.slide > li:nth-child(5) h2 img { width: 100%; }

#Home #TopVisual ul.slide > li:nth-child(6) div { margin: 0 5%; width: 90%; }
#Home #TopVisual ul.slide > li:nth-child(6) h2 { margin: 0 0 10px; font-size: 24px !important; }
#Home #TopVisual ul.slide > li:nth-child(6) h2 img { margin: 0 0 10px; width: 50px; }
#Home #TopVisual ul.slide > li:nth-child(6) p { font-size: 13px; }
#Home #TopVisual ul.slide > li:nth-child(6) p a { margin: 10px 6px 0; padding-top: 20px; width: 90px; height: 90px; font-size: 16px; }
#Home #TopVisual ul.slide > li:nth-child(6) p a span { font-size: 18px; }
#Home #TopVisual ul.slide > li:nth-child(6) p a:before { bottom: 12px; }

#Home #TopVisual .bx-pager { bottom: 10px; }

#Home article h2 { font-size: 22px; font-size: 2.2rem; }
#Home article { padding-top: 40px; }
#Home #TabIntro { margin-bottom: 40px; background-size: 1225px 105px; }

#Home .slider li a { padding: 0 0 100px; }
#Home .slider li:nth-child(2n-1) a { padding: 10px 0 90px; }

#Home .half { margin-bottom: 30px; }
#Home .half figure img { max-width: 90%; }
#Home .half h3 { margin: 15px 0; padding-bottom: 10px; }
#Home .half + p.center { margin: 0 0 40px; }
#Home .half ul li a { padding-left: 35%; }
#Home .half ul li a img { max-width: 30%; }

#Home .dashed { margin-bottom: 60px; }
#Home .dashed .center a { max-width: 80%; }
#Home .dashed .center a img { max-width: 100%; }
#Home .dashed .center + h2 + p { margin-bottom: 60px; }

#HomeSecurity .layout-box figure { width: 140%; margin-left: -40%; }

#OfficeShop .layout-box .icon li { width: 15px; height: 15px; }
#OfficeShop .layout-box .icon li.num7 { width: 22px; height: 22px; }

#AED article h5 { margin-bottom: 0; font-size: 16px; font-size: 1.6rem; }
#AED article figure.inline + div { padding-left: 20px; }

#CompanyTop article h3 + .float,
#CompanyTop article h3 + .float + div { padding-bottom: 20px; }
#CompanyTop article h4,
#CompanyTop article p { margin-bottom: 20px; }

#About .float img { width: 60px; }
#About article .float + div { padding-bottom: 0; }

#History article ol { padding-left: 20px; }
#History article ol:after { bottom: -11px; left: -11px; border: 10px solid transparent; border-top: 11px solid #FF6633; }
#History article ol li { margin-bottom: 20px; padding: 12px; font-size: 16px; font-size: 1.6rem; }
#History article ol li:before,
#History article ol li:after { left: -32px; }
#History article ol li:before { top: 17px; left: -30px; width: 10px; height: 10px; }
#History article ol li:after { width: 24px; }
#History article ol li h4 { position: static; display: block; margin-bottom: 5px; padding: 0; }

#Standby table { margin-bottom: 0; }

#Group article table { margin-bottom: 40px; }

#Reason article .float, #Reason article .float + div { padding-bottom: 20px; }
#Reason article hr { margin: 20px 0; }
#Reason article h4 + ul { margin-top: 20px; }
#Reason article ul { margin: 10px 0 0; font-size: 16px; font-size: 1.6rem; }

#Season .list.top li { margin: 0 auto 30px !important; padding: 0 !important; width: 85%; }
#Season .list.top.last:last-of-type li:last-child { margin-bottom: 0 !important; }
#Season .list.top.last img { width: 100%; max-width: 300px; }

#Privacy article ol li img.alignright { width: 60px; }
#Privacy article dt,
#Privacy article dd { float: none; padding: 0; }
#Privacy article dd { margin: 5px 0 10px; padding-left: 10px; }

	}

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

#Home #TopVisual ul.slide > li h2 { font-size: 22px !important; letter-spacing: 0; line-height: 1.2 !important; }

#Home #TopVisual ul.slide > li:nth-child(2) h2,
#Home #TopVisual ul.slide > li:nth-child(3) h2,
#Home #TopVisual ul.slide > li:nth-child(5) h2 { font-size: 22px !important; }

#Home #TopVisual ul.slide > li:first-child h2 span { font-size: 26px; }

#Home #TopVisual ul.slide > li:nth-child(4) div { width: 240px; height: 240px; }
#Home #TopVisual ul.slide > li:nth-child(4) div h2 { font-size: 26px !important; margin: 45px 0 25px; }
#Home #TopVisual ul.slide > li:nth-child(4) div h2:before { margin-left: -50px; width: 100px; }
#Home #TopVisual ul.slide > li:nth-child(4) div p { font-size: 16px; }

#Home #TopVisual .bx-pager { bottom: 10px; }

#Home #TabBtn li a { font-size: 14px; font-size: 1.4rem; }
}

#formagree {
    font-size: 20px;
}

#formagree a.agrcheck-btn{
    display:inline-block;
    position:relative;
    padding:9px 20px;
    width:auto;
    min-width:200px;
    color:#FFF !important;
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height:1;
    background:#FF4600;
    border:2px solid #FF4600;
    border-radius:20px;
    cursor:pointer;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

#formagree br{
	display: block;
	content: "";
	margin: 20px 0;
}

img.Agree{
    width: 100px;
    margin: 0 0 0 0 ;
}

.formbox {
    width: 100%; 
    height: 200px;
    border: 1px solid #000;
    overflow-y: scroll; 
  }

.formbox li{margin-left:10px;color:#000;font-size:16px;font-size:1.6rem;}
.formbox h3{margin:0 auto;color:#000;font-size:16px;font-size:2rem;}
.formbox h4{margin:0 0 0px;color:#000;font-size:16px;font-size:1.8rem;}
.formbox p{margin:0 0 0px;color:#000;font-size:16px;font-size:1.8rem;}
.formbox p.footer{margin-left:10px;color:#000;font-size:16px;font-size:1.6rem;}
.formbox p.conf{text-align: center;color:#000;font-size:16px;font-size:1.8rem;}
.formbox a.priv{text-align: center;color:#D00;font-size:16px;font-size:1.6rem;}


 p.privstr{
    text-indent: -1em;
    padding-left: 1em;

 }

li.privstr{
    list-style-type: none;
}

li.privstr2_brackets{
	list-style-type: none;
    font-weight: bold; 
    counter-increment: cnt;

}

li.privstr2_brackets::before{
    content: counter(cnt) ") ";
}

li.privstr2_brackets_nb{
	list-style-type: none;
    counter-increment: cnt;
    text-indent: -1em;
    padding-left: 1em;
}

li.privstr2_brackets_nb::before{
    content: counter(cnt) ") ";
}

li.privstr2_alpha{
    list-style-type: none;
    text-indent: -1em;
    padding-left: 1em;
}

li.privstr3_kana{ 
    list-style-type: katakana;
    
}

li.privstr4_Dot{
    list-style-type: disc;
    text-indent: -1em;
    padding-left: 1em;
}

img.Agree2{
    height:35px;
    width:180px;
}