@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');

.mt0,.mt00 {margin-top:0px !important;}
.mt5,.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mr0,.mr00 {margin-right:0px !important;}
.mr5,.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.ml0,.ml00 {margin-left:0px !important;}
.ml5,.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.mb0,.mb00 {margin-bottom:0px !important;}
.mb5,.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pb0,.pb00 {padding-bottom:0px !important;}
.pl0,.pl00 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}

.w10,.w10p {width:10% !important;}
.w15,.w15p {width:15% !important;}
.w17,.w17p {width:17% !important;}
.w18,.w18p {width:18% !important;}
.w20,.w20p {width:20% !important;}
.w22,.w22p {width:22% !important;}
.w25,.w25p {width:25% !important;}
.w28,.w28p {width:28% !important;}
.w30,.w30p {width:30% !important;}
.w35,.w35p {width:35% !important;}
.w40,.w40p {width:40% !important;}
.w45,.w45p {width:45% !important;}
.w50,.w50p {width:50% !important;}
.w55,.w55p {width:55% !important;}
.w60,.w60p {width:60% !important;}
.w65,.w65p {width:65% !important;}
.w70,.w70p {width:70% !important;}
.w80,.w80p {width:80% !important;}
.w90,.w90p {width:90% !important;}
.w100,.w100p {width:100% !important;}
.mw100 { max-width: 100% !important;}
.mw730px { max-width: 730px !important;}
@media only screen and (max-width: 767px) {
	.sp_w50,.sp_w50p {width:50% !important;}
}

.w240px{width:240px !important;}
.w250px{width:250px !important;}
.w300px{width:300px !important;}
.w350px{width:350px !important;}
.w360px{width:360px !important;}
.w370px{width:370px !important;}
.w380px{width:380px !important;}
.w390px{width:390px !important;}
.w400px{width:400px !important;}
.w410px{width:410px !important;}
.w430px{width:430px !important;}
.w450px{width:450px !important;}
.w460px{width:460px !important;}
.w470px{width:470px !important;}
.w480px{width:480px !important;}
.w730px{width:730px !important;}
@media only screen and (max-width: 767px) {
	.w430px{width:100% !important;}
}

/*  font size  */
.f10px {font-size:10px !important;}
.f11px {font-size:11px !important;}
.f12px {font-size:12px !important;}
.f13px {font-size:13px !important;}
.f14px {font-size:14px !important;}
.f15px {font-size:15px !important;}
.f16px {font-size:16px !important;}
.f17px {font-size:17px !important;}
.f18px {font-size:18px !important;}
.f19px {font-size:19px !important;}
.f20px {font-size:20px !important;}
.f22px {font-size:22px !important;}
.f24px {font-size:24px !important;}
.f25px {font-size:25px !important;}
.f26px {font-size:26px !important;}
.f28px {font-size:28px !important;}
.f30px {font-size:30px !important;}

.f80p { font-size:80% !important; }
.f100p { font-size:100% !important; }
.f120p { font-size:120% !important; }

.f085em {font-size:0.85em !important;}
.f09em {font-size:0.9em !important;}
.f095em {font-size:0.95em !important;}
.f10em {font-size:1.0em !important;}
.f11em {font-size:1.1em !important;}
.f08rem {font-size:0.8rem !important;}
@media only screen and (max-width: 767px) {
	.f08rem {font-size:0.9rem !important;}
}

.lh0 { line-height:0; }
.lh14 { line-height:1.4; }
.lh16 { line-height:1.6; }
.lh18 { line-height:1.8; }

.fBold { font-weight: bold; }
.fNormal { font-weight: normal; }
.txt_underline { text-decoration: underline; }

.f_min { font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif; }
.f_itim { font-family: 'Itim', cursive; letter-spacing:0.03em; }

.red { color: #c00; }
.black { color: #000; }
.green { color: #6a0; }
.cyan { color: #1AA7C5; }

/* align */
.tal,.inlineL,.left { text-align:left !important;}
.tar,.inlineR,.right { text-align:right !important;}
.tac,.inlineC,.center { text-align:center !important; }
.vlineT { vertical-align:top    !important; }
.vlineM { vertical-align:middle !important; }
.vlineB { vertical-align:bottom !important; }
.mAuto,.m_auto { margin-left: auto; margin-right: auto; }

/* clearfix */
.clearfix:after {  content:""; display:table; clear:both; }
.clearfix { /zoom:1; }

/* 横並び */
.fl { float:left; display:block; margin-bottom:10px; }
.fr { float:right; display:block; margin-bottom:10px; }
.fl250 { float:left; display:block; margin-bottom:10px; width: 250px; }
.fl500 { float:left; display:block; margin-bottom:10px; width: 500px; }
@media only screen and (max-width: 767px) {
    .sp_float_none { float:none !important; margin-left: auto !important; margin-right: auto !important; text-align: center; }
	.sp_float_none.w300px { width: 100% !important; }
	.fl250,
	.fl500 { float:none; width: 100%; }
}

.block { display:block !important; }
.inline { display:inline !important; }
.longurl { word-break: break-all; }

/* ---------------------------------------------
 PC/SP
--------------------------------------------- */
.hidePC { display:none; }
.hideSP { display:block; }
@media only screen and (max-width: 767px) {
    .hidePC { display:block !important; }
    .hideSP { display:none !important; }
}

/* ---------------------------------------------
  横並びグリッド
--------------------------------------------- */
/* レイアウト:横2つ  */
.cols2 { max-width: 730px; margin: 0 auto; }
	.cols2:after { content:""; display:table; clear:both; }
.cols2 .col { width:48%; float:left; margin-right: 4%; }
.cols2 .col:nth-child(2n) { margin-right: 0%; }
.cols2 .col .colinner { margin:0 0px 20px 0;}
.cols2 .col .colinner img { width: 100%; margin-bottom: 5px; }

/* レイアウト:横3つ  */
.cols3 { max-width: 730px; margin: 0 auto; }
	.cols3:after { content:""; display:table; clear:both; }
.cols3 .col { width:32%; float:left; margin-right: 2%; }

.cols3 .col:nth-child(3n) { margin-right: 0%; }
.cols3 .colspan2 { width:66.6%;}
.cols3 .col .colinner { margin: 0 0 20px 0px; }
.cols3 .col .colinner img { width: 100%; margin-bottom: 5px; }


/* レイアウト:横4つ  */
.cols4 { /*margin-right:-30px;*/}
	.cols4:after { content:""; display:table; clear:both; }
.cols4 .col { width:25%; *width:24.95%; float:left;}
.cols4 .colspan2 { width:50%;}
.cols4 .col .colinner { margin:0 3% 30px 3%; display:block; }
.cols4_list .col .colinner { font-size: 12px; }

/* レイアウト:横5つ  */
.cols5 { margin-right:-15px;}
	.cols5:after { content:""; display:table; clear:both; }
.cols5 .col { width:20%; float:left; margin-bottom:10px;}
.cols5 .col .colinner { margin:0 15px 0 0;}

/* .colinner */
.colinner  { display:block; }
	.colinner:after { content:""; display:table; clear:both; }
	.colinner  { /zoom:1; }

@media only screen and (max-width: 767px) {
    .cols2 .col { width:100%; float:none; margin-right: 0%; }
    .cols3 .col { width:100%; float:none; margin-right: 0%; }
	.cols4 .col2 { width:50% !important; }
	.cols4 .col2 .colinner img {width: 100%; max-width: 100%; }
	.cols4.cols4_list { margin-bottom: 20px;}
	.cols4.cols4_list .col { width: 100%; }
	.cols4.cols4_list .col .colinner { margin-bottom: 0; font-size: 1.0em; }

}

/* ---------------------------------------------
  table
--------------------------------------------- */
.tbl { width:100%; margin:10px auto 30px auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; border-collapse: collapse; }
.tbl th { background: #D9EEF9; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
.tbl th.gray { background: #eee; }
.tbl td { padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }
.tbl td.year { text-align: center; width: 13%; }
.tbl td.month { text-align: center; width: 13%; }
@media only screen and (max-width: 767px) {
	.tbl { font-size:1.0em;}
	body.column .tbl { font-size:0.9em;}
	.tbl th { padding:3px 9px; }
	.tbl td { padding:3px 9px; }
}
@media only screen and (max-width: 413px) {
	.tbl th { padding:3px 7px; }
	.tbl td { padding:3px 7px; }
}

/* ---------------------------------------------
  h
--------------------------------------------- */
h3 { color:#1AA7C5; font-size: 100%; margin: 10px 0 5px 10px; }
h3.box { color: #fff; background-color:#1AA7C5; font-size: 18px; padding: 7px 15px; margin: 10px 0; }
h3 .career_box { color: #fff; background-color:#1AA7C5; font-size: 0.8em; padding: 0.1em 5px; margin: 10px 5px 10px 0; vertical-align: text-top; }
h4 { color:#333; font-size: 100%; margin: 10px 0 5px 10px; padding: 0; }
h3.covid { color: #fff; background-color:#0f8f4a; font-size: 20px; padding: 7px 15px; margin: 20px 0; }
h4.covid { color: #333; font-size:18px; margin: 10px 0; padding: 0 0 5px 10px; border-bottom: 1px solid #333; }
h4.box1 { color:#333; font-size: 100%; margin: 20px 0 20px 10px; padding: 5px 10px; background-color: #a3d4a4; border-left: 5px solid #35b55b; }
h5.career { text-align: center; padding: 5px 10px; margin: 0 0 20px 0; font-size: 16px; color: #fff; font-weight: normal; }
h5.career_bg1 { background-color: #cc5951; }
h5.career_bg2 { background-color: #b56db0; }
h5.career_bg3 { background-color: #d68731; }
h5.career_bg4 { background-color: #46aa56; }
h5.shikaku { margin-left: 1.8em; font-size: 14px; text-indent: -1.2em; }
h5.shikaku:before { content: "■"; padding-right: 3px; color: #a3d4a4; font-family:'Noto Sans CJK JP','游ゴシック','Osaka';}
@media only screen and (max-width: 767px) {
	h3 { margin: 10px 0 5px 0px; }
	h4 { margin: 10px 0 5px 0px; }
	h5.career { margin: 0 0 10px 0; }
}

/*newマーク用*/
span.new { display:inline-block; background:#c00; padding:1px 5px; color:#fff; font-size:10px; border-radius:3px; margin:0 2px; line-height:1.3; }

/* ホーム */
#MainVisual { margin:0 0 20px 0; }
#MainVisual img { width: 100%; }
#HomeContents { width:1004px; margin:0; padding:10px 10px 0px 10px; }
#HomeContents::after { display: block; clear: both; content: ""; }
#HomeLeft { float:left; width:700px; text-align:left; padding:  0 0 0px 20px; }
#Shinkoukai_area { width:1004px; margin:0; padding:0px 10px 10px 10px; text-align: right; }

/* 旧お知らせ一覧未使用 dl.home_list { display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; align-items: flex-start; width:calc(100% - 0.5em); margin: 1em 0 0px 0.5em; }
dl.home_list dt.day { width: 120px; margin: 0 0 15px 0; }
dl.home_list dt.news,
dl.home_list dt.event { color: #fff; border-radius: 3px; font-size: 0.9em; padding: 4px 5px; width: 50px; line-height: 1; text-align: center; }
dl.home_list dt.news { background-color: #18a7c5; }
dl.home_list dt.event { background-color: #e6b915; }
dl.home_list dd { width: calc(100% - 200px); margin: 0 0 15px 0; padding: 0 0 0 15px; } */

.link { text-align:right; }
.link a { background:url(../images/icn.jpg) left center no-repeat; padding-left:0.7em; }

#HomeRight { float:right; width:270px; }
#HomeRight ul { list-style-type:none; }
#HomeRight ul li { margin-bottom:0.1em; }
#HomeRight ul li a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; zoom:1; }

.top_bnr { display: flex; flex-wrap:wrap; justify-content: center; margin:0 0 20px 0; }
.top_bnr .bnr_box { text-align: center; margin:0 0 10px 0; width:50%; }
.top_bnr .bnr_box a img { margin: 0 10px 0 0; max-width: 100%; }
.top_bnr .bnr_box a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

.top_bnr3 { display: flex; flex-wrap:wrap; justify-content: center; margin:0 0 20px 0; }
.top_bnr3 .bnr_box3-1 { text-align: center; margin:0 0 10px 0; padding: 0 7px 0 0; width:calc(33% - 5px); }
.top_bnr3 .bnr_box3-1:last-child { padding: 0;}
.top_bnr3 .bnr_box3-1 a img { margin: 0 10px 0 0; max-width: 100%; }
.top_bnr3 .bnr_box3-1 a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

@media only screen and (max-width: 767px) {
	#MainVisual { padding-top: 70px; margin: 0 0 10px 0; }
	#HomeContents { width:90%; margin:0 auto; padding:0; }
	#HomeLeft { float:none; width:100%; padding:  0 0 30px 0px; }
	#HomeRight { float:none; width:100%; }
	#Shinkoukai_area { width:100%; padding: 0 0 10px 0px; text-align: center; }
	/* 旧お知らせ一覧未使用 dl.home_list { margin: 1em 0 0px 0em; font-size: 15px; }
	dl.home_list dt.day { width: 130px; margin: 0 0 5px 0; }
	dl.home_list dt.news,
	dl.home_list dt.event { width: 55px; font-size: 13px; padding: 3px 5px; }
	dl.home_list dd { width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0px; display: block; border-bottom: 1px solid #eee; font-size: 16px; } */
	.top_bnr { display: block; margin:0 0 10px 0; }
	.top_bnr .bnr_box { width:100%; margin:0 0 5px 0; }
	.top_bnr .bnr_box a img { margin: 0 0px 0 0; width: 75%; }
	.top_bnr3 { display: block; margin:0 0 10px 0; }
	.top_bnr3 .bnr_box3-1 { width:100%; margin:0 0 5px 0; }
	.top_bnr3 .bnr_box3-1 a img { margin: 0 0px 0 0; width: 75%; }

}

/* お知らせ＆イベント情報 */
.home_list1 {}
.home_list1 ul { padding: 0 !important; margin: 0; }
.home_list1 ul li { display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; align-items: flex-start; width:calc(100% - 0.5em);
	padding:0 0 1.0em 0px !important; margin:0; line-height:1.5; list-style: none;
}
.home_list1 ul li .day { width: 120px; margin:0; }
.home_list1 ul li .news,
.home_list1 ul li .event { color: #fff; border-radius: 3px; font-size: 0.9em; padding: 4px 5px; width: 50px; line-height: 1; text-align: center; }
.home_list1 ul li .news { background-color: #18a7c5; }
.home_list1 ul li .event { background-color: #e6b915; }
.home_list1 ul li .txt { width: calc(100% - 200px); margin:0; padding: 0 0 0 15px; }
/* .home_list1 .btn { display: none; } */

@media only screen and (max-width: 767px) {
	/* お知らせ一覧 */
	.home_list1 ul { margin: 0; font-size: 15px; }
	.home_list1 ul li { padding: 0 0 0.7em 0 !important; margin: 0; line-height:1.5; list-style: none;}
	.home_list1 ul li .day { width: 130px; margin: 0 0 5px 0; }
	.home_list1 ul li .news,
	.home_list1 ul li .event { width: 55px; font-size: 13px; padding: 3px 5px; }
	.home_list1 ul li .txt { width: 100%; padding: 0 0 10px 0px; display: block; border-bottom: 1px solid #eee; font-size: 16px; }
}

/* MOREボタン お知らせ＆イベント情報 SPのみ */
.home_list-hide { display: block; }
button.more { display: none; }
@media screen and (max-width:767px) {
	.home_list-hide { display: none; }
	button.more {
		width: 120px;
		margin: 10px auto;
		display: block;
		background-color: #79ad35;
		color: #fff;
    	font-size: 1.0em;
		padding:7px 0px;
		border: none;
		outline: 0;
		border-radius: 5px;
		transition: .5s;
		-erbkit-transition: .5s;
	}
	button.more::after {
		content: "MORE";
		transition: .2s;
		-erbkit-transition: .2s;
	}
	button.more.on-click::after {
		content: "CLOSE";
	}
	button.more::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f063';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(255, 255, 255, 0.8);}
	button.more.on-click::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f062';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(255, 255, 255, 0.8);}
	body.column #LocalLeft { margin: 0 auto 30px auto; }
}


/* パンくず */
#BreadCrimbs{ padding: 10px 2px 10px 10px; margin: 0; }
#BreadCrimbs ol { list-style-type: none; text-align: left; margin-left: 10px; }
#BreadCrimbs ol li{ display: inline; }

@media screen and (max-width:767px) {
	#BreadCrimbs { padding-top: 80px; }
	#BreadCrimbs ol { margin-left: 0px; font-size: 0.9em; }
}


/* 第二階層以降 */
#LocalContents{ width:994px; margin:0; padding:0 0 20px 20px; text-align:left; }
#LocalContents::after { display: block; clear: both; content: ""; }
#LocalLeft { width: 750px; float: left; }
#LocalLeft a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; zoom:1; }
#LocalRight{ width: 216px; float: right; /* background:#EFEFEF; */ }
#LocalRight p a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; zoom:1; }
@media screen and (max-width:767px) {
	#LocalContents{ width:100%; margin:0 auto; padding:0 0 20px 0px; }
	#LocalLeft { width: 90%; float: none; margin:0 auto; }
	#LocalRight{ width: 100%; float: none; }
}

h1 {
	color:#FFF;
	padding: 0.5em 0.8em;
	margin: 0 0 20px 0;
	font-size: 150%;
	/* font-family: "Noto Sans JP"; */
	/* font-feature-settings: "palt"; */
	line-height: 1.2;
    border-radius: 5px;
    border: 1px solid #a1d163;
    box-sizing: border-box;
    outline: 1px solid white;
    outline-offset: -2px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
h1.greeting { background-image: url(../images/h1-title01.png); }
h1.assist { background-image: url(../images/h1-title02.png); }
h1.financial { background-image: url(../images/h1-title05.png); }
h1.financial span{font-size: 80%!important; }
h1.society { background-image: url(../images/h1-title03.png); }
h1.other { background-image: url(../images/h1-title02.png); }

h2 { color: #333; padding: 0.4em 0 0.4em 1em; margin: 0 0 20px 0; font-size: 120%; border-bottom: 1px solid #ddd; position: relative; z-index: 500;
	background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); }
h2:before {
	display: block;
	width: 5px;
	height: 80%;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background: #a1d163;
	background: linear-gradient(0deg, rgba(161,209,99,1) 0%, rgba(142,197,69,1) 49%, rgba(161,209,99,1) 50%, rgba(161,209,99,1) 100%);
	content: "";
}
h2.report_h2 { color: #222; padding: 0.4em 0 0.4em 0em; margin: 0 0 10px 0; font-size: 125%; border-bottom: none; background: none; }
h2.report_h2:before { display: none; }
@media screen and (max-width:767px) {
	h1 { font-size: 1.4em; }
	h2.report_h2 { font-size: 1.35em; }
	h2 span.settlement { display: block; padding-left: 0.9em; }
	h4 span.settlement { display: block; padding-left: 1.5em; }
}

/* etc */

.exp { text-align: left; margin: 10px 10px 15px 10px; line-height: 1.8; }
.exp img { max-width:100%; }
.exp2 { font-size: 0.9rem; text-align: left; margin: 10px 10px 15px 10px; }
.exp2 span { font-weight: bold; text-decoration: underline; }
.plan_p { margin: 10px 0 10px 45px; }
li.report_caution { font-size: 1.1em; }
p.caution { margin: 0px 10px 30px 10px; font-size: 0.75em; }
.latest_txt { color: #1AA7C5; font-size: 0.85rem; text-align: center; padding: 0.5em 0; margin: 0 0 10px 0; }
@media only screen and (max-width: 767px) {
    .exp,
	.exp2 { font-size: 1.0em; margin: 10px 0px 15px 0px; }
	.plan_p { margin: 10px 0 10px 5px; }
	li.report_caution { font-size: 0.85em; }
}

/*column*/
.bnr a { display: block; margin: 10px auto; text-align: center; }
.bnr a img { max-width: 100%; }
.bnr a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; zoom:1; }
.column_p { text-align: left; margin: 10px 10px 20px 10px; font-size: 14px; line-height: 1.8; }
.column_p img { max-width:100%; }
.interactive_area { margin: 10px 0 30px 0; padding: 30px 40px; border: 1px solid #eee; border-radius: 10px; }
.interactive_p { font-size: 13px; margin: 0 0 20px 0; color: #555; }
.interactive_p em { color: #1AA7C5; font-weight: bold; font-size: 14px; padding-right: 5px; }
.interactive_p:last-child { margin-bottom: 0; }
.column_face { float: left; margin: 0px 10px 5px 10px; padding: 0px 10px 0 10px; text-align: center; }
.column_name1 { font-size: 0.8rem; font-weight: 700; }
.column_name2 { font-size: 0.95rem; font-weight: 700; }
.column_name2 span { font-size: 0.8rem; }
@media only screen and (max-width: 767px) {
	.interactive_area { padding: 15px 20px; }
	.interactive_p,
	.interactive_p em,
    .column_p { font-size: 16px; margin: 10px 0px 20px 0px; }
	body.column .next a { word-break: break-all; }
	.column_face { float: left; margin: 0px 10px 0 0px;  padding: 0px 10px 0 0px; width: 35%; }
	.column_face img { width: 100%; }
}

h2.schedule { position: relative; }
h2.schedule div { position: absolute; top:10px; right: 5px; font-size: 13px; display:inline-block; }

/* 第73回 浜大祭 */
.hamadai_155 { width: 155px; }
.hamadai_265 { width: 265px; }
.hamadai_270 { width: 270px; }
.hamadai_290 { width: 290px; }
.hamadai_300 { width: 300px; }
.hamadai_350 { width: 350px; }
.hamadai_380 { width: 380px; }
.hamadai_400 { width: 400px; }
.hamadai_410 { width: 410px; }
.hamadai_420 { width: 420px; }
.hamadai_430 { width: 430px; }
.hamadai_440 { width: 440px; }
.hamadai_450 { width: 450px; }
.hamadai_155 img,
.hamadai_265 img,
.hamadai_270 img,
.hamadai_290 img,
.hamadai_300 img,
.hamadai_350 img,
.hamadai_380 img,
.hamadai_400 img,
.hamadai_410 img,
.hamadai_420 img,
.hamadai_430 img,
.hamadai_440 img,
.hamadai_450 img { width: 100%; }
.rimg.hamadai_400 img { margin-left: 10px; }
img.h175 { height: 175px; }
@media screen and (max-width:767px) {
	.hamadai_155,
	.hamadai_265,
	.hamadai_270,
	.hamadai_290,
	.hamadai_300,
	.hamadai_350,
	.hamadai_380,
	.hamadai_400,
	.hamadai_410,
	.hamadai_420,
	.hamadai_430,
	.hamadai_440,
	.hamadai_450 { width: 100%; }
	.hamadai_155 img,
	.hamadai_265 img,
	.hamadai_270 img,
	.hamadai_290 img,
	.hamadai_300 img,
	.hamadai_350 img,
	.hamadai_380 img,
	.hamadai_400 img,
	.hamadai_420 img,
	.hamadai_430 img,
	.hamadai_440 img,
	.hamadai_450 img { max-width: 100%; }
	.rimg.hamadai_400 img { margin-left: 0px; }
	img.h175 { height: auto; }
}

/* OPEN CLOSEボタン 会長コラム 2件まで SPのみ */
.column-hide { display: block; }
button.more_column { display: none; }
@media screen and (max-width:767px) {
	.column-hide { display: none; }
	button.more_column {
		width: 60%;
		margin:15px auto 5px auto;
		display: block;
		background-color: #79ad35;
		color: #fff;
    	font-size: 0.9em;
		padding:7px 0px;
		border: none;
		outline: 0;
		border-radius: 5px;
		transition: .5s;
		-erbkit-transition: .5s;
	}
	button.more_column::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f063';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(255, 255, 255, 0.8);}
	button.more_column.on-click::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f062';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(255, 255, 255, 0.8);}
	body.column #LocalLeft { margin: 0 auto 30px auto; }
}


.rimg { float: right; margin: 0px 10px 0 10px; text-align:center; }
.limg{ float: left; margin: 0px 10px 0 10px; text-align:center; }
.w200px_w100p { width: 200px; }
.w250px_w100p { width: 250px; }
.w300px_w100p { width: 300px; }
.w350px_w100p { width: 350px; }
.w400px_w100p { width: 400px; }
@media only screen and (max-width: 767px) {
	.rimg { margin: 0px 0px 0 10px; }
	.limg{ margin: 0px 10px 0 0px; }
	.w200px_w100p,
	.w250px_w100p,
	.w300px_w100p,
	.w350px_w100p,
	.w400px_w100p { width: 100%; max-width: 100%; }
}

.next {
	margin-left: 20px;
	margin-bottom: 25px;
}
body.column .next { margin-left: 5px !important; }
.next a {
	background:url(../images/icn.jpg) left center no-repeat;
	padding-left:0.8em;
}

.next_r {
	text-align:right;
	margin-right: 20px;
	margin-bottom: 25px;
}

.next_r a{
	background:url(../images/icn.jpg) left center no-repeat;
	padding-left:0.7em;
}
.next a.icon_pdf { position: relative; display: inline-block; }
.next a.icon_pdf::after {
  position: absolute;
  content: "";
  background-image: url(../images/file-pdf-regular.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 16px;
  height: auto;
  right: -22px;
  top: 2px;
  bottom: 2px;
}

.pagetop{
	text-align: right;
	margin: 10px 10px 0px 0px;
}

.pagetop a{
	background: url(../images/icn02.jpg) left center no-repeat;
	padding-left: 15px;
}

#LocalRight p{
	margin: 17px 0 10px 4px;
}

/* お知らせ＆イベント情報一覧 */
#Ichiran{
	margin-top:1em;
	margin-left:1.7em;
}


#Ichiran dt {
	float:left;
	clear:both;
	padding-top:4px;
}

#Ichiran dd {
	margin-left:10em;
	padding:5px 0;
}

#Ichiran dd.new {
	background:url(../../images/news-icn.jpg) left center no-repeat;
	padding-left:6.1em;
}

#Ichiran dd.eve {
	background:url(../../images/event-icn.jpg) left center no-repeat;
	padding-left:6.1em;
}


/* 財務状況 */
.fintable { width: 100%; margin: 0 auto 30px auto; border:solid 1px #999; font-size:80%; box-sizing: border-box; border-collapse: collapse; }
.fintable th{ background: #D9EEF9; padding:3px; border-right:solid 1px #999;; border-bottom:solid 1px #999; text-align:center; }
.fintable td{ padding:3px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; text-align:right; }
.fintable tr:last-child td {border-bottom:solid 1px #999;}
.fintable tr.bdr999 td {border-bottom:solid 1px #999;}
.fintable tr.bold td { font-weight: bold; }
.fintable th:last-child,
.fintable td:last-child {border-right:solid 1px #999; border-left: double #999; }
.fintable td.right {text-align:right;}
.fintable td.left {text-align:left;}
@media only screen and (max-width: 767px) {
    .fintable { margin: 0 auto 5px auto; }
}

dl.fin_rep_2,
dl.fin_rep_2 dt,
dl.fin_rep_2 dd { box-sizing: border-box;}
dl.fin_rep_2 { margin:10px 0 20px 20px; padding: 0; }
dl.fin_rep_2 dt,
dl.fin_rep_2 dd { padding:0px 10px 0 0px; }
dl.fin_rep_2 dt { width: 46%; float: left; text-indent: -1.3em; padding-left: 1.3em;}
dl.fin_rep_2 dd { margin-left: 48%; padding-bottom: 10px;}
dl.fin_rep_2 dd:after { content: ''; display: block; clear: both; }
@media only screen and (max-width: 767px) {
    dl.fin_rep_2 { margin:10px 0 20px 0.5em; }
	dl.fin_rep_2 dt { width: 100%; float: none; font-size: 1.0rem; padding-bottom: 3px; }
	dl.fin_rep_2 dd { width: 100%; margin: 0; padding:0 0 15px 1.5em;}
}

dl.fin_rep_3,
dl.fin_rep_3 dt,
dl.fin_rep_3 dd { box-sizing: border-box;}
dl.fin_rep_3 { margin:10px 0 20px 55px; padding: 0; }
dl.fin_rep_3 dt,
dl.fin_rep_3 dd { padding:0px 10px 0 0px; }
dl.fin_rep_3 dt { width: 10%; float: left; }
dl.fin_rep_3 dd { margin-left: 10%; padding-bottom: 10px;}
dl.fin_rep_3 dd:after { content: ''; display: block; clear: both; }
@media only screen and (max-width: 767px) {
    dl.fin_rep_3 { margin:10px 0 20px 0.5em; }
	dl.fin_rep_3 dt { width: 100%; float: none; padding:0 0 3px 1.0em; }
	dl.fin_rep_3 dd { width: 100%; margin: 0; padding:0 0 15px 1.5em;}
}


/* 会則 */
.soc_dd dd { margin:0 0 10px 10px; }
.soc_dd dd.num { margin:0 0 10px 10px; }
dl.sclist dt{ background: #F9EAB7; padding: 0.4em 0 0.2em 0.5em; margin-bottom:10px; font-size:130%; font-weight:bold; }


/* News Letterバックナンバー */
#Download,
#Download1,
#Download2 { margin: 15px 0 0 30px; }
.rimg_bn { float: right; margin: 10px 15px 0 15px; text-align:center; }
dl.link_ycu_topics { display: flex; flex-wrap: wrap; width: 100%; margin: 10px 0 0 20px; }
dl.link_ycu_topics dt { width:90px; padding: 10px 0 10px 10px; margin: 0; }
dl.link_ycu_topics dt img { width: 80px; height: 80px; }
dl.link_ycu_topics dd { padding:12px 0 10px 0; margin: 0; line-height: 1.8; }
dl.link_ycu_topics dd ul.nl { font-size: 0.85rem; padding: 0em 1em 0 0.5em !important; margin: 0; }

@media only screen and (max-width:767px) {
    ul.nl { padding: 0.2em 1em 0.2em 0.5em !important; margin: 10px 0 10px 0px; }
	ul.nl li { font-size: 15px; padding: 0 0 0 15px; margin-bottom: 5px; }
	.rimg_bn { float: none; }
	#Download,
	#Download1,
	#Download2 { margin: 10px auto 30px auto; text-align: center; }
	ol.cont{ margin-left: 40px; font-size: 15px; }
}

/* サイトマップ */
dl.sitemap { margin: 5px 0 20px 0; width: 50%; float:left; }
dl.sitemap dt { margin: 20px 0 10px 30px; padding: 2px 0 2px 15px; border-left: solid 5px #1AA7C5; font-weight: bold; font-size: 110%; }
dl.sitemap dt a {color: #000000; }
dl.sitemap dt a:hover { color: #E9B916; text-decoration:none!important; }
dl.sitemap dd { background: url(../images/icn03.jpg) left center no-repeat; padding: 0 0 0 15px; margin: 0 0 7px 55px; }
dl.sitemap dd.und { background: url(../images/arrow_green2.png) left center no-repeat!important; padding: 0 0 0 15px; margin: 0 0 5px 70px; }
dl.sitemap dd.und_bn { padding: 0 0 0 15px; margin: 0 0 5px 80px; background:none; position: relative; }
dl.sitemap dd.und_bn a:before {
    content: '';
    background-image: none;
    background-color: #a1d163;
    width: 2px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media only screen and (max-width:767px) {
    dl.sitemap { float:none; width: 100%; }
    dl.sitemap:last-child { margin-bottom: 50px; }
	dl.sitemap dt { margin: 25px 0 15px 5px; font-size: 130%; }
	dl.sitemap dd { margin: 0 0 15px 30px; font-size: 120%; }
	dl.sitemap dd.und { margin: 0 0 15px 45px; font-size: 120%; }
	dl.sitemap dd.und_bn { margin: 0 0 15px 50px; }
}

/* アクセス */
.map{ text-align: center; margin: 30px auto 20px auto; }
.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; margin: 30px auto 10px auto; }
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.inq{ width: 350px; border: double 4px #F9EAB7; padding: 10px; margin: 30px 0 0 0px; }
.inq dt { padding-bottom: 5px; }
.inq dd { /* margin-right: 20px; */ margin-inline-start:25px; }
body.access #LocalLeft ul.nl { padding:0.2em 1em 0.2em 1.0em; }
img.access_map { width: 360px; }

@media only screen and (max-width:767px) {
	.gmap { padding-bottom: 100%; }
    .inq{ width: calc(100% - 28px); border: double 4px #F9EAB7; padding: 10px; margin: 20px 0 0 0px; }
	img.access_map { width: 100%; }
	body.access .caution { margin-left: 0; }
}

/*キャリア支援*/
table.career { width: 730px; margin: 0 auto 30px auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; }
table.career th { background: #FFEFD1; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; width:25%; }
table.career th.th1 { }
table.career th.th2 { background:#c1da75;}
table.career th.th3 { background:#7bcacf;}
table.career th.th4 { background:#b0dcd1;}
table.career th.th5 { background:#cae9fa;}
table.career th.th6 { background:#f8cbde;}
table.career th.th7 { background:#f19ec2;}
table.career th.th8 { background:#cce;}
table.career th.th9 { background:#facf8e;}
table.career th.th10 { background:#8ec31f;}
table.career td { background-color:#FFFDEA; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }
table.career td img.rimg { margin: 5px 0 5px 10px; }
table.career td p.rimg { margin: 0; }
table.career td p.rimg img { margin: 5px 0 5px 10px; display: block; }

@media only screen and (max-width:767px) {
    table.career { width: 100%; font-size:1.0em; }
	table.career th,
	table.career td { display: block; width:calc(100% - 16px); padding:5px 8px; }
	table.career td:after {  content:""; display:table; clear:both; }
	table.career td img { width: 50%; max-width: 100%; }
	table.career td img.rimg { width: 50%; }
	table.career td p.rimg { width: 50%; }
	table.career td p.rimg img { width:calc(100% - 10px); max-width: 100%; margin: 5px 0 5px 10px; }
}

/* OPEN CLOSEボタン 卒業生の主な就職先・進学先 50件まで SPのみ */
.career_list-hide { display: block; }
button.op_cls { display: none; }
@media screen and (max-width:767px) {
	.career_list-hide { display: none; }
	button.op_cls {
		width: 100%;
		margin:10px auto 20px auto;
		display: block;
		background-color: #fff;
		color: #79ad35;
		border: 1px solid #79ad35;
    	font-size: 0.9em;
		padding:5px 0px;
		outline: 0;
		border-radius: 5px;
		transition: .5s;
		-erbkit-transition: .5s;
	}
	button.op_cls::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f063';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(121, 173, 53, 0.8);
	}
	button.op_cls.on-click::before {
		font-family: "Font Awesome 5 Free";
    	content: '\f062';
    	font-weight: 900;
    	margin-right: 0.5em;
    	color: rgb(121, 173, 53, 0.8);
	}
	body.column #LocalLeft { margin: 0 auto 30px auto; }
}

/*海外フィールドワーク*/
table.fieldwork { width: 730px; margin: 0 auto 30px auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; }
table.fieldwork th{ background: #FFEFD1; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
table.fieldwork td{ background-color:#FFFDEA; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/*海外留学・語学研修*/
table.studying { width: 730px; margin: 0 auto 30px auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; }
table.studying th{ background-color: #B5DDC1; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
table.studying td{ background-color:#E4F2E8; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/*海外インターンシップ*/
table.internship { width: 730px; margin: 0 auto 30px auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; }
table.internship th{ background-color: #7DD7F6; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
table.internship td{ background-color:#D4F0FC; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/*プログラム一覧 programs */
h3.program  { font-size: 1.1rem; color: #fff; margin: 20px 0 0 0; padding:7px 15px; border-left:solid 1px #fcfcfc; }
h3.program.program1 { background-color: #00b7c7; }
h3.program.program2 { background-color: #ef3878; }
h3.program.program3 { background-color: #359847; }
table.programs1 { width: 100%; margin: 0 auto 30px auto; font-size:80%; }
table.programs1 th { background-color: #74cdd9; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; text-align:center; }
table.programs1 td { background-color:#c8e9ef; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; }
table.programs2 { width: 100%; margin: 0 auto 30px auto; font-size:80%; }
table.programs2 th { background-color: #f7abb8; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; text-align:center; }
table.programs2 td { background-color:#fad4da; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; }
table.programs3 { width: 100%; margin: 0 auto 30px auto; font-size:80%; }
table.programs3 th { background-color: #88c982; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; text-align:center; }
table.programs3 td { background-color:#c7e3c0; padding:5px 10px; border-top:solid 1px #fcfcfc; border-left:solid 1px #fcfcfc; }
table.programs3 td.h { background-color:#a3d39c; }
@media only screen and (max-width:767px) {
	table.programs1 th { padding:5px 5px; }
	table.programs1 td { padding:5px 5px; }
	table.programs2 th { padding:5px 5px; }
	table.programs2 td { padding:5px 5px; }
	table.programs3 th { padding:5px 5px; }
	table.programs3 td { padding:5px 5px; }
	span.sp_tate_gaki { width:1.5em; display: inline-block; white-space: pre; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: 0.2em; }
}

/* employee-welfare */
.emp_fl250 { float:left; display:block; margin-bottom:10px; width: 250px; margin: 0 10px 10px 10px; }
.emp_fl250 img { width: 100%; display: block; margin-bottom: 10px;  }
.emp_fl500 { float:left; display:block; margin-bottom:10px; width: 480px; }
@media only screen and (max-width: 767px) {
	.emp_fl250 { float:none; width:calc(100% - 20px); }
	.emp_fl500 { float:none; width: 100%; }
}


/*cyan*/
table.cyan { /* width: 730px; */ margin: 0 auto 5px 10px; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; border-spacing:0px; }
table.cyan th{ background-color: #D4F0FC; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
table.cyan td{ padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/*green*/
table.green_kaihi { /* width: 730px; */ margin: 0 auto 5px 10px; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; border-spacing:0px; }
table.green_kaihi th { background-color: #d4fcd7; padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; }
table.green_kaihi td { padding:5px 10px; border-right:solid 1px #999; border-bottom:solid 1px #999; }
@media screen and (max-width:767px) {
	table.green_kaihi { font-size:1.0em; }
}


/* frm */
.frm { /* border-radius: 10px; */ border: 1px solid #ddd; padding: 15px 20px ; margin: 20px auto 20px auto; }
.frm1 { border-radius: 10px; border: 2px solid #45a354; padding: 15px 30px ; margin: 20px auto 20px auto; }
.frm3 { border: 1px solid #06c; padding: 15px 20px ; margin: 20px auto 30px auto; }
.frm2 { border: 1px solid #facd89; padding: 5px 10px ; margin: 20px auto 30px auto; }
.frm2 p { margin-bottom: 10px; }
.frm4 { background-color: #c6eafa; padding: 10px 15px ; margin: 10px 10px 20px 10px; }
.frm4 p { margin-bottom: 10px; }
.frm5 { width: 100%; max-width: 690px; border:1px solid #333; padding: 10px 20px ; margin: 0px auto 50px auto; font-size: 0.9rem; font-weight: bold; }
.frm5 p { margin-bottom: 10px; }
.frm_refresh { border: 2px solid #45a354; padding: 30px 30px ; margin: 20px auto 50px auto; text-align: center; line-height: 2.0; }
.frm_refresh h3 { margin-bottom: 20px;}
.frm_refresh p { margin-bottom: 10px;}
@media screen and (max-width:767px) {
	.frm { padding: 10px 15px; }
	.frm5 { width:calc(100% - 20px) ; padding: 5px 10px ; }
}
.bdr_t_b { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; }

/* 紙風フレーム */
.paper {
  width: 90%;
  position: relative;
  margin: 0 0 50px 0;
  padding: 25px 5%;
  background: #fff;
  box-shadow: inset 0 0 25px rgba(230,220,228,0.5);
}
.paper:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-width: 0 30px 30px 0;
  border-style: solid;
  width: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #efefef;
  border-color: #fff #fff #efefef #efefef;
}
.paper:after {  content:""; display:table; clear:both; }
.paper h3 { color: #333; font-size: 18px; }
.paper img.face { width: 200px; float: right; margin: 0px 10px 0 20px; text-align: center; }

@media screen and (max-width:767px) {
	.paper { width: 90%; padding: 15px 5%; }
	.paper h3 { font-size: 17px; margin: 5px 0 5px 0px; text-align: center;}
	.paper img.face { width: 94%; display: block; max-width: 100%; float: none; margin: 0px auto 10px auto; text-align: center; }
}

/* volunteer */
table.volunteer { width: 100%; margin: 0 auto; border-top:solid 1px #999; border-left:solid 1px #999; font-size:80%; }
table.volunteer th { background: #FFEFD1; padding:3px; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:center; width:25%; }
table.volunteer td { padding:3px; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/* list */
#LocalLeft ul { text-align:left; padding:0.2em 1em 0.2em 2.5em; }
#LocalLeft ul li { margin-bottom:0.7em; }

ul.plan_list { list-style:none; margin: 10px 0 20px 10px; padding: 0; }

ul.list1 { padding: 0 !important; margin: 10px 0 15px 10px; }
ul.list1 li { padding:0 0 5px 0px !important; margin: 0 !important; line-height:1.5; list-style: none; text-align: left; }

ul.caution { margin:10px 0 30px 0.5em; padding: 0 0 0 0 !important; text-align:left; list-style:none; }
ul.caution li { padding:3px 0 3px 1.2em; }
ul.caution li:before { content:'※'; margin-left:-1.0em; vertical-align:middle; }

ul.list2 { margin:0 auto 10px auto; padding:0 0 0 24px !important; text-align:left; font-size: 14px; }
ul.list2 li { list-style-type: none; padding: 0 0 7px 0; margin:0 !important; }
ul.list2 li:before { content: "・"; font-size: 14px; font-weight: bold; margin:0 0 0 -1em; position: relative; top: 0px; }

ul.list1_pdf { margin:0 auto; padding:0 0 0 3rem; text-align:left; font-size: 1.0rem; }
ul.list1_pdf li { list-style-type: none; padding:0 0 5px 0; margin-left:2rem; display: flex; }
ul.list1_pdf li:before { content: "・"; margin:0 0.5rem 0 -3rem; position: relative; top:0; }

ul.diamond { padding:10px 0 0 25px !important; }
ul.diamond li {position: relative; list-style: none; }
ul.diamond li:before{ content: '◆'; /* 自由！ */ display: block; position: absolute; top:0; left: -15px; }

ul.nl { margin: 10px 0 10px 0px; padding: 0; list-style:none; }
ul.nl li{ background: url(../images/icn04.gif) left 0.5em no-repeat; padding: 0 0 0 15px; margin-bottom: 5px; }

ol.cont { padding: 0; margin-left: 65px; margin-bottom: 15px; }
ol.cont li { margin-bottom: 5px; }

ol.cont1 { padding: 0; margin-left: 2.5em; margin-bottom: 20px; }
ol.cont1 li { margin-bottom: 10px; font-size: 14px; line-height: 1.8; }

ol.num2 { margin:10px 0 10px 2em; font-size: 0.8rem; }
ol.num2 li { list-style-type: none; counter-increment: cnt; padding-left: 1em; margin-bottom: 0.5em; }
ol.num2 li::before { content: "(" counter(cnt) ") "; margin-left: -1.8em; }

ol.num3 { margin:10px 0 30px 4em; font-size: 0.8em; }
ol.num3 li { list-style-type: none; counter-increment: cnt; padding-left: 1em; margin-bottom: 0.5em; }
ol.num3 li::before { content: "(" counter(cnt) ") "; margin-left: -1.8em; }

ul#OverSeas { list-style-type:none; margin:1em 4.2em; }
ul#OverSeas li { display:inline; }
ul#OverSeas li.left_btn { margin-right:3.5em; }
ul#OverSeas li img { margin-bottom:1.5em; }

@media only screen and (max-width: 767px) {
	ul.plan_list { padding: 0.2em 1em 0.2em 0 !important; margin: 10px 0 20px 5px; font-size: 0.9em; }
    ul.list2 { font-size: 1.0em; padding: 0 0 0 1em !important;}
	ol.cont1 { margin-left: 1.5em; }
	ol.cont1 li { font-size: 1em; }
	ol.num2 { margin:10px 0 10px 1em; font-size: 0.9rem; }
	ol.num3 { margin:10px 0 20px 1em; font-size: 0.9em; }
	#LocalLeft ul { text-align:left; padding:0.2em 1em 0.2em 1.5em; }
}

a.pdf {
  color: #000 !important;
  font-weight: bold;
  /* font-size: 1.0rem; */
  padding: 5px 0px;
  display: inline-block;
  position: relative;
  transition:.2s; }
a.pdf::after {
  position: absolute;
  content: "";
  background-image: url(../images/file-pdf-regular.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: auto;
  right: -25px;
  top: 5px;
  bottom: 2px;
}
a.pdf:hover { color: #666 !important; }
a.pdf:hover::after { opacity: 0.8; }

a.disabled { pointer-events: none; /* 一時リンク無効 */ }

body.cnts_meeting {}
body.cnts_meeting h4.h4 { font-size: 20px !important; }
body.cnts_meeting h4.h4 a.pdf { font-size: 20px !important; }
body.cnts_meeting h4.h4 a.pdf::after { top:8px; }

h3.meeting { font-size: 1.2rem; color: #000; margin-bottom: 30px; }
.btn_cols2 { width: 650px; margin: 0px auto 40px auto; }
	.btn_cols2:after { content:""; display:table; clear:both; }
.btn_col { width: 50%; float: left; }
.btn_col .colinner { text-align: center; }
.btn_col .colinner a.btn { color: #000 !important; border: 1px solid #000; background: #efefef; padding: 10px 20px; line-height: 1.8; display: block; text-align: center; width: 250px; font-weight: bold; font-size: 1.2rem; text-decoration: none !important; transition:.2s; margin: 0 auto; }
.btn_col .colinner a.btn:hover { color: #000 !important; background: #aaa; }
.btn_col .colinner a.btn span { font-size: 0.8rem; font-weight: normal; display: block; }
.btn_col .colinner a.btn span.icon_pdf { font-weight: bold; font-size: 1.2rem; position: relative; display: inline-block; right: 12px; }
.btn_col .colinner a.btn span.icon_pdf::after {
  position: absolute;
  content: "";
  background-image: url(../images/file-pdf-regular.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: auto;
  right: -25px;
  top: 5px;
  bottom: 2px;
}
@media only screen and (max-width: 767px) {
	.btn_cols2 { width: 100%; }
	.btn_col { width: 100%; float: none; margin-bottom: 20px; }
}

/* greeting */
.greeting_area { margin: 30px 0 30px 0; padding: 0 5%; font-size: 15px; }
  .greeting_area:after { content:""; display:table; clear:both; }
.greeting_area_l { width: 38%; float: left; }
.greeting_area_r { width: 57%; float: right; }
.greeting_box { border: 1px solid #ddd; margin: 0; text-align: center; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05); }
  .greeting_box:after { content:""; display:table; clear:both; }
.greeting_box:hover { background-color: #fcfcfc; box-shadow:none; }
.greeting_box a { text-decoration: none !important; padding: 10px; display: block; }
.greeting_box a img { width: 100%; margin: 0 0 8px 0; }
#LocalLeft .greeting_box a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.greeting_box2 { border: 1px solid #ddd; margin: 0 0 25px 0;  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05); }
  .greeting_box2:after { content:""; display:table; clear:both; }
.greeting_box2:hover { background-color: #fcfcfc; box-shadow:none; }
.greeting_box2 a { display: table; text-decoration: none !important; padding: 10px; }
.greeting_box2 img { width: 100%; float: left; }
#LocalLeft .greeting_box2 a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.greeting_box2 div { display: table-cell; vertical-align: middle; width: 70%; padding-left: 20px; }
.link_arrow { background: url(../images/icn.jpg) left center no-repeat; padding-left: 0.8em; display: inline-block; }
.director_footnote { margin: 30px 0 30px 0; padding: 0; }
  .director_footnote:after { content:""; display:table; clear:both; }
.director_footnote ol.num2 { margin: 10px 0 10px 1.2em; }
.director_footnote_l { width: 48%; float: left; }
.director_footnote_l table td { padding: 2px 3px; text-align: right; font-size: 0.7rem; }
.director_footnote_r { width: 50%; float: right; }
.director_footnote_r a.img { margin-left: 0.5em; }
.director_footnote_r img { width: calc(100% - 0.5em); }
@media only screen and (max-width: 767px) {
	.greeting_area { margin: 20px 0; }
	.greeting_area_l { width: 100%; float: none; margin: 0 auto 10px auto; }
	.greeting_box { margin: 0 0 10px 0; text-align: left; }
	.greeting_box a { display: table; text-decoration: none !important; padding: 10px; }
	.greeting_box a img { width: 100%; float: left; display: block; margin-bottom: 0; }
	.greeting_box div { display: table-cell; vertical-align: middle; width: 70%; padding-left: 20px; }
	.greeting_area_r { width: 100%; float: none; }
	.greeting_box2 { margin: 0 0 10px 0; }
	.director_footnote_l,
	.director_footnote_r { float: none; width: 100%; }
}

/* contact */
.contact_frm { width: 90%; padding: 20px 5%; margin: 30px auto 50px auto; border: 1px dashed #0f8f4a; }


/* レスポンシブ 横スクロール */
img.x_scroll { width: 100%; display: block; }
.sp_x_scroll_txt { display: none; }
@media only screen and (max-width: 767px) {
    .sp_x_scroll { width:100%; overflow-x:scroll; padding:0 1px 5px 1px; margin: 0 0 20px 0; }
    .sp_x_scroll_w500 { width: 500px !important; }
    .sp_x_scroll_w550 { width: 550px !important; }
    .sp_x_scroll_w600 { width: 600px !important; }
    .sp_x_scroll_w620 { width: 620px !important; }
    .sp_x_scroll_w650 { width: 650px !important; }
    .sp_x_scroll_w700 { width: 700px !important; }
    .sp_x_scroll_w800 { width: 800px !important; }
	.sp_x_scroll .tbl { margin: 10px auto 10px auto !important; }
	.sp_x_scroll .tbl td { padding: 5px !important; }
    .sp_x_scroll::-webkit-scrollbar { width: 10px; height: 10px; }
	.sp_x_scroll::-webkit-scrollbar-track { background: #eee; }
	.sp_x_scroll::-webkit-scrollbar-thumb { background: #79ad35; border-radius:5px; }
	img.x_scroll { width: 750px !important; display: block; }
	.sp_x_scroll_txt { color: #79ad35; display: block; text-align: center; font-size: 0.9em; margin: 0 auto 5px auto; }
}

