main@charset "utf-8";

/* ----------------------------------------------------------------
Reset
----------------------------------------------------------------- */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,a { margin: 0; padding: 0; }
img { border: 0; }
li,dt,dd { list-style: none; }

/* ----------------------------------------------------------------
Common
----------------------------------------------------------------- */

html {
font-size: 62.5%;
}

body {
text-align: center;
color: #333;
background: #fff;
font-family: "Noto Sans Japanese","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 1.6rem;
line-height: 3.4rem;
margin: 0 auto;
}

.clear { width:100%; }
.clear:after {
content: ""; 
display: block; 
clear: both;
}

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

a:active, a:hover {
color: #777;
text-decoration: none;
}

.tac { text-align: center!important; }
.tal { text-align: left!important; }
.tar { text-align: right!important; }

.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb90 { margin-bottom: 90px!important; }
.mgl20 { margin-left: 20px!important; }

.fs10 { font-size: 1rem; }
.fs11 { font-size: 1.1rem!important; }
.fs12 { font-size: 1.2rem!important; }
.fs13 { font-size: 1.3rem!important; }
.fs14 { font-size: 1.4rem!important; }
.fs15 { font-size: 1.5rem!important; }
.fs16 { font-size: 1.6rem!important; }
.fs17 { font-size: 1.7rem!important; }
.fs18 { font-size: 1.8rem!important; }
.fs19 { font-size: 1.9rem!important; }
.fs20 { font-size: 2rem!important; }
.fs21 { font-size: 2.1rem!important; }
.fs22 { font-size: 2.2rem!important; }
.fs23 { font-size: 2.3rem!important; }
.fs24 { font-size: 2.4rem!important; }
.fs25 { font-size: 2.5rem!important; }

.pc {display: none!important; }

/* ----------------------------------------------------------------
Header
----------------------------------------------------------------- */

#header {
width: 80%;
min-height: 60px;
margin: 0 auto;
padding: 10px 0 0 0;
}

#header .inner {
width: 100%;
margin: 0 auto;
padding: 0;
}

#header p {
line-height: 1rem;
margin: 0 auto;
padding: 0;
}

#header .inner img {
width: 100%;
}

#header #facebook {
display: none;
}

/* ----------------------------------------------------------------
Navi
----------------------------------------------------------------- */

#navi_sp {
display: visible;
}

#navi {
display: none;
}

/* ----------------------------------------------------------------
Main Visual
----------------------------------------------------------------- */

#mainvisual {
width: 100%;
border-top: 3px solid #555;
margin: 0 auto;
padding: 30px 0 30px 0;
}

#mainvisual.top {
width: 100%;
background: url(/wp-content/uploads/common/mainvisual.png) no-repeat 50% 50%;
background-size: cover;
margin: 0 auto 30px auto;
}

#mainvisual h1 {
max-width: 90%;
text-align: center;
font-size: 1.8rem;
margin: 0 auto;
}

#mainvisual dl {
max-width: 90%;
text-align: left;
font-size: 1.3rem;
line-height: 1.5rem;
margin: 20px auto 0 auto;
}

#mainvisual dt {
float: left;
display: inline-block;
color: #fff;
font-size: 1.3rem;
line-height: 1.5rem;
background: #111;
padding: 2px 4px;
margin: 0 8px 8px 0;
}

#mainvisual dd {
overflow: hidden;
font-size: 1.3rem;
line-height: 2rem;
margin: 0;
padding: 0 0;
}

#mainvisual.top p {
width: 90%;
padding: 30px 0;
margin: 0 auto;
}

#mainvisual.top p img {
width: 100%;
}

/* ----------------------------------------------------------------
Footer
----------------------------------------------------------------- */

#footer {
width: 100%;
background: #f5f5f5;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin: 0;
padding: 50px 0 30px 0;
}

#footer .inner {
width: 90%;
margin: 0 auto;
}

#footer .col1 {
margin: 0 auto 30px auto;
}

#footer .col2, #footer .col3 {
display: none;
}

/* ----------------------------------------------------------------
Copyright
----------------------------------------------------------------- */

#copyright {
width: 90%;
text-align: center;
font-size: 1.1rem;
line-height: 1.7rem;
margin: 0 auto;
padding: 20px 0;
}

/* ----------------------------------------------------------------
Sub Categories
----------------------------------------------------------------- */

#subcategories {
clear: both;
display: inline-block;
max-width: 90%;
text-align: center;
border: 1px solid #ccc;
border-radius: 25px;
padding: 0 10px;
margin: 0 auto 40px auto;
}

#subcategories ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
padding: 7px 0;
}

#subcategories ul li {
font-size: 1.5rem;
line-height: 3rem;
font-weight: bold;
white-space: nowrap;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 0 50%;
margin: 0 8px;
padding: 0 0 0 10px;
}

/* ----------------------------------------------------------------
Content
----------------------------------------------------------------- */

#content {
width: 90%;
margin: 0 auto 40px auto;
text-align: left;
}

#content #block_pager {
margin: 0 auto;
}

#content #block_pager ul {
width: 100%;
overflow: hidden;
margin: 0 auto 40px auto;
padding: 0;
}

#content #block_pager ul li {
text-align: center;
margin-bottom: 20px;
}

#content #block_pager ul li img {
width: 100%;
}

#content #block_news {
margin-bottom: 50px;
}

#content #block_news a:link,
#content #block_news a:visited {
color: #333;
text-decoration: none;
}

#content #block_news a:active,
#content #block_news a:hover {
color: #777;
text-decoration: underline;
}

#content #block_news h2 {
font-size: 1.6rem;
letter-spacing: 0.2rem;
margin: 0 0 10px 0;
padding: 0;
}

#content #block_news ul {
border-top: 1px solid #ddd;
margin: 0 0 15px 0;
padding: 0;
}

#content #block_news li {
line-height: 3rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 0 50%;
margin: 0;
padding: 10px 0 10px 20px;
}

#content #block_news li .date {
color: #666;
font-size: 1.4rem;
margin-right: 10px;
}

#content #block_news .category {
display: inline-block;
white-space: nowrap;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #666;
font-weight: normal;
padding: 3px 6px;
margin-right: 10px;
}

#content #block_news .category.new {
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #c00000;
border: 1px solid #d80000;
font-weight: normal;
padding: 3px 6px;
margin-right: 5px;
}

#content #block_news .category.general {
color: #666;
background: #fff;
border: 1px solid #777;
}

#content #block_news .category.proposal {
color: #fff;
background: #339;
border: 1px solid #339;
}

#content #block_news .category.event {
color: #fff;
background: #24a16a;
border: 1px solid #24a16a;
}

#content #block_news .category.campaign {
color: #fff;
background: #9daebd;
border: 1px solid #9daebd;
}

#content #block_news .category.interview {
color: #fff;
background: #0174b7;
border: 1px solid #0174b7;
}

#content #block_news li .title {
display: block;
color: #666;
font-size: 1.4rem;
}

#content #block_news p {
text-align: left;
font-size: 1.4rem;
margin: 0;
}

#content #block_news p span {
font-weight: bold;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 0 50%;
margin: 0;
margin-right: 20px;
padding: 0 0 0 13px;
}

#content #block_news p span:nth-child(n+2) {
}

#content #block_news p span a:link,#content #block_news p span a:visited {
color: #333;
text-decoration: none;
}

#content #block_news p span a:hover,#content #block_news p span a:active {
color: #777;
text-decoration: underline;
}

/* ----------------------------------------------------------------
Content sub pages
----------------------------------------------------------------- */

#content .entrycontent {
margin: 0 auto 40px auto;
}

#content .entrycontent p {
}

#content .entrycontent img {
max-width: 100%;
height: auto;
}

#content .entrycontent video {
max-width: 100%;
}

#content .entrycontent iframe {
max-width: 100%;
}

#content .timestamp {
font-size: 1.3rem;
color: #999;
margin: 0 auto 10px auto;
padding: 0;
}

#content .timestamp span {
color: #ccc;
margin: 0 10px;
}

#content h2 {
font-size: 1.8rem;
margin: 0 0 10px 0;
}

#content h3 {
font-size: 1.7rem;
margin: 0 0 10px 0;
}

#content h4 {
font-size: 1.6rem;
margin: 0 0 10px 0;
}

#content p {
font-size: 1.6rem;
margin: 0 0 20px 0;
}

#content a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.word {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.excel {
background: url(/wp-content/uploads/common/icon_excel.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.powerpoint {
background: url(/wp-content/uploads/common/icon_powerpoint.png) no-repeat 0 50%;
padding: 4px 0 4px 40px;
}

#content .entrycontent a:link, #content .entrycontent a:visited {
color: #3451A4;
text-decoration: underline;
}

#content .entrycontent a:active, #content .entrycontent a:hover {
color: #399ECC;
text-decoration: underline;
}

#content table {
border-collapse: collapse;
}

#content ul.col3 {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding: 0;
}

#content ul.col3 li {
width: 100%;
text-align: left;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef url(/wp-content/uploads/common/arrow.png) no-repeat 95% 50%;
margin: 0 3% 20px 2%;
}

#content ul.col3 li.logout {
background: #fff url(/wp-content/uploads/common/icon_unlock.png) no-repeat 95% 50%;
}

#content ul.col3 li a {
display: block;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
padding: 12px 20px;
}

#content ul.col3 li a:link, #content ul.col3 li a:visited {
color: #282828;
text-decoration: none;
}

#content ul.col3 li a:hover {
color: #777;
text-decoration: none;
}

#content.archive h2,
#content.single h2 {
font-size: 1.5rem;
line-height: 2.6rem;
background: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 10px 10px 20px;
margin: 0 0 20px 0;
}

.wp-pagenavi {
clear: both;
text-align:center;
padding-top: 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #fff;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}

.wp-pagenavi a:hover{
color:#fff; 
background-color:#999; 
border-color:#999;
}

.wp-pagenavi span.current{
color: #fff;
background-color: #777;
border-color: #777;
font-weight: bold;
}

/* ----------------------------------------------------------------
Overview
----------------------------------------------------------------- */

#content.overview table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
margin: 0 0 40px 0;
}

#content.overview table th {
width: 20%;
vertical-align: top;
font-size: 1.4rem;
line-height: 3.4rem;
font-weight: bold;
background: #efefef;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 8px 10px;
}

#content.overview table td {
font-size: 1.4rem;
line-height: 3.4rem;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 8px 10px;
}

/* ----------------------------------------------------------------
Greeting
----------------------------------------------------------------- */

#content.prospectus .photo {
width: 70%;
margin: 0 auto 30px auto;
}

#content.prospectus .photo img {
width: 100%;
}

#content.prospectus .em p {
font-weight: bold;
}

#content.prospectus h2 {
text-align: center;
font-size: 2.2rem;
line-height: 3.6rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0 0 40px 0;
}

#content.prospectus .signature p {
text-align: center;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin: 20px 0 5px 0;
}

#content.prospectus .signature h2 {
text-align: center;
font-size: 2rem;
letter-spacing: 0.3rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0;
padding: 0;
}

#content.prospectus .signature h2 span {
font-size: 1.5rem;
font-weight: normal;
margin-right: 15px;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */

#content.list h2 {
padding: 0;
margin: 0 0 10px 0;
}

#content.list table {
width: 100%;
border-top: 1px solid #ddd;
margin: 0 0 50px 0;
}

#content.list table th {
font-size: 1.4rem;
font-weight: normal;
white-space: nowrap;
vertical-align: top;
border-bottom: 1px solid #ddd;
padding: 5px 10px 5px 0;
margin: 0;
}

#content.list table td {
font-size: 1.4rem;
vertical-align: top;
border-bottom: 1px solid #ddd;
padding: 5px 0;
margin: 0;
}

#content.list table.col2 {
margin: 0 0 50px 0;
}

#content.list table.col2 th {
width: 25%;
}

#content.list table.col3 {
margin: 0 0 50px 0;
}

#content.list table.col3 th {
width: 25%;
white-space: nowrap;
}

#content.list table.col3 td {
padding: 5px 10px 5px 0;
}

#content.list table.col3 td:first-child {
width: 25%;
padding: 5px 10px 5px 0;
}

#content.list table.col3 td:last-child {
padding: 5px 0 5px 10px;
}

/* ----------------------------------------------------------------
Organization
----------------------------------------------------------------- */

#content.organization img {
width: 100%;
}

/* ----------------------------------------------------------------
Guidance
----------------------------------------------------------------- */

#content.guidance h2 {
border-bottom: 1px solid #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

#content.guidance h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 5px 0 5px 15px;
border-left: 2px solid #222;
}

#content.guidance ul {
margin: 0 0 60px 0;
}

#content.guidance ul.pdf {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance ul.word {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance ul.excel {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance li {
margin: 0 0 5px 0;
}

#content.guidance ul ul {
margin: 5px 0 5px 15px;
}

#content.guidance ul ul li {
margin: 0 0 2px 0;
}

#content ul.pdf a {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.pdf a:link, #content ul.pdf a:visited {
text-decoration: underline;
}

#content ul.pdf a:active, #content ul.pdf a:hover {
text-decoration: underline;
}

#content ul.word a {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.word a:link, #content ul.word a:visited {
text-decoration: underline;
}

#content ul.word a:active, #content ul.word a:hover {
text-decoration: underline;
}

#content ul.excel a {
background: url(/wp-content/uploads/common/icon_excel.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.excel a:link, #content ul.excel a:visited {
text-decoration: underline;
}

#content ul.excel a:active, #content ul.excel a:hover {
text-decoration: underline;
}

/* ----------------------------------------------------------------
News
----------------------------------------------------------------- */

#content.news {
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0;
}

#content.news #sidebar {
width: 100%;
order: 2;
}　

#content.news h2 {
font-size: 1.5rem;
line-height: 2.4rem;
background: #eee;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#content.news .entrycontent {
margin: 0 auto 40px auto;
}

.wp-pagenavi {
clear: both;
text-align:center;
padding: 30px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}

.wp-pagenavi a:hover{
color:#FFF; 
background-color:#999; 
border-color:#999;
}

.wp-pagenavi span.current{
color: #FFF;
background-color: #66cccc;
border-color: #66cccc;
font-weight: bold;
}

#sidebar {
padding: 30px 0 0 0;
margin: 0 0 50px 0;
}

#sidebar h3 {
font-size: 1.5rem;
line-height: 2.4rem;
background: #eee;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#sidebar li a {
background: url(/wp-content/uploads/common/arrow.png) no-repeat 5px 50%;
padding: 0 0 0 20px;
}

/* ----------------------------------------------------------------
Guidance
----------------------------------------------------------------- */

#content.works dt {
font-size: 1.6rem;
font-weight: bold;
border-bottom: 1px solid #ddd;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

#content.works dd {
font-size: 1.6rem;
margin: 0 0 40px 0;
}

/* ----------------------------------------------------------------
Member list
----------------------------------------------------------------- */

#content.member-list #registration_type {
margin: 0 0 30px 0;
}

#content.member-list #registration_type p {
margin: 0 0 20px 0;
}

#content.member-list #registration_type li {
margin: 0 0 7px 0;
}

#content.member-list #registration_type li img {
margin: 0 10px -7px 0;
}

#content.member-list h2 {
padding: 0;
margin: 0 0 10px 0;
}

#content.member-list table {
width: 100%;
border-top: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
margin: 0 0 10px 0;
}

#content.member-list table tr.row1 th {
font-size: 1.5rem;
font-weight: bold;
white-space: nowrap;
vertical-align: top;
background: #ddd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 7px 10px;
margin: 0;
}

#content.member-list table tr.row2 th {
font-size: 1.3rem;
line-height: 2.4rem;
font-weight: bold;
white-space: nowrap;
vertical-align: top;
background: #eee;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 7px 10px;
margin: 0;
}

#content.member-list table td {
font-size: 1.3rem;
line-height: 2.4rem;
vertical-align: top;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 7px 10px;
margin: 0;
}

#content.member-list table td img {
margin: 0 8px -4px 0;
}

#content.member-list table td:nth-child(1) {
width: 42px;
padding: 7px 0 3px 10px;
}

#content.member-list table td:nth-child(2) {
}

#content.member-list table td:nth-child(3) {
width: 28%;
}

#content.member-list table td:nth-child(4) {
width: 22%;
white-space: nowrap;
}

#content.page p.pagetop {
text-align: right;
font-size: 1.5rem;
margin: 0 0 40px 0;
}

#content.page p.pagetop a {
background: url(/wp-content/uploads/common/icon_pagetop.png) no-repeat 0 50%;
padding: 1px 0 1px 20px;
}

#content.page p.pagetop a:link,
#content.page p.pagetop a:visited {
color: #3185ce;
}

#content.page p.pagetop a:hover,
#content.page p.pagetop a:active {
color: #549fe0;
}

/* ----------------------------------------------------------------
Committee list
----------------------------------------------------------------- */

#content.committee-list h2 {
padding: 0;
margin: 0 0 10px 0;
}

#content.committee-list table {
width: 100%;
border-top: 1px solid #ddd;
margin: 0 0 50px 0;
}

#content.committee-list table th {
width: 35%;
font-size: 1.4rem;
line-height: 2.4rem;
font-weight: normal;
white-space: nowrap;
vertical-align: top;
border-bottom: 1px solid #ddd;
padding: 7px 15px 7px 0;
margin: 0;
}

#content.committee-list table td {
font-size: 1.4rem;
line-height: 2.4rem;
vertical-align: top;
border-bottom: 1px solid #ddd;
padding: 7px 0 7px 0;
margin: 0;
}

/* ----------------------------------------------------------------
Salon
----------------------------------------------------------------- */

#content.salon {
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0;
}

#content.salon #sidebar {
width: 100%;
order: 2;
}　

#content.salon #main {
width: 100%;
padding: 0;
}

#content.salon h2 {
font-size: 1.5rem;
line-height: 2.4rem;
background: #eee;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#content.salon .entrycontent {
margin: 0 auto 40px auto;
}

/* ----------------------------------------------------------------
Annual report
----------------------------------------------------------------- */

#content.archive.annualreport ul {
margin: 0 0 40px 10px;
}

#content.annualreport .timestamp {
margin: 0 auto 10px auto;
padding: 0;
}

#content.archive.annualreport ul {
margin: 0 0 60px 20px;
}

#content.archive.annualreport ul {
margin: -20px 0 60px 0;
padding: 0;
}

#content.archive.annualreport ul li {
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 5px 50%;
margin: 0;
padding: 10px 0 10px 25px;
}

#content.archive.annualreport li .date {
color: #666;
font-size: 1.4rem;
margin-right: 10px;
}

#content.archive.annualreport li .category {
display: inline-block;
white-space: nowrap;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #666;
font-weight: normal;
padding: 3px 6px;
margin-right: 5px;
}

#content.archive.annualreport ul li .category.new {
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #c00000;
font-weight: normal;
padding: 3px 6px;
margin-right: 5px;
}

#content.archive.annualreport ul li .title {
display: block;
line-height: 2.4rem;
}

#content.archive.annualreport a {
padding: 2px 0 2px 0;
text-decoration: underline;
}

#content.single.annualreport h2 {
margin: 0 0 10px 0;
}

#content.single.annualreport h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 5px 0 5px 15px;
border-left: 2px solid #222;
}

/* ----------------------------------------------------------------
Disclosure
----------------------------------------------------------------- */

#content.archive.disclosure ul {
margin: 0 0 40px 10px;
}

#content.archive.disclosure a {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
text-decoration: underline;
}

/* ----------------------------------------------------------------
Q & A
----------------------------------------------------------------- */

#content.qa h2 {
font-size: 1.5rem;
line-height: 2rem;
background: #eee;
display: flex;
flex-wrap: wrap;
padding: 10px 20px 10px 15px;
margin: 0 0 10px 0;
}

#content h2 .question {
width: 30px;
color: #f00;
font-size: 2.2rem;
font-weight: bold;
margin-right: 0;
}

#content.qa h2 span:nth-child(2) {
width: calc(100% - 30px);
margin: 0;
}

#content.qa h2 span:nth-child(3) {
margin: 5px 0 0 30px;
}
#content.qa h2 span:nth-child(4) {
margin-top: 5px;
}
#content.qa h2 span:nth-child(5) {
margin-top: 5px;
}
#content.qa h2 span:nth-child(6) {
margin-top: 5px;
}

#content h2 .category a:link,
#content h2 .category a:visited {
color: #fff;
text-decoration: none;
}

#content h2 .category a:hover {
color: #ccc;
text-decoration: none;
}

#content p {
word-break: break-all;
}

/* ----------------------------------------------------------------
Contact
----------------------------------------------------------------- */

#inquiry {
width: 100%;
margin: 0 auto;
}

label {
coloe: #333;
font-size: 1.5rem;
letter-spacing: 0.1rem;
font-weight: bold;
}

select {
-webkit-appearance: none;
appearance: none;
width: 50%;
box-sizing: border-box;
color: #777;
font-size: 1.5rem;
border: 1px solid #cdcdcd;
border-radius: 2px;
background: #f1f1f1;
padding: 11px 20px;
margin: 3px 0 20px 0;
}

option {
font-size: 1.5rem;
}

input {
width:100%;
box-sizing: border-box;
font-size: 1.5rem;
background: #f1f1f1;
border: 1px solid #cdcdcd;
padding: 10px 10px;
margin: 0 0 20px 0;
}

textarea {
width:100%;
box-sizing: border-box;
font-size: 1.5rem;
background: #f1f1f1;
border: 1px solid #cdcdcd;
padding: 10px 10px;
margin: 0 0 20px 0;
}

input[type="submit"] {
width:100%;
box-sizing: border-box;
color:#fff;
font-size: 1.8rem;
font-weight: bold;
padding: 15px 10px;
background:#333;
}

input[type="submit"]:hover {
background:#666;
}

.cf7-required {
text-align: center;
font-size: 1.1rem;
color: #fff;
background: #f00;
margin: 0 0 0 15px;
padding: 2px 5px;
}

/* ----------------------------------------------------------------
Proposal
----------------------------------------------------------------- */

#mainvisual.proposal dt {
background: #339;
}

#content.single.proposal h2:nth-child(n+2) {
margin-top: 40px;
}

#content.single.proposal h3 {
margin: 0 0 20px 0;
padding: 20px 0 0 0;
}

#content.single.proposal p {
padding: 0;
}

#content.single.proposal p:last-child {
margin: 40px 0 0 0;
padding-bottom: 30px;
}

#content.archive.proposal .entry {
text-align: center;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 30px 0;
}

#content.archive.proposal .entry:hover {
background: #efefef;
}

#content.archive.proposal .entry a:link,
#content.archive.proposal .entry a:visited {
color: #333;
text-decoration: none;
}

#content.archive.proposal .entry a:active,
#content.archive.proposal .entry a:hover {
color: #333;
text-decoration: none;
}

#content.archive.proposal .entry h2 {
display: block;
text-align: center;
background: none;
font-size: 1.8rem;
letter-spacing: 0.2rem;
margin: 0 auto 20px auto;
padding: 0;
}

#content.archive.proposal .entry p {
font-size: 1.3rem;
line-height: 1.5rem;
margin: 20px auto 0 auto;
}

#content.archive.proposal .entry p span {
display: inline-block;
color: #fff;
background: #111;
padding: 2px 4px;
margin: 0 8px 0 24px;
}

#content h2 .category {
display: inline;

white-space: nowrap;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #666;
font-weight: normal;
padding: 3px 5px 3px 6px;
margin-right: 10px;
}

#content h2 .category.new {
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #c00000;
font-weight: normal;
margin-right: 5px;
}

#content h2 .category.general {
color: #fff;
background: #666;
}

#content h2 .category.proposal {
color: #fff;
background: #339;
}

#content h2 .category.event {
background: #24a16a;
}

#content h2 .category.talk {
color: #fff;
background: #111;
}

#content h2 .category.campaign {
background: #9daebd;
}

#content h2 .title {
line-height: 2.4rem;
}

/* ----------------------------------------------------------------
Event
----------------------------------------------------------------- */

#mainvisual.event dt {
background: #24a16a;
}

#content.single.event p {
padding: 0;
}

#content.single.event table {
width: 100%;
box-sizing: border-box;
margin: 0 auto 30px auto;
padding: 0 20px;
}

#content.single.event table th {
display: block;
width: 100%;
font-size: 1.6rem;
vertical-align: top;
font-weight: normal;
padding: 0;
}

#content.single.event table td {
display: block;
width: 100%;
font-size: 1.6rem;
line-height: 2.6rem;
padding: 0 0 30px 0;
}




#content.single.event table.event {
box-sizing: border-box;
border-collapse: collapse;
margin-top: 40px;
margin-bottom: 0;
}

#content.single.event table.event caption {
font-size: 1.8rem;
font-weight: bold;
padding-bottom: 10px;
}

#content.single.event table.event th {
text-align: left;
font-weight: bold!important;
background: #eee;
font-weight: normal;
box-sizing: border-box;
margin-bottom: 10px;
padding: 5px 15px;
}

#content.single.event table.event tr {
}

#content.single.event table.event td {
text-align: left;
font-weight: normal;
box-sizing: border-box;
margin-bottom: 20px;
padding: 8px 15px;
}

#content.single.event table.event td.title {
font-weight: bold!important;
margin-bottom: 0;
padding: 5px 15px 0 15px;
}

#content.single.event table.event td.position {
margin-bottom: 0;
}

#content.single.event table.event td.theme {
margin-bottom: 0;
padding: 0 15px 20px 30px;
}

#content.single.event table.event td.name {
margin-bottom: 0;
padding: 0 15px 20px 30px;
}

#content.single.event table.event td:last-child {
}

#content.single.event table.event td.position {
vertical-align: middle;
border-right: none;
}

#content.single.event table.event td.position:lasi-child {
padding-bottom: 20px;
}

#content.single.event table.event td .row1 {
display: block;
}

#content.single.event table.event td .row2 {
display: block;
border-top: #e3e3e3 1px solid;
margin-top: 15px;
padding-top: 15px;
}

#content.single.event table.event td .row3 {
display: block;
border-top: #e3e3e3 1px solid;
border-bottom: #e3e3e3 1px solid;
margin-top: 15px;
padding-top: 15px;
}

#content.single.event table.event td span:last-child {
padding-bottom: 20px;
}

#content.single.event table.event td.role {
font-weight: bold;
}

#content.single.event table.event figure {
width: 60%;
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
}

#content.single.event table.event figure img {
width: 100%;
margin: 0 auto;
}

#content.single.event table.event figcaption {
font-size: 1.5rem;
text-align: center;
}

#content.single.event table.event td span p {
margin: 0;
padding: 0;
}

/* ----------------------------------------------------------------
Campaign
----------------------------------------------------------------- */

#content.single.campaign p {
padding: 0;
}

#content.single.campaign h3 {
margin: 0 0 10px 0;
padding: 20px 0 0 0;
}

#content.single.campaign p.column img {
max-width: 90%;
clear: both;
border: 1px solid #ddd;
margin: 10px auto 10px auto;
}

#content .mincho {
text-align: center;
font-size: 2rem;
line-height: 4rem;
font-weight: normal;
font-family: "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0 auto 30px auto;
}

/* ----------------------------------------------------------------
Interview
----------------------------------------------------------------- */

#content.single.interview h3 {
margin: 30px 0 10px 0;
}

#content.single.interview .profile {
box-sizing: border-box;
padding: 10px 15px;
background: #f5f5f5;
border: 1px solid #ccc;
margin: 30px 0 0 0;
}

#content.single.interview .profile p {
margin: 0;
}




#content.archive.interview .block {
width: 100%;
box-sizing: border-box;
margin: 0 0 20px 0;
}

#content.archive.interview .block .thumb {
width: 100%;
box-sizing: border-box;
}

#content.archive.interview .block .thumb img {
width: 100%;
height: auto;
vertical-align: top;
}

#content.archive.interview .block .text {
width: 100%;
box-sizing: border-box;
border-left: 2px solid #f00;
padding: 20px 20px 0 20px;
}

#content.archive.interview .block .text p {
color: #959595;
font-size: 1.5rem;
}


/* ----------------------------------------------------------------
YouTube
----------------------------------------------------------------- */

.youtube {
max-width: 100%;
margin: -5px auto 20px auto;
}

.youtube iframe{
max-width: 100%;
}

/* ----------------------------------------------------------------
Nagomi Award
----------------------------------------------------------------- */

.wpcf7-response-output {
text-align: center;
}

#content.nagomi-award {
text-align: center;
}

#content.nagomi-award img {
width: 100%;
}