@charset "Shift_JIS";







/*=================================================

  ƒŒƒCƒAƒEƒg

=================================================*/

.clear{

	clear: both;

}



.kicenter{

	clear: both;

	font-size: 120%;

	font-weight: bold;

	text-align: center;

}





/*=================================================

  ƒŠƒ“ƒN

=================================================*/

#AreaContentsBase a {

	text-decoration: underline;

}





/*=================================================

  Œ©o‚µ

=================================================*/

#AreaContentsBase h1{

	margin: 0 0 15px 0;

    font-size: 1.5em;

    border-bottom: 2px solid var(--blue);

}



#AreaContentsBase h2,

#AreaContentsBase h3 {

    margin-top: 30px;

    margin-bottom: 15px;

}



#AreaContentsBase h2{

	padding: 14px 5px 12px 15px;

    font-size: 1.3em;

	background: var(--lightgray);

    border-left: 7px solid var(--blue);

}



#AreaContentsBase h3{

	padding: 9px 6px 6px 22px;

	font-size: 1.15em;

	border-bottom: 2px solid #b7bfc6;

	position: relative;

}

#AreaContentsBase h3::after{

	position: absolute;

	content: "";

	background-color: var(--blue);

	height: 2px;

	width: 30%;

	bottom: -2px;

	left: 0;

}



#AreaContentsBase h4,

#AreaContentsBase h5,

#AreaContentsBase h6 {

	margin-top:30px;

	margin-bottom:10px;

}



#AreaContentsBase h4{

	padding: 7px 5px 5px 22px;

	font-size: 1.15em;

	border-bottom: 1px dotted var(--blue);

}



#AreaContentsBase h5{

    padding: 7px 5px 2px 15px;

	font-size: 1.15em;

}



#AreaContentsBase h6{

    padding: 7px 5px 0px 15px;

	font-size: 1em;

}



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

          Œ©o‚µ > SP

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

      @media (min-width:0px) {



		#AreaContentsBase h1 {

			padding: 0 15px 20px 22px;

		}



      }

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

          Œ©o‚µ > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase h1{

			padding: 0 0 30px 0;

		}



      }

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

          Œ©o‚µ > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

	XV“ú

=================================================*/

#AreaContentsBase .update{

	margin: 0 15px 15px 15px;

    font-size: 0.9em;

	/*color: var(--darkgray);*/

    letter-spacing: normal;

    text-align: right;

}





/*=================================================

	ŒŸõ 

=================================================*/

#AreaContentsBase form p{

	margin: 0 15px 8px 15px;

}



/* “ü—̓tƒH[ƒ€ */

#AreaContentsBase select.i_key_s,

#AreaContentsBase input.i_key_t,

#AreaContentsBase textarea.i_key_t{

	padding: 2px;

	margin-bottom: 2px;

	border: 1px solid var(--darkgray);

	font-size: 90%;

}



#AreaContentsBase input.i_key_t:focus{

	outline: none;

}



#AreaContentsBase input[type=radio] {

    margin: 3px 8px 3px 3px;

}



#AreaContentsBase input[type=radio] + label {

    margin-right: 10px;

}



/* ŒŸõƒ{ƒ^ƒ“ */

#AreaContentsBase .button{

	width: 100px;

	margin-right: 10px;

	text-align: center;

	cursor: pointer;

    border: 1px solid var(--darkgray);

}



#AreaContentsBase .button-blue {

    background: var(--blue);

    color: #fff;

}



#AreaContentsBase .button-silver {

	background: var(--lightgray);

}



#AreaContentsBase .button:hover {

	filter: brightness(0.8);

}



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

          ŒŸõ > SP

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

      @media (min-width:0px) {



      }

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

          ŒŸõ > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase .search-word {

			float: left;

		}



		#AreaContentsBase .search-btn {

			clear: both;

		}



      }

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

          ŒŸõ > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

	–{•¶ 

=================================================*/

#AreaContentsBase p{

	margin: 0 15px 15px 15px;

}







/*=================================================

	ƒŠƒXƒg

=================================================*/

#AreaContentsBase .gdocnews ul {

	margin: 0 15px 15px 15px;

}



#AreaContentsBase .gdocnews ul > li {

	position:relative;

}



#AreaContentsBase .gdocnews ul > li::after {

	width:8px;

	height:8px;

	position:absolute;

	top: calc(0.875em - 4px);

	left:0px;

	content:'';

	background-color:var(--blue);

	border-radius:4px;

}



#AreaContentsBase .gdocnews ol {

	margin: 0 15px 15px 38px;

}



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

          ƒŠƒXƒg > SP

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

      @media (min-width:0px) {



		#AreaContentsBase .gdocnews ul > li {

			padding-left: 20px;

		}

      }

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

          ƒŠƒXƒg > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase .gdocnews ul > li {

			padding-left: 24px;

		}



      }

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

          ƒŠƒXƒg > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

	ƒŠƒ“ƒN•t‚«ƒŠƒXƒgiƒŠƒXƒgƒy[ƒW—pj

=================================================*/

#AreaContentsBase ul.mainview {

	margin: 0 15px 15px 15px;

}



#AreaContentsBase ul.mainview > li{

	padding: 5px 0 5px 0;

}



#AreaContentsBase ul.mainview > li > a:not(.pdf):not(.doc):not(.xls):not(.zip) {

	padding: 0 0 0 24px;

	display: inline-block;

}



#AreaContentsBase ul.mainview > li > a {

	position:relative;

}



#AreaContentsBase ul.mainview > li > a::before {

    position: absolute;

    content: "";

    background-color: var(--blue);

    width: 12px;

    height: 12px;

    left: 0;

    top: calc(0.875em - 6px);

	border-radius: 50%;

}



#AreaContentsBase ul.mainview > li > a::after {

    position: absolute;

    content: "";

    background-color: var(--white);

    clip-path: polygon(0 0, 100% 50%, 0 100%);

    width: 5px;

    height: 6px;

    left: 4px;

    top: calc(0.875em - 3px);

	border-radius: unset;

}



#AreaContentsBase ul.mainview > li > .fourdown {

	margin: 0 0 0 24px;

}



#AreaContentsBase ul.mainview > li > .fourdown > a {

	padding: 0 0 0 20px;

	position:relative;

}



#AreaContentsBase ul.mainview > li > .fourdown > a::before {

    position: absolute;

    content: "";

    background-color: var(--blue);

    height: 1px;

    width: 10px;

    left: 0;

    top:  calc((1.75em - 1px)/2);;

}



#AreaContentsBase .gdocnews ul.mainview  > li::after,

#AreaContentsBase .gdocnews ol.mainview  > li::after {

	content: none;

}







/*=================================================

	‰æ‘œ

=================================================*/

#AreaContentsBase img{

	max-width:95%;

}



#AreaContentsBase .gichophoto{

	margin: 5px 15px 15px 15px;

	text-align: center;

}



#AreaContentsBase .gichophoto figcaption {

	padding: 5px;

}







/*=================================================

	ƒe[ƒuƒ‹

=================================================*/

#AreaContentsBase table {

	margin:10px 10px 20px 15px;

	max-width: 95%;

	font-size: 95%;

	border-top: 1px solid var(--darkgray);

	border-left: 1px solid var(--darkgray);

	background: var(--lightblue);

	border-collapse: collapse;

	border-spacing: 0;

}



#AreaContentsBase table th {

	padding: 10px;

	border-right: 1px solid var(--darkgray);

	border-bottom: 1px solid var(--darkgray);

	background-color: var(--lightblue);

}



#AreaContentsBase table td {

	padding: 5px 10px 5px 10px;

	line-height: 160%;

	background-color: #fff;

	border-right: 1px solid var(--darkgray);

	border-bottom: 1px solid var(--darkgray);

}



#AreaContentsBase table th.edit1 {

	width: 150px;

	text-align: left;

	background-color: var(--lightblue);

}



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

          ƒe[ƒuƒ‹ > SP

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

      @media (min-width:0px) {



		#AreaContentsBase table th {

			padding: 3px 6px 3px 6px;

		}

		

		#AreaContentsBase table td {

			padding: 3px 6px 3px 6p;

		}



      }

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

          ƒe[ƒuƒ‹ > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase table th {

			padding: 10px;

		}

		

		#AreaContentsBase table td {

			padding: 5px 10px 5px 10px;

		}



      }

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

          ƒe[ƒuƒ‹ > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

	’è‹`ƒŠƒXƒg

=================================================*/

#AreaContentsBase dl{

	clear:both;

	font-size: 95%;

}



#AreaContentsBase dl:after{

	content:"";

	display:block;

	clear:both;

}



#AreaContentsBase dt {

	background: var(--lightblue);

	font-weight:bold;

	border-left:3px solid var(--blue);

}



/* ’è‹`ƒŠƒXƒg‚Ì’†‚É“Y•t‚ª‚ ‚Á‚½‚Æ‚« */

#AreaContentsBase dd .fourdown  {

	margin: 0;

}



#AreaContentsBase dd .fourdown a  {

	padding: 0px 0px 0px 40px;

	background-position: left 0 top calc(0.875em - 8px);

}



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

          ’è‹`ƒŠƒXƒg > SP

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

      @media (min-width:0px) {



		#AreaContentsBase dl{

			margin:10px 15px;

		}



		#AreaContentsBase dt {

			margin-bottom:3px;

			padding:3px 3px 3px 6px;

		}



		#AreaContentsBase dd {

			margin-bottom:10px;

			padding:3px 5px 3px 10px;

			border-top:none;

		}



      }

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

          ’è‹`ƒŠƒXƒg > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase dl{

			margin:20px 15px 20px 15px;

		}



		#AreaContentsBase dt {

			margin-bottom:5px;

			padding:5px 5px 5px 7px;

			width:180px;

			box-sizing: border-box;

			float:left;

			clear:both;

		}



		#AreaContentsBase dd {

			margin-bottom:5px;

			padding:5px 5px 5px 7px;

			width:calc(100% - 200px);

			box-sizing: border-box;

			float:right;

			border-top:1px solid var(--darkgray);

		}



      }

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

          ’è‹`ƒŠƒXƒg > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

	“Y•tƒtƒ@ƒCƒ‹

=================================================*/

#AreaContentsBase .fourdown {

	margin: 5px 15px 5px 15px;

}



#AreaContentsBase .fourdown a {

	padding: 0;

	display: inline-block;

}



#AreaContentsBase .fourdown a.pdf,

#AreaContentsBase .fourdown a.doc,

#AreaContentsBase .fourdown a.xls,

#AreaContentsBase .fourdown a.zip {

	padding: 0px 0px 0px 40px;

	background-position: left 0 top calc(0.875em - 8px);

	background-repeat: no-repeat;

}



#AreaContentsBase .fourdown a.pdf {

	background-image: url(../image/icon-pdf.png);

}



#AreaContentsBase .fourdown a.doc {

	background-image: url(../image/icon-doc.png);

}



#AreaContentsBase .fourdown a.xls {

	background-image: url(../image/icon-xls.png);

}



#AreaContentsBase .fourdown a.zip {

	background-image: url(../image/icon-zip.png);

}



#AreaContentsBase ul.mainview li a.pdf {

	padding: 0px 0px 0px 64px;

	background-position: left 24px top calc(0.875em - 8px);

    background-repeat: no-repeat;

    background-image: url(../image/icon-pdf.png);

}



#AreaContentsBase ul.mainview li a.doc {

	padding: 0px 0px 0px 64px;

	background-position: left 24px top calc(0.875em - 8px);

    background-repeat: no-repeat;

    background-image: url(../image/icon-doc.png);

}



#AreaContentsBase ul.mainview li a.xls {

	padding: 0px 0px 0px 64px;

	background-position: left 24px top calc(0.875em - 8px);

    background-repeat: no-repeat;

    background-image: url(../image/icon-xls.png);

}



#AreaContentsBase ul.mainview li a.zip {

	padding: 0px 0px 0px 64px;

	background-position: left 24px top calc(0.875em - 8px);

    background-repeat: no-repeat;

    background-image: url(../image/icon-zip.png);

}







/*=================================================

	ƒy[ƒW‚̐擪‚Ö–ß‚éA‘O‚̉æ–Ê‚É–ß‚é

=================================================*/

#AreaContentsBase .guide {

	margin: 20px 15px 15px 15px;

    font-size: 0.9em;

    letter-spacing: normal;

    text-align: right;

}



#AreaContentsBase .guide .gotop,

#AreaContentsBase .guide .backpage {

	margin-left: 20px;

    display: inline-block;

}



#AreaContentsBase .guide .gotop a,

#AreaContentsBase .guide .backpage a {

	padding-left: 22px;

	background-position: left center;

	background-repeat: no-repeat;

}



#AreaContentsBase .guide .gotop a {

	background-image: url(../image/icon-gotop.png);

}



#AreaContentsBase .guide .backpage a {

	background-image: url(../image/icon-backpage.png);

}







/*=================================================

  ”N“x‘I‘ð

=================================================*/

#AreaContentsBase .addbtn {

    display: inline-block;

}



#AreaContentsBase .addbtn a {

	padding-left: 22px;

    position: relative;

}



#AreaContentsBase .addbtn a::before {

    position: absolute;

    content: "";

    background-color: var(--blue);

    clip-path: polygon(0 0, 100% 50%, 0 100%);

    width: 10px;

    height: 12px;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



#AreaContentsBase ul.nendo_view {

	margin: 0 15px 20px 15px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



#AreaContentsBase ul.nendo_view li {

	margin: 0 6px 6px 0;

	padding: 0;

    background-color: var(--lightblue);

	border: 1px solid var(--darkgray);

    text-align: center;

    font-size: 85%;

}



#AreaContentsBase ul.nendo_view > li::after {

	content: none;

}



#AreaContentsBase ul.nendo_view li a{

	padding: 3px 5px 3px 5px;

    line-height: 1.5;

	min-height: 3em;

    display: flex;

    justify-content: center;

    align-items: center;

	text-decoration: none;

}



#AreaContentsBase ul.nendo_view li:hover {

	filter: brightness(0.8);

}



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

          ”N“x‘I‘ð > SP

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

      @media (min-width:0px) {



		#AreaContentsBase ul.nendo_view li {

			width: calc((100%/3) - 6px);

		}



      }

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

          ”N“x‘I‘ð > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase ul.nendo_view li {

			width: calc((100%/8) - 6px);

			min-width: 7em;

		}



      }

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

          ”N“x‘I‘ð > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

  ƒy[ƒW‘—‚è

=================================================*/

#AreaContentsBase .mp-ie-end{

	margin:0 auto;

	clear:both;

}



#AreaContentsBase .pagenation{

	margin:25px 15px 10px 15px;

	text-align: right;

	font-size: 0.9em;

	letter-spacing: normal;

}



#AreaContentsBase .pagenation .next a,

#AreaContentsBase .pagenation .page a,

#AreaContentsBase .pagenation .current,

#AreaContentsBase .pagenation .prev a{

	margin: 0px 3px 0px 3px;

	padding: 1px 5px 1px 5px;

	display:inline-block;

	text-align: center;

	min-width: 25px;

}



#AreaContentsBase .pagenation .current{

	background-color:var(--blue);

	color:#fff;

	border:solid 1px var(--darkgray);

}



#AreaContentsBase .pagenation .sum {

    padding: 5px 0 0 0;

    display: block;

}



#AreaContentsBase .pagenation .next a,

#AreaContentsBase .pagenation .page a,

#AreaContentsBase .pagenation .prev a{

	background-color:var(--lightgray);

	border:solid 1px var(--darkgray);

	text-decoration: none;

}



#AreaContentsBase .pagenation .page a:hover,

#AreaContentsBase .pagenation .next a:hover,

#AreaContentsBase .pagenation .prev a:hover{

    filter: brightness(0.8);

}







/*=================================================

  accordioni’ñ—vƒf[ƒ^ƒx[ƒXAŽ–—á’²ƒf[ƒ^ƒx[ƒXj

=================================================*/

#AreaContentsBase .accordion ul {

	margin: 0 15px 15px 15px;

}



#AreaContentsBase .accordion > ul > li {

	margin-bottom: 3px;

	padding: 0;

}



#AreaContentsBase .accordion ul > li::after {

	content: none;

}



#AreaContentsBase .accordion > ul > li > a {

	padding: 10px 40px 10px 18px;

	color: #fff;

	background-color: var(--blue);

	cursor: pointer;

	position: relative;

	text-decoration: none;

}



#AreaContentsBase .accordion > ul > li > a:hover {

	filter: brightness(0.8);

}



#AreaContentsBase .accordion > ul > li > a:after {

	position: absolute;

	content: "¥";

	color: #fff;

	font-size: 12px;

	right: 12px;

}



#AreaContentsBase .accordion > ul > li > a.active:after{

	content: "£";

}



#AreaContentsBase .accordion > ul > li > ul {

	display: none;

}



#AreaContentsBase .accordion > ul > li > ul > li {

	padding: 0;

}



#AreaContentsBase .accordion > ul > li > ul > li > a{

	border-bottom: 1px dotted var(--darkgray);

	position: relative;

	text-decoration: none;

}



#AreaContentsBase .accordion > ul > li > ul > li > a::after{

	position: absolute;

	content: "";

	display: inline-block;

    width: 10px;

    height: 10px;

	top: 0;

	bottom: 0;

    margin: auto;

    border-top: 2px solid var(--darkgray);

    border-right: 2px solid var(--darkgray);

    transform: rotate(45deg);

}



#AreaContentsBase .accordion > ul > li > ul > li > a:hover{

	background-color: var(--lightgray);

}



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

          accordion > SP

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

      @media (min-width:0px) {



		#AreaContentsBase .accordion > ul > li > ul {

			margin: 5px 10px 15px 10px;

		}



		#AreaContentsBase .accordion > ul > li > ul > li > a {

			padding: 10px 20px 10px 10px;

		}



		#AreaContentsBase .accordion > ul > li > ul > li > a::after {

			right: 5px;

		}



      }

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

          accordion > TABLET

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

      @media (min-width:768px) {



		#AreaContentsBase .accordion > ul > li > ul {

			margin: 5px 15px 15px 15px;

		}



		#AreaContentsBase .accordion > ul > li > ul > li > a {

			padding:10px 40px 10px 18px;

		}



		#AreaContentsBase .accordion > ul > li > ul > li > a::after {

			right: 20px;

		}



      }

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

          accordion > PC

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

      @media (min-width:1024px) {

  

      }







/*=================================================

  ŠO•”ƒŠƒ“ƒN

=================================================*/

#AreaContentsBase a img {

	margin-left: 5px;

	vertical-align: baseline;

}







/*=================================================

  ƒqƒbƒg‰ÓŠF•\Ž¦

=================================================*/

.wordred {

    font-weight:bold;

	color:#f00;

	/*background-color:#fe0;*/

}

.wordblue {

    font-weight:bold;

	color:#00f;

	background-color:#fe0;

}