@charset "utf-8";

body {
  font-size: 1.2rem;
  padding: 0 !important;
  position: relative;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

.outer-block {
  min-width: 320px;
}

.inner-block {
  padding: 0;
  width: auto;
}

#wrapper {
  min-width:320px;
  padding: 63px 0 0 0;
  position: relative;
  overflow: hidden;
}

#wrapper.english {
  padding: 60px 0 0;
}

img {
  max-width: 100%;
}

input, select, textarea {
  font-size: 1.6rem!important;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, sans-serif;
}

.pc {
  display:none !important;
}
.pc-ib {
  display: none !important;
}

.sp {
  display:block !important;
}
.sp-ib {
  display: inline-block !important;
}

/*------------------------------------------------------------------------------
  header
------------------------------------------------------------------------------*/
#header {
  border-bottom: solid 1px #ccc;
  position: relative;
  z-index: 9999;
}

#header .pre-h1 {
  display: none !important;
}

.header-top {
  padding: 0;
}

#header .logo {
  margin: 0;
  float: left;
  padding: 10px;
}

#header .logo a {
  width: auto;
  height: auto;
}

#header .logo a:after {
    content: ".";
    display: block;
    margin-top: -1em;
    line-height: 1;
    color: transparent;
}

#header .logo a img {
  height: 35px;
  width: auto;
}

#header .logo-en {
  margin: 0;
  float: left;
  padding: 10px;
}

#header .logo-en a {
  width: auto;
  height: auto;
}

#header .logo-en a:after {
  content: ".";
  display: block;
  margin-top: -1em;
  line-height: 1;
  color: transparent;
}

#header .logo-en a img {
  height: 34px;
}


/*------------------------------------------------------------------------------
  navi
------------------------------------------------------------------------------*/
#nav {
  padding: 0;
}

#header.outer-block {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

#navi-sp .menu-btn {
  color: #ed6d1e;
  display: inline-block;
  float: right;
  font-size: 1.0rem;
  margin: 0 10px 0 0;
  width: 40px;
  padding: 35px 0 3px 0;
  position: relative;
  text-align: center;
}

#navi-sp .menu-btn:before {
  background: url(../img/sp/common/menu.png) no-repeat;
  background-size: 36px;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 36px;
  height: 39px;
}

.english #navi-sp .menu-btn:before {
  background: url(../img/sp/common/menu-en.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 36px;
  height: 39px;
}
.english #navi-sp .menu-btn.open:before {
  background: url(../img/sp/common/close-en.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 36px;
  height: 39px;
}

#navi-sp .menu-btn.open:before {
  background: url(../img/sp/common/close.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 36px;
  height: 39px;
}

#navi-sp .menu-btn img {
  height: 26px;
}

#navi-sp .menu-btn.close {
  background: url(../img/common/close.png) no-repeat center;
  background-size: 60%;
}

#header .navi-sp .menu-btn.close img {
  display: none;
}

#navi-sp .menu-btn img {
  height: 28px;
  vertical-align: middle;
}

#navi-sp .menu-body {
  background: #fff;
  display: none;
  overflow: auto;
  position: absolute;
  top: 56px;
  width: 100%;
  z-index: 9999;
}

#navi-sp .menu-body li {
  border-top: solid 1px #ccc;
  line-height: 50px;
  font-size: 1.4rem;
  font-weight: bold;
}
#navi-sp .menu-body li.disabled {
  background: #999;
}
#wrapper #navi-sp .menu-body li.disabled a:after {
  background: none;
  height: 0;
  width: 0;
}

#navi-sp .menu-body > li .other {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 10px;
  position: relative;
  width: 100%;
}

#navi-sp .menu-body > li > a {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 10px;
  position: relative;
  width: 100%;
}

#navi-sp .menu-body > li > a:after {
  background: url(../img/common/arrow05.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
  height: 20px;
  width: 13px;
}

#navi-sp .menu-body > li.aco > a:after {
  background: none;
}

#navi-sp .menu-body .aco {
  position: relative;
}

#navi-sp .menu-body .aco-btn {
  background: url(../img/common/arrow_open.png) no-repeat center;
  background-size: 20px 13px;
  border-left: solid 1px #ccc;
  height: 51px;
  position: absolute;
  width: 50px;
  top: 0;
  right: 0;
}

#navi-sp .menu-body .aco-btn.open {
  background: url(../img/common/arrow_close.png) no-repeat center;
  background-size: 20px 13px;
}

#navi-sp .menu-body .bg-color {
  background: #e2e2e2;
}

#navi-sp .menu-body li.search-box {
  padding: 10px;
}

#navi-sp .menu-body input[type="text"] {
  box-sizing: border-box;
  height: 35px;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
}
.search-box input[type="image"] {
  height: 20px;
  right: 20px;
  width: 21px;
}

input::-webkit-input-placeholder {
  color: #aaa;
  font-size: 1.4rem;
  font-weight: bold;
}
input:-ms-input-placeholder {
  color: #aaa;
  font-size: 1.4rem;
  font-weight: bold;
}
input::-moz-placeholder {
  color: #aaa;
  font-size: 1.4rem;
  font-weight: bold;
}

#navi-sp .menu-body .aco-body {
  background: #e2e2e2;
  display: none;
  padding: 0;
}

#navi-sp .menu-body .aco-body li {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 35px;
}

#navi-sp .menu-body .aco-body li a {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  width: 100%;
}

#navi-sp .menu-body .aco-body li a:after {
  background: url(../img/common/arrow05.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
  height: 15px;
  width: 15px;
}

.menu-bg {
  display: none;
  height: 0;
  position: absolute;
  width: 100%;
}

.menu-bg.show {
  background: rgba(0,0,0,0.5);
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 55;
}

/*------------------------------------------------------------------------------
  mainvisual
------------------------------------------------------------------------------*/
#visual {
  background: none;
  height: inherit;
}

#visual .unifan {
  position: absolute;
/*
  top: auto;
  bottom: 10px;
*/
  width: 90px;
}

#visual .decent {
  width: 50%;
  height: auto;
}

/*------------------------------------------------------------------------------
  top
------------------------------------------------------------------------------*/
#main-wrap > .inner-block {
  box-sizing: border-box;
  padding: 0 10px;
}

.top .btn-block,
.top .bnr-block,
.top .content-block {
  box-sizing: border-box;
  padding: 0 10px;
}

.top .btn-ul {
  margin: 10px 0 0 0;
}

.top .btn-ul li {
  width: 48%;
}

.top .btn-ul li:first-child {
  margin: 0 10px 0 0;
}

.top .btn-ul li a {
  width: 100%;
}

.top .bnr-block {
  background: url(../img/sp/top/bnr_bg01.jpg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 82px;
  margin: 10px 0 0 0;
}

.top .bnr-block .jtu-area {
  height: 100%;
  padding: 7px;
  width: 42%;
}

.top .bnr-block .jtu-area .title {
  font-size: 1.3rem;
}

.top .bnr-block .jtu-area .text {
  line-height: 1.2;
  font-size: 1.0rem;
}

.top .bnr-block .jtu-area:after {
  right: 8px;
  bottom: 8px;
  height: 13px;
  width: 13px;
}

.top .bnr-block .contact-area {
  padding: 7px 0;
  width: 29%;
}

.top .bnr-block .contact-area .title {
  font-size: 10px;
}

.top .bnr-block .contact-area .text {
  font-size: 10px;
}

.top .bnr-block .contact-area:after {
  background-size: 100%;
  bottom: 0;
  margin: auto;
  height: 21px;
  width: 21px;
}

.contact .btn-area {
  margin-top: 25px;
  display: inline-block;
  text-align: center;
  width: 100%;
}

.contact .btn-area a,
.contact .btn-area .backpage,
.contact .btn-area .submit { 
  width: 45%;
  font-size: 1.0rem;
  line-height: 30px;
  background-size: 15px;
}

.contact .submit {
  background-position: 95% 7px;
}

.contact .backpage {
  background-position: 9px 7px;
}

.top .newslist-area {
  margin: 20px 0 0 0;
}

.top .newslist-area .title-h2 {
  border-bottom: solid 1px #e2e2e2;
  display: block;
  font-size: 15px;
  padding: 10px;
}

.top .newslist-area .nav-box {
  padding: 0;
  position: relative;
}

.top .newslist-area .news-list-btn a {
  border: solid 1px #143991;
  border-radius: 5px;
  box-sizing: border-box;
  color: #143991;
  display: inline-block;
  font-size: 1.0rem;
  line-height: 20px;
  padding: 0 10px 0 0;
  position: absolute;
  text-align: center;
  top: 7px;
  right: 10px;
  width: 80px;
}

.top .newslist-area .news-list-btn a:after {
  background: url(../img/common/arrow02.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 7px;
  margin: auto;
  height: 7px;
  width: 4px;
}

.top .newslist-area .newses-box {
  padding: 0 0 0 10px;
}

.top .newslist-area .newses-ul li {
  line-height: inherit;
  padding: 10px 10px 10px 0;
}

.top .newslist-area .newses-ul li:last-child {
  border-bottom: none;
}

#wrapper.top .newslist-area .newses-ul .badge {
  font-size: 1.0rem;
  line-height: 15px;
  padding: 0 10px;
  width: auto;
}

.top .newslist-area .newses-ul .day {
  line-height: 15px;
  vertical-align: middle;
} 

.top .newslist-area .newses-ul .news-title {
  display: block;
  line-height: 1.4;
  margin: 7px 0 0 0;
}

.content-block {
   margin: 20px 0 0 0;
}

.title-h2 {
  font-size: 15px;
  padding: 0 0 10px 0;
}

.top .sitelink-box li {
  float: inherit;
  margin: 0 0 10px 0;
}

.top .sitelink-box .title-area {
  font-size: 1.3rem;
  height: 53px;
}

.top .sitelink-box a {
  height: 174px;
  width: 100%;
}


.top .sitelink-box li:nth-child(2) .title-area {
  line-height: 33px;
}

.top .sitelink-box .btn-area {
  line-height: 30px;
}

.top .sitelink-box .btn-area:after {
  height: 22px;
  width: 22px;
}

.top .sitelink-ul,
.top .link-ul {
  margin: 15px 0 0 0;
}

.top .link-ul li {
  margin: 0 10px 10px 0;
  width: 48%;
}

.top .link-ul li:nth-child(4n) {
  margin: 0 10px 10px 0;
}

.top .link-ul li:nth-child(2n) {
  margin: 0 0 10px 0;
}

#pagetop {
  margin: 10px 0 0 0;
}

/*------------------------------------------------------------------------------
  en-news
------------------------------------------------------------------------------*/
.en-news .news-img {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.en-news .news-img img {
  padding-bottom: 10px;
}


/*------------------------------------------------------------------------------
  footer
------------------------------------------------------------------------------*/
#footer .footer-menu {
  padding: 10px 0 0 0;
}

.foot-navi-ul {
  border-top: solid 1px #0f2c6f;
}

.foot-navi-ul > li {
  border-bottom: solid 1px #0f2c6f;
  border-right: solid 1px #0f2c6f;
  box-sizing: border-box;
  line-height: 35px;
  margin: 0;
  padding: 0;
  width: 50%;
}

.foot-navi-ul > li a {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.0rem;
  padding: 0 10px;
  width: 100%;
}

.foot-navi-ul > li a:before {
  left: inherit;
  right: 10px;
}

.footer-btm {
  background: #143991;
  margin: 0;
  padding: 20px 0 0;
}

.english .footer-btm {
  padding: 0;
}

.footer-btm .btm-nav-ul {
  margin: 0 auto;
  text-align: center;
  width: 320px;
}

.footer-btm .btm-nav-ul li {
  display: inline-block;
  float: inherit;
  margin: 0;
}

.footer-btm .btm-nav-ul a {
  font-size: 1.0rem;
  font-weight: normal;
  padding: 0 0 0 20px;
}

.footer-btm .btm-nav-ul li:first-child a {
  padding: 0;
}

.footer-btm .btm-nav-ul a:before {
  background: none;
}

.footer-btm .btm-nav-ul a:after {
  content: "|";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -13px;
  margin: auto;
}

.footer-btm .btm-nav-ul li:last-child a:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.footer-btm .btm-nav-ul li.sp-no-line a:after {
  content: "";
}

.copyright {
  background: #0f2c6f;
  font-size: 1.0rem;
  font-weight: normal;
  padding: 10px 0;
}

/*------------------------------------------------------------------------------
  whats-jtu
------------------------------------------------------------------------------*/
.contents-menu-ul li {
  height: 84px;
  margin: 10px 10px 0 0;
  width: 48%;
}

.contents-menu-ul li:nth-child(2n) {
  margin: 10px 0 0 0;
}

.contents-menu-ul a {
  height: 100%;
  width: 100%;
}

.contents-menu-ul .right-area {
  width: 50%; 
}

.contents-menu-ul .text-span {
  font-size: 1.2rem;
  line-height: 1.2;
}

.contents-menu-ul .right-area:after {
  width: 22px;
  height: 22px;
}

.main-block p {
  font-size: 1.2rem;
}


/*-- responsibillity --*/
.whats-jtu #visual {
  background-size: 100%;
  height: 46px;
}

.page-title {
  font-size: 15px;
  margin: 10px 0 0 0;
  width: 220px;
  text-align: left;
  padding-left: 10px;
}

.page-title:after {
  background: url(../img/sp/whats-jtu/border01.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 138px;
  height: 1px;
}

.bread {
  margin: 0 0 10px 0;
  padding: 0 10px;
}

.bread-ul {
  line-height: 1;
}

.bread-ul li {
  font-size: 1.0rem;
  margin: 0 0 5px 0;
  padding: 0;
}

.bread-ul a {
  font-size: 1.0rem;
  padding: 0 0 0 10px;
}

.bread ul li + li:before {
  display: inline-block;
  left: 5px;
  padding: 0;
  position: relative;
  top: 0;
  vertical-align: 0;
}

#wrapper .bread ul li:last-child:before {
  left: 0;
  padding: 0 5px;
}

.whats-jtu #main-wrap {
  padding: 10px 0 0 0;
}

#main-wrap > .inner-block {
  padding: 0;
}

.main-block {
   width: 100%;
   min-height: inherit;
}

.main-block .inner-block {
  padding: 0px 10px 15px;
}

.title-h2.btm-page {
  margin: 20px 0;
}

.title-h3,
.block-area .title-h3,
.block-area h3 {
  font-size: 1.4rem;
  line-height: 30px;
  margin: 10px 0;
}

.number-ul .list-title {
  font-size: 1.4rem;
  margin: 10px 0;
}

.number-ul .list-title:before {
  font-size: 1.2rem;
  line-height: 20px;
  width: 20px;
}

.whats-jtu #pagetop {
  margin: 30px 0 0 0;
}


.single .block-area p {
  padding-top: 10px;
}
.single .block-area .jtunews-date p {
  margin: 0 0 5px;
  padding: 0;
}


.single .block-area p + p {
  padding-top: 0;
}


/*------------------------------------------------------------------------------
  curriculum
------------------------------------------------------------------------------*/
.curriculum .link-img {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  float: none;
}

.curriculum .link-img img {
  width: 100%;
}

.curriculum .link-box {
  padding: 20px;
}

.curriculum .link-txt {
  width: 50%;
  display: inline-block;
  margin-left: 3%;
  min-height: inherit;
  vertical-align: top;
}

.curriculum .link-btn {
  position: inherit;
  margin-top: 10px;
}

.curriculum .link-double {
  min-height: 230px;
}

.curriculum .link-double + .link-double {
  text-align: inherit;
}

/*------------------------------------------------------------------------------
  side-block
------------------------------------------------------------------------------*/
.side-block .menu-title a {
  font-size: 1.2rem;
  line-height: 40px;
  padding: 0 10px 0 45px;
}

.statement .side-block .menu-title a {
  padding: 0 10px 0 45px;
}

.statement .side-block .menu-title a:before {
  left: 15px;
}

.category-detail, .category-announcement,
.category-discourse {
  font-size: 1.0rem;
}

.category {
  padding: 10px 10px 1px 10px;
}

.news-title {
  margin-top: 5px;
}

.statement .side-block .click {
  line-height: 40px;
}

.statement .side-block .menu-ul li a {
  line-height: 40px;
}

.archive-ul .count {
  margin: 0;
  padding: 11px 0 0;
}

.side-block .menu-ul li a:before {
  top: -1px;
}

.button {
  font-size: 1.2rem;
  padding: 8px 0;
}

.side-block .menu-ul li a {
  font-size: 1.2rem;
  line-height: 40px;
}

.side-block .menu-title a:before {
  background: url(../img/whats-jtu/side_icon01.png) no-repeat;
  background-size: 18px;
  height: 13px;
  width: 18px;
}

/*------------------------------------------------------------------------------
  search
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.search #visual {
  background-size: 100%;
  height: 46px;
}

.search #main-wrap {
  padding: 10px 0 0 0;
}

.search #pagetop {
  margin: 30px 0 0 0;
}

.search .main-block {
  width: 100%;
}

.search-txt {
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------
  accessibility
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.accessibility #visual {
  background-size: 100%;
  height: 46px;
}

.accessibility #main-wrap {
  padding: 10px 0 0 0;
}

.accessibility #pagetop {
  margin: 30px 0 0 0;
}

.accessibility .main-block {
  width: 100%;
}

.accessibility-txt {
    padding-bottom: 10px;
}

.title-h4 {
  font-size: 1.4rem;
  line-height: 30px;
  margin:0;
}

/*------------------------------------------------------------------------------
  privacy
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.privacy #visual {
  background-size: 100%;
  height: 46px;
}

.privacy #main-wrap {
  padding: 10px 0 0 0;
}

.privacy #pagetop {
  margin: 30px 0 0 0;
}

.privacy .main-block {
  width: 100%;
}

.privacy-txt {
    padding-bottom: 10px;
}

.privacy-title {
  left:18px;
}

.privacy-title:after {
  left:-10px;
}

.indent-sp {
  text-indent: -3em;
  padding-left: 2em;
  line-height: 1.5;
}

.privacy-box {
  padding-bottom:5px;
}

.link-setbox {
  height: auto;
  width: 100%;
}
.link-set {
  width: 330px;
  margin: 0 auto;
  padding-bottom: 10px;
  float:none;
  padding-right:0;
}

.privacy .number-ul .list-title:before {
  margin: 0 7px 0 0;
}
 
.privacy .tel a {
  text-decoration: underline;
  color: #ff8e1a;
}

/*------------------------------------------------------------------------------
  activity
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.activity #visual {
  background-size: 100%;
  height: 46px;
}

.activity #main-wrap {
  padding: 10px 0 0 0;
}

.activity #pagetop {
  margin: 30px 0 0 0;
}

.activity .main-block {
  width: 100%;
}

.activity-txt {
    padding-bottom: 10px;
}

.activity-title {
  left:18px;
}

.activity-title:after {
  left:-10px;
}

.activity-box {
  padding-bottom:5px;
}

.activity-setbox {
  height: auto;
  width: 100%;
}
.activity-set {
  width: 330px;
  margin: 0 auto;
  padding-bottom: 10px;
  float:none;
  padding-right:0;
}

.table-01 th {
    width: 39%;
}

.table-01 th {
  font-size: 1.2rem;
  padding: 5px;
}


.table-01 td {
  font-size: 1.2rem;
  height:auto;
  padding: 5px 10px;
}

.activity-box {
  width: 100%;
}

.activity-left {
  width: 330px;
  margin: 0 auto;
  float:none;
  padding-bottom:15px;
}

.activity-right {
  width: 330px;
  margin:0 auto;
  float:none;
}

.activity-left,.activity-right {
  width: 100%;
  text-align: center;
}

.page-title2 {
  font-size: 1.5rem;
  top: 10px;
  left: 10px;
}

.page-title2:after {
  background: url(../img/sp/whats-jtu/border01.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: -8px;
  width: 200px;
  height: 1px;
}

/*------------------------------------------------------------------------------
  jtu-list
------------------------------------------------------------------------------*/
.tab-list1 {
  width: 48%;
  margin-left: 0;
  font-size: 1.2rem;
  line-height: 18px;
  padding: 8px 0;
}

.tab-list2 {
  width: 48%;
  float: right;
  margin-left: 0;
  font-size: 1.2rem;
}

.small {
  font-size: 1.0rem;
}

.tab-txt h4 {
  line-height: 1.6;
}

.jtu-list .block-area {
  margin-top: 15px;
}

.group-link {
  width: 100%;
}

.jtu-list .link-txt p {
  margin-top: 0;
  padding-left: 15px;
  padding-top: 0;
}

.tab-txt {
  float: none;
  width: 100%;
  padding-top: 20px;
}

.tab-map {
  float: none;
  width: 100%;
  padding-top: 20px;
  display: table;
}

.tab-map img {
  display: table;
  margin: 0 auto;
  width: 80%;
}


.contents-menu-ul .right-area {
  padding: 5px;
  width: 53%; 
}

.contents-menu-ul li:nth-child(2) a {
  background-position: -65px 0;
}

.contents-menu-ul li:nth-child(5) a {
  background-position: -60px 0;
}

.contents-menu-ul li:nth-child(6) a {
  background-position: -36px 0;
}


.contents-menu-ul li:nth-child(9) a {
  background-position: -50px -1px;
}

.table-04 th a:after {
  content: "";
  background: url(../img/whats-jtu/jtu-list/icon.png) no-repeat;
  background-size: 14px;
  height: 14px;
  position: relative;
  bottom: auto;
  margin-left: 5px;
  padding: 0 7px 0 10px;
  left: 0;
  top: 1px;
  width: 14px;
}

.tabs-list {
 width: 100%;
}

ul#tabs-list li {
  text-align: center;
  font-size: 1.6rem;
  width: 10%;
  margin-left: 6%;
  margin-right: 1%;
  position: relative;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  line-height: 17px;
  font-size: 1.2rem;
  width:100%;
}

ul#tabs-list li label.panel-label {
  line-height: 17px;
  font-size: 1.2rem;
  width:100%;
  height: 45px;
  padding: 8px 0px 0 0;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  line-height: 17px;
  font-size: 1.3rem;
  width:10%;
  margin-right: 1%;
  margin-left: 1%;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  float: right;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  line-height: 38px;
  font-size: 1.3rem;
  width:100%;
}

#li-for-panel-3 .panel-label {
  line-height: 33px !important;
}

#tab-list li {
    display: inline-block;
    text-align: center;
    font-size: 1.3rem;
    width: 45%;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    line-height: 17px;
    padding: 10px 0px 10px 0;
}

#tab-list .current {
    font-size: 1.3rem;
    width: 45%;
    line-height: 17px;
    padding: 10px 0px 10px 0;
    vertical-align: bottom;
}

#tab-list li:nth-child(2n) {
  line-height: 34px;
}

#tab-list li.current:after {
  width: 100%;
}

.table-04 th a {
  font-size: 1.2rem;
}

.jtu-list .table-04 th {
  font-size: 1.2rem;
  padding: 10px;
}

.jtu-list .table-bottom {
  font-size: 1.2rem;
}

.table-04 td {
  font-size: 1.2rem;
  padding: 10px;
}

.table-space {
  padding: 10px !important;
}

.mail-url {
  padding: 10px 0 0 10px;
}

.mail-url2 {
  padding: 0 0 0 10px;
}

.jtu-list .another-link a {
  position: relative;
}

.jtu-list .another-link a:after {
  background: url(../img/whats-jtu/jtu-list/icon.png) no-repeat;
  background-size: contain;
  content: "";
  height: 14px;
  width: 14px;
}

.jtu-list .another-link a.mail:after{
  background: inherit;
}

/*------------------------------------------------------------------------------
  jtu-link
------------------------------------------------------------------------------*/
.jtu-link .contents-menu-ul li {
  height: 75px;
  margin: 10px 0 0 0;
  width: 100%;
  border: 1px solid #eae8e4;
  box-sizing: border-box;
}

.jtu-link .link-box {
    width:auto;
    border-style:none;
    border-top-style: dotted;
    border-top-color: #ececec;
    border-top-width: 1px;
}

.jtu-link .link-txt {
  float: right;
  width: 55%;
  padding-top: 0;
  margin: 0;
}
.jtu-link .title-h4 {
  padding: 0;
  line-height: 17px;
  font-size: 1.2rem;
  height: auto;
}

.jtu-link .link-date {
    float: right;
    font-size: 1.0rem;
}

.jtu-link .link-btn {
  color: #fff;
  padding: 8px 28px 8px 12px;
  background-color: #ed6d1e !important;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 1.0rem;
  background: url(../img/common/link_icon01.png) no-repeat;
  background-position: 96% 6px;
  background-size: 18px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 2px 0 0;
  float: right;
  width: 100%;
}

.jtu-link .contents-menu-ul {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.category-sangiin, .category-shugiin {
  padding: 2px 15px 2px 15px;
  margin: 0 0 0 2px;
  font-size: 1.0rem;
}

.jtu-link .contents-menu-ul .text-span {
  font-size: 1.4rem;
  padding-top: 5px;
}

.jtu-link .contents-menu-ul .right-area {
  width: 70%;
  background-size: cover;
  padding: 8px 5px 0px 20px;
}

.contents-menu-ul .right-area:after {
  bottom: 5px;
  right: 5px;
}

/*------------------------------------------------------------------------------
  link
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.link #visual {
  background-size: 100%;
  height: 46px;
}

.link #main-wrap {
  padding: 10px 0 0 0;
}

.link #pagetop {
  margin: 30px 0 0 0;
}

.link .main-block {
  width: 100%;
}

.link-txt {
    width:100%;
    float:none;
}

.link-title {
  left:18px;
}

.link-sp {
  text-indent: -3em;
  padding-left: 2em;
  line-height: 1.5;
}

.link-box {
  width:100%;
  height:auto;
  float:none;
  padding: 10px 0;
}

.link-setbox {
  height: auto;
  width: 100%;
}

.link-p {
  padding-top:20px;
}
.link-img {
  width: 250px;
  margin: 0 auto;
  float: left;
}

.link .link-btn {
  margin-top: 0;
}

.link-btn {
  float:none;
  padding-top:0px;
  text-align: center;
}

.link .title-h4 {
  line-height: 20px;
  padding-top:10px;
}

.link .link-txt {
  text-align: left;
}

.link-txt p {
  padding-top:10px;
}

.sp-br {
  display:inline !important;
}


.link .link-box {
    width:auto;
    border-style:none;
    border-top-style: dotted;
    border-top-color: #ececec;
    border-top-width: 1px;
}

.link .link-txt {
  float: right;
  width: 55%;
  padding-top: 0;
  margin: 0;
  float: none;
  display: table-cell;
}
.link .title-h4 {
  padding: 0;
  line-height: 17px;
  font-size: 1.2rem;
  height: auto;
}

.link .link-btn {
  padding-top: 10px;
  padding-right: 0;
  margin-top:10px;
}

.link .link-img {
  float: none;
  display: table-cell;
  width: 40%;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  vertical-align: top;
}

.link .link-date {
  float: right;
  font-size: 1.0rem;
}

.link .link-date p {
  margin: 0 5px 0 0;
  height: 22px;
}

.link .link-btn {
  color: #fff;
  padding: 8px 28px 8px 12px;
  background-color: #ed6d1e !important;
  text-decoration: none;
  font-size: 1.0rem;
  background: url(../img/common/link_icon01.png) no-repeat;
  background-position: 124px 6px;
  background-size: 18px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  float: right;
}

/*------------------------------------------------------------------------------
  child-rights
------------------------------------------------------------------------------*/
.child-rights .link-set a img {
  width: 120px;
  margin:0 0 0 -20px;
}

.child-rights .bnr-link {
  margin: -50px 0 0 87px;
  height: 30px;
  line-height: 1.3;
}

.child-rights .link-set {
  width: 100%;
  overflow: hidden;
}

.child-rights .bnr-link:after {
    background: url(../img/common/arrow03.png) no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
    height: 36px;
    width: 36px;
    transform: rotate(90deg);
    background-position: 2px -5px;
}
/*------------------------------------------------------------------------------
  child-saving
------------------------------------------------------------------------------*/
.child-saving .title-h4 {
  padding: 0;
  line-height: 17px;
  font-size: 1.2rem;
  height: auto;
}

.child-saving .link-date {
  float: right;
  font-size: 1.0rem;
}

.child-saving .link-txt {
  float: right;
  width: 50%;
  padding-top: 0;
  margin: 0;
}
.child-saving .title-h4 {
  padding: 0;
  line-height: 17px;
  font-size: 1.2rem;
  height: auto;
}

.icon-pdf:after {
    position: relative;
    background-size: contain;
    width: 9px;
    height: 9px;
}

.child-saving .link-txt p {
  line-height: 1.3;
}

.child-saving .link-btn {
  color: #fff;
  line-height: 30px;
  width: 150px;
  font-size: 1.0rem;
  padding: 0;
  margin: 0;
}

.small-txt {
  font-size: 1.0rem;
}

.child-saving .link-box a {
    display: block;
}
/*------------------------------------------------------------------------------
  sitemap
------------------------------------------------------------------------------*/

/*-- responsibillity --*/
.sitemap #visual {
  background-size: 100%;
  height: 46px;
}

.sitemap #main-wrap {
  padding: 10px 0 0 0;
}

.sitemap #pagetop {
  margin: 30px 0 0 0;
}

.sitemap .main-block {
  width: 100%;
}

.sitemap-title {
  left:18px;
}

.sitemap-title:after {
  left:-10px;
}

.sitemap .block-area {
  float:none;
  width:100%;
  padding:0;
}

.sitemap .block-area:nth-child(odd) {
    float: none;
    padding-left: 0;
}

.sitemap .block-area:nth-child(even) {
    float: none;
    padding-right: 0;
}

.list-arrow li {
    padding-bottom: 5px;
}

.list-arrow li a{
  background-position: 0 1px;
  font-size: 1.2rem;
}


/*------------------------------------------------------------------------------
  newslist
------------------------------------------------------------------------------*/
.newslist .list-social .link-txt {
   margin-top: -20px;
}

.newslist .statement .link-txt h4 {
  padding: 5px 0 10px 0;
}

.statement .blog-navi .menu-title a:before {
  background: url(../img/statement/icon01.png) no-repeat;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 15px;
  margin: auto;
  height: 22px;
  width: 22px;
  background-size: 22px;
  padding-top: 3px;
}

.statement .blog-navi .latest-ul a:before {
  background: url(../img/statement/icon02.png) no-repeat;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 15px;
  margin: auto;
  height: 22px;
  width: 22px;
  background-size: 22px;
  padding-top: 3px;
}

.statement .blog-navi .menu-title a {
  padding: 0 10px 0 50px;
}

.statement .link-date p {
  font-size: 1.0rem;
  margin: 0;
}

/*------------------------------------------------------------------------------
  news
------------------------------------------------------------------------------*/
.news #visual,
.page-template-page-news-template #visual {
  background-size: 100%;
  height: 46px;
}

.news #main-wrap,
.page-template-page-news-template #main-wrap {
  padding: 10px 0 0 0;
}

.news #pagetop {
  margin: 30px 0 0 0;
}

.news .main-block {
  width: 100%;
}

.news .link-p {
  padding-top: 0;
}

.news .link-box {
  width:auto;
  border-style:none;
  border-top-style: dotted;
  border-top-color: #ececec;
  border-top-width: 1px;
  padding-bottom: 20px;
}

.news .link-box a {
  width: 100%;
}

.news .link-txt {
  float: right;
  width: 50%;
  padding-top: 20px;
  margin: -42px 0 0 0;
}
.news .title-h4 {
  padding: 5px 0 0 0;
  line-height: 17px;
  font-size: 1.2rem;
}

.news .link-btn {
  padding-top: 10px;
  padding-right: 0;
  margin-top:10px;
}

.news .link-img {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.news .link-img img {
  width: 100%;
}

.news .link-date {
  float: right;
}

.news .link-date p {
  font-size: 1.0rem;
  margin: 0 5px 0 0;
  height: 22px;
}

.sp-txt {
  display:inline;
  padding-left:10px;
}

.news .page-number {
    border-top-style: dotted;
    border-top-color: #ececec;
    border-top-width: 1px;
}

.no-bottom {
  padding: 20px 0 0 0 !important;
}

.page-nation {
    width: 110px;
}

.next-link {
    margin-top: 11px;
    display: inline-block;
}

/*------------------------------------------------------------------------------
  halftime
------------------------------------------------------------------------------*/
.halftime #visual {
  background-size: 100%;
  height: 46px;
}

.halftime #main-wrap {
  padding: 10px 0 0 0;
}

.halftime #pagetop {
  margin: 30px 0 0 0;
}

.halftime .main-block {
  width: 100%;
}

.halftime-setbox {
  padding-bottom: 10px;
}

.halftime .title-h2 {
  margin: 20px 0 10px 0;
}

.halftime .link-p {
  padding-top: 0;
}

.halftime .link-set {
  width: 100%;
  padding-right: 10px;
  margin: 0;
}

.halftime .linl-set img {
  float: left;
  width: 80%;
}

.bnr-halftime {
  margin: -50px 0 0 114px;
  background: #143991;
  height: 33px;
  padding: 17px 10px 0px 10px;
  line-height: inherit;
}

.halftime .bnr-sp {
  width:120px;
}

.yumi {
  padding: 11px 10px 4px 11px;
}


.halftime .link-p {
  padding-top: 0;
}

.halftime .link-box {
  width:auto;
  border-style:none;
  border-top-style: dotted;
  border-top-color: #ececec;
  border-top-width: 1px;
  margin-bottom: 0;
}

.halftime .txt-top {
  width: 100%;
}

.halftime .link-box a {
  width: 100%;
}

.halftime .link-txt {
  float: right;
  width: 50%;
}
.halftime .title-h4 {
  padding: 0;
  line-height: 17px;
  font-size: 1.2rem;
  height: auto;
  padding-right: 0;
}

.halftime .link-btn {
  padding-top: 15px;
  padding-right: 0;
  margin-top: 0;
}

.halftime .link-img {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.halftime .link-img img {
  width: 100%;
}

.halftime .link-txt p{
  padding-top: 5px;
}
.halftime .link-date {
  font-size: 1.0rem;
  float: none;
}

.halftime .link-date p {
  margin: 0 5px 0 0;
  height: 22px;
}

.pagelinks {
  margin: 0 auto;
  width: 100%;
  padding-bottom: 25px;
}

.halftime .nextten {
  float: right;
  text-align: center;
}

.link-date {
  font-size: 1.0rem;
}

.halftime .main-block .inner-block {
    padding: 0px 10px 0px;
}

.halftime .link-txt .txt-top .category-deiscourse {
  font-size: 1.0rem;
}


/*------------------------------------------------------------------------------
  group
------------------------------------------------------------------------------*/
.group .img-right {
  padding: 40px 0 0 0px;
  width: 27%;
}

.group .img-left {
  padding: 0 5px 0 0;
  width: 70%;
}
.group .song {
  padding: 0 0px 5px 0;
}

.download {
  text-align: center;
  padding-top: 0;
}

.group .history {
  float: none;
  padding: 0 0 10px 0;
}

.group .song{
  float: none;
  padding: 0 0 10px 0;
}

.history-box, .song-box {
  text-align: center;
}

/*------------------------------------------------------------------------------
  proposal
------------------------------------------------------------------------------*/
.proposal #visual {
  background-size: 100%;
  height: 46px;
}

.proposal #main-wrap {
  padding: 10px 0 0 0;
}

.proposal #pagetop {
  margin: 30px 0 0 0;
}

.proposal .main-block {
  width: 100%;
}

.proposal .title-h2.btm-page {
  margin: 20px 0 0 0;
}

.table-03 td{
  width: 60%;
}

.table-03 p {
  padding: 8px 0 11px 0;
}

.download-box {
  padding: 0;
  width: 100%;
}

.download-photo {
  display: table-cell;
  float: none;
  width: 40%;
  text-align: center;
  vertical-align: middle;
}

.download-photo img{
  width: 100%;
}

.download-txt {
  width: 60%;
  padding-top: 25px;
  padding-right: 0;
  padding-left: 0;
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: middle;
}

.download-txt p {
  font-weight: normal;
}

.proposal .link-btn {
  width: 150px;
}

.table-top {
    padding-top: 15px;
}

.download-box a {
  width: 100%;
}

.download-click {
  box-sizing: border-box;
  display: table;
  padding: 2% 3% 2% 8%;
  margin: 0 auto;
  width: 100%;
}

.proposal .title-h4 {
  padding: 5px 0;
  line-height: 17px;
  font-size: 1.2rem;
}

.proposal .link-btn {
  font-size: 1.0rem;
  line-height: 20px;
  width: 90px;
}

.proposal .table-03 p {
  line-height: 1.8;
}

.blog-navi .menu-ul li a:hover, .blog-navi .menu-ul .this a {
  content: none;
}


/*------------------------------------------------------------------------------
  social
------------------------------------------------------------------------------*/
.social #visual {
  background-size: 100%;
  height: 46px;
}

.social #main-wrap {
  padding: 10px 0 0 0;
}

.social #pagetop {
  margin: 30px 0 0 0;
}

.social .main-block {
  width: 100%;
}

.social .title-h2.btm-page {
  margin: 20px 0 0 0;
}

.social .link-p {
  padding-top: 10px;
}


.social .link-box {
  width:auto;
  border-style:none;
  border-top-style: dotted;
  border-top-color: #ececec;
  border-top-width: 1px;
  padding: 10px 0;
  padding-bottom: 0;
}

.social .link-box a {
  width: 100%;
}

.social .link-txt {
  float: right;
  width: 50%;
}

.social .title-h4 {
  padding: 5px 0 0 0;
  line-height: 17px;
  font-size: 1.2rem;
}

.social .link-btn {
  padding-top: 10px;
  padding-right: 0;
  margin-top: 0;
}

.link-photo {
  width: 40%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  float:left;
}

.link-photo img {
  width: 100% !important;
}

.social .link-img {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  }
  

.social .link-img img {
  width: 100%;
}

.social .link-set a img {
  width: 170px;
  margin:0 0 0 -20px;
}

.social .bnr-link {
  margin: -55px 0 0 87px;
  height: 35px;
  line-height: 35px;
}

.social .link-set {
  width: 100%;
  overflow: hidden;
}

.social .bnr-link:after {
  background: url(../img/common/arrow03.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
  height: 36px;
  width: 36px;
  background-position: 2px 1px;
}

.jtu-link .contents-menu-ul li:nth-child(1) a,
.jtu-link .contents-menu-ul li:nth-child(2) a,
.jtu-link .contents-menu-ul li:nth-child(3) a,
.jtu-link .contents-menu-ul li:nth-child(4) a,
.jtu-link .contents-menu-ul li:nth-child(5) a,
.jtu-link .contents-menu-ul li:nth-child(6) a,
.jtu-link .contents-menu-ul li:nth-child(7) a,
.jtu-link .contents-menu-ul li:nth-child(8) a {
    background-size: 55%;
}


/*------------------------------------------------------------------------------
  social-detail
------------------------------------------------------------------------------*/
.social-detail #visual {
  background-size: 100%;
  height: 46px;
  margin-top: -3px;
}

.social-detail #main-wrap {
  padding: 10px 0 0 0;
}

.social-detail #pagetop {
  margin: 30px 0 0 0;
}

.social-detail .main-block {
  width: 100%;
}

.social-detail .title-h2.btm-page {
  margin: 20px 0 0 0;
}

.social-detail .link-p {
  padding-top: 10px;
}

.socialblog-box {
  display: block;
  padding: 5px 0 0 0;
}

.socialblog-pohoto p {
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  width: 100%;
  margin: 0 auto;
}

.socialblog-pohoto img {
  margin: 0 auto;
  display: table;
  padding-bottom: 0 !important;
}

.socialblog-pohoto .img-left {
  padding: 0;
}

.socialblog-box .img-left {
  width:48% !important;
  padding-bottom: 10px;
  padding: 0;
}

.socialblog-box .img-right{
  width:48% !important;
  float: right;
  padding-bottom: 10px;
}

.side-block {
  clear: both;
  width: 95%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
  float: none;
}

.social-detail .block-area img,
.english_blog-detail .jtunews-box img{
  height: auto;
  width: 150px;
}

/*------------------------------------------------------------------------------
  survey-effort
------------------------------------------------------------------------------*/
.survey-effort #visual {
  background-size: 100%;
  height: 46px;
}

.survey-effort #main-wrap {
  padding: 10px 0 0 0;
}

.survey-effort #pagetop {
  margin: 30px 0 0 0;
}

.survey-effort .main-block {
  width: 100%;
}

.survey-effort .page-title {
  font-size: 15px;
  width: 189px;
}

.survey-effort .page-title:after {
  width: 190px;
}

.survey-effort .main-block {
    min-height: 450px;
}

.survey-effort .link-set a img {
  height: 85px;
  margin: 0;
}

.survey-effort .bnr-link {
  margin: -86px 0 0 110px;
  height: 30px;
  line-height: 1.3;
  padding: 27px 32px 28px 15px;
}

.survey-effort .link-set {
  width: 100%;
  overflow: hidden;
}

.survey-effort .bnr-link:after {
    background: url(../img/common/arrow03.png) no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
    height: 37px;
    width: 36px;
    transform: rotate(90deg);
    background-position: 2px -5px;
}

.survey-effort .contents-menu-ul li{
  width: 100%;
}

.survey-effort .contents-menu-ul li a {
  width: 100%;
  background-size: auto;
}

.survey-effort .contents-menu-ul li:nth-child(1) a,
.survey-effort .contents-menu-ul li:nth-child(2) a,
.survey-effort .contents-menu-ul li:nth-child(3) a {
  background-size: auto;
}

.survey-effort .contents-menu-ul .right-area {
  width: 60%;
  padding: 0px 40px 0px 10px;
}

.survey-effort .contents-menu-ul .right-area:after {
  bottom: 30px;
}
/*------------------------------------------------------------------------------
 questionnaire
------------------------------------------------------------------------------*/

.questionnaire .h2-small {
  font-size: 1.2rem;
  line-height: 23px;
}

.questionnaire h5:before {
  width: 11px;
  height: 11px;
  margin-right: 3px;
}

.questionnaire h5 {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 20px;
}

.questionnaire .block-area2 {
  display: block;
}

.graph-box, .graph-box2, .graph-box3, .graph-box4, .graph-box5{
  display: inline-block;
  width: 100%;
  padding-bottom: 15px;
}

.questionnaire .title-h4 {
  padding: 10px 0px 0px 0;
}

.title-h3 {
  padding: 0 0 0 10px;
}

.questionnaire .socialblog-pohoto {
    padding-bottom: 20px;
    display: table;
    margin: 0 auto;
    float: none !important;
    width: 100%;
}

.questionnaire .number-ul li img {
    padding: 10px 0 15px 0;
}

.questionnaire .number-ul li {
  padding-bottom: 20px;
}

.questionnaire .download-txt {
  display: block;
  margin: auto;
  width: 89%;
}

.blg-txt img {
  width: 100%;
  margin: 0 auto;
  display: table;
}

.blg-txt .big-img {
  width: 80%;
  margin: 0 auto;
  display: table;
}

.blg-txt .socialblog-box .big-img {
  display: block;
}

#wrapper.questionnaire .img-left,
#wrapper.questionnaire .img-right {
  float: none;
  width: auto !important;
}
/*------------------------------------------------------------------------------
 work
------------------------------------------------------------------------------*/
.questionnaire .table-04 th {
  font-size: 1.2rem;
  width: 31%;
}

.socialblog-country {
  width: 100%;
  padding-top: 0;
  padding-bottom: 15px;
}

.stress th {
  width: 47% !important;
}

.stress td {
  padding: 5px 10px 5px 14px !important;
}

.work .title-h4 {
  padding: 10px 0px 10px 0 !important;
  line-height: 19px;
}

.point-txt {
  padding: 9px;
}

.work .number-ul .list-title {
  font-size: 1.2rem;
  margin: 0;
  padding-bottom: 5px;
}

.work #main-wrap li {
  padding-bottom: 0;
  display: inline-block;
}

.work .download-box {
  padding: 20px 15px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.work .download-txt {
  width: 100%;
}

.awareness .stress th {
  width: 27% !important;
}

 
.work .link-set a {
  display: inline-block;
  width: 100%;
}

.work .link-set a img {
  float: left;
  width: auto;
  position: relative;
  height: 84px;
  margin: 0 0 0 -68px;
}

.work .bnr-link {
  margin: -55px 0 0 87px;
  height: 31px;
  line-height: 1.3;
  padding: 12px 12px 12px 17px;
}

.work .link-bnr {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
  width: 100%;
  padding-top:20px;
}

.work .link-bnr h4 {
  text-align: center;
}

.work .sitelink-ul {
  width: 100%;
  display: inline-block;
}

.work .link-set p {
vertical-align: middle;
    display: table;
    height: 84px;
    box-sizing: border-box;
    margin: 0 0 0 -239px;
    overflow: hidden;
    width: 67%;
    float: right;
    padding: 28px 40px 0px 19px;
    line-height: 1.3;
}

.work .bnr-link:after {
  background: url(../img/common/arrow03.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
  height: 36px;
  width: 36px;
  background-position: 2px -5px;
}


/*------------------------------------------------------------------------------
 contact
------------------------------------------------------------------------------*/
.contact input[type="text"] {
  width: 100%;
}

.btn-area a {
  font-size: 1.2rem;
  background-position: 120px 9px;
  background-size: 15px;
  width: 148px;
  line-height: 34px;
}

.contact .btn-area {
  margin-top: 25px;
}

.contact input[type="email"] {
  width: 100%;
  height: 37px;
  border: 1px solid #cccccc;
}

.common-table th, .common-table td {
  font-size: 1.2rem;
  padding: 10px;
}

.form-block {
  padding: 50px 0;
}

.form-block .title-text {
  font-size: 1.4rem;
}

.contact textarea,
.contact #main-wrap input[type="text"],
.contact #main-wrap input[type="email"] {
  width: 100%;
}


/*-----------
  radio
-------------*/

.horizontal-item {
  display: block;
}

.mw_wp_form .validate-box .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.validate-box .other .txt {
  font-size: 12px;
}


/*------------------------------------------------------------------------------
 awareness
------------------------------------------------------------------------------*/
.awareness .title-h3 {
  padding: 10px;
  line-height: 18px;
}

.awareness .socialblog-pohoto img {
  padding-left: 0;
}

/*------------------------------------------------------------------------------
 present-feature
------------------------------------------------------------------------------*/
.present-feature #visual {
  background-size: 100%;
  height: 46px;
}

.present-feature #main-wrap {
  padding: 10px 0 0 0;
}

.present-feature #pagetop {
  margin: 30px 0 0 0;
}


.present-feature .page-title {
  font-size: 1.3rem;
  width: 213px;
  line-height: 1.2;
  margin: 10px 0 0 0;
}

.present-feature .page-title:after {
  width: 210px;
  margin-left: 0;
}

.present-feature .block-area img {
  padding-top: 15px;
}

.present-feature .main-block {
  min-height: inherit;
}

/*------------------------------------------------------------------------------
 organization
------------------------------------------------------------------------------*/

.organization .page-title {
  font-size: 1.3rem;
  width: 180px;
  line-height: 1.2;
  margin: 0;
  padding-top: 10px;
}

.organization .page-title:after {
  width: 180px;
  margin-left: 0;
}

.organization .birth-img {
  padding-top: 10px;
}

.organization .table-04 td {
  padding: 10px 12px;
}

.organization .table-04 th {
  padding: 10px 5px 10px 10px;
}  

/*------------------------------------------------------------------------------
 worker
------------------------------------------------------------------------------*/

.worker .page-title {
  font-size: 1.3rem;
  width: 180px;
  line-height: 1.2;
  margin: 0;
  padding-top: 10px;
}

.worker .page-title:after {
  width: 180px;
  margin-left: 0;
}

.worker .birth-img {
  padding: 20px 0;
}

.english .archive-ul li:hover {
  opacity: 1;
}

/*------------------------------------------------------------------------------
 en-top
------------------------------------------------------------------------------*/
.en-top .link-box {
  width:auto;
  border-style:none;
  border-top-style: dotted;
  border-top-color: #ececec;
  border-top-width: 1px;
  padding: 10px 0;
  padding-bottom: 0;
}

.en-top .link-box a {
  width: 100%;
}

.en-top .link-txt {
  float: right;
  width: 50%;
}

.en-top .title-h4 {
  padding: 5px 0 0 0;
  line-height: 17px;
  font-size: 1.2rem;
}

.en-top .link-btn {
  padding-top: 10px;
  padding-right: 0;
  margin-top: 0;
}

.en-top .link-photo {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  float:left;
}

.en-top .link-img {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  }
  

.en-top .link-img img {
  width: 100%;
}

.en-top .link-set a img {
  width: 170px;
  margin:0 0 0 -20px;
}

.en-top .bnr-link {
  margin: -55px 0 0 87px;
  height: 31px;
  line-height: 1.3;
}

.en-top .link-set {
  width: 100%;
  overflow: hidden;
}

.en-top .about-news {
  color: #fff;
  padding: 8px 33px 8px 20px;
  background-color: #ed6d1e !important;
  text-decoration: none;
  font-size: 1.0rem;
  background: url(../img/common/arrow01.png) no-repeat;
  background-position: 53px 8px;
  background-size: 13px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
/*------------------------------------------------------------------------------
 about_jtu
------------------------------------------------------------------------------*/
.english #visual {
  background-size: 100%;
  height: 46px;
}

.english #main-wrap {
  padding: 10px 0 0 0;
}

.english #pagetop {
  margin: 30px 0 0 0;
}

.english .link-photo {
  width: 90%;
  float: none;
  display: table;
  margin: 0 auto;
}

.interview-box {
  display: table;
  padding: 0 0 15px 0;
  width: 100%;
}

.interview-name {
  float: none;
  margin-left: 5% !important;
}

.interview-name {
  display: table;
  padding: 15px 0 0 0;
  width: 100%;
  margin: 0 auto;
}

.about_jtu .page-title {
  font-size: 1.3rem;
  width: 213px;
  line-height: 1.2;
}

.about_jtu .page-title:after {
  width: 210px;
  margin-left: 0;
}

.h3-many {
  line-height: 20px;
  padding: 10px;
  margin: 0 0 20px 0;
}

.about_jtu .page-title {
  margin: 10px 0 0 0;
}

.about_jtu .link-photo img {
  width: 75% !important;
  display: table;
  margin: 0 auto;
}

.question .txt-a {
  width: auto !important;
  float: none;
  padding-top: 5px;
  padding-bottom: 20px;
  padding-left: 2.5em;
  display: inline-block;
}

.english .question .txt-q {
  width: 100%;
  text-indent: 0;
  padding-left: 32px;
  font-size: 1.2rem;
  box-sizing: border-box;
  position: relative;
}

.question .txt-q:before {
  height: 26px;
  width: 22px;
  margin: 0px 0 -11px 0px;
  position: absolute;
  top: 0;
  left: 5px;
  background-size: 90%;
}

.english .question .txt-a {
  width: 100%;
  text-indent: 0;
  padding-left: 2.3em;
  float: none;
  box-sizing: border-box;
  position: relative;
}

.question .txt-a:before {
  left: 5px;
  background-size: 90%;
  width: 22px;
  position: absolute;
}

.english #navi-sp .menu-body > li > a {
  font-size: 1.3rem;
}

.english .foot-navi-ul > li a {
  display: inline-block;
  padding: 10px 21px 0 10px;
  width: 100%;
  line-height: 15px;
  vertical-align: middle;
  text-align: left;
}

.en-top #visual,
.en-news #visual {
  background-size: 100%;
  height: inherit;
}

.en-top #visual,
.en-news #visual  {
  margin-bottom: 0;
}

/*------------------------------------------------------------------------------
 birth
------------------------------------------------------------------------------*/
.birth-img {
  padding: 0;
}
/*------------------------------------------------------------------------------
 statement
------------------------------------------------------------------------------*/
.statement #visual {
  background-size: 100%;
  height: 46px;
}

.statement #main-wrap {
  padding: 10px 0 0 0;
}

.statement-top ul {
  margin: 5px 0 15px 0;
}

.statement .btn-1 {
  line-height: 40px;
  width: 48%;
}

.statement .btn-2 {
  line-height: 40px;
  width: 48%;
}
.statement-top li a {
  background-position: 110px 11px;
  background-size: 29px;
}

.statement .btn-1 a, .statement .btn-2 a {
  background-position: 95% 5px;
}

.statement .link-box{
  width: 100%;
  border-top: 1px dotted #ececec;
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 10px 0;
}

.statement .link-box a{
  display: block;
}

.statement .link-txt {
  width: 100%;
}

.statement .link-btn {
  margin-top: 0;
  padding: 0;
}

.statement .link-p {
  padding-top: 0;
}

.statement .link-txt h4{
  line-height: 1.6;
  font-size: 1.2rem;
  padding: 5px 0 2px;
}

.statement .title-h4 {
  line-height: 1.6;
}

/*------------------------------------------------------------------------------
 news-detail
------------------------------------------------------------------------------*/
.news-detail #visual {
  background-size: 100%;
  height: 46px;
}

.news-detail #main-wrap {
  padding: 10px 0 0 0;
}

.news-detail #pagetop {
  margin: 30px 0 0 0;
}

.news-detail .main-block {
  width: 100%;
}

.news-detail .title-h3 {
  margin: 20px 0 5px;
  padding: 5px 0 5px 10px;
  line-height: 20px;
}

.img-left img {
  padding-bottom:10px;
}

.right {
  padding-right: 0 !important;
}

.jtunews-img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

.img-left {
  width: 45%;
}

.jtunews-img img {
  width: 45%;
}
.img-left img {
  width: 100%;
}


/*------------------------------------------------------------------------------
 music
------------------------------------------------------------------------------*/
.category-box {
  width: 100%;
  height: auto;
  padding-bottom: 15px;
}

.category-photo {
  float: none;
  padding-right: 0;
  text-align: center;
}

.category-txt {
  padding-top: 5px;
}

.music-list {
  height: auto;
  padding: 0;
}

.music-list ul {
  float: none;
  width: 100%;
}

.music-list-right img {
  margin-left: 0;
}

.music-list-right{
  text-align: center;
  float: none;
  margin-top: 15px;
}

.music-list ul li {
    width: 88%;
}

.music .main-block .inner-block {
    padding: 0px 10px;
}

.clear-li {
  float: none;
}

/*------------------------------------------------------------------------------
 tensho
------------------------------------------------------------------------------*/
.tensho .title-h4 {
  padding: 5px 0 0 0;
  font-size: 1.4rem;
  height: auto;
}

.tensho .pagelinks {
    width: 100%;
}

.tensho .main-block .inner-block {
    padding: 0px 10px;
}
.single-txt {
  padding-top: 15px;
}

.single {
  padding-bottom: 20px;
}

.page-number {
  padding: 15px 0 0px 0;
}

.news-title a,
.side-date {
  font-size: 1.2rem;
}

/*------------------------------------------------------------------------------
 sketch
------------------------------------------------------------------------------*/
.sketch .title-h4 {
  padding: 5px 0 0 0;
  font-size: 1.4rem;
  height: auto;
}

.sketch .main-block .inner-block {
  padding: 0px 10px;
}

/*------------------------------------------------------------------------------
  次のページ
------------------------------------------------------------------------------*/

.page-back {
  color: #143991;
  padding: 5px 21px 5px 21px;
  background-color: #FFF;
  border: 1px #143991 solid;
  font-size: 1.0rem;
  font-weight: 500;
  background-position: 63px 10px;
  background-size: 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0;
}

.back {
  color: #143991;
  padding: 5px 20px 5px 26px;
  background-color: #FFF;
  border: 1px #143991 solid;
  font-size: 1.0rem;
  font-weight: 500;
  background: url(../img/common/arrow06.png) no-repeat;
  background-position: 9px 8px;
  background-size: 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0;
}

.nextpage {
  color: #143991;
  padding: 5px 26px 5px 20px;
  background-color: #FFF;
  border: 1px #143991 solid;
  font-size: 1.0rem;
  font-weight: 500;
  background: url(../img/common/arrow02.png) no-repeat;
  background-position: 72px 8px;
  background-size: 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0;
}

.right {
  float: right !important;
}

.paging-area {
  margin: 20px auto 10px;
}

.paging-area .page-numbers {
  height: 28px;
  line-height: 29px;
  margin-bottom: 10px;
  width: 28px;
}


.paging-area .page-numbers.has-link a {
  font-size: 1.0rem;
  padding: 0 15px;
}

.paging-area .page-numbers.list {
  padding: 0 15px;
  width: auto;
}




/*------------------------------------------------------------------------------
  blog-navi
------------------------------------------------------------------------------*/
.blog-navi {
  width: 95%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

.blog-navi .menu-title a {
  background: #fff;
  border-top: solid 2px #ed6d1e;
  color: #ed6d1e;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 68px;
  padding: 0 10px 0 60px;
  position: relative;
  width: 100%;
}

.blog-navi .menu-title a:before {
  background: url(../img/halftime/side-icon04.png) no-repeat;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 15px;
  margin: auto;
  height: 19px;
  width: 31px;
}


.blog-navi .latest-icon a:before {
  background: url(../img/news/side-icon03.png) no-repeat;
  height: 24px;
  margin-left: 10px;
}


.blog-navi .menu-ul li a {
  background: #fff;
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold;
  line-height: 52px;
  margin: 2px 0 0 0;
  padding: 0 10px 0 35px;
  position: relative;
  width: 100%;
}

.blog-navi .menu-ul li a:before {
  background: url(../img/common/arrow02.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 15px;
  margin: auto;
  height: 7px;
  width: 7px;
}

/*.blog-navi .menu-ul li a:hover,
.blog-navi .menu-ul .this a {
  background: #143991;
  color: #fff;
}

.blog-navi .menu-ul li a:hover:before,
.blog-navi .menu-ul .this a:before {
  background: url(../img/common/arrow04.png) no-repeat;
  background-size: contain;
}
*/
.blog-navi .bnr-ul {
  background: #e5e1da;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}

.blog-navi .bnr-ul li:first-child {
  margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------------
  ニュースカテゴリー
------------------------------------------------------------------------------*/
.category-news {
  color: #fff;
  padding: 2px 16px 2px 16px;
  background-color: #d8ab6a;
  text-decoration: none;
  font-size: 1.0rem;
}

.category-detail {
  color: #fff;
  padding: 2px 10px 2px 10px;
  background-color: #878ea0;
  text-decoration: none;
  font-size: 1.0rem;
}

.category-deiscourse {
  color: #fff;
  padding: 2px 5px 2px 5px;
  background-color: #16b6cd;
  text-decoration: none;
  font-size: 1.0rem;
}

.category-statement {
  margin-left: 0;
  line-height: 16px;
  width: 65px;
  font-size: 1.0rem;
}

.category-social {
  margin-left: 0;
  line-height: 16px;
  width: 65px;
  font-size: 1.0rem;
}

/*------------------------------------------------------------------------------
  次のページ
------------------------------------------------------------------------------*/

.number-on {
  line-height: 30px;
  width: 30px;
  font-size: 1.0rem;
}

.number-off {
  line-height: 28px;
  width: 28px;
  font-size: 1.0rem;
}

.nextten {
  line-height: 28px;
  width: 80px;
  background-position: 67px 9px;
  margin: -41px 0 0 0;
  font-size: 1.0rem;
}

.about-news {
  color: #fff;
  display: block;
  padding: 6px 28px 6px 15px;
  background-color: #ed6d1e !important;
  text-decoration: none;
  font-size: 1.0rem;
  background: url(../img/common/arrow01.png) no-repeat;
  background-position: 82px 9px;
  background-size: 13px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

.english #nav {
  display: inline !important;
  padding: 0;
}

/*------------------------------------------------------------------------------
  paging-area
------------------------------------------------------------------------------*/
.paging-area {
  font-size: 1.0rem;
}

.paging-area .page-numbers.next {
  text-indent: -2px;
}

.paging-area .page-numbers.next a {
  padding-right: 20px;
}


.download-icon01 {
  left: 0;
  position: relative;
  top: 2px;
  width: 10px;
}

.inbox {
  padding: 10px;
}

.english .side-block .menu-ul li a {
  line-height: 40px;
}

.birth-box {
  padding: 10px;
}

#wrapper.survey-effort #main-wrap .side-block li {
  display: block;
}

#wrapper.survey-effort #main-wrap .side-block li a {
  display: table-cell;
  padding: 0 5px 0 35px;
  height: 45px;
  line-height: 1.2;
  width: 600px;
}

.survey-effort .side-block .menu-title a {
  padding: 10px 10px 10px 50px;
}

.search #wrapper .link-txt {
  float: right;
  width: 50%;
}

.search #wrapper .statement .link-txt {
  float: none;
  width: auto;
}

.search #wrapper .link-img {
  margin: 0 10px 2px 0;
  width: 45%;
}

.search #wrapper .link-date,
.search #wrapper .link-date p {
  font-size: 1.0rem;
  margin: 0;
}

.search #wrapper .title-h4 {
  line-height: 1.3;
  margin: 2px 0 0;
}

.search #wrapper .link-btn {
  float: right;
  margin: 15px 0 0;
}

.search .link-box.statement a {
  width: 100%;
}

.social-link {
  padding: 0;
}

.social .sitelink-ul {
  margin: 0;
}

.has-side-what .side-block {
  margin: 0;
  width: 100%;
}

.halftime .side-block .menu-title a {
  padding: 0 10px 0 35px;
}

.halftime .side-block .menu-title a:before {
  background: url(../img/halftime/side-icon04.png) no-repeat;
  background-size: 12px;
  height: 12px;
  width: 12px;
}

.halftime .side-block .latest-icon a:before {
  background: url(../img/news/side-icon03.png) no-repeat;
  background-size: 12px;
  height: 12px;
  margin: auto;
  width: 12px;
}

.music-list ul li {
  padding: 6px 0 6px 20px;
}

.music-icon01 {
  background: url(../img/halftime/music-icon01.png) no-repeat 5px 10px;
  background-size: 8px;
}
.music-icon02 {
  background: url(../img/halftime/music-icon02.png) no-repeat 5px 11px;
  background-size: 8px;
}
.music-icon03 {
  background: url(../img/halftime/music-icon02.png) no-repeat 5px 12px;
  background-size: 8px;
}

.news .side-block .menu-title a,
.news-detail .side-block .menu-title a {
  padding: 0 10px 0 40px;
}

.news .side-block .menu-title a:before,
.news-detail .side-block .menu-title a:before {
  background: url(../img/news/side_icon02.png) no-repeat;
  background-size: 14px;
  height: 11px;
  margin: auto;
  width: 14px;
}

.news .side-block .latest-icon a:before,
.news-detail .side-block .latest-icon a:before {
  background: url(../img/news/side-icon03.png) no-repeat;
  background-size: 13px;
  height: 12px;
  margin: auto;
  width: 13px;
}

#wrapper .category-map,
#wrapper .category-map3 {
  width: 50px;
}

#wrapper .category-map2,
#wrapper .category-map4 {
  width: 54px;
}

.side-latest .category-tensho,
.side-latest .category-music,
.side-latest .category-sketch,
.side-latest .category-detail,
.side-latest .category-announcement,
.side-latest .category-discourse,
.side-latest .category-news,
.side-latest .category-social {
  display: inline-block;
  font-size: 1.0rem;
  line-height: 16px;
  padding: 0 5px;
  width: auto;
}


.jtunews-box div {
  box-sizing: border-box;
  float: none !important;
  margin: 10px auto !important;
}

.jtunews-box div > p {
  text-align: center !important;
}

#wrapper #main-wrap .right-image-box {
  float: none;
  margin: 0 auto 1em;
  width: 80%;
}
#wrapper #main-wrap .right-image-box img {
  width: 100%;
}


/*------------------------------------------------------------------------------
  clearfix
------------------------------------------------------------------------------*/
#header-sp:after,
#header:after,
#navi-sp:after,
#tab-list:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.non-sp {
  display:none;
}