@charset "UTF-8";
#main nav { text-align: center; color: #fff; background: url(../img/about/nav_bg.jpg) 0 0 repeat; }
#main nav li { display: inline-block; font-weight: bold; }
#main nav li:after { margin: 0 0.25em; content: '｜'; }
#main nav li:first-child:before { margin: 0 0.25em; content: '｜'; }
#main nav a { color: #fff; }
#main .bg { position: relative; }
#main .bg:before { content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#main .bg.active:before { position: fixed; z-index: -1; }
#main section { position: relative; z-index: 1; background: #f7f5f1; }

#pdf { background: #fff; }
#pdf a { text-decoration: underline; color: #cf9735; }

#profile table { width: 100%; }
#profile th { font-weight: normal; }

#recruit h3 { font-weight: bold; }
#recruit table { width: 100%; }
#recruit th { font-weight: normal; }
#recruit a { font-weight: bold; text-decoration: underline; color: #cf9735; }

#access .entry { background: #fff; }
#access h3 { font-weight: bold; text-align: center; color: #684c26; }
#access iframe { display: block; }
#access a { font-weight: bold; text-decoration: underline; color: #cf9735; }

@media (min-width: 751px) { #main nav { padding-top: 65px; height: 120px; }
  #main nav li { font-size: 19px; }
  #main section { padding: 90px 0; }
  #main h2 { margin-bottom: 85px; text-align: center; }
  #main .bg { height: 350px; }
  #main .bg:before { height: 350px; }
  #main .bg.active:before { top: 140px; }
  #main .bg:nth-of-type(1):before { background-image: url(../img/about/bg01_pc.jpg); }
  #main .bg:nth-of-type(2):before { background-image: url(../img/about/bg02_pc.jpg); }
  #main .bg:nth-of-type(3):before { background-image: url(../img/about/bg03_pc.jpg); }
  #main .bg:nth-of-type(4):before { background-image: url(../img/about/bg04_pc.jpg); }
  #main .bg:nth-of-type(5):before { background-image: url(../img/about/bg05_pc.jpg); }
  #main .bg:nth-of-type(6):before { background-image: url(../img/about/bg06_pc.jpg); }
  #main .bg:nth-of-type(7):before { background-image: url(../img/about/bg07_pc.jpg); }
  #pdf { margin: 70px auto 0; padding: 30px; display: table; width: 1000px; font-size: 15px; }
  #pdf p { display: table-cell; text-align: left; vertical-align: middle; }
  #pdf p:nth-of-type(1) { width: 510px; }
  #pdf a:hover { text-decoration: none; }
  #greeting { padding-top: 70px !important; overflow: hidden; }
  #greeting p { width: 600px; float: left; font-size: 15px; line-height: 2; }
  #greeting figure { width: 300px; float: right; }
  #greeting figcaption { margin-top: 20px; font-size: 17px; text-align: center; }
  #outline ul { margin-bottom: 95px; padding-left: 20px; overflow: hidden; }
  #outline li { margin-right: 60px; width: 280px; float: left; }
  #outline li:last-child { margin-right: 0; }
  #outline li p:nth-of-type(1) { margin-bottom: 25px; }
  #outline li p:nth-of-type(2) { font-size: 15px; }
  #outline .center > div { margin: 0 auto; width: 800px; overflow: hidden; }
  #outline .img { width: 330px; float: left; }
  #outline dl { width: 470px; float: right; font-size: 15px; }
  #outline dt { margin-bottom: 5px; font-weight: bold; }
  #outline dd { margin-bottom: 35px; }
  #outline dd:last-child { margin-bottom: 0; }
  #profile th, #profile td { padding: 20px 0; font-size: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #cec8bd; }
  #profile tr:first-child th, #profile tr:first-child td { padding-top: 0; }
  #profile tr:last-child th, #profile tr:last-child td { padding-bottom: 0; border-bottom: none; }
  #profile th { width: 170px; }
  #org .img { text-align: center; }
  #history table { margin: 0 auto; width: 800px; font-size: 15px; }
  #history td { padding-top: 1em; }
  #history td:nth-of-type(1) { width: 180px; }
  #history td:nth-of-type(2) { width: 70px; }
  #history tr:nth-of-type(1) td { padding-top: 0; }
  #recruit section { margin-bottom: 75px; padding: 0; }
  #recruit section:last-child { margin-bottom: 0; }
  #recruit h3 { margin-bottom: 20px; font-size: 19px; }
  #recruit th, #recruit td { padding: 20px 0; font-size: 15px; text-align: left; vertical-align: top; border-top: 1px solid #cec8bd; }
  #recruit tr:last-child th, #recruit tr:last-child td { padding-bottom: 0; }
  #recruit th { width: 170px; }
  #recruit a:hover { text-decoration: none; }
  #sdgs { padding-top: 70px !important; overflow: hidden; }
  #sdgs h2 {	font-size: 18px;	line-height: 2;	color: #684C26;}
  #sdgs p { font-size: 15px; line-height: 2; }
  #sdgs #declaration  {	text-align: center;	margin-bottom: 20px;	background-color: #FFFFFF;	margin-top: 40px;}
  #sdgs #declaration .dcr {	text-align: center;	margin-bottom: 20px;}
  #sdgs th, #sdgs td { padding: 20px 0; font-size: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #cec8bd; }
  #sdgs #declaration h3 {	font-size: 20px;	text-align: center;	padding-bottom: 20px;}
  #sdgs #declaration th {	width: 220px;	position: relative;	margin-left: 0px;	padding-left: 20px;vertical-align: middle;}
  #sdgs #declaration  td {	padding-right: 20px;}
  #sdgs #declaration img {	margin-bottom: 6px;	margin-right: 2px;}
  #sdgs #declaration table {	background-color: rgba(241,241,241,1.00);	border-radius: 20px;	margin-top: 20px;	margin-left: 20px;	margin-right: 20px;	margin-bottom: 20px;}
  #sdgs #declaration .maintheme {	margin-top: 10px;	font-weight: bold;}
  #access .entries { overflow: hidden; }
  #access .entry { margin-top: 60px; padding: 25px 40px 35px; width: 470px; float: left; }
  #access .entry:nth-of-type(1), #access .entry:nth-of-type(2) { margin-top: 0; }
  #access .entry:nth-of-type(2n) { float: right; }
  #access .entry:nth-of-type(2n+1) { clear: both; }
  #access h3 { margin-bottom: 25px; font-size: 21px; }
  #access .img { margin-bottom: 20px; }
  #access iframe { margin-bottom: 20px; }
  #access p { font-size: 15px; }
  #access a:hover { text-decoration: none; }
  #recruit a.tel, #access a.tel { font-weight: normal; text-decoration: none; color: #000; cursor: text; }
}
@media (max-width: 750px) { #main nav { padding: 3.33333vw 0; background-size: 17.06667vw; }
  #main nav li { font-size: 4vw; }
  #main .center { padding: 13.33333vw 6.66667vw; }
  #main h2 { margin: 0 auto 10.66667vw; }
  #main .bg { height: 46.66667vw; }
  #main .bg:before { height: 46.66667vw; }
  #main .bg.active:before { top: 16vw; }
  #main .bg:nth-of-type(1):before { background-image: url(../img/about/bg01_sp.jpg); }
  #main .bg:nth-of-type(2):before { background-image: url(../img/about/bg02_sp.jpg); }
  #main .bg:nth-of-type(3):before { background-image: url(../img/about/bg03_sp.jpg); }
  #main .bg:nth-of-type(4):before { background-image: url(../img/about/bg04_sp.jpg); }
  #main .bg:nth-of-type(5):before { background-image: url(../img/about/bg05_sp.jpg); }
  #main .bg:nth-of-type(6):before { background-image: url(../img/about/bg06_sp.jpg); }
  #main .bg:nth-of-type(7):before { background-image: url(../img/about/bg07_sp.jpg); }
  #pdf { margin: 8vw 6.66667vw 0; padding: 4vw; padding-bottom: 3.33333vw; }
  #pdf p:nth-of-type(1) { margin-bottom: 3.33333vw; }
  #greeting .center { padding-top: 10vw; }
  #greeting h2 { width: 28vw; }
  #greeting p { margin-bottom: 8.66667vw; font-size: 4vw; }
  #greeting figure { margin: 0 auto; width: 60vw; }
  #greeting figcaption { margin-top: 4.66667vw; font-size: 4vw; text-align: center; }
  #outline h2 { width: 63.2vw; }
  #outline ul { margin-bottom: 13.33333vw; }
  #outline li { margin: 0 auto 8vw; width: 65.33333vw; }
  #outline li:last-child { margin-bottom: 0; }
  #outline li p:nth-of-type(1) { margin-bottom: 4.66667vw; }
  #outline li p:nth-of-type(2) { font-size: 4vw; }
  #outline .img { margin: 0 auto 10vw; width: 60.26667vw; }
  #outline dl { font-size: 4vw; }
  #outline dt { font-weight: bold; }
  #outline dd { margin-bottom: 7.33333vw; }
  #outline dd:last-child { margin-bottom: 0; }
  #profile h2 { width: 36.8vw; }
  #profile th, #profile td { padding: 2.66667vw 0; text-align: left; vertical-align: top; border-bottom: 0.13333vw solid #cec8bd; }
  #profile tr:first-child th, #profile tr:first-child td { padding-top: 0; }
  #profile tr:last-child th, #profile tr:last-child td { padding-bottom: 0; border-bottom: none; }
  #profile th { width: 24vw; }
  #org h2 { width: 28vw; }
  #history h2 { width: 19.2vw; }
  #history table, #history tr, #history td { display: block; }
  #history tr { margin-top: 1em; overflow: hidden; }
  #history tr:first-child, #history tr.siblings { margin-top: 0; }
  #history td:nth-of-type(2) { float: left; }
  #history td:nth-of-type(3) { padding-left: 3em; }
  #recruit h2 { width: 36.8vw; }
  #recruit section { margin-bottom: 9.33333vw; }
  #recruit section:last-child { margin-bottom: 0; }
  #recruit h3 { margin-bottom: 2.66667vw; font-size: 4.26667vw; }
  #recruit th, #recruit td { padding: 2.66667vw 0; text-align: left; vertical-align: top; border-top: 0.13333vw solid #cec8bd; }
  #recruit tr:last-child th, #recruit tr:last-child td { padding-bottom: 0; }
  #recruit th { padding-right: 1em; width: 22.66667vw; }
  #sdgs .center { padding-top: 10vw; }
  #sdgs h2 {	width: 80vw;	text-align: center;	font-size: 3vw;	color: #684C26;}
  #sdgs h2 img{ margin-bottom: 2.66667vw;}
  #sdgs p {margin-bottom: 1vw;}
  #sdgs #declaration  {padding-bottom: 2.66667vw; background-color: #FFFFFF; padding: 2vw;	margin-top: 2vw;}
  #sdgs #declaration h3 {	font-size: 4.26667vw;	text-align: center;	padding: 2vw;}
  #sdgs #declaration table {	margin-top:4vw; }
  #sdgs #declaration table th, #sdgs #declaration table td {width: 100%; display:block; }
  #sdgs #declaration th { padding-top: 3vw; margin-top: 3vw ;border-top: 1px solid #cec8bd; }
  #sdgs #declaration th img {	width: 13vw;}
  #sdgs #declaration td {	padding-right: 2vw;}
  #sdgs #declaration h4 {	margin: 2vw 0 1vw 0;	font-weight: bold;}
  #sdgs #declaration .maintheme {	margin-top: 10px;	font-weight: bold;}
  #access h2 { width: 36.8vw; }
  #access .entry { margin-bottom: 6.66667vw; padding: 6vw 5.33333vw; }
  #access .entry:last-child { margin-bottom: 0; }
  #access h3 { margin-bottom: 5.33333vw; font-size: 4.53333vw; }
  #access .img { margin-bottom: 5.33333vw; }
  #access iframe { margin-bottom: 4.66667vw; width: 76vw; height: 58.4vw; }
  #access p { font-size: 3.73333vw; } }