@charset "UTF-8";
.row.billboad .col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}
.mainimage   {
	background-image: url(../img/common/topImage.jpg);
	background-size: cover;
	height: 400px;
	background-position: center center;
	margin-bottom: 80px;
}
.catch {
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
	/* [disabled]margin-top: 48px; */
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 20px rgba(16,97,199,1.00);
	/* [disabled]margin-bottom: 40px; */
	font-size: 40px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 48px;
}
.subCatch a {
	color: rgba(255,255,255,1.00);
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	text-decoration: none;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 84px;
}
.subCatch  a:hover {
	padding-top: 8px;
	padding-bottom: 8px;
	color: rgba(16,97,199,1.00);
	transition: all 0.3s linear;
}
p.logo {
	width: 56px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.toptext {
	font-weight: 500;
	text-align: center;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	font-size: 24px;
	letter-spacing: 1px;
	color: #4D5155;
}
h2 {
}

/* /////////////////////////////////////////新着情報///////////////////////////////////////// */
.row.news {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
}

.nav .dn {
    width: 100%;
    margin-bottom: 16px;
    border-bottom: thin dotted #BABABA;
}
.nav .date  {
    font-family: "Noto Sans Japanese" , sans-serif;
    display: block;
    font-weight: bold;
    color: #BDBDBD;
    padding-bottom: 8px;
}
.nav .newstext  {
	display: block;
	font-family: "Noto Sans Japanese" , sans-serif;
	line-height: 1.6;
	color: #555555;
	margin-bottom: 16px;
	font-weight: 300;
	font-size: 16px;
}
.newstext a {
    color: #01712F;
    text-decoration: underline;
    font-weight: bold;
}
.newstext a:hover {
    text-decoration: underline;
    font-weight: bold;
}


/* /////////////////////////////////////////事業内容の設定///////////////////////////////////////// */

.row.workslist {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
}
.row.workslist ul {
	border: thin solid #E1E4E7;
}
.wlistImag {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.titlememo {
	text-align: center;
	font-family: "Noto Sans Japanese" , sans-serif;
	padding-top: 8px;
	padding-bottom: 8px;
	font-style: normal;
	font-size: 24px;
	color: #357CA4;
	letter-spacing: 1px;
	font-weight: bold;
}
.textmemo {
	text-align: left;
	font-family: "Noto Sans Japanese" , sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	font-style: normal;
	margin-bottom: 16px;
	font-size: 14px;
	color: #4D5155;
	line-height: 1.5;
	height: 80px;
	letter-spacing: 1px;
	font-weight: 300;
	padding-left: 6px;
	padding-right: 2px;
}
p.margin  {
	text-shadow: 0px 0px;
	margin-left: auto;
	margin-right: auto;
}
.margin a {
	display: block;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-size: 12px;
	color: #555555;
	font-style: normal;
}
.margin a:hover {
	text-decoration: none;
	color: #357CA4;
	letter-spacing: 0.8px;
	transition: all 0.3s linear;
}
.background {
	background-color: rgba(53,124,164,0.07);
}

/* /////////////////////////////////////////ご挨拶の設定///////////////////////////////////////// */

.row.greeting {
	margin-bottom: 80px;
	text-align: center;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 80px;
	text-align: center; /* 全体を中央揃え */
}
.gText   {
	font-size: 16px;
	line-height: 2;
	font-family: "Sawarabi Mincho", sans-serif;
	font-style: normal;
	text-align: left;
	color: #555555;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 20px; /* 本文下部に余白を追加 */
}
.policym {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
}
p.ceo {
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 8px;
	color: #555555;
}
p.ceosign {
	text-align: center;
	font-size: 32px;
	letter-spacing: 1px;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	color: #555555;
	font-weight: 300;
}

.ceo-section {
    margin-top: 20px; /* 本文との間隔を調整 */
    text-align: center; /* 中央揃えにしたい場合 */
}

.ceo-section img {
    display: inline-block; /* 画像をインライン要素として配置 */
    margin: 0 auto; /* 中央揃え */
}

.ceo-section .ceo,
.ceo-section .ceosign {
    margin-top: 10px; /* 画像との間隔を調整 */
    font-size: 1.2em; /* 必要に応じてフォントサイズを調整 */
}

/* /////////////////////////////////////////会社概要：概要///////////////////////////////////////// */
.addresslist {
	color: #555555;
	font-size: 16px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 40px;
	line-height: 1.5;
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: lighter;
}
.addresslist ul  {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
}
li.next {
	width: 100%;
	list-style-type: none;
	border-bottom: 1px solid #CCCCCC;
	background-color: rgba(244,244,244,1.00);
 }
span.dan {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 1px;
	color: #357CA4;
	text-decoration: none;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
 }
span.dan2 {
	display: block;
	margin-left: 110px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #ccc;
 }
 
span.dan2-r {
	display: block;
	margin-left: 140px;
	padding: 10px;
	border-left: 1px solid #ccc;
	width: auto;
	text-align: left;
	font-family: "Noto Sans Japanese" , sans-serif;
    font-style: normal;
    font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: 300;
	background-color: #FFFFFF;
 }
.row.tokyo {
	text-align: center;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: rgba(138,138,138,1.00);
	font-weight: bold;
	padding-top: 24px;
}
.row.map {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	padding-bottom: 160px;
}
.row.map .col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}

/* /////////////////////////////////////////問い合わせの設定///////////////////////////////////////// */

.row.contact  {
	margin-bottom: 160px;
}
.row.contact h3  {
	text-align: center;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 40px;
}
.contact p a  {
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	font-family: "Noto Sans Japanese" , sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
	border: thin solid rgba(53,124,164,1.00);
	border-radius: 5px;
	background-color: rgba(53,124,164,0.67);
	margin-right: 8px;
	margin-left: 8px;
	color: rgba(255,255,255,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(127,171,197,1.00) 3.18%,rgba(53,124,164,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(127,171,197,1.00) 3.18%,rgba(53,124,164,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(127,171,197,1.00) 3.18%,rgba(53,124,164,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(127,171,197,1.00) 3.18%,rgba(53,124,164,1.00) 100%);
}
p.kojin a{
	background-image: -webkit-linear-gradient(270deg,rgba(112,196,214,1.00) 2.61%,rgba(68,159,179,1.00) 98.50%);
	background-image: -moz-linear-gradient(270deg,rgba(112,196,214,1.00) 2.61%,rgba(68,159,179,1.00) 98.50%);
	background-image: -o-linear-gradient(270deg,rgba(112,196,214,1.00) 2.61%,rgba(68,159,179,1.00) 98.50%);
	background-image: linear-gradient(180deg,rgba(112,196,214,1.00) 2.61%,rgba(68,159,179,1.00) 98.50%);
}
.contact  a:hover  {
	opacity: 0.5;
	transition: all 0.3s linear;
}

/* /////////////////////////////////////////992px以上の設定///////////////////////////////////////// */


@media (min-width: 992px){
.row.contact p a {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
p.kigyo a {
	width: 60%;
	position: absolute;
	right: 20px;
}
p.kojin a {
	width: 60%;
	left: 20px;
	position: absolute;
}
}

/* /////////////////////////////////////////768px〜992pxの設定///////////////////////////////////////// */


@media (min-width: 768px) and (max-width: 992px){
.toptext {
	font-size: 20px;
}
.row.workslist {
	width: auto;
}
.row.workslist .col-md-4 {
	padding-left: 4px;
	padding-right: 4px;
}
.row.greeting {
	padding-left: 20px;
	padding-right: 20px;
}
}

/* /////////////////////////////////////////576px〜768pxの設定///////////////////////////////////////// */

@media (min-width: 576px) and (max-width: 768px){
.toptext {
	font-size: 18px;
}
.row.workslist .col-md-4.col-sm-6 {
	margin-bottom: 16px;
}
.disappear.col-md-4.col-sm-6 {
	/* [disabled]background-color: rgba(225,225,225,0.37); */
}
.row.workslist {
	width: auto;
}
.margin a {
	display: none;
}
.disappear p a {
	display: block;
	text-align: center;
	height: auto;
	padding-top: 32px;
	padding-bottom: 32px;
	position: relative;
	top: 137px;
	color: rgba(53,124,164,1.00);
	border-radius: 5px;
	background-color: rgba(240,240,240,1.00);
}
.disappear p a:hover {
	text-decoration: none;
	transition: all 0.2s linear;
	letter-spacing: 1px;
	color: #FFFFFF;
	opacity: 0.5;
	background-color: rgba(53,124,164,1.00);
}

}

/* /////////////////////////////////////////768px以上の設定///////////////////////////////////////// */


@media (min-width: 768px){
.col-md-4.disappear {
	display: none;
}
/*.col-md-4.disappear {
	display: none;
}*/
}

/* /////////////////////////////////////////768px以下の設定///////////////////////////////////////// */


@media (max-width: 768px){
.row.news {
	width: 100%;
}
	.row.greeting {
	padding-left: 0px;
	padding-right: 0px;
}
.col-md-4.appear {
	display: none;
}
.gText {
	padding-bottom: 40px;
}
.addresslist {
}
.disappear p.ceoImage {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.disappear .policym {
	margin-bottom: 24px;
	width: 42%;
}
}

/* /////////////////////////////////////////575px以下の設定///////////////////////////////////////// */


@media (max-width: 575px){
.mainimage {
	margin-bottom: 20px;
}
.catch {
	width: auto;
	font-size: 28px;
}
.toptext   {
	font-size: 16px;
	padding-left: 16px;
	padding-right: 16px;
}
.row.workslist {
	margin-bottom: 120px;
	width: auto;
}
.row.workslist .col-md-4.col-sm-6 {
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.disappear.col-md-4.col-sm-6 {
	display: none;
}
.addresslist ul {
	width: auto;
}
.titlememo {
	font-size: 22px;
}
.textmemo {
	font-size: 14px;
}
.gText {
}
.row.greeting.background {
	padding-top: 20px;
	margin-top: -20px;
}
.row.contact .row .col-md-6.col-sm-6 {
	margin-bottom: 24px;
}
.row.tokyo h3 {
	font-size: 20px;
}
}

/* /////////////////////////////////////////400px以下の設定///////////////////////////////////////// */


@media (max-width: 400px){
.textmemo {
	font-size: 14px;
	padding-left: 12px;
	padding-right: 8px;
}
.disappear .policym   {
}
span.dan2-r {
	margin-left: 116px;
}
.row.tokyo h3 {
	font-size: 18px;
}
}