@charset "utf-8";
body
    {
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;          /* ページ全体のmargin */
    padding: 0px;
    min-width: 100%;
    width: 1200px;
    text-align: center;
    font-size: 110%;
    }

#wrapper {
    width: 1200px;
    margin-left: auto;    /* 左側マージンを自動的に空ける */
    margin-right: auto;   /* 右側マージンを自動的に空ける */
    text-align: center;
    max-width: 100%;
    left: auto;
    }
#wrapper #header {
width: 100%;
}
#wrapper #header h1 {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 0px;
    height: auto;
}
#wrapper #header h1 img {
    width: 100%;
    max-width: 1200px;
    margin-top: 5px;
}
.clear {
  clear:both
}

/* サイドメニューココから */
#wrapper #maingrid #side-menu {
    font-family: 'Montserrat', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    padding-top: 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 5px;
    width: 100%;
}
#wrapper #main #grid #side-menu p {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #1F1414;
    font-weight: 500;
    text-align: center;
    font-size: 110%;
}
.heading-6 {
    display: inline-block;
    position: relative;
    padding: 0 1em;
    color: #333333;
    width: 80%;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 110%;
    margin-top: 5px;
}

.heading-6::before,
.heading-6::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 10%;
    height: 3px;
    background-color: #a9abad;
    text-align: center;
}

.heading-6::before {
left: 0;
text-align: center;
}

.heading-6::after {
right: 0;
text-align: center;
}
.list-12 {
list-style-type: none;
padding: 1em;
border-right-color: #7c8388;
border-bottom: 1px solid #7c8388;
}

.list-12 li {
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: relative;
    padding: .3em .3em .3em 1.5em;
    margin-left: 10%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.list-12 li::before,
.list-12 li::after {
    position: absolute;
    content: '';
}

.list-12 li::before {
    left: 0;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #7c8388;
}

.list-12 li::after {
    left: .6em;
    transform: translateX(-75%) rotate(-45deg);
    width: .3em;
    height: .3em;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.accordion-003 {
margin-bottom: 7px;
border-bottom: 1px solid #CFCCCB;
}

.accordion-003 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-top: 1em;
padding-right: 2em;
padding-left: 4em;
padding-bottom: 1em;
color: #333333;
font-weight: 600;
cursor: pointer;
margin-left: 0px;
}

.accordion-003 summary::-webkit-details-marker {
 display: none;
}

.accordion-003 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 2px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.accordion-003[open] summary::after {
transform: rotate(225deg);
border-bottom-color: undefined;
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}
#wrapper #maingrid #side-menu .list ul {
width: 85%;
margin-left: 5%;
margin-right: 5%;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
#wrapper #maingrid #side-menu .list li {
text-align: left;
list-style-type: square;
background-repeat: no-repeat;
padding-left: 20px;
list-style-position: inside;
margin-bottom: 10px;
margin-top: 5px;
font-weight: 400;
}

#header h1 .miniimage { display: none; }
#wrapper #header .resizeimage {
    width: 100%;
}
#footer #box2 a {
    font-weight: 700;
    font-size: x-large;
    margin-left: 5%;
    text-align: left;
    color: #030303;
}
#header h1 .miniimage {
}

/* トップナビココまで */
/* -------------------- */
/* モニター幅1200px以上 */
/* -------------------- */
@media screen and (min-width:1200px) {
#wrapper{
    width: 100%;
    max-width: 1200px;
}
body {
    max-width: 1200px;
    width: 100%;
}
#maingrid #content {
    width: 100%;
    max-width: 930px;
}
#wrapper #main {
width: 100%;
margin-top: 5px;
padding-bottom: 5px;
text-align: center;
max-width: 1200px;
padding-top: 10px;
}
 /* トップナビココまで */
/* メイングリット */
#wrapper #main #maingrid {
  display: grid;
  gap: 10px;
  grid-template-columns: 230px auto;
}
#content {
	order: 2;
}
#side-menu {
	order: 1;
}
#content,
#side-menu
{
  padding: 2%;
  border-radius: 10px
}
/* メイングリットここまで */
  /* メインココから */
#wrapper #main #grid #content {
    margin-top: 5px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}
 /* メインココまで */
/* フッターココから */
#wrapper #footer {
width: 100%;
clear: both;
margin-top: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
background-color: #FFF8E4;
height: 130px;
max-height: 100%;
font-family: Verdana, Geneva, sans-serif;
}
#wrapper #footer #box1 {
width: 34%;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
}
#wrapper #footer #box1 img {
    width: 100%;
    height: auto;
}
#wrapper #footer #box2 {
width: 30%;
margin-left: 2%;
margin-top: 5px;
float: left;
}
#wrapper #footer #box3 {
width: 30%;
margin-left: 2%;
margin-right: 1%;
margin-top: 5px;
float: left;
}
#wrapper #footer .copyright {
padding-right: 10px;
font-style: italic;
text-align: right;
font-size: 90%;
}
#footer #box2 al {
    font-weight: 700;
    font-size: x-large;
    margin-left: 5%;
    text-align: left;
    color: #030303;
}
#footer #box2 .fax {
    font-weight: 600;
    font-size: large;
    margin-left: 3%;
    text-align: left;
	color: #030303;
}
#footer #box2 .address {
    font-size: 100%;
    margin-left: 3%;
    margin-right: 3%;
}
#box3 p a {
color: #110F0F;
font-size: 100%;
font-weight: 500;
}
	 /* フッターココまで */
.list li a {
color: #110F0F;
font-weight: 500;
}
.list-12 li a {
color: #000000;
font-weight: 600;
text-decoration: none;
}
.accordion-003 summary a {
color: #010101;
text-decoration: none;
font-weight: 600;
}
.list-12 li a {
color: #000000;
text-decoration: none;
}
   #header h1 .miniimage { display: none; }  /* miniを非表示 */
	
  #header h1 .bigimage  {
    display: block;
    width: 100%;
	} /* bigを表示 */

}
/* -------------------- */
/*モニター幅1199px以下840px以上*/
/* -------------------- */
@media screen and (min-width:841px) and (max-width:1199px){
body {
    width: 100%;
}
#wrapper {
width: 100%;
}
#wrapper #header {
	width: 100%;
}
#wrapper #main {
width: 100%;
}
#wrapper #header h1 {
width: 100%;
}
#wrapper #header h1 img {
    width: 100%;
    margin-top: 5px;
    max-width: 1200px;
    height: auto;
}
.cp_navi {
width: 100%;
}
/* メイングリット */
#wrapper #main #maingrid {
  width: 100%;
}
#wrapper #main #maingrid　#content {
  width: 100%;
}
#side-menu {
    display: none;
}

/* メイングリットここまで */
  /* メインココから */
#wrapper #main #grid #content {
margin-top: 5px;
margin-left: 1%;
margin-right: 1%;
text-align: center;
}
 /* メインココまで */

.list-12 li {
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: relative;
    padding: .3em .3em .3em 1.5em;
    margin-left: 10%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.list-12 li::before,
.list-12 li::after {
    position: absolute;
    content: '';
}

.list-12 li::before {
    left: 0;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #7c8388;
}

.list-12 li::after {
    left: .6em;
    transform: translateX(-75%) rotate(-45deg);
    width: .3em;
    height: .3em;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.accordion-003 {
margin-bottom: 7px;
border-bottom: 1px solid #CFCCCB;
}

.accordion-003 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-top: 1em;
padding-right: 2em;
padding-left: 4em;
padding-bottom: 1em;
color: #333333;
font-weight: 600;
cursor: pointer;
margin-left: 0px;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 2px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.accordion-003[open] summary::after {
transform: rotate(225deg);
border-bottom-color: undefined;
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

 /* フッターココから */
#wrapper #footer {
width: 100%;
clear: both;
margin-top: 10px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
text-align: left;
background-color: #FFF8E4;
height: 130px;
max-height: 100%;
font-family: Verdana, Geneva, sans-serif;
}
#wrapper #footer #box1 {
width: 34%;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
}
#footer #box1 img {
    width: 100%;
    height: auto;
}
#wrapper #footer #box2 {
width: 30%;
margin-left: 1%;
margin-top: 5px;
float: left;
}
#wrapper #footer #box3 {
width: 30%;
margin-left: 1%;
margin-right: 1%;
margin-top: 5px;
float: left;
}
#wrapper #footer .copyright {
padding-right: 10px;
font-style: italic;
text-align: right;
font-size: 90%;
}
#footer #box2 a {
    font-weight: 700;
    font-size: medium;
    margin-left: 3%;
	color: #110F0F;
}
#footer #box2 .fax {
    font-weight: 500;
    font-size: medium;
    margin-left: 3%;
}
#footer #box2 .address {
    font-size: 100%;
    margin-left: 3%;
    margin-right: 3%;
}
#box3 p a {
color: #110F0F;
font-size: 100%;
font-weight: 500;
}
	 /* フッターココまで */
.list li a {
    color: #110F0F;
    font-weight: 500;
    margin-left: 0px;
}
.list-12 li a {
color: #000000;
font-weight: 600;
text-decoration: none;
}
.accordion-003 summary a {
color: #010101;
text-decoration: none;
font-weight: 600;
}
.list-12 li a {
color: #000000;
text-decoration: none;
}
#footer #box1 img {
    width: 95%;
}
   #header h1 .miniimage { display: none; }  /* miniを非表示 */
   #header h1 .bigimage  {
    display: block;
    width: 100%;
} /* bigを表示 */

}
/* -------------------- */
/* モニター幅840px以下  */
/* -------------------- */
@media only screen and (max-width:840px){
body {
    width: 100%;
}
#wrapper {
width: 100%;
	}
#wrapper #header h1 img {
    width: 100%;
    max-width: 840px;
    margin-top: 2px;
    height: auto;
}
  /* メインココから */
#maingrid #content {
    width: 100%;
}
#wrapper {
    width: 100%;
}
#wrapper #main #maingrid {
  width: 100%;
}
 /* メインココまで */

/* サイドメニューココから */
#wrapper #main #maingrid #side-menu {
    display: none;
}
#wrapper #header {
    width: 100%;
}
#wrapper #header h1 {
    width: 100%;
}

 /* フッターココから */
#wrapper #footer {
    width: 100%;
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #FFF8E4;
    max-height: 100%;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 5px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
}
#wrapper #footer #box1 {
    display: none;
}
#wrapper #footer #box2 {
width: 55%;
margin-left: 2%;
margin-top: 5px;
float: left;
}
#wrapper #footer #box3 {
width: 40%;
margin-left: 2%;
margin-right: 1%;
margin-top: 5px;
float: left;
}
#wrapper #footer .copyright {
    padding-right: 10px;
    font-style: italic;
    text-align: right;
    font-size: 95%;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 95%;
}
#footer #box2 a {
color: #110F0F;
font-weight: 700;
font-size: large;
margin-left: 3%;
}
#footer #box2 .fax {
font-weight: 500;
font-size: medium;
margin-left: 3%;
}
#footer #box2 .address {
font-size: 100%;
margin-left: 3%;
margin-right: 3%;
}
#box3 p a {
color: #110F0F;
font-size: 100%;
font-weight: 500;
}
.list li a {
color: #110F0F;
font-weight: 500;
}
.list-12 li a {
color: #000000;
font-weight: 600;
text-decoration: none;
}
.accordion-003 summary a {
color: #010101;
text-decoration: none;
font-weight: 600;
}
.list-12 li a {
color: #000000;
text-decoration: none;
}
#main #maingrid {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
	display: block;
}
#main #maingrid #side-menu {
    display: none;
}
#wrapper #header {
    width: 100%;
}
#wrapper #footer {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
 #header h1 .miniimage  { 
    display: block;
    width: 100%;
	} /* miniを表示 */
  #header h1 .bigimage  {
    display: none;
    margin-bottom: 0px;
    height: auto;
	}  /* bigを非表示 */

	}