@charset "UTF-8";

@media print, screen and (min-width: 701px) {
	.display-sp {
		display:none !important;
	}
}

@media screen and ( max-width:700px) {
	.display-pc {
		display:none !important;
	}
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; 
	padding:0; 
	letter-spacing:0;
	color:#000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; 
	font-weight:normal; 
}
ul, ol, dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
}
a:link {
	text-decoration: underline;
}
a:visited {
	color:#00e;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ---------- custom -------------------------------------------------- */
* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
	transition: 0.3s ease-in-out;
}
img {
  vertical-align: bottom;
  width:100%;
}
a img {
  border: none;
}

@media print, screen and (min-width: 701px) {
	.nb55aniv-header {
		background:#000;
		width:100%;
		height:60px;
	}
	.nb55aniv-header-inner {
		max-width:1280px;
		margin:0 auto;
		position:relative;
	}
}
@media screen and ( max-width:700px) {
	.nb55aniv-header {
		background:#000;
		width:100%;
		height:54px;
	}
	.nb55aniv-header-inner {
		width:100%;
		position:relative;
	}
}

@media print, screen and (min-width: 701px) {
	.nb-header-logo {
		width:203px;
		margin:0 auto;
		padding:6px 38px 0 0;
	}
}
@media screen and ( max-width:700px) {
	.nb-header-logo {
		width:149px;
		padding:7px 0 0 13px;
	}
}

@media print, screen and (min-width: 701px) {
	.nb-header-eng-logo-box {
		width:23%;
		height:22px;
		border-left:1px solid #fff;
		position:absolute;
		top:19px;
		right:0;
		padding:5px 0 0 4.9%;
	}
	.nb-header-eng-logo-box img {
		width:105px;
		vertical-align: top;
	}
}
@media screen and ( max-width:700px) {
	.nb-header-eng-logo-box {
		width:126px;
		height:19px;
		border-left:1px solid #fff;
		position:absolute;
		top:18px;
		right:0;
		padding:5px 0 0 21px;
	}
	.nb-header-eng-logo-box img {
		width:88px;
		vertical-align: top;
	}
}

.nb55aniv-header-underline {
	background:#da9100;
	width:100%;
	height:3px;
}

@media print, screen and (min-width: 701px) {
	.content-wrap {
		max-width:1280px;
		margin:0 auto;
	}
}
@media screen and ( max-width:700px) {
	.content-wrap {
		width:100%;
	}
}

@media print, screen and (min-width: 701px) {
	.nb55aniv-main-wrap {
		position:relative;
		margin-bottom:40px;
	}
}
@media screen and ( max-width:700px) {
	.nb55aniv-main-wrap {
		background:#000;
		padding-top:28px;
		margin-bottom:25px;
	}
}

@media print, screen and (min-width: 1280px) {
	.nb55aniv-logo {
		position:absolute;
		width:277px;
		top:28px;
		left:56px;
		z-index:2;
	}
}
@media screen and (min-width:701px) and ( max-width:1280px) {
	.nb55aniv-logo {
		position:absolute;
		width:21.64%;
		top:28px;
		left:4.375%;
		z-index:2;
	}
}
@media screen and ( max-width:700px) {
	.nb55aniv-logo {
		width:63%;
		margin:0 auto 29px;
	}
}

@media print, screen and (min-width: 701px) {
	.body-wrap {
		padding:0 7%;
	}
	.body-wrap-inner {
		max-width:920px;
		margin:0 auto;
	}
}
@media screen and ( max-width:700px) {
	.body-wrap-inner {
		width:88%;
		margin:0 auto;
	}
}

@media print, screen and (min-width: 701px) {
	.lead {
		font-size:17.5px;
		font-weight:bold;
		line-height:1.7;
		text-align: justify;
		color:#da9100;
		margin-bottom:40px;
	}
	.body-q {
		font-size:16.6px;
		font-weight:bold;
		color:#3e4e57;
		line-height:1.6;
		text-align: justify;
		margin:18px 0 16px;
	}
	.body-q:before {
		content: "";
		display:inline-block;
		width:28px;
		height:5px;
		margin-right:4px;
		border-top:1px solid #3e4e57;
	}
	.body-text {
		font-size:16.5px;
		color:#4e4e4e;
		line-height:1.8;
		text-align: justify;
		margin-bottom:12px;
	}
	.body-text span.name-bl {
		font-size:16.5px;
		font-weight:bold;
		color:#005ead;
	}
	.body-text span.name-gr {
		font-size:16.5px;
		font-weight:bold;
		color:#40a631;
	}
}
@media screen and ( max-width:700px) {
	.lead {
		font-size:16px;
		font-weight:bold;
		line-height:1.75;
		text-align: justify;
		color:#da9100;
		margin-bottom:25px;
	}
	.body-q {
		font-size:16px;
		font-weight:bold;
		color:#3e4e57;
		line-height:1.6;
		text-align: justify;
		margin:18px 0 16px;
	}
	.body-q:before {
		content: "";
		display:inline-block;
		width:28px;
		height:5px;
		margin-right:4px;
		border-top:1px solid #3e4e57;
	}
	.body-text {
		font-size:16px;
		color:#4e4e4e;
		line-height:1.8;
		text-align: justify;
		margin-bottom:12px;
	}
	.body-text span.name-bl {
		font-size:16px;
		font-weight:bold;
		color:#005ead;
	}
	.body-text span.name-gr {
		font-size:16px;
		font-weight:bold;
		color:#40a631;
	}
}

@media print, screen and (min-width: 701px) {
	.heading-img {
		border-top:4px solid #d44820;
		margin-bottom:38px;
	}
	.heading-01 {
		margin-top:45px;
	}
	.heading-02 {
		margin-top:65px;
	}
}
@media screen and ( max-width:700px) {
	.heading-img {
		border-top:3px solid #d44820;
		margin-bottom:20px;
	}
	.heading-01 {
		margin-top:35px;
	}
	.heading-02 {
		margin-top:35px;
	}
}

@media print, screen and (min-width: 701px) {
	.zu-support-box {
		width:521px;
		margin:30px auto 0;
		border:1px solid #aaa;
		border-radius:8px;
		padding:35px 0 30px;
	}
	.zu-support-box-inner {
		width:362px;
		margin:0 auto;
	}
	.zu-text {
		padding:3px 7px 0;
		font-size:16px;
		color:#4e4e4e;
		line-height:1.6;
		text-align: justify;
	}
}
@media screen and ( max-width:700px) {
	.zu-support-box {
		max-width:521px;
		margin:30px auto 0;
		border:1px solid #aaa;
		border-radius:8px;
		padding:18px 13px 15px;
	}
	.zu-support-box-inner {
		max-width:362px;
		margin:0 auto;
	}
	.zu-text {
		padding:3px 7px 0;
		font-size:15px;
		color:#4e4e4e;
		line-height:1.6;
		text-align: justify;
	}
}

@media print, screen and (min-width: 701px) {
	.sien-box {
		padding:28px 34px;
		border:1px solid #aaa;
		margin:35px 0 50px;
	}
	.sien-box-title {
		font-size:19px;
		font-weight:bold;
		color:#4e4e4e;
		text-align:center;
		margin-bottom:12px;
	}
	.sien-midashi {
		font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size:16.5px;
		font-weight:bold;
		color:#d44820;
		margin:8px 0 3px;
	}
	.sien-list {
		font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size:16.5px;
		color:#4e4e4e;
		text-indent:-1em;
		padding-left:1em;
		margin-bottom:3.5px;
	}
	.sien-text {
		font-size:16.5px;
		color:#4e4e4e;
		margin:12px 0 0;
	}
}
@media screen and ( max-width:700px) {
	.sien-box {
		padding:15px 18px 20px 16px;
		border:1px solid #aaa;
		background:#f2f2f2;
		margin:35px 0 40px;
	}
	.sien-box-title {
		font-size:18px;
		font-weight:bold;
		color:#4e4e4e;
		text-align:center;
		line-height:1.4;
		margin-bottom:12px;
	}
	.sien-midashi {
		font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#d44820;
		margin:8px 0 3px;
	}
	.sien-list {
		font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size:15px;
		color:#4e4e4e;
		text-indent:-1em;
		padding-left:1em;
		text-align: justify;
		line-height:1.5;
		margin-bottom:3.5px;
	}
	.sien-text {
		font-size:15px;
		color:#4e4e4e;
		line-height:1.5;
		text-align: justify;
		margin:12px 0 0;
	}
}

@media print, screen and (min-width: 701px) {
	.company-info-box {
		padding-bottom:22px;
		border-bottom:1px solid #aaa;
		margin-bottom:88px;
	}
	.company-name {
		font-size:16px;
		color:#4e4e4e;
    	display: flex;
    	align-items: center;
    	margin-bottom:15px;
	}
	.company-name:after {
    	content: "";
    	height: 1px;
    	flex-grow: 1;
    	background-color: #aaa;
    	margin-left: 10px;
	}
	.company-info-list {
		font-size:15.5px;
		color:#4e4e4e;
		text-indent:-1em;
		padding-left:1em;
		line-height:1.5;
		text-align: justify;
		margin-bottom:4px;
	}
	.company-info-list a {
		font-size:15.5px;
	}
}
@media screen and ( max-width:700px) {
	.company-info-box {
		padding-bottom:22px;
		border-bottom:1px solid #aaa;
		margin-bottom:70px;
	}
	.company-name {
		font-size:15.5px;
		color:#4e4e4e;
    	display: flex;
    	align-items: center;
    	margin-bottom:15px;
	}
	.company-name:after {
    	content: "";
    	height: 1px;
    	flex-grow: 1;
    	background-color: #aaa;
    	margin-left: 10px;
	}
	.company-info-list {
		font-size:15px;
		color:#4e4e4e;
		text-indent:-1em;
		padding-left:1em;
		line-height:1.5;
		text-align: justify;
		margin-bottom:4px;
	}
	.company-info-list a {
		font-size:15px;
	}
}

@media print, screen and (min-width: 701px) {
	.contact-box {
		padding-bottom:60px;
		text-align:center;
	}
	.cyusho-logo {
		display:block;
		width:333px;
		margin:0 auto 15px;
	}
	.address {
		font-size:16px;
		color:#4d4d4d;
		margin-bottom:11px;
	}
	.url-link {
		font-size:22px;
	}
}
@media screen and ( max-width:700px) {
	.contact-box {
		padding-bottom:45px;
		text-align:center;
	}
	.cyusho-logo {
		display:block;
		max-width:320px;
		margin:0 auto 13px;
	}
	.address {
		font-size:14px;
		color:#4d4d4d;
		margin-bottom:12px;
	}
	.url-link {
		font-size:18px;
	}
}