/*----------------------------------------------*/
/*					基本設定						*/
/*----------------------------------------------*/

/*基本コンテンツ幅*/
.wCommon {
		width: 1080px;
}

/*両サイド可変のヘッダのため最小幅設定*/
.minWidth {
		min-width: 1080px;
}

.zindex {
		z-index: 1000;
}

.dispNone {
		display: none;
}


.dispBlock {
		display: block;
}


.slider img {
		width: 100%;
		height: 200px;
		object-fit: cover;
}


/*demo*/
.dummy {
		height: 250px;
		background-color: #EEE;
		display: block;
}

/*はみ出し対応*/
.hidden {
		overflow: hidden;
}

/*リストスタイル*/
.listNone {
		list-style: none;
}

/*基本の陰影*/
.boxShadow00 {
		box-shadow: 4px 4px 0px 0px #eee;
}




/*----------------------------------------------*/
/*					ヘッダ専用						*/
/*----------------------------------------------*/

/*ヘッダ専用背景*/
.headerbgL {
		background-image: url(../images/header/headerbgL.png);
}

.headerbgR {
		background-image: url(../images/header/headerbgR.png);
}



.caseHeaderbgL {
		background-image: url(../images/header/casesheaderbgL.png);
}

.caseHeaderbgR {
		/*background-image: url(../images/header/casesheaderbgR.png);*/
}




/*----------------------------------------------*/
/*				フォント回り						*/
/*----------------------------------------------*/




/*書体*/

.minchyo {
		font-family: "ＭＳ Ｐ明朝";
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto+Condensed&display=swap');

.roboto {
		font-family: "Roboto Condensed";
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

.notoSans {
		font-family: 'Noto Sans JP', sans-serif;
}



/*見出しタグ*/
h1 {
		font-size: 3em
}

h2 {
		font-size: 2em;
}

h3 {
		font-size: 1.43em;
}

h4 {
		font-size: 1.29em;
}

h5 {
		font-size: 1.15em;
}

h6 {
		font-size: 1.08em;
}


.ftW500 {
		font-weight: 500;
}

.ftW600 {
		font-weight: 600;
}

.ftBold {
		font-weight: 700;
}


/*フォントサイズ設定*/

.ftsizeSmallx {
		font-size: 0.72em;
}

.ftsizeSmall01s {
		font-size: 0.75em;
}

.ftsizeSmall02s {
		font-size: 0.8em;
}

.ftsizeSmall {
		font-size: 0.85em;
}

.ftsizeSmall01L {
		font-size: 0.88em;
}

.ftsizeSmall02L {
		font-size: 1.16em;
}

.ftsizeSmall03L {
		font-size: 1.19em;
}

.ftsizeMididum {
		font-size: 1.25em;
}

.ftsizeLerge {
		font-size: 1.45em;
}

.ftsizexLerge {
		font-size: 1.75em;
}

.ftsize2em{
		font-size: 2em;
}

.ftsizexLerge15 {
		font-size: 1.5em;
}

.ftsizexLerge111 {
		font-size: 1.11em;
}


/*インデント*/
.textIndent05em {
		text-indent: 0.5em;
}
.textIndent1em {
		text-indent: 1em;
}

.textIndent2em {
		text-indent: 2em;
}

.textIndent3em {
		text-indent: 3em;
}

.textIndent4em {
		text-indent: 4em;
}

.textIndent5em {
		text-indent: 5em;
}

.textIndent6em {
		text-indent: 6em;
}

.textIndentEx01{
	text-indent: 0.72em;
}


/*テキスト選択時のカラー*/
::selection {
		background: #dddddd;
		/* Safari */
}

::-moz-selection {
		background: #dddddd;
		/* Firefox */
}


/*テキスト制御*/
.textCt {
		text-align: center;
}

.textLeft {
		text-align: left;
}

.textRight {
		text-align: right;
}

.texUnderline{
	text-decoration: underline;
}



/*英文字折り返しとかその辺*/
.wordBreak{
	word-break: break-all;
}



/*----------------------------------------------*/
/*				アニメーションボタン01					*/
/*----------------------------------------------*/

/*フラットボタン*/
div.btn-flat {
		box-shadow: inset 0 0 0 0 #757575;
		color: #000;
}

div.btn-flat {
		line-height: 1.5;
		text-decoration: none;
}

/*テキストの後ろにボーダー（疑似要素）*/
.afterLine:after {
		position: absolute;
		content: "";
		top: 50%;
		width: 98%;
		height: 1px;
		background-color: black;
		overflow: hidden;
		margin-left: 1em;
}

/*丸矢印*/
.arrow_r_b {
		position: relative;
		display: inline-block;
		padding-left: 20px;
		color: #fff;
		text-decoration: none;
}

.arrow_r_b:before {
		content: '';
		width: 42px;
		height: 42px;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		/* top: 75%; */
		left: -19px;
		margin-top: -17px;
		border: solid 0.1em #000
}

.arrow_r_b:after {
		content: '';
		width: 12px;
		height: 12px;
		border: 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		position: absolute;
		top: 100%;
		left: -7px;
		margin-top: -3px;
		transform: rotate(45deg);
}

/*親要素にマウスオーバーでアニメーション*/
article:hover div.btn-flat {
		color: #fff;
		box-shadow: inset 1080px 0 0 0 rgba(102, 102, 102, 1);
		transition: color .7s ease-in-out, box-shadow .7s ease-in-out;
}
article:hover .btn>span:after {
		background-color: #FFF;
}

/*丸矢印*/
article:hover .arrow_r_b {
		color: #000;
}

article:hover .arrow_r_b:before {
		background: #666;
		/*background: #beb9b9;*/
		border: solid 0.1em #fff
}

article:hover .arrow_r_b:after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
}

article:hover .slider {
		opacity: 0.75;
}




/*アニメーション無効*/
/*noAnimate の有無で制御*/
article.noAnimate:hover div.btn-flat {
		color: #000;
/*		box-shadow: inset 1080px 0 0 0 rgba(255, 255, 255, 1);*/
		box-shadow: initial;
		transition:0;
		opacity: 0.5;
}
article.noAnimate:hover .btn>span:after {
		background-color: #000;
		opacity: 0.5;
}
/*丸矢印*/
article.noAnimate:hover .arrow_r_b {
		color: #FFF;
}
article.noAnimate:hover .arrow_r_b:before {
/*		background: #666;*/
		background: #FFF;
		border: solid 0.1em #000;
}

article.noAnimate:hover .arrow_r_b:after {
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		opacity: 0.5;
}
article.noAnimate:hover .slider {
		opacity: 0.75;
}




/*----------------------------------------------*/
/*				アニメーションボタン02					*/
/*----------------------------------------------*/



.btnCommon01 a {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 1em 2em;
		/*width: 300px;*/
		color: #333;
		/*font-size: 18px;*/
		font-weight: 700;
		background-color: #fff;
		border: solid 1px #666;
		box-shadow: 4px 4px 0 #999;
		transition: 0.5s;
}

.btnCommon01 a::after {
		content: '';
		position: absolute;
		top: 4px;
		right: 4px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 12px 12px;
		border-color: transparent transparent #1D3366 transparent;
		transform: rotate(-90deg);
}

/*普通のURLリンクで疑似要素が悪さするのでここで処理*/
.btnCommon01 a[href^="http"]:after {
		content: '';
		position: absolute;
		top: 4px;
		right: 4px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 12px 12px;
		border-color: transparent transparent #1D3366 transparent;
		transform: rotate(-90deg);
}


/*.btnCommon01 a:hover {
	text-decoration: none;
	background-color: #fefefe;
}
*/
.btnCommon01 a:hover::after {
		bottom: 3px;
		right: 3px;
}

/*ボタン左下部グラデーション*/
.original-gradient {
		height: 38px;
		width: 38px;
		background-image: linear-gradient(225deg, rgba(255, 255, 255, 1) 50%, rgba(191, 191, 191, 1) 97%, rgba(172, 172, 172, 1));
}




/*----------------------------------------------*/
/*				アニメーションボタン03					*/
/*----------------------------------------------*/


/*団体紹介リンクボタン*/
.viewDetailbtn {
		/*影の基点とするためrelativeを指定*/
		position: relative;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		background: transparent;
		border: solid 1px #eee;
		border-radius: 8px;
		outline: none;
		/*アニメーションの指定*/
		transition: all 0.2s ease;
}

.viewDetailbtn:hover {
		border-color: transparent;
}

.viewDetailbtn span {
		position: relative;
		z-index: 2;
		display: block;
		padding: 1em;
		background: #eee;
		border-radius: 8px;
		color: #333;
		transition: all 0.3s ease;
}


/*-------------------------*/


/*動画再生ボタン*/
.viewMoviebtn {
		/*影の基点とするためrelativeを指定*/
		position: relative;
		/*ボタンの形状*/
		text-decoration: none;
		display: block;
		text-align: center;
		background: transparent;
		border: solid 1px #eee;
		border-radius: 8px;
		outline: none;
		/*アニメーションの指定*/
		transition: all 0.2s ease;
		cursor: pointer;
}

.viewMoviebtn:hover {
		border-color: transparent;
}

.viewMoviebtn span {
		position: relative;
		z-index: 2;
/*		display: flex;*/
		display: block;
		align-items: center;
		background: #eee;
		border-radius: 8px;
		color: #333;
		vertical-align: middle;
		transition: all 0.3s ease;
		padding: 0.6em 0;
}

/*矢印ボタン設定エリア*/
.viewMoviebtnConf {
		display: inline-block !important;
		background: #fe775f !important;
		width: 30px;
		height: 30px;
		border-radius: 50% !important;
		color: #ccc;
		outline: none;
		padding: 0 !important;
		transition: all .3s;
/*		margin-left: 1em;*/
		margin-left: 0.5em;
}

.viewMoviebtnConf:hover {
		background: #fe775f;
}

/*中央矢印*/
span.viewMoviebtnConf::after {
		content: '';
		position: absolute;
		top: 18%;
		left: 36%;
		border: 14px solid transparent;
		border-top-width: 10px;
		border-bottom-width: 10px;
		border-left-color: #fff;
}



/*-------------------------*/
/*== 右下に押し込まれる（立体が平面に）表現 */
/*影の設定*/
.pushright:before {
		content: "";
		/*絶対配置で影の位置を決める*/
		position: absolute;
		z-index: 0;
		top: 2px;
		left: 2px;
		/*影の形状*/
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background-color: #ccc;
}

/*hoverの際にX・Y軸に2pxずらす*/
a.pushright:hover {
		transform: translate(2px, 2px);
}



/*----------------------------------------------*/
/*					Aタグ						*/
/*----------------------------------------------*/

/*ドキュメント形式ごとにクラス設定してあげるのが無難。URL、mailは現状このまま*/
a[href$="pdf"].pdf:after,
a[href$="doc"].doc:after,
a[href$="docx"].docx:after,
a[href$="xls"].xls:after,
a[href$="xlsx"].xlsx:after,
a[href$="ppt"].ppt:after,
a[href$="pptx"].pptx:after,
a[href^="http"]:after,
a[href^="mailto:"]:after {
		width: 1em;
		margin: 0 .25em;
		font-family: FontAwesome;
		text-align: center;
		display: inline-block;
}

a[href$="pdf"].pdf:after {
		content: "\f1c1";
		color: #e1462a;
}

a[href$="doc"].doc:after,
a[href$="docx"].docx:after {
		content: "\f1c2";
		color: #00178f;
}

a[href$="xls"].xls:after,
a[href$="xlsx"].xlsx:after {
		content: "\f1c3";
		color: #007133;
}

a[href$="ppt"].ppt:after,
a[href$="pptx"].pptx:after {
		content: "\f1c4";
		color: #dd5800;
}

a[href^="http"]:after {
		content: "\f08e";
		color: #999;
}

a[href^="mailto:"]:after {
		content: "\f003";
		color: #666;
}

a.no-icon:after {
		display: none !important;
}


a.underline {
	text-decoration: underline;
}


a {
		color: #333;
		text-decoration: none;
}

a:hover,
a:active,
a:focus {
		color: #999;
}

a:link,
a:visited,
a:active,
a:hover {
		outline: none;
}


/*urlは初期状態でWEBフォントがafterで追加される*/
/*画像へのAタグ設定時にはクラス noAfter で要素削除*/
a.noAfter[href^="http"]:after {
		content: none;
}



/*----------------------------------------------*/
/*						配置						*/
/*----------------------------------------------*/
.pos_rel {
		position: relative;
}

.pos_abs {
		position: absolute;
}


/*矢印用*/
.posR00 {
		top: 0.74em;
		right: 3px;
}

/*padding*/
.pdLR {
		padding: 0 1em;
}


/*----------------------------------------------*/
/*					flexbox						*/
/*----------------------------------------------*/

.flex {
		display: flex;
}

.flex-wrap {
		flex-wrap: wrap;
}

/*左右振り分け*/
.flex-around {
		justify-content: space-around;
}

/*均等配置*/
.flex-between {
		justify-content: space-between;
}

/*均等配置*/
.flex-center {
		justify-content: center;
}
/*右寄せ*/
.flex-end {
		justify-content: flex-end;
}


.flex-evenly {
		justify-content: space-evenly;
}




/*上下中央*/
.flex-Vmiddle {
		align-items: center;
}

/*flexboxでの横幅*/
/*親要素に合わせて伸縮*/
.flexGrow1 {
		flex: 1;
		/*flex-grow: 1;*/
}

.flexGrow2 {
		flex: 2;
		/*flex-grow: 2;*/
}

/*天地中央にするには組み合せ*/

.contCt {
		margin: 0 auto;
}

.flex-Vbottom{
    align-items: baseline;
}


/*BOX左寄せ対応（最後が一つだった時）*/
.flex-cases:after {
		content: "";
		width: 40%;
}

.flex-submenu:after {
		content: "";
		width: 50%;
}


/*コンテナ内個別処理*/
/*下部固定*/
.flex-self-end {
		align-self: flex-end;
}


/*----------------------------------------------*/
/*					汎用						*/
/*----------------------------------------------*/



.overflowTable {
		overflow-x: scroll;
}

/*line-height*/
.lineheigit2em {
		line-height: 2em;
}

/*line-height*/
.lineheigit3em {
		line-height: 3em;
}

.capLheit {
		line-height: normal !important;
}

/*マージン*/

.mgBottom02em{
		margin-bottom: 0.25em;
}

.mgBottom1em {
		margin-bottom: 1em;
}

.mgBottom2em {
		margin-bottom: 2em;
}

.mgBottom3em {
		margin-bottom: 3em;
}

.mgBottom4em {
		margin-bottom: 4em;
}

.mgBottom5em {
		margin-bottom: 5em;
}

.mgBottom6em {
		margin-bottom: 6em;
}


.mgTop1em {
		margin-top: 1em;
}

.mgTop2em {
		margin-top: 2em;
}

.mgTop3em {
		margin-top: 3em;
}

.mgTop4em {
		margin-top: 4em;
}

.mgTop5em {
		margin-top: 5em;
}

.mgTop6em {
		margin-top: 6em;
}


/*微調整用*/
.mgHnav {
		margin: 0.5em 1em;
}



/*一覧ページ用*/
.mgLeft1em {
		margin-left: 1em;
}

.mgLeft2em {
		margin-left: 2em;
}




/*パディング*/
/*all*/
.pdCommon05em {
		padding: 0.5em;
}

.pdCommon1em {
		padding: 1em;
}

.pdCommon2em {
		padding: 2em;
}

.pdCommon3em {
		padding: 3em;
}


/*下部のみ*/
.pdBottom05em {
		padding-bottom: 0.5em;
}

.pdBottom1em {
		padding-bottom: 1em;
}

.pdBottom2em {
		padding-bottom: 2em;
}

.pdBottom3em {
		padding-bottom: 3em;
}

.pdBottom4em {
		padding-bottom: 4em;
}

.pdBottom5em {
		padding-bottom: 5em;
}

.pdBottom6em {
		padding-bottom: 6em;
}

.pdBottom10em {
		padding-bottom: 10em;
}



/*上下ほしい*/
.pdUBpat01 {
		padding: 1em 0.6em;
}

.pdUBpat02 {
		padding: 2em 0;
}

.pdUBpat03 {
		padding: 3em 0;
}

.pdUBpat04 {
		padding: 4em 0;
}


.pdLRpat04 {
		padding: 0 4em;
}


/*左右ほしい*/
.pdLRpat03 {
		padding: 0 3em;
}


/*個別対応用*/


.pdRight1em {
		padding-right: 1em;
}

.pdRight3em {
		padding-right: 3em;
}

.pdtop1em {
		padding-top: 0.75em;
}


.pdtop2em {
		padding-top: 2em;
}

.pdtop4em {
		padding-top: 4em;
}

.pdtop6em {
		padding-top: 6em;
}

.pdLeft05em {
		padding-left: 3.5em;
}

.pdLeft1em {
		padding-left: 1em;
}

.pdLeft2em {
		padding-left: 2em;
}

.pdLeft3em {
		padding-left: 3em;
}

.pdRight2em {
		padding-right: 2em;
}
.pdFbox{
	padding-right: 2em;
}


.pdLeft3em {
		padding-left: 3em;
}

.pdLeft4em {
		padding-left: 4em;
}

.pdLeft5em {
		padding-left: 5em;
}


.pdEx {
		padding: 3em 3em 0 3em;
}

.pdEx01 {
		padding: 0.15em 0.5em;
}

.pdEx02 {
		padding: 0.25em 0.5em 0.5em 0.5em;
}


.mgbEx01 {
		margin-bottom: 0.5em;
}

.pdBottomEx {
		padding-bottom: 0.25em;
}

.pdCommon3emEx {
		padding: 0 3em 3em 3em;
}


.pdCommon3emExBottom {
		padding: 3em 3em 0 3em;
}



/*幅設定*/
.w04p {
		width: 4%;
}
.w05p {
		width: 5%;
}
.w07p {
		width: 7%;
}
.w10p {
		width: 10%;
}
.w15p {
		width: 15%;
}
.w20p {
		width: 20%;
}
.w30p {
		width: 30%;
}
.w35p {
		width: 35%;
}
.w40p {
		width: 40%;
}
.w50p {
		width: 50%;
}
.w60p {
		width: 60%;
}
.w62p {
		width: 62%;
}
.w63p {
		width: 63%;
}
.w70p {
		width: 70%;
}
.w73p{
		width: 73%;
}
.w80p {
		width: 80%;
}
.w90p {
		width: 90%;
}
.w100p {
		width: 100%;
}


/*個別*/
.col3w{
	width: 32%;
}


/*微調整用*/

.w22p {
		width: 22%;
}
.w23p {
		width: 23%;
}
.w25p {
		width: 25%;
}

.w33p {
		width: 33%;
}

.w43p {
		width: 43%;
}

.w45p {
		width: 45%;
}

.w48p {
		width: 48%;
}

.w55p {
		width: 55%;
}

.w56p {
		width: 56%;
}
.w61p {
	width: 61%;
}

.w65p {
		width: 65%;
}

.w77p {
		width: 77%;
}

.w75p {
		width: 75%;
}
.w75p {
		width: 77%;
}

.w85p{
	width: 85%;
}

.w98p {
		width: 98%;
}

/*一覧画面box-shadow用*/
.w99p {
		width: 99%;
}


/*幅固定値*/
.w100 {
		width: 100px;
}

.w200 {
		width: 200px;
}

.w300 {
		width: 300px;
}

.w400 {
		width: 400px;
}

.w500 {
		width: 500px;
}

.w1200 {
		width: 1200px;
}
.w1500 {
		width: 1500px;
}
.w2000 {
		width: 2000px;
}


/*背景色*/
.bgcolBlk {
		background-color: #000;
}

.bgcolWht {
		background-color: #FFF;
}

.bgcolGry {
		background-color: #eee;
}




/*半透明背景*/
.bgcolWht95 {
		background-color: rgba(255, 255, 255, 0.80);
}


/*その他背景色*/
.bgcol01 {
		background-color: #f2efe0;
}

.bgcol02 {
		background-color: #f1efe0;
}

.bgcol03 {
		background-color: #cbbe82;
}

.bgcol04 {
		background-color: #F05A7E;
}

.bgcol05 {
		background-color: #68bfdd;
}

.bgcol06 {
		background-color: #1D3366;
}

.bgcol07{
		background-color: #000099;
}

.bgcol08{
		background-color: #f3f3f3;
}

.bgcol09{
		background-color: #1d3366;
}





/*色設定*/
.colBlk {
		color: #000;
}

.colWht {
		color: #FFF;
}

/*その他*/
.col01 {
		color: #00bfdf;
}

.col02 {
		color: #000;
}

.col03 {
		color: #000;
}

.col04 {
		color: #000;
}

.col05{
		color: #BD582C;
}


/*ボーダー*/
.bdCommon01 {
		border: solid 1px #ccc;
}

.bdCommon02 {
		border: solid 1px #999;
}

.bdCommon03{
	border-top: solid 2px #cbbe82;
}

.bdCommon04{
	border-bottom: solid 1px #cbbe82;
}

.bdCommon05{
	border-bottom: solid 1px #b9dde8;
}

.bdCommon06 {
		border: solid 2px #999;
}




/*詳細ページ用個別*/
.bdTopEx01 {
		border-top: solid 3px #00bfdf;
}


/*左ボーダー*/
.bdlDot01 {
		border-left: dotted 1px #000;
}
.bdlDot02 {
		border-left: dotted 1px #999;
}
.bdCommonLeft01{
	border-left: solid 1px #cbbe82;
}





/*下部ボーダー*/
.bdbDot01 {
		border-bottom: dotted 1px #000;
}

.bdbDot02 {
		border-bottom: dotted 1px #999;
}








/*----------------------------------------------*/
/*					その他						*/
/*----------------------------------------------*/

/*topへ*/
#pageup {
		position: fixed;
		bottom: 0;
		right: 2em;
}

.gotop {
		border-bottom: solid 3px #a0a0a0;
		background-color: #a0a0a0;
		opacity: 85%;
}

.gotop a:hover,
.gotop a:active,
.gotop a:focus {
		color: #000 !important;
}




.hov:hover {
		opacity: 75%;
}

.btnDeco01 {
		bottom: 4px;
		left: 4px;
}


.boxDeco01 {
		top: 0;
		left: -12px;
}

.boxDeco02 {
		bottom: 0;
		right: 0;
}

.boxDeco03 {
    bottom: -112px;
    right: -182px;
}




/*----------------------------------------------*/
/*				グロナビサブメニュー					*/
/*----------------------------------------------*/

/*hoverで表示*/
.subMenu {
		position: absolute;
		top: 75px;
		left: 432px;
/*		left: 411px;*/
		background-color: rgba(255, 255, 255, 0.95);
		transition: all .3s;
		z-index: 10000;
		display: none;
}

.subMenuBg {
		border-bottom: solid 8px rgba(0, 0, 0, 0);
		padding: 0.5em;
}

.subMenuBg100p {
		border-bottom: solid 8px rgba(0, 0, 0, 1);
}

/*jQueryで再表示するとdisplay:block がデフォルトで当たるため回避*/
.subMenu.open {
		display: flex;
}

/*サブメニュー用リスト*/
.listBd01 {
		border-left: solid 2px #999;
}

.listBd01:last-child {
		border-left: solid 2px #999;
		border-right: solid 2px #999;
}

/*ページ下部ボーダー*/
.bottomBd01 {
		border-bottom: solid 4px #E6E6E6;
		box-shadow: 0 2px 0px 0 #9e9e9e;
}





/*----------------------------------------------*/
/*				事例ページ専用						*/
/*----------------------------------------------*/

.casePos01 {
		left: 0;
		top: 2em;
}

/*キャッチコピー部分用*/
.casePos01_sub {
		background-color: rgba(0, 0, 0, 0.25);
		left: 0;
		bottom: 0;
}



.casePos02 {
		left: -0.4em;
		top: 0.4em;
}

.pos_case {
		left: -100px;
		top: -60px;
		background-color: #cbbe82;
		transform: rotate(19deg);
		/*例外的に高さ指定*/
		height: 600px;
		z-index: 1;
}

.case_h {
		min-height: 3em;
}


/*右上三角マーク用*/
/*
.caseBox:after {
		content: '';
		position: absolute;
		top: 4px;
		right: 8px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 12px 12px;
		border-color: transparent transparent #FFF transparent;
		transform: rotate(-90deg);
}
*/


/*----------------------------------------------*/
/*					詳細用						*/
/*----------------------------------------------*/


.pos_detail01 {
		/*left: -145px;*/
		left: -110px;
		top: -60px;
		background-color: #cbbe82;
		transform: rotate(19deg);
		/*例外的に高さ指定*/
		height: 400px;
		z-index: 1;
}

/*団体画像部分は高さ固定*/
.eyecatch {
		height: 250px;
}

/*キャッチコピー部*/
.pos_detail_copy {
		top: 40%;
}

.textShadow {
		/* text-shadow */
		/*text-shadow: 0px 0px 10px rgba(0,0,0,0.5);*/
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.pos_detail02 {
		/*left: -180px;*/
		left: -174px;
		top: -60px;
		background-color: #cbbe82;
		transform: rotate(19deg);
		/*例外的に高さ指定*/
		height: 240px;
		z-index: 1;
}

/*紹介部分の台形マスク*/
/*中央用*/
.pos_detail03 {
		left: 338px;
		top: -1px;
		height: 20%;
		background-color: #f1efe0;
		clip-path: polygon(36% 0, 100% 0, 100% 100%, 0% 100%);
		z-index: 10001;
}



/*右端用*/
.pos_detail04 {
		right: -10px;
		top: -1px;
		height: 18%;
		background-color: #f1efe0;
		/*clip-path: polygon(36% 0, 100% 0, 100% 100%, 0% 100%);*/
		clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
		z-index: 10001;

		/*	add_221221 レイアウト対応で一旦非表示	*/
		display: none;
		/*	add_end	*/
}

.detailNumset {
		font-size: 3.85em;
		line-height: 1;
}

.detailCopy {
		font-size: 2.35em;
}
.detailCopy03 {
		font-size: 2.15em;
}


/*ネガティブマージン*/
.nMargin00 {
/*		margin-top: -0.35em;*/
		margin-top: -0.03em;
}


/*詳細ページ各種情報レイアウト用*/
/*特殊レイアウトのため例外対応*/
.detailInfo {
		padding-left: 0.25em;
		padding-right: 0.25em;
}

.detailInfomgL {
		margin-left: 0.5em;
}

.detailInfomgR {
		margin-right: 0.5em;
}

.detailInfomgTop {
		margin-top: 0.2em;
}

.h2Detail {
		background-color: #68bfdd;
		clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
		padding: 0.5em 2em;
}

/*-----------------読み物エリア--------------------*/

.detailBox00 {
		padding: 1em 0 0.25em 0;
		margin-left: 6em;
}

.detailBox01 {
		padding: 1em 0 1em 6em;
		/*	margin-right: 4em;*/
		margin-right: 1em;
}

/*写真レイアウト用*/
.detailImgbox {
		float: right;
}
.detailImgbox img{
		width: 200px;
		height: 200px;
		object-fit: cover;
}

.detailImgbox.heightAuto img{
		width: 240px;
		height: auto !important;
		object-fit: cover;
}


/*写真レイアウト用*/
.detailImgbox_ex {
		float: right;
}
/*大きめクロップしたいとき*/
.detailImgbox_ex img{
		width: 300px;
		height: 200px;
/*		float: right;*/
		object-fit: cover;
}
/*グラフ用*/
.detailImgbox_ex.graph img{
		width: 300px;
		height: auto !important;
		object-fit: cover;
}

.detailImgbox_ex.largeImg img{
		width: 450px;
		height: auto !important;
		object-fit: cover;
}

/*特集プロフィール用*/
.featureProfImg img{
		width: 400px;
		height:400px;
		object-fit: cover;
		object-position: 26% 100%;
}






/*回り込みレイアウト時のキャプション対応*/
.posCap2col{
	font-size: 0.90em;
	line-height: 1.05;
	padding-top: 0.25em;
	text-align: center;
}
/*キャプション用に幅固定*/
.capW200px{
	width: 200px !important;
}
.capW300px{
	width: 326px !important;
	height: auto !important;
}
/*例外も出そうなのでここに追記*/



/*写真位置調整*/
.pos_detail_photo_01 {
		object-position: 14% 100%;
}
.pos_detail_photo_02 {
		object-position: 50% 100%;
}
.pos_detail_photo_03 {
		object-position: 100% 50%;
}
.pos_detail_photo_04 {
		object-position: 25% 100%;
}
.pos_detail_photo_05 {
		object-position: 25% 100%;
}
.pos_detail_photo_06 {
		object-position: 25% 85%;
}
.pos_detail_photo_07 {
		object-position: 30% 100%;
}



/*詳細ページ用下線ボーダー*/
.bdbDotDetail01 {
		border-bottom: solid 3px #b9dde8;
		/*padding-bottom: 0.4em;*/
		padding-bottom: 0.5em;
}

.bdbDotDetail02 {
		border-bottom: solid 1px #b9dde8;
		padding-bottom: 0.3em;
}


.ftsizeDetail {
		font-size: 0.92em;
}

.detailTextLayout {
		margin-top: 2em;
		margin-left: 2em;
}

.detailTextLayoutTop {
		margin-top: 0;
		margin-left: 2em;
}


.detailCol01 {
		color: rgba(0, 0, 0, 0.7);
}


/*マップ等々のFooterエリア用*/

/*所在地*/
/*岩手用*/
.posIwate01 {
    top: 1%;
    left: 65%;
}
.posIwate02 {
    top: 65%;
    left: 75%;
}
.posIwate03 {
    top: 76%;
    left: 56%;
}

/*宮城用*/
.posMiyagi01 {
    top: 4%;
    left: 82%;
}
.posMiyagi02 {
    top: 40%;
    left: 66%;
}
.posMiyagi03 {
    top: 4%;
    left: 82%;
}
.posMiyagi04 {
    top: 78%;
    left: 38%;
}

/*福島用*/
.posFukushima01 {
    top: 33%;
    left: 79%;
}
.posFukushima02 {
    top: 38%;
    left: 87%;
}
.posFukushima03 {
    top: 47%;
    left: 75%;
}
.posFukushima04 {
    top: 43%;
    left: 62%;
}
.posFukushima05 {
    top: 45%;
    left: 90%;
}
.posFukushima06 {
    top: 20%;
    left: 85%;
}

.styleNone{
	list-style: none;
}

.footerMask01,
.footerMask04 {
		left: 306px;
		top: 0px;
		height: 20%;
		background-color: #f1efe0;
		clip-path: polygon(36% 0, 100% 0, 100% 100%, 0% 100%);
		z-index: 10001;
}
/*4番目コンテンツ設定用*/
.footerMask04{
		height: 25%;
}


/*----------------------------------------------*/
/*			videoモーダル							*/
/*----------------------------------------------*/
/*微調整*/
.modal-video-body {
		max-width: 80% !important;
}


/*----------------------------------------------*/
/*			スクロールバーのカスタマイズ					*/
/*----------------------------------------------*/

.section::-webkit-scrollbar {
		width: 16px;
}

.section::-webkit-scrollbar-track {
		background-color: #e4e4e4;
		border-radius: 100px;
}

.section::-webkit-scrollbar-thumb {
/*		background-color: #d4aa70;*/
		background-color: #bbbbbb;


		border-radius: 100px;
}

.section::-webkit-scrollbar-thumb {
		/*background-image: linear-gradient(90deg, #D0368A 0%, #708AD4 99%);*/
		/*background-image: linear-gradient(90deg, #00bcd4 0%, #708AD4 99%);*/
/*		background-image: linear-gradient(90deg, #d8b9b7 0%, #ae3730 99%);
		box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
		border-radius: 100px;
*/}








/*----------------------------------------------*/
/*					特集記事						*/
/*----------------------------------------------*/


/*記事テキスト領域*/
/*大枠*/
.featureBox01 {
/*		padding: 1em 0 1em 3em;*/
		padding: 1em 0 1em 1em;
		margin-right: 1em;
}

/*回り込みテキスト調整用*/
.floatImgTextL{
	margin-top: 1em;
	margin-right: 1em;
	float: left;
}
.floatImgTextR{
	margin-top: 1em;
	margin-left: 1em;
	float: right;
}

.featureCopy {
		font-size: 1.45em;
}

/*特集記事タイトル用*/
.featureTtl {
	border-bottom: solid 1px #c6bd84;
	padding-bottom: 0.3em;
}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.nomgTop{
	margin-top: 0 !important;
}



/*etc*/
.dispInlineBlock{
	display: inline-block;
}

.circleText {
	height:100px;
	width:100px;
	border-radius:50%;
	line-height:50px;
	text-align:center;
}



.ttiCommonBg01 {
	height: 120px;
	background-image: url(../images/common/ttlCommonBg01.png);
}


/*about 設定用*/
.posTtlCommon01 {
    left: -180px;
    left: 9%;
    top: -120%;
    background-color: #FFF;
    transform: rotate(19deg);
    height: 600px;
}


/*テーブルセル内のテキスト位置*/
.vBottom{
	vertical-align: bottom;
}



/*----------------------------------------------*/
/*					顕彰受賞						*/
/*----------------------------------------------*/
/*テーブルセル交互に*/


.groupCategoryAll tr:nth-child(even) {
	background: #add8e6;
}

.groupCategoryAll tr:nth-child(odd) {
	background: #e0ffff;
}

.groupListAll tr:nth-child(even) {
/*	background: #add8e6;*/
	background: #edf2f7;

}
.groupListAll tr:nth-child(odd) {
/*	background: #e0ffff;*/
	background: #dbe8f5;
}

.tblBdR01{
	border-right: solid 1px #FFF;
}
.tblBdBottom01{
	border-bottom: solid 1px #FFF;
}


.bgcolIwate{
		background-color: #C0504D;
}
.bgcolIwateTd{
		background-color: #F2DCDB;
}


.bgcolMiyagi{
		background-color: #9BBB59;
}
.bgcolMiyagiTd{
		background-color: #EBF1DE;
}


.bgcolFukushima{
		background-color: #F79646;
}
.bgcolFukushimaTd{
		background-color: #FDEADA;
}


.bgcolEx{
		background-color: #4F81BD;
}
.bgcolExTD{
		background-color: #DCE6F2;
}



/*新着情報エリアスクロールは5行目以降*/

.infoScroll{
	max-height: 10em;
	min-height: 2em;
	overflow:auto;
/*	overflow-y: scroll;*/
}


/*add_221226*/
/*slick画像がぼやけるので対応*/
.slider img {
  backface-visibility: hidden;/*追加*/
}


/*詳細ページのボタン非表示対応専用*/
.dispHidden {
		visibility: hidden;
		margin-bottom: -2em !important;
}




/*----------------------------------------------*/
/*				受賞者団体概要ページ				*/
/*----------------------------------------------*/
/*専用デザイン*/
.btnCommon02 {
		position: relative;
		color: #333;
/*		border: solid 2px #999;*/
/*		border: solid 2px #f3f3f3;*/
		border: solid 1px #ccc;
/*		box-shadow: 2px 2px 0 #666;*/
		transition: 0.5s;
}
.nobdL{
	border-left: none !important;
}
.nobdR{
	border-right: none !important;
}
.nobdBottom{
	border-bottom: none !important;
}
/*.btnCommon02 a:hover::after {*/
.btnCommon02 a:hover {
	opacity: 0.75;
}
.bottom_arrow:before {
	content: '';
	top: 4px;
	width: 1.75em;
	height: 1.75em;
/*	background: rgb(172 172 172);*/
	border-radius: 50%;
	position: absolute;
	top: 68%;
	left: 47.8%;
}
.bottom_arrow:after {
	content: '';
	width: 0.78em;
	height: 0.78em;
	border: 0;
	border-top: 3px solid #cbbe82;
	border-right: 3px solid #cbbe82;
	transform: rotate(135deg);
	position: absolute;
	top: 72%;
	left: 50%;
}

.bottom_arrow:hover::before{
	transition: .2s;
	top: 70%;
}
.bottom_arrow:hover::after{
	transition: .2s;
	top: 74%;
}



/*このコンテンツ専用左右ボーダー*/
.boxCtBd::before{
	content:"";
	position:absolute;
	left:0%;
	background:#999;
	width:1px;
	height:5em;
}
.boxCtBd::after{
	content:"";
	position:absolute;
	right:1px;
	background:#999;
	width:1px;
	height:5em;
}


/*地図情報*/

/*岩手*/
.r4_posIwate_01{
	top:37%;
	left: 47%;
}
.r4_posIwate_02{
	top:65%;
	left: 71%;
}
.r4_posIwate_03{
	top: 32%;
	left: 76%;
}
.r4_posIwate_04{
	top:44%;
	left: 76%;
}

/*宮城*/
.r4_posMiyagi_01{
	top:54%;
	left: 49%;
}
.r4_posMiyagi_02_01{
	top:46%;
	left: 73%;
}
.r4_posMiyagi_02_02{
	top:43%;
	left: 69.5%;
}
.r4_posMiyagi_03{
	top:31%;
	left: 77%;
}

/*福島*/
.r4_posFukushima_01{
	top: 31.5%;
	left: 82%;
}
.r4_posFukushima_02{
	top: 28%;
	left: 67.5%;
}
.r4_posFukushima_03{
	top:54%;
	left: 82%;
}

/*----------------------------------------------*/
/*					R5募集						*/
/*----------------------------------------------*/
#r5suisen{
	line-height: 1.7;
}
#r5suisen h3{
    padding: 3px 8px 0;
	margin-bottom: 2rem;
    border-left: 5px solid #1D3366;
	font-size: 1.3em;
}

.kome{
	position: relative;
	font-size: .8em;
	padding-left: 1rem;
}
.kome::before{
	content: '※';
	position: absolute;
	left: 0;
}

#r5suisen ol > li,#r5suisen ul > li{
	margin-bottom: .5rem;
}
ul.count1{
	counter-reset: number 0;
	padding: 0;
}
ul.count1 > li{
	list-style: none;
	position: relative;
	padding-left: 2.3rem;
}
li::marker{
	color: #1D3366;
}
ul.count1 > li::before{
	counter-increment: number 1;
	content: "（" counter(number) "）";
	position: absolute;
	left: 0;
}


.btnCommon03 a{
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 1em 2em;
		color: #333;
		font-weight: 700;
		background-color: #fff;
		border: solid 1px #1D3366;
		border-radius: 5px;
		/* box-shadow: 4px 4px 0 #999; */
		transition: 0.5s;
}

.btnCommon03 a::after {
		content: '';
		position: absolute;
		top: 27px;
		right: 20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 11px 11px;
		border-color: transparent transparent #1D3366 transparent;
		transform: rotate(315deg);
}

.btnCommon03 a:hover{
	opacity: .6;

}

.anchorBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.anchorBox li,.post-info-anchor li{
	position: relative;
	list-style: none;
	width: 18%;
	margin-right: calc(10% / 4);
	margin-top: 1rem;
}

.anchorBox li:nth-child(5n) {
	margin-right: 0;
}
.anchorBox li a,.post-info-anchor li a{
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	border-bottom: 2px solid #1D3366;
	padding-bottom: 0.5rem;
}
.anchorBox li::before,.post-info-anchor li::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 2px #1D3366;
    border-right: solid 2px #1D3366;
    right: 10px;
    top: 3px;
    transform: rotate(135deg);
}

/* 顕彰受賞者の情報発信 */
.post-info h2{
	margin-bottom:1rem;
	font-size: 1.5em;
	border-bottom: 1px solid #b2b2b2;
}
.post-info-anchor{
	padding-left: 0;
	width: 38.6%;
}
.post-info-anchor li{
	width: 100%;
}
.post-info-anchor li a{
	margin-bottom: 1rem;
    padding-bottom: 0.7rem;
}
article.post-info >div{
	background: #f5f8ff;
	border-radius: 12px;
}
.post-info figure{
	width: 48%;
}

.img-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}


.btnCommon03.click-no a{
	pointer-events: none;
	background-color: #c3c3c3;
}
.btnCommon03.click-no a:hover {
    opacity: 1;
}
#r5suisen .btnCommon03 a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}


#r5suisen .btnCommon03 a::after {
	top: 44%;
}

#r5suisen .btnCommon03.mini a::after{
	top: 40%;
}
#r5suisen h4{
	font-size: 1.15em;
	position: relative;
	padding-left: 1.1rem;
	margin: 2rem 0 0;
	color: #1D3366;
}
#r5suisen h4::before{
	content: '';
	width: 13px;
	height: 4px;
	background-color: #1D3366;
	position: absolute;
	left: 0;
	top: 11px;
}

/* ヘッダー */
#hnav > ul{
	justify-content: space-between;
	padding-left: 5px;
}