@charset "UTF-8";

/*
Theme Name: 大阪商工団体連合会
*/


/* ****************************************************
mixin
**************************************************** */


/* Flexbox関連 */


/* for Cording */


/* ****************************************************
color set
**************************************************** */


/* ****************************************************
font
**************************************************** */


/* ****************************************************
basic
**************************************************** */

html,
body {
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    text-align: center;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "FontAwesome", serif, Verdana, sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    color: #333;
}

html a,
body a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #333;
}

html a:hover,
body a:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

html img,
body img {
    vertical-align: middle;
}

html .sp,
body .sp {
    display: none;
}

body {
    background: url(/images/common/back_body.png) fixed;
}


/* ****************************************************
header
**************************************************** */

header {
    width: 1170px;
    margin: 0 auto;
}


/* ****************************************************
footer
**************************************************** */

footer.pc {
    width: 1170px;
    height: 130px;
    background: #E6F5F7;
    margin: 0 auto;
    padding-top: 5rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #00008F;
}

footer.pc .illust {
    position: relative;
    width: 543px;
    margin: -180px auto 0 auto;
}

footer.pc .illust img.bg {
    position: absolute;
    top: 0;
    left: 0;
}

footer.pc .illust img.cat {
    position: absolute;
    top: 51px;
    left: 240px;
}

footer.pc .logo {
    margin-top: 180px;
}


/* ****************************************************
main
**************************************************** */

main {
    width: 1170px;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

main #contents {
    width: 840px;
    padding-bottom: 120px;
}

main #contents .contents_header {
    width: 100%;
}

main #contents .contents_header h1 {
    margin-top: -4rem;
    padding: 0;
    margin: 0;
}

main #contents .illust_tel {
    padding-top: 5rem;
}

#sidebar {
    width: 330px;
    background: #94D9F5;
    padding: 0 1rem;
}

#sidebar h1 {
    margin-top: 7.2rem;
}

#sidebar .tel {
    margin-top: 3.3rem;
}

#sidebar section {
    padding: 0;
    margin: 0;
}

#sidebar section.side01 {
    margin-top: 1.5rem;
}

#sidebar section.side01 ul {
    list-style-type: none;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5rem;
}

#sidebar section.side01 ul li a {
    display: block;
    width: 15.2rem;
    height: 3.3rem;
    background: url(/images/common/back_side01_li.png) no-repeat;
    margin-bottom: 0.6rem;
    padding-top: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    color: #00008F;
    font-weight: bold;
    letter-spacing: 0.15rem;
}

#sidebar section.side02 {
    margin-top: 2.5rem;
}

#sidebar section.side02 ul {
    list-style-type: none;
    background: url(/images/common/back_ul.png) no-repeat right bottom;
    text-align: left;
    margin-top: -2rem;
    padding: 0 0 0 2rem;
}

#sidebar section.side02 ul li a {
    display: block;
    background: url(/images/common/point01.png) no-repeat left;
    margin-bottom: 1.5rem;
    padding: 0.5rem 0 0 1.8rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 0.88889;
    color: #00008F;
    font-weight: bold;
    letter-spacing: 0.15rem;
}

#sidebar section.side03 {
    margin-top: 5rem;
}

#sidebar section.side03 div {
    text-align: left;
    margin: 0 auto;
    background: #fff;
    padding: 1rem 2rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

#sidebar section.side03 div dl {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

#sidebar section.side03 div dl dd {
    margin-left: 1rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #00008F;
    font-weight: bold;
}

#sidebar section.side03 div dl dd a {
    color: #00008F;
}

#sidebar section.side03 div p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
}

#sidebar section.side03 ul {
    list-style-type: none;
    text-align: left;
    padding: 0 0 0 2rem;
}

#sidebar section.side03 ul li a {
    display: block;
    background: url(/images/common/point02.png) no-repeat left;
    padding: 0.3rem 0 0 1.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #00008F;
    font-weight: bold;
    letter-spacing: 0.15rem;
}

#sidebar section.tweet {
    text-align: left;
    margin-top: 5rem;
}

#sidebar section.tweet p {
    margin: 0;
}

#sidebar section.tweet p img {
    margin-left: 1.5rem;
}

#sidebar section.tweet div {
    text-align: left;
    margin: 0 auto;
    background: #fff;
    padding: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#sidebar section.tweet div h2 {
    width: calc(40% - 2rem);
    padding-left: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

#sidebar section.tweet div .b_tw {
    width: 60%;
    padding: 1rem 0 0 0;
    text-align: right;
}

#sidebar section.tweet div .tl {
    width: 100%;
}

#sidebar section.fb_button {
    text-align: center;
    background: #fff;
    margin-top: 2rem;
    padding: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

#sidebar section.fb_button a {
    display: block;
    margin: 0 auto;
}

#sidebar section.poster {
    margin: 5rem auto;
}

#sidebar section.poster p {
    margin-bottom: 2.5rem;
}

#sidebar section.link {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

#sidebar section.link ul {
    list-style-type: none;
    text-align: left;
    padding: 0 0 0 2rem;
}

#sidebar section.link ul li a {
    display: block;
    background: url(/images/common/point02.png) no-repeat left;
    margin-bottom: 0.5rem;
    padding: 0.3rem 0 0 1.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #00008F;
    font-weight: bold;
    letter-spacing: 0.15rem;
}


/* ****************************************************
index
**************************************************** */

#home main #contents {
    background-image: url(/images/common/back_contents2.png), url(/images/common/back_contents.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top;
    background-color: #fff;
    padding-bottom: 180px;
}

#home main #contents .contents_header {
    width: 538px;
    margin: -7rem auto 0 auto;
}

#home main #contents .contents_header h1.sp {
    display: none;
}

#home main #contents .contents_header h1.pc {
    position: relative;
    height: 359px;
    padding: 0;
    margin: 0;
    background: url(/images/index/title_top.png) no-repeat center;
}

#home main #contents .contents_header h1.pc a {
    display: block;
    position: absolute;
    left: 8rem;
    bottom: 1.8rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 0.88889;
}

#home main #contents section.balloon {
    position: relative;
}

#home main #contents section.balloon a {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 155px;
    height: 185px;
    opacity: 1;
    filter: alpha(opacity=0);
}

#home main #contents section.balloon a img {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#home main #contents section.balloon a:hover {
    z-index: 1000;
    width: 497px;
    height: 330px;
}

#home main #contents section.balloon a.balloon01 {
    top: 80px;
    left: 275px;
    background: url(/images/index/balloon01.png) no-repeat;
}

#home main #contents section.balloon a.balloon01:hover {
    top: -70px;
    left: 110px;
    background: url(/images/index/balloon01_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon02 {
    top: 90px;
    left: 605px;
    background: url(/images/index/balloon02.png) no-repeat;
}

#home main #contents section.balloon a.balloon02:hover {
    top: -55px;
    left: 310px;
    background: url(/images/index/balloon02_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon03 {
    top: 370px;
    left: 120px;
    background: url(/images/index/balloon03.png) no-repeat;
}

#home main #contents section.balloon a.balloon03:hover {
    top: 230px;
    left: 20px;
    background: url(/images/index/balloon03_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon04 {
    top: 405px;
    left: 340px;
    background: url(/images/index/balloon04.png) no-repeat;
}

#home main #contents section.balloon a.balloon04:hover {
    top: 265px;
    left: 175px;
    background: url(/images/index/balloon04_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon05 {
    top: 530px;
    left: 560px;
    background: url(/images/index/balloon05.png) no-repeat;
}

#home main #contents section.balloon a.balloon05:hover {
    top: 385px;
    left: 310px;
    background: url(/images/index/balloon05_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon06 {
    top: 720px;
    left: 120px;
    background: url(/images/index/balloon06.png) no-repeat;
}

#home main #contents section.balloon a.balloon06:hover {
    top: 570px;
    left: 20px;
    background: url(/images/index/balloon06_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon07 {
    top: 985px;
    left: 440px;
    background: url(/images/index/balloon07.png) no-repeat;
}

#home main #contents section.balloon a.balloon07:hover {
    top: 840px;
    left: 310px;
    background: url(/images/index/balloon07_b.png) no-repeat;
}

#home main #contents section.balloon a.balloon08 {
    top: 1250px;
    left: 120px;
    background: url(/images/index/balloon08.png) no-repeat;
}

#home main #contents section.balloon a.balloon08:hover {
    top: 1110px;
    left: 20px;
    background: url(/images/index/balloon08_b.png) no-repeat;
}

#home main #contents section.topics {
    width: 615px;
    margin: 1770px auto 250px auto;
    text-align: left;
}

#home main #contents section.topics .title {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

#home main #contents section.topics .title ul {
    list-style-type: none;
    padding: 0;
}

#home main #contents section.topics .title ul li a {
    display: block;
    background: url(/images/common/point02.png) no-repeat left;
    margin: 3rem 0 0 2rem;
    padding: 0.3rem 0 0 1.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #00008F;
    font-weight: bold;
    letter-spacing: 0.15rem;
}

#home main #contents section.topics .list_topics {
    list-style-type: none;
    padding: 0;
}

#home main #contents section.topics .list_topics li {
    background: #E6F5F7;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

#home main #contents section.topics .list_topics li dl ,#page main #contents div.reration dl{
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

#home main #contents section.topics .list_topics li dl dt img,#page main #contents div.reration  dl dt img {
    max-width: 178px;
    height: auto;
}

#home main #contents section.topics .list_topics li dl dd ,#page main #contents div.reration  dl dd {
    margin-left: 2rem;
}

#home main #contents section.topics .list_topics li dl dd p ,#page main #contents div.reration  dl dd p {
    width: 370px;
    margin: 0;
}
#page main #contents div.reration  dl dd p {
    width: 450px;
    margin: 0;
}

#home main #contents section.topics .list_topics li dl dd p.date ,#page main #contents div.reration  dl dd p.date {
    margin-bottom: 1rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
}

#home main #contents section.topics .list_topics li dl dd p.date span  {
    display: inline-block;
    background: #FFD91A;
    margin-left: 1rem;
    padding: 0.2rem 1rem;
}

#home main #contents section.topics .list_topics li dl dd p.title ,#page main #contents div.reration  dl dd p.title {
    margin-bottom: 1rem;
}

#home main #contents section.topics .list_topics li dl dd p.title a  ,#page main #contents div.reration  dl dd p.title a{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    color: #00008F;
    font-weight: bold;
}

#home main #contents section.topics .list_topics li dl dd p.comment {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143;
}


/* ****************************************************
page
**************************************************** */

#page main #contents {
    background-image: url(/images/common/back_contents.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fff;
}

#page main #contents .contents_header h1 {
    margin-top: -4rem;
}

#page main #contents .inner {
    width: 746px;
    margin: 4rem auto;
    padding: 6.4rem 0 3.4rem 0;
    background: rgba(255, 255, 255, 0.85);
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
}

#page main #contents .inner h3 {
    margin: 0;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.77778;
    color: #00008F;
}

#page main #contents .inner h3 i {
    margin-right: 1rem;
}

#page main #contents .inner p {
    width: 645px;
    text-align: left;
    margin: 0 auto 4rem auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.1rem;
}

#page main #contents .inner p.illust {
    text-align: center;
    margin: 5rem auto;
}

#page main #contents .inner div {
    width: 645px;
    text-align: left;
    margin: 0 auto 5rem auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
}

#page main #contents .inner div ul {
    padding: 0;
    list-style-type: none;
}


/*
#page main.tax #contents .topics {
  text-align: left;
  background: #E6F5F7;
  padding: 4rem 0; }
  #page main.tax #contents .topics h3, #page main.tax #contents .topics dl {
    width: 645px;
    text-align: left;
    margin: 0 auto; }
  #page main.tax #contents .topics dl {
    border-bottom: 1px dotted #ccc; }
    #page main.tax #contents .topics dl dt {
      padding-top: 1rem;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.6; }
    #page main.tax #contents .topics dl dd {
      margin: 0;
      padding-bottom: 1rem;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.64706; }
*/

#page main.mynumber #contents div dl {
    margin-bottom: 0;
}

#page main.mynumber #contents div dl dt span {
    color: #00008F;
}

#page main.mynumber #contents div dl dd {
    margin: 0;
    padding-bottom: 1rem;
}

#page main.mynumber #contents div dl dd span {
    color: #f00;
}

#page main.access #contents p.linkm,
#page main.osakafuka #contents p.link,
#page main.osakashi #contents p.link {
    text-align: center;
    margin: 0 auto;
}

#page main.access #contents h3,
#page main.osakafuka #contents h3,
#page main.osakashi #contents h3 {
    padding-top: 1rem;
}

#page main.access #contents ul.access,
#page main.osakafuka #contents ul.access,
#page main.osakashi #contents ul.access {
    width: 600px;
    margin: 1rem auto 3rem auto;
    list-style-type: none;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#page main.access #contents ul.access li,
#page main.osakafuka #contents ul.access li,
#page main.osakashi #contents ul.access li {
    width: 33%;
    text-align: left;
}

#page main.access #contents ul.access li a,
#page main.osakafuka #contents ul.access li a,
#page main.osakashi #contents ul.access li a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
}

#page main.access #contents ul.access li a:hover,
#page main.osakafuka #contents ul.access li a:hover,
#page main.osakashi #contents ul.access li a:hover {
    text-decoration: underline;
    opacity: 0.4;
    filter: alpha(opacity=60);
}

#page main.access #contents h4,
#page main.osakafuka #contents h4,
#page main.osakashi #contents h4 {
    width: 600px;
    margin: 10rem auto 1rem auto;
    text-align: left;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 0.72727;
    color: #00008F;
}

#page main.access #contents dl,
#page main.osakafuka #contents dl,
#page main.osakashi #contents dl {
    width: 600px;
    margin: 2rem auto 10rem auto;
    margin-bottom: 10rem;
}

#page main.access #contents dl dt,
#page main.osakafuka #contents dl dt,
#page main.osakashi #contents dl dt {
    padding: 0;
    text-align: left;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.9;
    font-weight: bold;
    border-top: 1px solid #00008F;
    border-bottom: 1px solid #00008F;
}

#page main.access #contents dl dd,
#page main.osakafuka #contents dl dd,
#page main.osakashi #contents dl dd {
    margin: 0;
    padding: 2rem 0 3rem 0;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#page main.access #contents dl dd div,
#page main.osakafuka #contents dl dd div,
#page main.osakashi #contents dl dd div {
    padding: 0;
    margin: 0;
}

#page main.access #contents dl dd div.data,
#page main.osakafuka #contents dl dd div.data,
#page main.osakashi #contents dl dd div.data {
    width: 340px;
    padding-right: 1rem;
}

#page main.access #contents dl dd div.data h4,
#page main.osakafuka #contents dl dd div.data p,
#page main.osakashi #contents dl dd div.data ul {
    width: 100%;
    margin: 0;
}

#page main.access #contents dl dd div.data p,
#page main.osakafuka #contents dl dd div.data p,
#page main.osakashi #contents dl dd div.data p {
    margin-top: 1rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
}

#page main.access #contents dl dd div.data p.title,
#page main.osakafuka #contents dl dd div.data p.title,
#page main.osakashi #contents dl dd div.data p.title {
    font-weight: bold;
    border-bottom: 1px solid #999;
}

#page main.access #contents dl dd div.data ul,
#page main.osakafuka #contents dl dd div.data ul,
#page main.osakashi #contents dl dd div.data ul {
    margin-top: 1rem;
}


/*
      #page main.access #contents dl dd div.map,#page main.osakafuka #contents dl dd div.map,#page main.osakashi #contents dl dd div.map {
        width: 240px; }
*/

#page main.access #contents dl dd {
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

#page main.access #contents dl dd div.data p,
#page main.access #contents dl dd div.data ul {
    width: 380px;
    margin: 0;
}

#page main.access #contents dl dd div.data p.title {
    margin-bottom: 1rem;
}

#page main.access #contents dl dd div.data ul {
    margin-top: 1rem;
}

#page main.access #contents dl dd div.map {
    position: relative;
    width: 180px;
}

#page main.access #contents dl dd div.map ul {
    position: absolute;
    top: calc(50% - 5rem);
    left: calc(50% - 7rem);
}

#page main.access #contents dl dd div.map ul li a:before {
    content: '\f08e';
    margin-right: 1rem;
}

#page main.access #contents dl dd div.map ul li a.map:before {
    content: '\f041';
}

.sp_tel,
.sp_exchange {
    display: none;
}


/*
@media screen and (min-width: 600px) and (max-width: 959px) {
     header, main, footer {
          width: 100vw;
     }
     header {
     }
     main {
     }
     footer {
     }
}
*/

@media screen and (max-width: 1024px) {
    header,
    main,
    footer {
        width: 100vw;
    }
    header .pc,
    main .pc,
    footer .pc {
        display: none;
    }
    header .sp,
    main .sp,
    footer .sp {
        display: block;
    }
    header {
        padding: 0;
    }
    header h1 {
        padding: 0;
        margin: 0;
    }
    header h1 img {
        width: 100%;
    }
    header button {
        border: 1px solid blue;
        color: #00008F;
    }
    header .sp_menu {
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: auto;
        padding: 0;
        -js-display: flex;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -webkit-flex;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -o-flexbox;
        display: flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    header .sp_menu li {
        width: 25%;
    }
    header .sp_menu li img {
        width: 100%;
    }
    .sp_tel,
    .sp_exchange {
        padding: 20px;
        margin: 0;
        display: block;
    }
    .sp_exchange {
        padding-bottom: 0;
    }
    .sp_tel img,
    .sp_exchange img {
        width: 100%;
    }
    main {
        width: 100vw;
    }
    main #contents {
        width: 100%;
        padding-bottom: 0;
    }
    main #contents .contents_header h1.pc {
        display: none;
    }
    main #contents .inner .illust_tel {
        margin-bottom: 0;
    }
    main #sidebar {
        display: none;
    }
    footer.pc {
        display: none;
    }
    footer.sp {
        display: block;
        width: 100%;
        padding-top: 5rem;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.6;
        color: #00008F;
    }
    footer.sp .illust {
        margin-top: -11rem;
    }
    footer.sp .illust img {
        width: 80%;
    }
    footer.sp .logo {
        margin-top: 3rem;
    }
    footer.sp .logo img {
        width: 30%;
    }
    .up {
        width: 50%;
    }
    .drawer-nav .drawer-menu {
        margin-top: 1rem;
    }
    .drawer-nav .drawer-menu li a {
        display: block;
        text-align: left;
        padding: 1rem 2rem;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333;
        color: #fff;
        border-bottom: 0.05rem solid rgba(255, 255, 255, 0.2);
    }
    /* main(index) */
    #home main #contents {
        background-image: url(/images/sp/common/back_contents2.png), url(/images/sp/common/back_contents.png);
        background-repeat: no-repeat, no-repeat;
        background-position: bottom, top;
        background-size: contain, contain;
        background-color: #fff;
    }
    #home main #contents .contents_header {
        width: 100%;
    }
    #home main #contents .contents_header h1.sp {
        display: block;
        padding-top: 7rem;
    }
    #home main #contents .contents_header h1.sp img {
        width: 60%;
    }
    #home main #contents section {
        width: 100%;
    }
    #home main #contents section.balloon_sp {
        padding-top: 5rem;
    }
    #home main #contents section.balloon_sp p {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #home main #contents section.balloon_sp p img {
        width: 100%;
    }
    #home main #contents section.topics {
        width: 85%;
        margin: 5rem auto 1rem auto;
        padding: 2rem 1rem 1rem 1rem;
        border: 1px solid #94D9F5;
        -moz-border-radius: 1rem;
        -webkit-border-radius: 1rem;
        border-radius: 1rem;
    }
    #home main #contents section.topics .title {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #home main #contents section.topics .title h2 {
        margin: 0 auto 2rem auto;
    }
    #home main #contents section.topics .title ul {
        text-align: right;
    }
    #home main #contents section.topics .title ul li a {
        margin: 0;
    }
    #home main #contents section.topics ul.list_topics {
        width: 100%;
    }
    #home main #contents section.topics ul.list_topics li {
        background: none !important;
        padding: 0;
    }
    #home main #contents section.topics ul.list_topics li dl {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #home main #contents section.topics ul.list_topics li dl dt,
    #home main #contents section.topics ul.list_topics li dl dd {
        width: 100%;
    }
    #home main #contents section.topics ul.list_topics li dl dt p {
        padding: 0;
        margin: 0;
    }
    #home main #contents section.topics ul.list_topics li dl dt p.date {
        margin-bottom: 0.5rem;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333;
    }
    #home main #contents section.topics ul.list_topics li dl dt p.date span {
        display: inline-block;
        background: #FFD91A;
        margin-left: 1rem;
        margin-bottom: 0.3rem;
        padding: 0.2rem 1rem;
    }
    #home main #contents section.topics ul.list_topics li dl dd {
        margin-left: 0;
    }
    #home main #contents section.topics ul.list_topics li dl dd p.title {
        width: 100%;
        margin: 0 0 1rem 0;
        margin-bottom: 1rem;
        padding: 0;
    }
    #home main #contents section.topics ul.list_topics li dl dd p.title a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.28571;
        color: #00008F;
        font-weight: bold;
    }
    #home main #contents section.topics p.all {
        width: 8rem;
        background: url(/images/common/point02.png) no-repeat left;
        margin: 0 auto 0.5rem auto;
        padding: 0.3rem 0 0 1.8rem;
        font-size: 12px;
        font-size: 1.2rem;
    }
    #home main #contents section.recomend {
        width: 85%;
        margin: 5rem auto 2rem auto;
        padding: 2rem 1rem;
        border: 1px solid #94D9F5;
        -moz-border-radius: 1rem;
        -webkit-border-radius: 1rem;
        border-radius: 1rem;
    }
    #home main #contents section.recomend .title h2 {
        margin: 0 auto 1.5rem auto;
    }
    #home main #contents section.recomend .title h2 img {
        width: 90%;
    }
    #home main #contents section.recomend dl {
        margin: 0 auto 1rem auto;
        -js-display: flex;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -webkit-flex;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -o-flexbox;
        display: flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
    #home main #contents section.recomend dl dt {
        width: 40%;
    }
    #home main #contents section.recomend dl dt img {
        width: 100%;
    }
    #home main #contents section.recomend dl dd {
        width: 60%;
        margin: 0;
        padding-left: 1rem;
        text-align: left;
    }
    #home main #contents section.recomend dl dd a {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.36364;
        color: #00008F;
        font-weight: bold;
    }
    #home main #contents section.recomend p {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42857;
    }
    #home main #contents p {
        width: 92%;
        margin: 10rem auto 4rem auto;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0.1rem;
    }
    #home main #contents p.illust_tel {
        position: relative;
        width: 90%;
        margin: 5rem auto 0 auto;
    }
    #home main #contents p.illust_tel img {
        width: 100%;
    }
    #home main #contents p.illust_tel span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 1.5rem;
        margin-left: -10rem;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1;
        color: #fff;
        font-weight: bold;
    }
    #page main #contents {
        background: url(/images/sp/common/back_contents.png) top center/cover no-repeat #fff;
    }
    #page main #contents .contents_header {
        width: 100%;
        margin-bottom: 2rem;
    }
    #page main #contents .contents_header h1.sp {
        display: block;
        padding-top: 4rem;
    }
    #page main #contents .contents_header h1.sp img {
        width: 60%;
        margin: 0 auto;
    }
    #page main #contents .inner {
        width: 96%;
        margin: 0 auto 10rem auto;
        padding-bottom: 0;
    }
    #page main #contents .inner h2 img {
        width: 80%;
    }
    #page main #contents .inner h3 {
        /* width: 92%; */ /* 20200323 */
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0 0 1.5rem 0;
    }
    #page main #contents .inner p,
    #page main #contents .inner div {
        width: 92%;
        margin: 0 auto 4rem auto;
        font-size: 12px;
        /* font-size: 1.2rem; */
        font-size: 1.6rem; /* add 20191011 */
        line-height: 1.66667;
        letter-spacing: 0.1rem;
    }
    #page main #contents .inner p.illust img,
    #page main #contents .inner div.illust img {
        width: 75%;
    }
    #page main #contents .inner p.illust_tel,
    #page main #contents .inner div.illust_tel {
        position: relative;
        width: 90%;
    }
    #page main #contents .inner p.illust_tel img,
    #page main #contents .inner div.illust_tel img {
        width: 100%;
    }
    #page main #contents .inner p.illust_tel span,
    #page main #contents .inner div.illust_tel span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 1.5rem;
        margin-left: -10rem;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1;
        color: #fff;
        font-weight: bold;
    }
    /*
  #page main.tax #contents .topics {
    width: 96%;
    background: #E6F5F7;
    padding: 4rem 0; }
    #page main.tax #contents .topics h3, #page main.tax #contents .topics dl {
      width: 92%;
      text-align: left;
      margin: 0 auto; }
    #page main.tax #contents .topics h3 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5; }
    #page main.tax #contents .topics dl {
      border-bottom: 1px dotted #ccc; }
      #page main.tax #contents .topics dl dt {
        padding-top: 1rem;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.71429; }
      #page main.tax #contents .topics dl dd {
        margin: 0;
        padding-bottom: 1rem;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2; }
*/
    #page main.access #contents,
    #page main.osakafuka #contents,
    #page main.osakashi #contents {
        background: url(/images/sp/common/back_contents.png) top center/contain no-repeat #fff;
    }
    #page main.access #contents .inner h2 img,
    #page main.osakafuka #contents .inner h2 img,
    #page main.osakashi #contents .inner h2 img {
        width: 60%;
    }
    #page main.access #contents ul.access,
    #page main.osakafuka #contents ul.access,
    #page main.osakashi #contents ul.access {
        width: 96%;
        margin: 1rem auto 3rem auto;
        padding: 0;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
    #page main.access #contents ul.access li,
    #page main.osakafuka #contents ul.access li,
    #page main.osakashi #contents ul.access li {
        width: 48%;
        text-align: center;
    }
    #page main.access #contents ul.access li a,
    #page main.osakafuka #contents ul.access li a,
    #page main.osakashi #contents ul.access li a {
        margin-bottom: 1rem;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 3.23077;
        border: 1px solid #00008F;
    }
    #page main.access #contents h4,
    #page main.osakafuka #contents h4,
    #page main.osakashi #contents h4 {
        width: 96%;
        margin: 5rem auto 1rem auto;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 0.88889;
    }
    #page main.access #contents dl,
    #page main.osakafuka #contents dl,
    #page main.osakashi #contents dl {
        width: 96%;
        margin: 2rem auto 5rem auto;
    }
    #page main.access #contents dl dt,
    #page main.osakafuka #contents dl dt,
    #page main.osakashi #contents dl dt {
        text-align: center;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2;
    }
    #page main.access #contents dl dd,
    #page main.osakafuka #contents dl dd,
    #page main.osakashi #contents dl dd {
        padding: 2rem 0 3rem 0;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #page main.access #contents dl dd div.data,
    #page main.osakafuka #contents dl dd div.data,
    #page main.osakashi #contents dl dd div.data {
        width: 100%;
        padding-right: 0;
    }
    #page main.access #contents dl dd div.data p,
    #page main.osakafuka #contents dl dd div.data p,
    #page main.osakashi #contents dl dd div.data p {
        margin-top: 0.5rem;
    }
    #page main.access #contents dl dd div.data ul,
    #page main.osakafuka #contents dl dd div.data ul,
    #page main.osakashi #contents dl dd div.data ul {
        margin-top: 1rem;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.25;
    }
    #page main.access #contents dl dd div.map,
    #page main.osakafuka #contents dl dd div.map,
    #page main.osakashi #contents dl dd div.map {
        width: 100%;
        text-align: center;
    }
    #page main.access #contents dl dd div.map iframe,
    #page main.osakafuka #contents dl dd div.map iframe#page main.osakashi #contents dl dd div.map iframe {
        width: 80%;
        margin: 1rem auto;
    }
}


/*
.inner .map  .link {border:1px solid red;
     margin:5px 0 10px;
}
*/

.inner .map .link li a {
    display: block;
    background: #ffe148;
    width: 160px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    line-height: 30px;
    color: #00008f;
}

#page .reration {
    text-align: left;
    background: #E6F5F7;
    padding: 4rem 0;
}

#page .reration h3,
#page .reration dl {
    width: 645px;
    text-align: left;
    margin: 0 auto;
}

#page .reration dl {
    border-bottom: 1px dotted #ccc;
}

#page .reration dl dt {
    padding-top: 1rem;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
}

#page .reration dl dd {
    margin: 0;
    padding-bottom: 1rem;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.64706;
}

@media screen and (max-width: 1024px) {
    #page main.access #contents dl dd {
        position: static;
        width: 100%;
    }
    #page main.access #contents dl dd div.data p,
    #page main.access #contents dl dd div.data ul {
        width: 100%;
    }
    #page main.access #contents dl dd div.data p.title {
        margin-bottom: 1rem;
    }
    #page main.access #contents dl dd div.map ul {
        display: block;
        width: 100%;
        position: static;
    }
    #page main.access #contents dl dd div.map ul li {
        text-align: center;
    }
    #page main.access #contents dl dd div.map ul li a {
        width: 80%;
        margin: 0 auto 1rem auto;
        padding: 0.5rem 0;
        font-size: 150%;
    }

#page main #contents div.reration  dl dt {
 display: none;
}
#contents div.reration dl dd p {
    width: 90%;
    margin: 0;
}

    #page .reration {
        width: 96%;
        background: #E6F5F7;
        padding: 4rem 0;
    }
    #page .reration h3,
    #page .reration dl {
        width: 96%;
        text-align: left;
        margin: 0 auto;
    }
    #page .reration h3 {
        width: 96%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    #page .reration dl {
        border-bottom: 1px dotted #ccc;
    }
    #page .reration dl dt {
        width: 100%;
        padding-top: 1rem;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.71429;
    }
    #page .reration dl dd {
        width: 100%;
        margin: 0;
        padding-bottom: 1rem;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2;
    }
#page main #contents div.reration  dl dd p {
    width: 90%;
    margin: 0;
}

}


/*20170824*/

#sidebar p.banner {
    margin-top: 40px;
}

img.wp-image-857,
img.wp-image-858 {
    margin: 10px 0 40px 0;
}


/* add 20191003 */
#page main #contents .inner  .inner_02 {
    width: 220px;
    text-align: center;
    margin: 50px 0 50px 22px;
    padding: 2rem 0 2rem 0;
    /* background: #E6F5F7; */
    background: #00008f;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    float: left;
}
#page main #contents .inner .inner_02 p{
    width: 200px;
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.75;
    letter-spacing: 0.1rem;
    font-weight: bold;
    color:#fff;
}
.clearfix::after {
    content : "";
    display : block;
    clear : both;
}
@media screen and (max-width: 1024px) {
    #page main #contents .inner .inner_02 {
        width: 90%;
        margin: 30px 0 0 22px;
        padding: 2rem auto ;
    }
    #page main #contents .inner .inner_02 p {
        width: 92%;
    }
    #page main #contents .inner .sp_mb {
        margin-bottom:100px;
    }
    #page main #contents .inner p.illust_tel_02{
        position: static;
        width: 90%;
    }
    #page main #contents .inner p.illust_tel_02 img{
        width: 100%;
    }
}

/*tableplugin*/

#tablepress-1 {
    visibility: visible;
    width:96%;
    margin:0 auto;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0px;
}
#tablepress-1 th {
    color: #00008F;
}
#tablepress-1 th ,
#tablepress-1 td {
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0px;
    /* font-size:0.8rem; */
    font-size:1.4rem;
}
@media screen and (max-width: 1024px) {
    #tablepress-1 th ,
    #tablepress-1 td {
        font-size:1.1rem;
    }
}
#tablepress-1 td.column-1 {
    width:4%;
}
#tablepress-1 td.column-2 {
    width:4%;
}
#tablepress-1 td.column-3 {
    width:26%;
}
#tablepress-1 td.column-4 {
    width:30%;
}
#tablepress-1 td.column-5 {
    width:17%;
}
#tablepress-1 td.column-6 {
    width:15%;
}


/* add 20191011 */
#sidebar section.special {
    text-align: center;
    background: #FFE148;
    margin: 4rem 1rem;
    padding: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
#sidebar section.special a {
    display: block;
    margin: 0 auto;
    color: #00008f;
    font-size: 30px;
    font-weight: bold;
}

.special_sp {
    display: none;
}
@media screen and (max-width: 1024px) {
    .special_sp {
        display: block;
        text-align: center;
        background: #FFE148;
        margin: 1rem 2rem;
        padding: 1rem;
        -moz-border-radius: 1rem;
        -webkit-border-radius: 1rem;
        border-radius: 1rem;
    }
    .special_sp a {
        display: block;
        margin: 0 auto;
        color: #00008f;
        font-size: 20px;
        font-weight: bold;
    }
}





/* add 20200323 */
/* ******************************
　トップページ　特設ページバナー
********************************* */
#sidebar section.special_02 {
    text-align: center;
    background: #FFE148;
    margin: 20px 8px 20px 12px;
    padding: 8px 5px 3px;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
#sidebar section.special_02 a {
    display: block;
    margin: 0 auto;
    color: #00008f;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
}
.special_02_sp_cont {
    display: none;
}
@media screen and (max-width: 1024px) {
    .special_02_sp_cont {
        display: flex;
        justify-content: space-between;
        padding: 0 20px 8px;
    }
    .special_02_sp_cont.bottom {
        padding: 0 20px 0;
    }
    .special_02_sp {
        display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
        justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
        width: 45%;
        text-align: center;
        background: #FFE148;
        padding: 2% 2% 1%;
        -moz-border-radius: 1rem;
        -webkit-border-radius: 1rem;
        border-radius: 1rem;
    }
    .special_02_sp a {
        display: block;
        margin: 0 auto;
        color: #00008f;
        font-size: 1.7rem;
        font-weight: bold;
    }
}
@media screen and (max-width: 320px) {
    .special_02_sp a {
        font-size: 1.5rem;
    }
}

/* ********************
　コロナ対策特設ページ
*********************** */
#page main #contents .inner span.blue {
    color:#00008f;
    font-weight: bold;
    font-size: 110%;
}
#page main #contents .inner span.right {
    display:block;
    text-align:right;
}
#page main #contents .inner a.link_virusMeasures {
    text-decoration:underline;
    font-weight: bold;
}
#page main #contents .inner div.virusMeasures_top-back{
    background: url(../../../../../images/page/illust_virus_measures_01.png) no-repeat top 20px right 15px;
    margin-bottom: 20px;
}
#page main #contents .inner p.virusMeasures_top-text{
    width: 500px;
    height: 140px;
    margin: 0 0 0 15px;
}
#page main #contents .inner div.flex01_cont{
    display: flex;
    flex-wrap: wrap;
}
#page main #contents .inner div.flex01_cont div.flex01_inner{
    width: 45%;
    margin: 0 0 1%;
    padding: 2% 1.5% 2% 1%;
    background-color: rgba(255, 255, 255, 0.65);
    font-size: 95%;
}
#page main #contents .inner div.flex01_cont div.flex01_inner:nth-child(2n){
    margin-left: 1.5%;
}
#page main #contents .inner div.flex02_cont{
    display: flex;
    flex-wrap: wrap;
    margin: 2% auto 4%;
}
#page main #contents .inner div.flex02_cont div.flex02_inner_text{
    width: 46%;
    margin-bottom: 0%;
}
#page main #contents .inner div.flex02_cont div.flex02_inner{
    width: 46%;
    margin: auto;
}
#page main #contents .inner div.flex02_cont div.flex02_inner img{
    max-width: 100%;
}


#page main #contents .inner div.flex03_cont{
    display: flex;
    margin: 2% auto 4%;
}
#page main #contents .inner div.flex03_cont div.flex03_inner{
    width: auto;
    margin: 0;
}
#page main #contents .inner div.flex03_cont div.flex03_inner.m_4per{
    margin: 0 4%;
}


#page main #contents .inner dl.dl_virusMeasures01, 
#page main #contents .inner dl.dl_virusMeasures02 {
    margin-top: 0;
    margin-bottom: 0;
}
#page main #contents .inner dl.dl_virusMeasures01 dt, 
#page main #contents .inner dl.dl_virusMeasures02 dt {
    float: left;
}
#page main #contents .inner dl.dl_virusMeasures01 dd {
    margin-left: 1em;
}
#page main #contents .inner dl.dl_virusMeasures02 dd {
    margin-left: 1em;
    margin-bottom: 1%;
}
#page main #contents .inner div.box {
    display: inline-block;
    text-align: center;
    width: auto;
    background: #00008f;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 1px 10px;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

@media screen and (max-width: 1024px) {
    #page main #contents .inner .pcon{
        display: none;
    }
    #page main #contents .inner span.right {
        text-align:left;
    }
    #page main #contents .inner div.flex01_cont{
        display: block;
    }
    #page main #contents .inner div.flex01_cont div.flex01_inner{
        width: 100%;
        margin: 0 0 1%;
        padding: 2% 2% 2% 1%;
    }
    #page main #contents .inner div.flex01_cont div.flex01_inner:nth-child(2n){
        margin-left: 1%;
    }
    #page main #contents .inner div.flex02_cont{
        display: block;
        margin: 2% auto 2%;
    }
    #page main #contents .inner div.flex02_cont div.flex02_inner_text {
        width: 90%;
        margin: 0 auto 4%;
    }
    #page main #contents .inner div.flex02_cont div.flex02_inner {
        width: 100%;
        margin: 0 0 5%;
    }


    
    #page main #contents .inner div.flex03_cont{
        display: block;
        margin: 4% auto 4%;
    }
    #page main #contents .inner div.flex03_cont div.flex03_inner{
        width: auto;
        margin: 0;
    }
    #page main #contents .inner div.flex03_cont div.flex03_inner.m_4per{
        margin: 0 0 4%;
    }


    
}

@media screen and (max-width: 1024px) and (min-width: 481px) {
    #page main #contents .inner div.virusMeasures_top-back{
        background: url(../../../../../images/page/illust_virus_measures_01.png) no-repeat top 20px right 0;
        background-position: center right;
        background-size: contain;
    }
    #page main #contents .inner p.virusMeasures_top-text{
        width: 80%;
        height: auto;
        margin: 0;
    }
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    #page main #contents .inner div.virusMeasures_top-back{
        background: url(../../../../../images/page/illust_virus_measures_01.png) no-repeat top 20px right 0;
        background-position: center right;
        background-size: 35%;
    }
    #page main #contents .inner p.virusMeasures_top-text{
        width: 65%;
        height: auto;
        margin: 0;
    }
}

/* add 20200915 oono */
.bold {
    font-weight: bold !important;
}
.underLine {
    text-decoration: underline !important;
}

#page main #contents .inner h3.h3_left {
    text-align: left;
    margin: 2% 5% 0;
}
#page main #contents .inner p.illust_big {
    text-align: center;
    /* margin: auto auto; */
    width: 90%;
    margin: 5rem auto 0 auto;
}
#page main #contents .inner div.text_nomal{
    margin: 1rem auto 8rem;
}
#page main #contents .inner div.text_nomal p{
    margin: 0 auto 2rem;
    text-align: left;
}

#page main #contents .inner div.text_flex{
    display: flex;
    flex-wrap: wrap;
    margin: 1rem auto 8rem;
}
/* #page main #contents .inner div.text_flex p{
    margin: 0 auto 2rem;
} */
#page main #contents .inner div.text_flex div.flex_inner_text{
    width: 50%;
    margin: 0;
}
#page main #contents .inner div.text_flex div.flex_inner_text p{
    margin: 0 auto 2rem;
    text-align: left;
}
#page main #contents .inner div.text_flex div.flex_inner_img{
    width: 50%;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    #page main #contents .inner h3.h3_left {
        text-align: left;
        margin: 5% 5% 0;
    }
    #page main #contents .inner p.illust_big {
        margin-bottom: 10%;
        width: 90%;
    }
    #page main #contents .inner p.illust_big img {
        width: 100%;
    }
    #page main #contents .inner div.text_nomal{
        width: 100%;
        margin: 1rem 0 5rem;
    }
    #page main #contents .inner div.text_nomal p{
        margin: 0 0 2rem 8%;
    }

    #page main #contents .inner div.text_flex{
        display: block;
        margin: 1rem 0 5rem;
        width: 100%;
    }
    /* #page main #contents .inner div.text_flex p{
        margin: 0 0 2rem;
    } */
    #page main #contents .inner div.text_flex div.flex_inner_text {
        width: 100%;
        margin: 0 0 1rem;
    }
    #page main #contents .inner div.text_flex div.flex_inner_text p{
        margin: 0 0 2rem 8%;
    }
    #page main #contents .inner div.text_flex div.flex_inner_img {
        width: 100%;
        margin: 0 0 1rem;
    }
    
    .h2_tokousou_hantai {
        margin-bottom: 15%;
    }
    .h2_tokousou_hantai img{
        width: 90% !important;
    }
}

/* .pc_only {
    display: block;
}
.sp_only {
    display: none;
}
@media screen and (max-width: 1024px) {
    .pc_only {
        display: none;
    }
    .sp_only {
        display: block;
    }
} */
/* add-end*/

/* ----------------------------------------------------
add
---------------------------------------------------- */
.list-01 {
    margin: 0 0 4rem 3rem;
    font-size: 16px;
    text-align: left;
}
@media (max-width: 736px) {
    .list-01 {
         margin-left: 0;
    }
}

.underline {
    text-decoration: underline;
}