@charset "UTF-8";
/*=============================================================
	news お知らせ
=============================================================*/
/* mainImg
------------------------------------- */
#mainImg { background-image: url(../img/news/img_main01_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/news/img_main01_pc.png); } }

/* select
------------------------------------- */
#archive .select { margin: 0 28px; position: relative; z-index: 5px; }

#archive .select:after { position: absolute; display: block; content: ""; right: 7px; top: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("../img/common/ico_arrow03.png"); background-repeat: no-repeat; background-size: 10px; width: 10px; height: 6px; }

#archive .select:before { position: absolute; display: block; content: ""; right: 1px; top: 1px; height: 49px; width: 32px; background-color: #0f85d3; }

#archive .select select { width: 100%; margin: 0 auto; border: solid 1px #c3c3c3; padding: 0 8px; font-size: 1.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 51px; border-radius: 0; position: relative; z-index: 10; }

#archive .select select:hover { cursor: pointer; }

#archive .select select::-ms-expand { display: none; }

@media screen and (min-width: 600px) { #archive .select { width: 395px; float: right; box-sizing: border-box; font-size: 1.5rem; margin: 0; }
  #archive .select:before { height: 53px; width: 55px; right: 0; }
  #archive .select:before:hover { cursor: pointer; }
  #archive .select:after { right: 16px; background-size: 12px; width: 12px; height: 8px; }
  #archive .select select { padding: 0 20px; font-size: 1.5rem; height: 55px; } }

/* column01
------------------------------------- */
#archive .column01 { margin-top: -3px; }

#archive .column01 .column { border-bottom: dotted 1px #c3c3c3; }

#archive .column01 .column .article { padding: 21px 0 15px; }

#archive .column01 .column .article .areaTit { padding-bottom: 9px; }

#archive .column01 .column .article .imgBox { width: 49%; height: 100px; padding: 0 16px 0 0; box-sizing: border-box; text-align: center;}

#archive .column01 .column .article .imgBox img { height: 100%; }

#archive .column01 .column .article .txtBox { width: 51%; }

#archive .column01 .column .article .tag { padding: 4px 11px; display:inline-block; margin-left:4px; background:#1847a7; color:white; font-size: 1.2rem;}

#archive .column01 .column .article .tit { font-size: 1.4rem; font-weight: 700; margin-top: 5px; }

#archive .column01 .column .article .areaTxt { line-height: 1.928; font-size: 1.4rem; }

#archive .column01 .column .article .arrow { text-align: right; display: block; line-height: 1; margin-top: 6px; }

#archive .column01 .column .article .arrow img { width: 30px; }

@media screen and (min-width: 600px) { #archive .column01 { margin-top: 0; }
  #archive .column01 .column { width: 100%; margin: 0; border-bottom: dashed 1px #c3c3c3; }
  #archive .column01 .column:first-of-type { margin-top: 12px; }
  #archive .column01 .column .article { padding: 30px 0 30px; }
  #archive .column01 .column .article .imgBox { width: 402px; height: 230px; float: left; padding: 0 30px 0 0; margin-bottom: 0; }
  #archive .column01 .column .article .txtBox { width: 798px; float: left; position: relative; }
  #archive .column01 .column .article .tag { padding: 6px 9px; }
  #archive .column01 .column .article .time { margin-top: 1px; }
  #archive .column01 .column .article .tit { font-size: 2.2rem; margin-top: 14px; }
  #archive .column01 .column .article .cf:after { display: none; }
  #archive .column01 .column .article .areaTxt { width: 798px; float: left; font-size: 1.5rem; margin-top: 9px; }
  #archive .column01 .column .article .arrow { position: absolute; right: 0; top: 80%; margin-top: 0; }
  #archive .column01 .column .article .arrow img { width: 36px; } }

/*=============================================================
	news single.php お知らせ詳細
=============================================================*/
/* single
------------------------------------- */
#single .areaTit .tag { width: 67px; background-color: #1847a7; color: #fff; font-size: 1rem; padding: 1px 0px; text-align: center; float: left; }

#single .areaTit .time { font-size: 1.4rem; font-weight: 600; color: #1847a7; padding-left: 10px; margin-top: -1px; display: inline-block; }

#single .areaTit .tit { line-height: 1.318; margin-bottom: 15px; margin-top: 5px; }

#single .eyecatch { height: 250px; text-align: center; }

#single .eyecatch img { height: 100%; }

#single p { font-size: 1.4rem; margin-top: 10px; line-height: 1.928; letter-spacing: 0.05em; }

#single p strong { font-weight: 700; }

#single p em { color: #1847a7; }

#single h2 { position: relative; padding: 10px 10px 15px; margin-bottom: 8px; line-height: 1; font-size: 1.8rem; font-weight: bold; background: linear-gradient(125deg, #b5d5ee 0%, #b5d5ee 25px, #fff 26px, #fff 100%); }

#single .index { border: solid 1px #c3c3c3; padding: 13px 19px; margin-top: 23px; margin-bottom: 30px; }

#single .index p { font-size: 1.5rem; font-weight: 700; border-bottom: solid 1px #a5a5a5; padding-bottom: 4px; margin-top: 0; }

#single .index .list { margin-top: 2px; }

#single .index .list .item { font-size: 1.4rem; line-height: 1.928; margin-top: 10px; padding-left: 17px; position: relative; }

#single .index .list .item:first-of-type { margin-top: 0; }

#single .index .list .item .number { color: #1847a7; position: absolute; content: ""; left: 0; }

#single .index .list .item:before { background: none; }

#single .content { word-break: break-all; }

#single ol { margin-top: 2px; }

#single ol li { font-size: 1.4rem; line-height: 1.928; position: relative; padding-left: 17px; padding-right: 10px; margin-top: 2px; }

#single ol li em { position: absolute; content: ""; left: 0; color: #1847a7; }

#single ol li:first-of-type { margin-top: 0; }

#single ul { margin-top: 3px; }

#single ul li { font-size: 1.4rem; line-height: 1.928; position: relative; padding-left: 15px; margin-top: 2px; }

#single ul li:before { position: absolute; content: ""; width: 5px; height: 5px; left: 0; top: 12px; background-color: #1847a7; }

#single ul li:first-of-type { margin-top: 0; }

#single .areaList { margin-top: 30px; }

#single .areaList .tit { margin-bottom: 0px; }

#single .pagination { margin-top: 20px; }

#single .pagination ul:after { content: ''; display: block; clear: both; }

#single .pagination ul li { padding-left: 0; }

#single .pagination ul li:before { display: none; }

#single .pagination ul li:nth-of-type(1) a { padding: 18px 10px 18px 41px; }

#single .pagination ul li:nth-of-type(1) a:before { left: 2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#single .pagination ul li:nth-of-type(1) a:after { position: absolute; content: ""; border-right: solid 1px #9f9f9f; right: 0; height: 51px; top: 16px; }

#single .pagination ul li:nth-of-type(2) a { float: right; padding: 18px 36px 18px 15px; }

#single .pagination ul li:nth-of-type(2) a:before { right: 2px; }

#single .pagination ul li a { width: 50%; float: left; border-top: dotted 1px #c3c3c3; border-bottom: dotted 1px #c3c3c3; font-size: 1.3rem; font-weight: 700; position: relative; line-height: 1.846; }

#single .pagination ul li a img { width: 122px; display: none !important; }

#single .pagination ul li a:before { background-image: url("../img/common/ico_arrow10.png"); position: absolute; content: ""; width: 30px; top: 48%; height: 11px; background-size: 30px; }

#single .pagination .btn { margin-top: 25px; }

#single .pagination .btn a:after { left: 15px; right: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (min-width: 600px) { #single .areaTit .tag { font-size: 1.4rem; width: 100px; padding: 5px 0px; }
  #single .areaTit .time { font-size: 1.7rem; padding-left: 19px; margin-top: 2px; }
  #single .areaTit .tit { margin-bottom: 30px; margin-top: 13px; padding-bottom: 16px; }
	#single .eyecatch { height: auto; }
	#single .eyecatch img { max-height: 550px; }
  #single p { font-size: 1.6rem; margin-top: 20px; line-height: 2.125; }
  #single h2 { padding: 23px 18px; margin-bottom: 7px; font-size: 2.2rem; background: linear-gradient(125deg, #b5d5ee 0%, #b5d5ee 39px, #fff 40px, #fff 100%); }
  #single .index { padding: 25px 37px 43px; margin-top: 31px; margin-bottom: 50px; }
  #single .index p { padding-bottom: 3px; font-size: 2.2rem; }
  #single .index .list { margin-top: 12px; }
  #single .index .list .item { margin-top: 14px; padding-left: 21px; font-size: 1.6rem; }
  #single .index .list .item .number { left: 2px; }
  #single ol { margin-top: 12px; }
  #single ol li { font-size: 1.6rem; margin-top: 14px; padding-left: 18px; }
  #single ul { margin-top: 12px; }
  #single ul li { margin-top: 14px; font-size: 1.6rem; }
  #single .pagination { margin-top: 44px; }
  #single .pagination ul li:nth-of-type(1) a { padding: 32px 15px 10px 50px; position: relative; }
  #single .pagination ul li:nth-of-type(1) a:before { left: 0; top: 60px; width: 37px; top: 58px; height: 12px; background-size: 37px; background-repeat: no-repeat; }
  #single .pagination ul li:nth-of-type(1) a:after { top: 19px; height: 80px; }
  #single .pagination ul li:nth-of-type(2) a { padding: 32px 45px 10px 30px; }
  #single .pagination ul li:nth-of-type(2) a:before { right: 0; width: 37px; top: 58px; height: 12px; background-size: 37px; background-repeat: no-repeat; }
  #single .pagination ul li a { -webkit-transition: all .2s linear; transition: all .2s linear; font-size: 1.5rem; padding: 44px 10px 44px 41px; line-height: 2; }
  #single .pagination ul li a:hover { opacity: .7; }
  #single .pagination ul li a img { display: block !important; float: left; margin-right: 16px; position: relative; top: -10px; }
  #single .pagination .btn { margin-top: 50px; }
  #single .pagination .btn a:after { left: 20px; }
  #single .pagination .btn a:hover:after { left: 13px; } }

/* relative
------------------------------------- */
#relative { margin-top: 30px; padding-bottom: 34px; }

#relative .tit { background: linear-gradient(125deg, #b5d5ee 0%, #b5d5ee 22px, #fff 22px, #fff 100%); margin-bottom: 0; }

#relative .column01 { margin-top: -5px; }

#relative .column01 .columnWrap .column a { padding: 10px 10px 10px 0; }

#relative .column01 .columnWrap .column a .areaTit .txtBox .txt { font-weight: 700; line-height: 1.538; }

@media screen and (min-width: 600px) { #relative { margin-top: 50px; padding-bottom: 70px; }
  #relative .tit { background: linear-gradient(125deg, #b5d5ee 0%, #b5d5ee 39px, #fff 40px, #fff 100%); }
  #relative .column01 { margin-top: 6px; }
  #relative .column01 .columnWrap .column { width: 50%; margin: 0; }
  #relative .column01 .columnWrap .column:nth-of-type(2n) { padding-left: 30px; }
  #relative .column01 .columnWrap .column:nth-of-type(2n) a .areaTit .txtBox { width: 187px; }
  #relative .column01 .columnWrap .column:nth-of-type(n+3) { margin-top: 12px; }
  #relative .column01 .columnWrap .column a { padding: 0; }
  #relative .column01 .columnWrap .column a .areaTit .imgBox { width: 188px; float: left; margin-right: 15px; }
  #relative .column01 .columnWrap .column a .areaTit .txtBox { float: left; width: 200px; margin-top: 3px; }
  #relative .column01 .columnWrap .column a .areaTit .txtBox .time { font-size: 1.5rem; margin-bottom: 8px; }
  #relative .column01 .columnWrap .column a .areaTit .txtBox .txt { line-height: 1.666666; font-size: 1.8rem; } }